react-native-keyboard-controller 1.9.5 → 1.10.1

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

@@ -0,0 +1,190 @@
+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, { useCallback, useMemo } from "react";
+import { useWindowDimensions } from "react-native";
+import Reanimated, { interpolate, scrollTo, useAnimatedReaction, useAnimatedRef, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue } from "react-native-reanimated";
+import { useFocusedInputHandler, useReanimatedFocusedInput } from "react-native-keyboard-controller";
+import { useSmoothKeyboardHandler } from "./useSmoothKeyboardHandler";
+import { debounce } from "./utils";
+/**
+ * Everything begins from `onStart` handler. This handler is called every time,
+ * when keyboard changes its size or when focused `TextInput` was changed. In
+ * this handler we are calculating/memoizing values which later will be used
+ * during layout movement. For that we calculate:
+ * - layout of focused field (`layout`) - to understand whether there will be overlap
+ * - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation
+ * - future keyboard height (`keyboardHeight`) - used in scroll interpolation
+ * - current scroll position (`scrollPosition`) - used to scroll from this point
+ *
+ * Once we've calculated all necessary variables - we can actually start to use them.
+ * It happens in `onMove` handler - this function simply calls `maybeScroll` with
+ * current keyboard frame height. This functions makes the smooth transition.
+ *
+ * When the transition has finished we go to `onEnd` handler. In this handler
+ * we verify, that the current field is not overlapped within a keyboard frame.
+ * For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,
+ * however there could be some cases, when `onMove` is not called:
+ * - on iOS when TextInput was changed - keyboard transition is instant
+ * - on Android when TextInput was changed and keyboard size wasn't changed
+ * So `onEnd` handler handle the case, when `onMove` wasn't triggered.
+ *
+ * ====================================================================================================================+
+ * -----------------------------------------------------Flow chart-----------------------------------------------------+
+ * ====================================================================================================================+
+ *
+ * +============================+       +============================+        +==================================+
+ * +  User Press on TextInput   +   =>  +  Keyboard starts showing   +   =>   + As keyboard moves frame by frame +  =>
+ * +                            +       +       (run `onStart`)      +        +    `onMove` is getting called    +
+ * +============================+       +============================+        +==================================+
+ *
+ *
+ * +============================+       +============================+        +=====================================+
+ * + Keyboard is shown and we   +   =>  +    User moved focus to     +   =>   + Only `onStart`/`onEnd` maybe called +
+ * +    call `onEnd` handler    +       +     another `TextInput`    +        +    (without involving `onMove`)     +
+ * +============================+       +============================+        +=====================================+
+ *
+ */
+const KeyboardAwareScrollView = _ref => {
+  let {
+    children,
+    bottomOffset = 0,
+    ...rest
+  } = _ref;
+  const scrollViewAnimatedRef = useAnimatedRef();
+  const scrollPosition = useSharedValue(0);
+  const position = useSharedValue(0);
+  const keyboardHeight = useSharedValue(0);
+  const tag = useSharedValue(-1);
+  const initialKeyboardSize = useSharedValue(0);
+  const scrollBeforeKeyboardMovement = useSharedValue(0);
+  const {
+    input
+  } = useReanimatedFocusedInput();
+  const layout = useSharedValue(null);
+  const {
+    height
+  } = useWindowDimensions();
+  const onScroll = useAnimatedScrollHandler({
+    onScroll: e => {
+      position.value = e.contentOffset.y;
+    }
+  }, []);
+
+  /**
+   * Function that will scroll a ScrollView as keyboard gets moving
+   */
+  const maybeScroll = useCallback(function (e) {
+    "worklet";
+
+    var _layout$value, _layout$value2;
+    let animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    const visibleRect = height - keyboardHeight.value;
+    const absoluteY = ((_layout$value = layout.value) === null || _layout$value === void 0 ? void 0 : _layout$value.layout.absoluteY) || 0;
+    const inputHeight = ((_layout$value2 = layout.value) === null || _layout$value2 === void 0 ? void 0 : _layout$value2.layout.height) || 0;
+    const point = absoluteY + inputHeight;
+    if (visibleRect - point <= bottomOffset) {
+      const interpolatedScrollTo = interpolate(e, [initialKeyboardSize.value, keyboardHeight.value], [0, keyboardHeight.value - (height - point) + bottomOffset]);
+      const targetScrollY = Math.max(interpolatedScrollTo, 0) + scrollPosition.value;
+      scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);
+      return interpolatedScrollTo;
+    }
+    if (absoluteY < 0) {
+      const positionOnScreen = visibleRect - inputHeight - bottomOffset;
+      const topOfScreen = scrollPosition.value + absoluteY;
+      scrollTo(scrollViewAnimatedRef, 0, topOfScreen - positionOnScreen, animated);
+    }
+    return 0;
+  }, [bottomOffset]);
+  const onChangeText = useCallback(() => {
+    "worklet";
+
+    // if typing a text caused layout shift, then we need to ignore this handler
+    // because this event will be handled in `useAnimatedReaction` below
+    var _layout$value3, _input$value;
+    if (((_layout$value3 = layout.value) === null || _layout$value3 === void 0 ? void 0 : _layout$value3.layout.height) !== ((_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.layout.height)) {
+      return;
+    }
+    const prevScrollPosition = scrollPosition.value;
+    const prevLayout = layout.value;
+    scrollPosition.value = position.value;
+    layout.value = input.value;
+    maybeScroll(keyboardHeight.value, true);
+    scrollPosition.value = prevScrollPosition;
+    layout.value = prevLayout;
+  }, [maybeScroll]);
+  const onChangeTextHandler = useMemo(() => debounce(onChangeText, 200), [onChangeText]);
+  useFocusedInputHandler({
+    onChangeText: onChangeTextHandler
+  }, [onChangeTextHandler]);
+  useSmoothKeyboardHandler({
+    onStart: e => {
+      "worklet";
+
+      const keyboardWillChangeSize = keyboardHeight.value !== e.height && e.height > 0;
+      const keyboardWillAppear = e.height > 0 && keyboardHeight.value === 0;
+      const keyboardWillHide = e.height === 0;
+      const focusWasChanged = tag.value !== e.target && e.target !== -1 || keyboardWillChangeSize;
+      if (keyboardWillChangeSize) {
+        initialKeyboardSize.value = keyboardHeight.value;
+      }
+      if (keyboardWillHide) {
+        // on back transition need to interpolate as [0, keyboardHeight]
+        initialKeyboardSize.value = 0;
+        scrollPosition.value = scrollBeforeKeyboardMovement.value;
+      }
+      if (keyboardWillAppear || keyboardWillChangeSize || focusWasChanged) {
+        // persist scroll value
+        scrollPosition.value = position.value;
+        // just persist height - later will be used in interpolation
+        keyboardHeight.value = e.height;
+      }
+
+      // focus was changed
+      if (focusWasChanged) {
+        tag.value = e.target;
+
+        // save position of focused text input when keyboard starts to move
+        layout.value = input.value;
+        // save current scroll position - when keyboard will hide we'll reuse
+        // this value to achieve smooth hide effect
+        scrollBeforeKeyboardMovement.value = position.value;
+      }
+      if (focusWasChanged && !keyboardWillAppear) {
+        // update position on scroll value, so `onEnd` handler
+        // will pick up correct values
+        position.value += maybeScroll(e.height, true);
+      }
+    },
+    onMove: e => {
+      "worklet";
+
+      maybeScroll(e.height);
+    },
+    onEnd: e => {
+      "worklet";
+
+      keyboardHeight.value = e.height;
+      scrollPosition.value = position.value;
+    }
+  }, [height, maybeScroll]);
+  useAnimatedReaction(() => input.value, (current, previous) => {
+    if ((current === null || current === void 0 ? void 0 : current.target) === (previous === null || previous === void 0 ? void 0 : previous.target) && (current === null || current === void 0 ? void 0 : current.layout.height) !== (previous === null || previous === void 0 ? void 0 : previous.layout.height)) {
+      const prevLayout = layout.value;
+      layout.value = input.value;
+      scrollPosition.value += maybeScroll(keyboardHeight.value, true);
+      layout.value = prevLayout;
+    }
+  }, []);
+  const view = useAnimatedStyle(() => ({
+    paddingBottom: keyboardHeight.value
+  }), []);
+  return /*#__PURE__*/React.createElement(Reanimated.ScrollView, _extends({
+    ref: scrollViewAnimatedRef
+  }, rest, {
+    onScroll: onScroll,
+    scrollEventThrottle: 16
+  }), /*#__PURE__*/React.createElement(Reanimated.View, {
+    style: view
+  }, children));
+};
+export default KeyboardAwareScrollView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useWindowDimensions","Reanimated","interpolate","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedScrollHandler","useAnimatedStyle","useSharedValue","useFocusedInputHandler","useReanimatedFocusedInput","useSmoothKeyboardHandler","debounce","KeyboardAwareScrollView","_ref","children","bottomOffset","rest","scrollViewAnimatedRef","scrollPosition","position","keyboardHeight","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","layout","height","onScroll","e","value","contentOffset","y","maybeScroll","_layout$value","_layout$value2","animated","arguments","length","undefined","visibleRect","absoluteY","inputHeight","point","interpolatedScrollTo","targetScrollY","Math","max","positionOnScreen","topOfScreen","onChangeText","_layout$value3","_input$value","prevScrollPosition","prevLayout","onChangeTextHandler","onStart","keyboardWillChangeSize","keyboardWillAppear","keyboardWillHide","focusWasChanged","target","onMove","onEnd","current","previous","view","paddingBottom","createElement","ScrollView","_extends","ref","scrollEventThrottle","View","style"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { useWindowDimensions } from \"react-native\";\nimport Reanimated, {\n  interpolate,\n  scrollTo,\n  useAnimatedReaction,\n  useAnimatedRef,\n  useAnimatedScrollHandler,\n  useAnimatedStyle,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n  useFocusedInputHandler,\n  useReanimatedFocusedInput,\n} from \"react-native-keyboard-controller\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce } from \"./utils\";\n\nimport type { FC } from \"react\";\nimport type { ScrollViewProps } from \"react-native\";\nimport type { FocusedInputLayoutChangedEvent } from \"react-native-keyboard-controller\";\n\ntype KeyboardAwareScrollViewProps = {\n  bottomOffset?: number;\n} & ScrollViewProps;\n\n/**\n * Everything begins from `onStart` handler. This handler is called every time,\n * when keyboard changes its size or when focused `TextInput` was changed. In\n * this handler we are calculating/memoizing values which later will be used\n * during layout movement. For that we calculate:\n * - layout of focused field (`layout`) - to understand whether there will be overlap\n * - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation\n * - future keyboard height (`keyboardHeight`) - used in scroll interpolation\n * - current scroll position (`scrollPosition`) - used to scroll from this point\n *\n * Once we've calculated all necessary variables - we can actually start to use them.\n * It happens in `onMove` handler - this function simply calls `maybeScroll` with\n * current keyboard frame height. This functions makes the smooth transition.\n *\n * When the transition has finished we go to `onEnd` handler. In this handler\n * we verify, that the current field is not overlapped within a keyboard frame.\n * For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,\n * however there could be some cases, when `onMove` is not called:\n * - on iOS when TextInput was changed - keyboard transition is instant\n * - on Android when TextInput was changed and keyboard size wasn't changed\n * So `onEnd` handler handle the case, when `onMove` wasn't triggered.\n *\n * ====================================================================================================================+\n * -----------------------------------------------------Flow chart-----------------------------------------------------+\n * ====================================================================================================================+\n *\n * +============================+       +============================+        +==================================+\n * +  User Press on TextInput   +   =>  +  Keyboard starts showing   +   =>   + As keyboard moves frame by frame +  =>\n * +                            +       +       (run `onStart`)      +        +    `onMove` is getting called    +\n * +============================+       +============================+        +==================================+\n *\n *\n * +============================+       +============================+        +=====================================+\n * + Keyboard is shown and we   +   =>  +    User moved focus to     +   =>   + Only `onStart`/`onEnd` maybe called +\n * +    call `onEnd` handler    +       +     another `TextInput`    +        +    (without involving `onMove`)     +\n * +============================+       +============================+        +=====================================+\n *\n */\nconst KeyboardAwareScrollView: FC<KeyboardAwareScrollViewProps> = ({\n  children,\n  bottomOffset = 0,\n  ...rest\n}) => {\n  const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n  const scrollPosition = useSharedValue(0);\n  const position = useSharedValue(0);\n  const keyboardHeight = useSharedValue(0);\n  const tag = useSharedValue(-1);\n  const initialKeyboardSize = useSharedValue(0);\n  const scrollBeforeKeyboardMovement = useSharedValue(0);\n  const { input } = useReanimatedFocusedInput();\n  const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n\n  const { height } = useWindowDimensions();\n\n  const onScroll = useAnimatedScrollHandler(\n    {\n      onScroll: (e) => {\n        position.value = e.contentOffset.y;\n      },\n    },\n    [],\n  );\n\n  /**\n   * Function that will scroll a ScrollView as keyboard gets moving\n   */\n  const maybeScroll = useCallback(\n    (e: number, animated: boolean = false) => {\n      \"worklet\";\n\n      const visibleRect = height - keyboardHeight.value;\n      const absoluteY = layout.value?.layout.absoluteY || 0;\n      const inputHeight = layout.value?.layout.height || 0;\n      const point = absoluteY + inputHeight;\n\n      if (visibleRect - point <= bottomOffset) {\n        const interpolatedScrollTo = interpolate(\n          e,\n          [initialKeyboardSize.value, keyboardHeight.value],\n          [0, keyboardHeight.value - (height - point) + bottomOffset],\n        );\n        const targetScrollY =\n          Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n        scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n        return interpolatedScrollTo;\n      }\n\n      if (absoluteY < 0) {\n        const positionOnScreen = visibleRect - inputHeight - bottomOffset;\n        const topOfScreen = scrollPosition.value + absoluteY;\n\n        scrollTo(\n          scrollViewAnimatedRef,\n          0,\n          topOfScreen - positionOnScreen,\n          animated,\n        );\n      }\n\n      return 0;\n    },\n    [bottomOffset],\n  );\n\n  const onChangeText = useCallback(() => {\n    \"worklet\";\n\n    // if typing a text caused layout shift, then we need to ignore this handler\n    // because this event will be handled in `useAnimatedReaction` below\n    if (layout.value?.layout.height !== input.value?.layout.height) {\n      return;\n    }\n\n    const prevScrollPosition = scrollPosition.value;\n    const prevLayout = layout.value;\n\n    scrollPosition.value = position.value;\n    layout.value = input.value;\n    maybeScroll(keyboardHeight.value, true);\n    scrollPosition.value = prevScrollPosition;\n    layout.value = prevLayout;\n  }, [maybeScroll]);\n  const onChangeTextHandler = useMemo(\n    () => debounce(onChangeText, 200),\n    [onChangeText],\n  );\n\n  useFocusedInputHandler(\n    {\n      onChangeText: onChangeTextHandler,\n    },\n    [onChangeTextHandler],\n  );\n\n  useSmoothKeyboardHandler(\n    {\n      onStart: (e) => {\n        \"worklet\";\n\n        const keyboardWillChangeSize =\n          keyboardHeight.value !== e.height && e.height > 0;\n        const keyboardWillAppear = e.height > 0 && keyboardHeight.value === 0;\n        const keyboardWillHide = e.height === 0;\n        const focusWasChanged =\n          (tag.value !== e.target && e.target !== -1) || keyboardWillChangeSize;\n\n        if (keyboardWillChangeSize) {\n          initialKeyboardSize.value = keyboardHeight.value;\n        }\n\n        if (keyboardWillHide) {\n          // on back transition need to interpolate as [0, keyboardHeight]\n          initialKeyboardSize.value = 0;\n          scrollPosition.value = scrollBeforeKeyboardMovement.value;\n        }\n\n        if (keyboardWillAppear || keyboardWillChangeSize || focusWasChanged) {\n          // persist scroll value\n          scrollPosition.value = position.value;\n          // just persist height - later will be used in interpolation\n          keyboardHeight.value = e.height;\n        }\n\n        // focus was changed\n        if (focusWasChanged) {\n          tag.value = e.target;\n\n          // save position of focused text input when keyboard starts to move\n          layout.value = input.value;\n          // save current scroll position - when keyboard will hide we'll reuse\n          // this value to achieve smooth hide effect\n          scrollBeforeKeyboardMovement.value = position.value;\n        }\n\n        if (focusWasChanged && !keyboardWillAppear) {\n          // update position on scroll value, so `onEnd` handler\n          // will pick up correct values\n          position.value += maybeScroll(e.height, true);\n        }\n      },\n      onMove: (e) => {\n        \"worklet\";\n\n        maybeScroll(e.height);\n      },\n      onEnd: (e) => {\n        \"worklet\";\n\n        keyboardHeight.value = e.height;\n        scrollPosition.value = position.value;\n      },\n    },\n    [height, maybeScroll],\n  );\n\n  useAnimatedReaction(\n    () => input.value,\n    (current, previous) => {\n      if (\n        current?.target === previous?.target &&\n        current?.layout.height !== previous?.layout.height\n      ) {\n        const prevLayout = layout.value;\n\n        layout.value = input.value;\n        scrollPosition.value += maybeScroll(keyboardHeight.value, true);\n        layout.value = prevLayout;\n      }\n    },\n    [],\n  );\n\n  const view = useAnimatedStyle(\n    () => ({\n      paddingBottom: keyboardHeight.value,\n    }),\n    [],\n  );\n\n  return (\n    <Reanimated.ScrollView\n      ref={scrollViewAnimatedRef}\n      {...rest}\n      onScroll={onScroll}\n      scrollEventThrottle={16}\n    >\n      <Reanimated.View style={view}>{children}</Reanimated.View>\n    </Reanimated.ScrollView>\n  );\n};\n\nexport default KeyboardAwareScrollView;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,mBAAmB,QAAQ,cAAc;AAClD,OAAOC,UAAU,IACfC,WAAW,EACXC,QAAQ,EACRC,mBAAmB,EACnBC,cAAc,EACdC,wBAAwB,EACxBC,gBAAgB,EAChBC,cAAc,QACT,yBAAyB;AAEhC,SACEC,sBAAsB,EACtBC,yBAAyB,QACpB,kCAAkC;AAEzC,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,QAAQ,QAAQ,SAAS;AAUlC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,uBAAyD,GAAGC,IAAA,IAI5D;EAAA,IAJ6D;IACjEC,QAAQ;IACRC,YAAY,GAAG,CAAC;IAChB,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,MAAMI,qBAAqB,GAAGb,cAAc,CAAwB,CAAC;EACrE,MAAMc,cAAc,GAAGX,cAAc,CAAC,CAAC,CAAC;EACxC,MAAMY,QAAQ,GAAGZ,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMa,cAAc,GAAGb,cAAc,CAAC,CAAC,CAAC;EACxC,MAAMc,GAAG,GAAGd,cAAc,CAAC,CAAC,CAAC,CAAC;EAC9B,MAAMe,mBAAmB,GAAGf,cAAc,CAAC,CAAC,CAAC;EAC7C,MAAMgB,4BAA4B,GAAGhB,cAAc,CAAC,CAAC,CAAC;EACtD,MAAM;IAAEiB;EAAM,CAAC,GAAGf,yBAAyB,CAAC,CAAC;EAC7C,MAAMgB,MAAM,GAAGlB,cAAc,CAAwC,IAAI,CAAC;EAE1E,MAAM;IAAEmB;EAAO,CAAC,GAAG3B,mBAAmB,CAAC,CAAC;EAExC,MAAM4B,QAAQ,GAAGtB,wBAAwB,CACvC;IACEsB,QAAQ,EAAGC,CAAC,IAAK;MACfT,QAAQ,CAACU,KAAK,GAAGD,CAAC,CAACE,aAAa,CAACC,CAAC;IACpC;EACF,CAAC,EACD,EACF,CAAC;;EAED;AACF;AACA;EACE,MAAMC,WAAW,GAAGnC,WAAW,CAC7B,UAAC+B,CAAS,EAAgC;IACxC,SAAS;;IAAC,IAAAK,aAAA,EAAAC,cAAA;IAAA,IADAC,QAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;IAGnC,MAAMG,WAAW,GAAGb,MAAM,GAAGN,cAAc,CAACS,KAAK;IACjD,MAAMW,SAAS,GAAG,EAAAP,aAAA,GAAAR,MAAM,CAACI,KAAK,cAAAI,aAAA,uBAAZA,aAAA,CAAcR,MAAM,CAACe,SAAS,KAAI,CAAC;IACrD,MAAMC,WAAW,GAAG,EAAAP,cAAA,GAAAT,MAAM,CAACI,KAAK,cAAAK,cAAA,uBAAZA,cAAA,CAAcT,MAAM,CAACC,MAAM,KAAI,CAAC;IACpD,MAAMgB,KAAK,GAAGF,SAAS,GAAGC,WAAW;IAErC,IAAIF,WAAW,GAAGG,KAAK,IAAI3B,YAAY,EAAE;MACvC,MAAM4B,oBAAoB,GAAG1C,WAAW,CACtC2B,CAAC,EACD,CAACN,mBAAmB,CAACO,KAAK,EAAET,cAAc,CAACS,KAAK,CAAC,EACjD,CAAC,CAAC,EAAET,cAAc,CAACS,KAAK,IAAIH,MAAM,GAAGgB,KAAK,CAAC,GAAG3B,YAAY,CAC5D,CAAC;MACD,MAAM6B,aAAa,GACjBC,IAAI,CAACC,GAAG,CAACH,oBAAoB,EAAE,CAAC,CAAC,GAAGzB,cAAc,CAACW,KAAK;MAC1D3B,QAAQ,CAACe,qBAAqB,EAAE,CAAC,EAAE2B,aAAa,EAAET,QAAQ,CAAC;MAE3D,OAAOQ,oBAAoB;IAC7B;IAEA,IAAIH,SAAS,GAAG,CAAC,EAAE;MACjB,MAAMO,gBAAgB,GAAGR,WAAW,GAAGE,WAAW,GAAG1B,YAAY;MACjE,MAAMiC,WAAW,GAAG9B,cAAc,CAACW,KAAK,GAAGW,SAAS;MAEpDtC,QAAQ,CACNe,qBAAqB,EACrB,CAAC,EACD+B,WAAW,GAAGD,gBAAgB,EAC9BZ,QACF,CAAC;IACH;IAEA,OAAO,CAAC;EACV,CAAC,EACD,CAACpB,YAAY,CACf,CAAC;EAED,MAAMkC,YAAY,GAAGpD,WAAW,CAAC,MAAM;IACrC,SAAS;;IAET;IACA;IAAA,IAAAqD,cAAA,EAAAC,YAAA;IACA,IAAI,EAAAD,cAAA,GAAAzB,MAAM,CAACI,KAAK,cAAAqB,cAAA,uBAAZA,cAAA,CAAczB,MAAM,CAACC,MAAM,QAAAyB,YAAA,GAAK3B,KAAK,CAACK,KAAK,cAAAsB,YAAA,uBAAXA,YAAA,CAAa1B,MAAM,CAACC,MAAM,GAAE;MAC9D;IACF;IAEA,MAAM0B,kBAAkB,GAAGlC,cAAc,CAACW,KAAK;IAC/C,MAAMwB,UAAU,GAAG5B,MAAM,CAACI,KAAK;IAE/BX,cAAc,CAACW,KAAK,GAAGV,QAAQ,CAACU,KAAK;IACrCJ,MAAM,CAACI,KAAK,GAAGL,KAAK,CAACK,KAAK;IAC1BG,WAAW,CAACZ,cAAc,CAACS,KAAK,EAAE,IAAI,CAAC;IACvCX,cAAc,CAACW,KAAK,GAAGuB,kBAAkB;IACzC3B,MAAM,CAACI,KAAK,GAAGwB,UAAU;EAC3B,CAAC,EAAE,CAACrB,WAAW,CAAC,CAAC;EACjB,MAAMsB,mBAAmB,GAAGxD,OAAO,CACjC,MAAMa,QAAQ,CAACsC,YAAY,EAAE,GAAG,CAAC,EACjC,CAACA,YAAY,CACf,CAAC;EAEDzC,sBAAsB,CACpB;IACEyC,YAAY,EAAEK;EAChB,CAAC,EACD,CAACA,mBAAmB,CACtB,CAAC;EAED5C,wBAAwB,CACtB;IACE6C,OAAO,EAAG3B,CAAC,IAAK;MACd,SAAS;;MAET,MAAM4B,sBAAsB,GAC1BpC,cAAc,CAACS,KAAK,KAAKD,CAAC,CAACF,MAAM,IAAIE,CAAC,CAACF,MAAM,GAAG,CAAC;MACnD,MAAM+B,kBAAkB,GAAG7B,CAAC,CAACF,MAAM,GAAG,CAAC,IAAIN,cAAc,CAACS,KAAK,KAAK,CAAC;MACrE,MAAM6B,gBAAgB,GAAG9B,CAAC,CAACF,MAAM,KAAK,CAAC;MACvC,MAAMiC,eAAe,GAClBtC,GAAG,CAACQ,KAAK,KAAKD,CAAC,CAACgC,MAAM,IAAIhC,CAAC,CAACgC,MAAM,KAAK,CAAC,CAAC,IAAKJ,sBAAsB;MAEvE,IAAIA,sBAAsB,EAAE;QAC1BlC,mBAAmB,CAACO,KAAK,GAAGT,cAAc,CAACS,KAAK;MAClD;MAEA,IAAI6B,gBAAgB,EAAE;QACpB;QACApC,mBAAmB,CAACO,KAAK,GAAG,CAAC;QAC7BX,cAAc,CAACW,KAAK,GAAGN,4BAA4B,CAACM,KAAK;MAC3D;MAEA,IAAI4B,kBAAkB,IAAID,sBAAsB,IAAIG,eAAe,EAAE;QACnE;QACAzC,cAAc,CAACW,KAAK,GAAGV,QAAQ,CAACU,KAAK;QACrC;QACAT,cAAc,CAACS,KAAK,GAAGD,CAAC,CAACF,MAAM;MACjC;;MAEA;MACA,IAAIiC,eAAe,EAAE;QACnBtC,GAAG,CAACQ,KAAK,GAAGD,CAAC,CAACgC,MAAM;;QAEpB;QACAnC,MAAM,CAACI,KAAK,GAAGL,KAAK,CAACK,KAAK;QAC1B;QACA;QACAN,4BAA4B,CAACM,KAAK,GAAGV,QAAQ,CAACU,KAAK;MACrD;MAEA,IAAI8B,eAAe,IAAI,CAACF,kBAAkB,EAAE;QAC1C;QACA;QACAtC,QAAQ,CAACU,KAAK,IAAIG,WAAW,CAACJ,CAAC,CAACF,MAAM,EAAE,IAAI,CAAC;MAC/C;IACF,CAAC;IACDmC,MAAM,EAAGjC,CAAC,IAAK;MACb,SAAS;;MAETI,WAAW,CAACJ,CAAC,CAACF,MAAM,CAAC;IACvB,CAAC;IACDoC,KAAK,EAAGlC,CAAC,IAAK;MACZ,SAAS;;MAETR,cAAc,CAACS,KAAK,GAAGD,CAAC,CAACF,MAAM;MAC/BR,cAAc,CAACW,KAAK,GAAGV,QAAQ,CAACU,KAAK;IACvC;EACF,CAAC,EACD,CAACH,MAAM,EAAEM,WAAW,CACtB,CAAC;EAED7B,mBAAmB,CACjB,MAAMqB,KAAK,CAACK,KAAK,EACjB,CAACkC,OAAO,EAAEC,QAAQ,KAAK;IACrB,IACE,CAAAD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEH,MAAM,OAAKI,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEJ,MAAM,KACpC,CAAAG,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEtC,MAAM,CAACC,MAAM,OAAKsC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEvC,MAAM,CAACC,MAAM,GAClD;MACA,MAAM2B,UAAU,GAAG5B,MAAM,CAACI,KAAK;MAE/BJ,MAAM,CAACI,KAAK,GAAGL,KAAK,CAACK,KAAK;MAC1BX,cAAc,CAACW,KAAK,IAAIG,WAAW,CAACZ,cAAc,CAACS,KAAK,EAAE,IAAI,CAAC;MAC/DJ,MAAM,CAACI,KAAK,GAAGwB,UAAU;IAC3B;EACF,CAAC,EACD,EACF,CAAC;EAED,MAAMY,IAAI,GAAG3D,gBAAgB,CAC3B,OAAO;IACL4D,aAAa,EAAE9C,cAAc,CAACS;EAChC,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACEjC,KAAA,CAAAuE,aAAA,CAACnE,UAAU,CAACoE,UAAU,EAAAC,QAAA;IACpBC,GAAG,EAAErD;EAAsB,GACvBD,IAAI;IACRW,QAAQ,EAAEA,QAAS;IACnB4C,mBAAmB,EAAE;EAAG,iBAExB3E,KAAA,CAAAuE,aAAA,CAACnE,UAAU,CAACwE,IAAI;IAACC,KAAK,EAAER;EAAK,GAAEnD,QAA0B,CACpC,CAAC;AAE5B,CAAC;AAED,eAAeF,uBAAuB"}

package/lib/module/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js

@@ -0,0 +1,93 @@
+import { Platform } from "react-native";
+import { Easing, useAnimatedReaction, useSharedValue, withTiming } from "react-native-reanimated";
+import { useKeyboardHandler } from "react-native-keyboard-controller";
+const IS_ANDROID_ELEVEN_OR_HIGHER = Platform.OS === "android" && Platform.Version >= 30;
+// on these platforms keyboard transitions will be smooth
+const IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS = IS_ANDROID_ELEVEN_OR_HIGHER || Platform.OS === "ios";
+// on Android Telegram is not using androidx.core values and uses custom interpolation
+// duration is taken from here: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/org/telegram/ui/ActionBar/AdjustPanLayoutHelper.java#L39
+// and bezier is taken from: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/androidx/recyclerview/widget/ChatListItemAnimator.java#L40
+const TELEGRAM_ANDROID_TIMING_CONFIG = {
+  duration: 250,
+  easing: Easing.bezier(0.19919472913616398, 0.010644531250000006, 0.27920937042459737, 0.91025390625)
+};
+
+/**
+ * Hook that uses default transitions for iOS and Android > 11, and uses
+ * custom interpolation on Android < 11 to achieve more smooth animation
+ */
+export const useSmoothKeyboardHandler = (handler, deps) => {
+  const target = useSharedValue(-1);
+  const persistedHeight = useSharedValue(0);
+  const animatedKeyboardHeight = useSharedValue(0);
+  useAnimatedReaction(() => {
+    if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+      return;
+    }
+    const event = {
+      // it'll be always 250, since we're running animation via `withTiming` where
+      // duration in config (TELEGRAM_ANDROID_TIMING_CONFIG.duration) = 250ms
+      duration: 250,
+      target: target.value,
+      height: animatedKeyboardHeight.value,
+      progress: animatedKeyboardHeight.value / persistedHeight.value
+    };
+    return event;
+  }, evt => {
+    var _handler$onMove;
+    if (!evt) {
+      return;
+    }
+    (_handler$onMove = handler.onMove) === null || _handler$onMove === void 0 ? void 0 : _handler$onMove.call(handler, evt);
+
+    // dispatch `onEnd`
+    if (evt.height === persistedHeight.value) {
+      var _handler$onEnd;
+      (_handler$onEnd = handler.onEnd) === null || _handler$onEnd === void 0 ? void 0 : _handler$onEnd.call(handler, evt);
+    }
+  }, [handler]);
+  useKeyboardHandler({
+    onStart: e => {
+      "worklet";
+
+      // immediately dispatch onStart/onEnd events if onStart dispatched with the same height
+      // and don't wait for animation 250ms
+      var _handler$onStart2;
+      if (!IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS && e.height === persistedHeight.value) {
+        var _handler$onStart, _handler$onEnd2;
+        (_handler$onStart = handler.onStart) === null || _handler$onStart === void 0 ? void 0 : _handler$onStart.call(handler, e);
+        (_handler$onEnd2 = handler.onEnd) === null || _handler$onEnd2 === void 0 ? void 0 : _handler$onEnd2.call(handler, e);
+        return;
+      }
+      target.value = e.target;
+      if (e.height > 0) {
+        persistedHeight.value = e.height;
+      }
+      // if we are running on Android < 9, then we are using custom interpolation
+      // to achieve smoother animation and use `animatedKeyboardHeight` as animation
+      // driver
+      if (!IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+        animatedKeyboardHeight.value = withTiming(e.height, TELEGRAM_ANDROID_TIMING_CONFIG);
+      }
+      (_handler$onStart2 = handler.onStart) === null || _handler$onStart2 === void 0 ? void 0 : _handler$onStart2.call(handler, e);
+    },
+    onMove: e => {
+      "worklet";
+
+      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+        var _handler$onMove2;
+        (_handler$onMove2 = handler.onMove) === null || _handler$onMove2 === void 0 ? void 0 : _handler$onMove2.call(handler, e);
+      }
+    },
+    onEnd: e => {
+      "worklet";
+
+      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+        var _handler$onEnd3;
+        (_handler$onEnd3 = handler.onEnd) === null || _handler$onEnd3 === void 0 ? void 0 : _handler$onEnd3.call(handler, e);
+      }
+      persistedHeight.value = e.height;
+    }
+  }, deps);
+};
+//# sourceMappingURL=useSmoothKeyboardHandler.js.map

package/lib/module/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","Easing","useAnimatedReaction","useSharedValue","withTiming","useKeyboardHandler","IS_ANDROID_ELEVEN_OR_HIGHER","OS","Version","IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS","TELEGRAM_ANDROID_TIMING_CONFIG","duration","easing","bezier","useSmoothKeyboardHandler","handler","deps","target","persistedHeight","animatedKeyboardHeight","event","value","height","progress","evt","_handler$onMove","onMove","call","_handler$onEnd","onEnd","onStart","e","_handler$onStart2","_handler$onStart","_handler$onEnd2","_handler$onMove2","_handler$onEnd3"],"sources":["useSmoothKeyboardHandler.ts"],"sourcesContent":["import { Platform } from \"react-native\";\nimport {\n  Easing,\n  useAnimatedReaction,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\n\nimport { useKeyboardHandler } from \"react-native-keyboard-controller\";\n\nconst IS_ANDROID_ELEVEN_OR_HIGHER =\n  Platform.OS === \"android\" && Platform.Version >= 30;\n// on these platforms keyboard transitions will be smooth\nconst IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS =\n  IS_ANDROID_ELEVEN_OR_HIGHER || Platform.OS === \"ios\";\n// on Android Telegram is not using androidx.core values and uses custom interpolation\n// duration is taken from here: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/org/telegram/ui/ActionBar/AdjustPanLayoutHelper.java#L39\n// and bezier is taken from: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/androidx/recyclerview/widget/ChatListItemAnimator.java#L40\nconst TELEGRAM_ANDROID_TIMING_CONFIG = {\n  duration: 250,\n  easing: Easing.bezier(\n    0.19919472913616398,\n    0.010644531250000006,\n    0.27920937042459737,\n    0.91025390625,\n  ),\n};\n\n/**\n * Hook that uses default transitions for iOS and Android > 11, and uses\n * custom interpolation on Android < 11 to achieve more smooth animation\n */\nexport const useSmoothKeyboardHandler: typeof useKeyboardHandler = (\n  handler,\n  deps,\n) => {\n  const target = useSharedValue(-1);\n  const persistedHeight = useSharedValue(0);\n  const animatedKeyboardHeight = useSharedValue(0);\n\n  useAnimatedReaction(\n    () => {\n      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\n        return;\n      }\n      const event = {\n        // it'll be always 250, since we're running animation via `withTiming` where\n        // duration in config (TELEGRAM_ANDROID_TIMING_CONFIG.duration) = 250ms\n        duration: 250,\n        target: target.value,\n        height: animatedKeyboardHeight.value,\n        progress: animatedKeyboardHeight.value / persistedHeight.value,\n      };\n      return event;\n    },\n    (evt) => {\n      if (!evt) {\n        return;\n      }\n      handler.onMove?.(evt);\n\n      // dispatch `onEnd`\n      if (evt.height === persistedHeight.value) {\n        handler.onEnd?.(evt);\n      }\n    },\n    [handler],\n  );\n\n  useKeyboardHandler(\n    {\n      onStart: (e) => {\n        \"worklet\";\n\n        // immediately dispatch onStart/onEnd events if onStart dispatched with the same height\n        // and don't wait for animation 250ms\n        if (\n          !IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS &&\n          e.height === persistedHeight.value\n        ) {\n          handler.onStart?.(e);\n          handler.onEnd?.(e);\n\n          return;\n        }\n\n        target.value = e.target;\n\n        if (e.height > 0) {\n          persistedHeight.value = e.height;\n        }\n        // if we are running on Android < 9, then we are using custom interpolation\n        // to achieve smoother animation and use `animatedKeyboardHeight` as animation\n        // driver\n        if (!IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\n          animatedKeyboardHeight.value = withTiming(\n            e.height,\n            TELEGRAM_ANDROID_TIMING_CONFIG,\n          );\n        }\n\n        handler.onStart?.(e);\n      },\n      onMove: (e) => {\n        \"worklet\";\n\n        if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\n          handler.onMove?.(e);\n        }\n      },\n      onEnd: (e) => {\n        \"worklet\";\n\n        if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\n          handler.onEnd?.(e);\n        }\n\n        persistedHeight.value = e.height;\n      },\n    },\n    deps,\n  );\n};\n"],"mappings":"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"}

package/lib/module/components/KeyboardAwareScrollView/utils.js

@@ -0,0 +1,21 @@
+export const debounce = function (worklet) {
+  "worklet";
+
+  let wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  const value = {
+    time: 0
+  };
+  return function () {
+    "worklet";
+
+    const t = Date.now();
+    const now = t - value.time;
+    if (now < wait) {
+      value.time = t;
+      return;
+    }
+    value.time = t;
+    return worklet(...arguments);
+  };
+};
+//# sourceMappingURL=utils.js.map

package/lib/module/components/KeyboardAwareScrollView/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","worklet","wait","arguments","length","undefined","value","time","t","Date","now"],"sources":["utils.ts"],"sourcesContent":["export const debounce = <F extends (...args: Parameters<F>) => ReturnType<F>>(\n  worklet: F,\n  wait = 0,\n) => {\n  \"worklet\";\n\n  const value = {\n    time: 0,\n  };\n\n  return (...args: Parameters<F>): ReturnType<F> | void => {\n    \"worklet\";\n\n    const t = Date.now();\n    const now = t - value.time;\n\n    if (now < wait) {\n      value.time = t;\n      return;\n    }\n\n    value.time = t;\n\n    return worklet(...args);\n  };\n};\n"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,GAAG,SAAAA,CACtBC,OAAU,EAEP;EACH,SAAS;;EAAC,IAFVC,IAAI,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAIR,MAAMG,KAAK,GAAG;IACZC,IAAI,EAAE;EACR,CAAC;EAED,OAAO,YAAkD;IACvD,SAAS;;IAET,MAAMC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC;IACpB,MAAMA,GAAG,GAAGF,CAAC,GAAGF,KAAK,CAACC,IAAI;IAE1B,IAAIG,GAAG,GAAGR,IAAI,EAAE;MACdI,KAAK,CAACC,IAAI,GAAGC,CAAC;MACd;IACF;IAEAF,KAAK,CAACC,IAAI,GAAGC,CAAC;IAEd,OAAOP,OAAO,CAAC,GAAAE,SAAO,CAAC;EACzB,CAAC;AACH,CAAC"}

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

@@ -1,7 +1,8 @@
 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, useMemo } from 'react';
-import Reanimated, { interpolate, useAnimatedStyle } from 'react-native-reanimated';
-import { useReanimatedKeyboardAnimation } from '../../hooks';
+import React, { forwardRef, useMemo } from "react";
+import Reanimated, { useAnimatedStyle } from "react-native-reanimated";
+import { useReanimatedKeyboardAnimation } from "../../hooks";
+import useKeyboardInterpolation from "../hooks/useKeyboardInterpolation";
 const KeyboardStickyView = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
@@ -13,11 +14,13 @@ const KeyboardStickyView = /*#__PURE__*/forwardRef((_ref, ref) => {
     ...props
   } = _ref;
   const {
-    height,
-    progress
+    height
   } = useReanimatedKeyboardAnimation();
+  const {
+    interpolate
+  } = useKeyboardInterpolation();
   const stickyViewStyle = useAnimatedStyle(() => {
-    const offset = interpolate(progress.value, [0, 1], [closed, opened]);
+    const offset = interpolate(-height.value, [closed, opened]);
     return {
       transform: [{
         translateY: height.value + offset
@@ -26,7 +29,6 @@ const KeyboardStickyView = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, [closed, opened]);
   const styles = useMemo(() => [style, stickyViewStyle], [style, stickyViewStyle]);
   return /*#__PURE__*/React.createElement(Reanimated.View, _extends({
-    // @ts-expect-error because `ref` from reanimated is not compatible with react-native
     ref: ref,
     style: styles
   }, props), children);

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useMemo","Reanimated","interpolate","useAnimatedStyle","useReanimatedKeyboardAnimation","KeyboardStickyView","ref","children","offset","closed","opened","style","props","height","progress","stickyViewStyle","value","transform","translateY","styles"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport Reanimated, {\n  interpolate,\n  useAnimatedStyle,\n} from 'react-native-reanimated';\n\nimport { useReanimatedKeyboardAnimation } from '../../hooks';\n\nimport type { View, ViewProps } from 'react-native';\n\ntype KeyboardStickyViewProps = {\n  /**\n   * Specify additional offset to the view for given keyboard state.\n   */\n  offset?: {\n    /**\n     * Adds additional `translateY` when keyboard is close. By default `0`.\n     */\n    closed?: number;\n    /**\n     * Adds additional `translateY` when keyboard is open. By default `0`.\n     */\n    opened?: number;\n  };\n} & ViewProps;\n\nconst KeyboardStickyView = forwardRef<\n  View,\n  React.PropsWithChildren<KeyboardStickyViewProps>\n>(\n  (\n    { children, offset: { closed = 0, opened = 0 } = {}, style, ...props },\n    ref\n  ) => {\n    const { height, progress } = useReanimatedKeyboardAnimation();\n\n    const stickyViewStyle = useAnimatedStyle(() => {\n      const offset = interpolate(progress.value, [0, 1], [closed, opened]);\n\n      return {\n        transform: [{ translateY: height.value + offset }],\n      };\n    }, [closed, opened]);\n\n    const styles = useMemo(\n      () => [style, stickyViewStyle],\n      [style, stickyViewStyle]\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        style={styles}\n        {...props}\n      >\n        {children}\n      </Reanimated.View>\n    );\n  }\n);\n\nexport default KeyboardStickyView;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,IACfC,WAAW,EACXC,gBAAgB,QACX,yBAAyB;AAEhC,SAASC,8BAA8B,QAAQ,aAAa;AAoB5D,MAAMC,kBAAkB,gBAAGN,UAAU,CAInC,OAEEO,GAAG,KACA;EAAA,IAFH;IAAEC,QAAQ;IAAEC,MAAM,EAAE;MAAEC,MAAM,GAAG,CAAC;MAAEC,MAAM,GAAG;IAAE,CAAC,GAAG,CAAC,CAAC;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC;EAGtE,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGV,8BAA8B,EAAE;EAE7D,MAAMW,eAAe,GAAGZ,gBAAgB,CAAC,MAAM;IAC7C,MAAMK,MAAM,GAAGN,WAAW,CAACY,QAAQ,CAACE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACP,MAAM,EAAEC,MAAM,CAAC,CAAC;IAEpE,OAAO;MACLO,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEL,MAAM,CAACG,KAAK,GAAGR;MAAO,CAAC;IACnD,CAAC;EACH,CAAC,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC,CAAC;EAEpB,MAAMS,MAAM,GAAGnB,OAAO,CACpB,MAAM,CAACW,KAAK,EAAEI,eAAe,CAAC,EAC9B,CAACJ,KAAK,EAAEI,eAAe,CAAC,CACzB;EAED,oBACE,oBAAC,UAAU,CAAC,IAAI;IACd;IACA,GAAG,EAAET,GAAI;IACT,KAAK,EAAEa;EAAO,GACVP,KAAK,GAERL,QAAQ,CACO;AAEtB,CAAC,CACF;AAED,eAAeF,kBAAkB"}
+{"version":3,"names":["React","forwardRef","useMemo","Reanimated","useAnimatedStyle","useReanimatedKeyboardAnimation","useKeyboardInterpolation","KeyboardStickyView","_ref","ref","children","offset","closed","opened","style","props","height","interpolate","stickyViewStyle","value","transform","translateY","styles","createElement","View","_extends"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport Reanimated, { useAnimatedStyle } from \"react-native-reanimated\";\n\nimport { useReanimatedKeyboardAnimation } from \"../../hooks\";\nimport useKeyboardInterpolation from \"../hooks/useKeyboardInterpolation\";\n\nimport type { View, ViewProps } from \"react-native\";\n\ntype KeyboardStickyViewProps = {\n  /**\n   * Specify additional offset to the view for given keyboard state.\n   */\n  offset?: {\n    /**\n     * Adds additional `translateY` when keyboard is close. By default `0`.\n     */\n    closed?: number;\n    /**\n     * Adds additional `translateY` when keyboard is open. By default `0`.\n     */\n    opened?: number;\n  };\n} & ViewProps;\n\nconst KeyboardStickyView = forwardRef<\n  View,\n  React.PropsWithChildren<KeyboardStickyViewProps>\n>(\n  (\n    { children, offset: { closed = 0, opened = 0 } = {}, style, ...props },\n    ref,\n  ) => {\n    const { height } = useReanimatedKeyboardAnimation();\n    const { interpolate } = useKeyboardInterpolation();\n\n    const stickyViewStyle = useAnimatedStyle(() => {\n      const offset = interpolate(-height.value, [closed, opened]);\n\n      return {\n        transform: [{ translateY: height.value + offset }],\n      };\n    }, [closed, opened]);\n\n    const styles = useMemo(\n      () => [style, stickyViewStyle],\n      [style, stickyViewStyle],\n    );\n\n    return (\n      <Reanimated.View ref={ref} style={styles} {...props}>\n        {children}\n      </Reanimated.View>\n    );\n  },\n);\n\nexport default KeyboardStickyView;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,IAAIC,gBAAgB,QAAQ,yBAAyB;AAEtE,SAASC,8BAA8B,QAAQ,aAAa;AAC5D,OAAOC,wBAAwB,MAAM,mCAAmC;AAoBxE,MAAMC,kBAAkB,gBAAGN,UAAU,CAInC,CAAAO,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;IAAEC,QAAQ;IAAEC,MAAM,EAAE;MAAEC,MAAM,GAAG,CAAC;MAAEC,MAAM,GAAG;IAAE,CAAC,GAAG,CAAC,CAAC;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAAP,IAAA;EAGtE,MAAM;IAAEQ;EAAO,CAAC,GAAGX,8BAA8B,CAAC,CAAC;EACnD,MAAM;IAAEY;EAAY,CAAC,GAAGX,wBAAwB,CAAC,CAAC;EAElD,MAAMY,eAAe,GAAGd,gBAAgB,CAAC,MAAM;IAC7C,MAAMO,MAAM,GAAGM,WAAW,CAAC,CAACD,MAAM,CAACG,KAAK,EAAE,CAACP,MAAM,EAAEC,MAAM,CAAC,CAAC;IAE3D,OAAO;MACLO,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEL,MAAM,CAACG,KAAK,GAAGR;MAAO,CAAC;IACnD,CAAC;EACH,CAAC,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC,CAAC;EAEpB,MAAMS,MAAM,GAAGpB,OAAO,CACpB,MAAM,CAACY,KAAK,EAAEI,eAAe,CAAC,EAC9B,CAACJ,KAAK,EAAEI,eAAe,CACzB,CAAC;EAED,oBACElB,KAAA,CAAAuB,aAAA,CAACpB,UAAU,CAACqB,IAAI,EAAAC,QAAA;IAAChB,GAAG,EAAEA,GAAI;IAACK,KAAK,EAAEQ;EAAO,GAAKP,KAAK,GAChDL,QACc,CAAC;AAEtB,CACF,CAAC;AAED,eAAeH,kBAAkB"}

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

@@ -0,0 +1,74 @@
+import { interpolate as interpolateREA, useSharedValue } from "react-native-reanimated";
+import { useKeyboardHandler } from "../../hooks";
+/**
+ * Hook that can be used for interpolation keyboard movement. The main concern is the thing
+ * when keyboard is opened and gets resized on Android. Let's say we are interpolating from
+ * closed to open [0, 200] and we want to interpolate it to [0, 230] (to achieve nice parallax effect).
+ * Then let's say keyboard changes its height to 220 (and we want to interpolate the value to 250, +30
+ * to keyboard height). If we interpolate based on `progress` value, then we will have a jump on first frame:
+ * the last interpolated position was 230, now we will interpolate to 250, but first frame will be calculated
+ * as 200 / 220 * 250 = 227 (and last interpolated position was 230) so we will have a jump.
+ *
+ * This hook handles it, and when keyboard changes its size it does an interpolation as:
+ * [200, 220] -> [230, 250], i. e. we preserve last interpolated value and use it as initial value for interpolation
+ * and because of that we will not have a jump and animation will start from the last frame and will be smooth.
+ *
+ * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/315
+ */
+const useKeyboardInterpolation = () => {
+  // keyboard heights
+  const nextKeyboardHeight = useSharedValue(0);
+  const prevKeyboardHeight = useSharedValue(0);
+  // save latest interpolated position
+  const lastInterpolation = useSharedValue(0);
+  // boolean flag indicating which output range should be used
+  const shouldUseInternalInterpolation = useSharedValue(false);
+  const interpolate = (keyboardPosition, output) => {
+    "worklet";
+
+    lastInterpolation.value = interpolateREA(keyboardPosition, [prevKeyboardHeight.value, nextKeyboardHeight.value], shouldUseInternalInterpolation.value ? [lastInterpolation.value, output[1]] : output);
+    return lastInterpolation.value;
+  };
+  useKeyboardHandler({
+    onStart: e => {
+      "worklet";
+
+      const keyboardWillBeHidden = e.height === 0;
+
+      // keyboard will be hidden
+      if (keyboardWillBeHidden) {
+        shouldUseInternalInterpolation.value = false;
+        prevKeyboardHeight.value = 0;
+      }
+
+      // keyboard will change its size
+      if (
+      // keyboard is shown on screen
+      nextKeyboardHeight.value !== 0 &&
+      // it really changes size (handles iOS case when after interactive keyboard gets shown again)
+      nextKeyboardHeight.value !== e.height &&
+      // keyboard is not hiding
+      !keyboardWillBeHidden) {
+        prevKeyboardHeight.value = nextKeyboardHeight.value;
+        shouldUseInternalInterpolation.value = true;
+      }
+
+      // keyboard will show or change size
+      if (!keyboardWillBeHidden) {
+        nextKeyboardHeight.value = e.height;
+      }
+    },
+    onEnd: e => {
+      "worklet";
+
+      // handles case show -> resize -> hide -> show
+      // here we reset value to 0 when keyboard is hidden
+      nextKeyboardHeight.value = e.height;
+    }
+  }, []);
+  return {
+    interpolate
+  };
+};
+export default useKeyboardInterpolation;
+//# sourceMappingURL=useKeyboardInterpolation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["interpolate","interpolateREA","useSharedValue","useKeyboardHandler","useKeyboardInterpolation","nextKeyboardHeight","prevKeyboardHeight","lastInterpolation","shouldUseInternalInterpolation","keyboardPosition","output","value","onStart","e","keyboardWillBeHidden","height","onEnd"],"sources":["useKeyboardInterpolation.ts"],"sourcesContent":["import {\n  interpolate as interpolateREA,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport { useKeyboardHandler } from \"../../hooks\";\n\ntype KeyboardInterpolationOutput = [number, number];\n\n/**\n * Hook that can be used for interpolation keyboard movement. The main concern is the thing\n * when keyboard is opened and gets resized on Android. Let's say we are interpolating from\n * closed to open [0, 200] and we want to interpolate it to [0, 230] (to achieve nice parallax effect).\n * Then let's say keyboard changes its height to 220 (and we want to interpolate the value to 250, +30\n * to keyboard height). If we interpolate based on `progress` value, then we will have a jump on first frame:\n * the last interpolated position was 230, now we will interpolate to 250, but first frame will be calculated\n * as 200 / 220 * 250 = 227 (and last interpolated position was 230) so we will have a jump.\n *\n * This hook handles it, and when keyboard changes its size it does an interpolation as:\n * [200, 220] -> [230, 250], i. e. we preserve last interpolated value and use it as initial value for interpolation\n * and because of that we will not have a jump and animation will start from the last frame and will be smooth.\n *\n * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/315\n */\nconst useKeyboardInterpolation = () => {\n  // keyboard heights\n  const nextKeyboardHeight = useSharedValue(0);\n  const prevKeyboardHeight = useSharedValue(0);\n  // save latest interpolated position\n  const lastInterpolation = useSharedValue(0);\n  // boolean flag indicating which output range should be used\n  const shouldUseInternalInterpolation = useSharedValue(false);\n\n  const interpolate = (\n    keyboardPosition: number,\n    output: KeyboardInterpolationOutput,\n  ) => {\n    \"worklet\";\n\n    lastInterpolation.value = interpolateREA(\n      keyboardPosition,\n      [prevKeyboardHeight.value, nextKeyboardHeight.value],\n      shouldUseInternalInterpolation.value\n        ? [lastInterpolation.value, output[1]]\n        : output,\n    );\n\n    return lastInterpolation.value;\n  };\n\n  useKeyboardHandler(\n    {\n      onStart: (e) => {\n        \"worklet\";\n\n        const keyboardWillBeHidden = e.height === 0;\n\n        // keyboard will be hidden\n        if (keyboardWillBeHidden) {\n          shouldUseInternalInterpolation.value = false;\n          prevKeyboardHeight.value = 0;\n        }\n\n        // keyboard will change its size\n        if (\n          // keyboard is shown on screen\n          nextKeyboardHeight.value !== 0 &&\n          // it really changes size (handles iOS case when after interactive keyboard gets shown again)\n          nextKeyboardHeight.value !== e.height &&\n          // keyboard is not hiding\n          !keyboardWillBeHidden\n        ) {\n          prevKeyboardHeight.value = nextKeyboardHeight.value;\n          shouldUseInternalInterpolation.value = true;\n        }\n\n        // keyboard will show or change size\n        if (!keyboardWillBeHidden) {\n          nextKeyboardHeight.value = e.height;\n        }\n      },\n      onEnd: (e) => {\n        \"worklet\";\n\n        // handles case show -> resize -> hide -> show\n        // here we reset value to 0 when keyboard is hidden\n        nextKeyboardHeight.value = e.height;\n      },\n    },\n    [],\n  );\n\n  return { interpolate };\n};\n\nexport default useKeyboardInterpolation;\n"],"mappings":"AAAA,SACEA,WAAW,IAAIC,cAAc,EAC7BC,cAAc,QACT,yBAAyB;AAEhC,SAASC,kBAAkB,QAAQ,aAAa;AAIhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EACrC;EACA,MAAMC,kBAAkB,GAAGH,cAAc,CAAC,CAAC,CAAC;EAC5C,MAAMI,kBAAkB,GAAGJ,cAAc,CAAC,CAAC,CAAC;EAC5C;EACA,MAAMK,iBAAiB,GAAGL,cAAc,CAAC,CAAC,CAAC;EAC3C;EACA,MAAMM,8BAA8B,GAAGN,cAAc,CAAC,KAAK,CAAC;EAE5D,MAAMF,WAAW,GAAGA,CAClBS,gBAAwB,EACxBC,MAAmC,KAChC;IACH,SAAS;;IAETH,iBAAiB,CAACI,KAAK,GAAGV,cAAc,CACtCQ,gBAAgB,EAChB,CAACH,kBAAkB,CAACK,KAAK,EAAEN,kBAAkB,CAACM,KAAK,CAAC,EACpDH,8BAA8B,CAACG,KAAK,GAChC,CAACJ,iBAAiB,CAACI,KAAK,EAAED,MAAM,CAAC,CAAC,CAAC,CAAC,GACpCA,MACN,CAAC;IAED,OAAOH,iBAAiB,CAACI,KAAK;EAChC,CAAC;EAEDR,kBAAkB,CAChB;IACES,OAAO,EAAGC,CAAC,IAAK;MACd,SAAS;;MAET,MAAMC,oBAAoB,GAAGD,CAAC,CAACE,MAAM,KAAK,CAAC;;MAE3C;MACA,IAAID,oBAAoB,EAAE;QACxBN,8BAA8B,CAACG,KAAK,GAAG,KAAK;QAC5CL,kBAAkB,CAACK,KAAK,GAAG,CAAC;MAC9B;;MAEA;MACA;MACE;MACAN,kBAAkB,CAACM,KAAK,KAAK,CAAC;MAC9B;MACAN,kBAAkB,CAACM,KAAK,KAAKE,CAAC,CAACE,MAAM;MACrC;MACA,CAACD,oBAAoB,EACrB;QACAR,kBAAkB,CAACK,KAAK,GAAGN,kBAAkB,CAACM,KAAK;QACnDH,8BAA8B,CAACG,KAAK,GAAG,IAAI;MAC7C;;MAEA;MACA,IAAI,CAACG,oBAAoB,EAAE;QACzBT,kBAAkB,CAACM,KAAK,GAAGE,CAAC,CAACE,MAAM;MACrC;IACF,CAAC;IACDC,KAAK,EAAGH,CAAC,IAAK;MACZ,SAAS;;MAET;MACA;MACAR,kBAAkB,CAACM,KAAK,GAAGE,CAAC,CAACE,MAAM;IACrC;EACF,CAAC,EACD,EACF,CAAC;EAED,OAAO;IAAEf;EAAY,CAAC;AACxB,CAAC;AAED,eAAeI,wBAAwB"}

package/lib/module/components/index.js

@@ -1,3 +1,4 @@
-export { default as KeyboardAvoidingView } from './KeyboardAvoidingView';
-export { default as KeyboardStickyView } from './KeyboardStickyView';
+export { default as KeyboardAvoidingView } from "./KeyboardAvoidingView";
+export { default as KeyboardStickyView } from "./KeyboardStickyView";
+export { default as KeyboardAwareScrollView } from "./KeyboardAwareScrollView";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["default","KeyboardAvoidingView","KeyboardStickyView"],"sources":["index.ts"],"sourcesContent":["export { default as KeyboardAvoidingView } from './KeyboardAvoidingView';\nexport { default as KeyboardStickyView } from './KeyboardStickyView';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,oBAAoB,QAAQ,wBAAwB;AACxE,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,sBAAsB"}
+{"version":3,"names":["default","KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView"],"sources":["index.ts"],"sourcesContent":["export { default as KeyboardAvoidingView } from \"./KeyboardAvoidingView\";\nexport { default as KeyboardStickyView } from \"./KeyboardStickyView\";\nexport { default as KeyboardAwareScrollView } from \"./KeyboardAwareScrollView\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,oBAAoB,QAAQ,wBAAwB;AACxE,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,sBAAsB;AACpE,SAASF,OAAO,IAAIG,uBAAuB,QAAQ,2BAA2B"}

package/lib/module/context.js

@@ -1,5 +1,5 @@
-import { createContext, useContext } from 'react';
-import { Animated } from 'react-native';
+import { createContext, useContext } from "react";
+import { Animated } from "react-native";
 const NOOP = () => {};
 const withSharedValue = value => ({
   value,
@@ -20,7 +20,8 @@ const defaultContext = {
     height: DEFAULT_SHARED_VALUE
   },
   layout: DEFAULT_LAYOUT,
-  setHandlers: NOOP,
+  setKeyboardHandlers: NOOP,
+  setInputHandlers: NOOP,
   setEnabled: NOOP
 };
 export const KeyboardContext = /*#__PURE__*/createContext(defaultContext);

package/lib/module/context.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","Animated","NOOP","withSharedValue","value","addListener","removeListener","modify","DEFAULT_SHARED_VALUE","DEFAULT_LAYOUT","defaultContext","enabled","animated","progress","Value","height","reanimated","layout","setHandlers","setEnabled","KeyboardContext","useKeyboardContext","context","__DEV__","console","warn"],"sources":["context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { Animated } from 'react-native';\n\nimport type { FocusedInputLayoutChangedEvent, KeyboardHandlers } from './types';\nimport type React from 'react';\nimport type { SharedValue } from 'react-native-reanimated';\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  enabled: boolean;\n  animated: AnimatedContext;\n  reanimated: ReanimatedContext;\n  layout: SharedValue<FocusedInputLayoutChangedEvent | null>;\n  setHandlers: (handlers: KeyboardHandlers) => void;\n  setEnabled: React.Dispatch<React.SetStateAction<boolean>>;\n};\nconst NOOP = () => {};\nconst withSharedValue = <T>(value: T): SharedValue<T> => ({\n  value,\n  addListener: NOOP,\n  removeListener: NOOP,\n  modify: NOOP,\n});\nconst DEFAULT_SHARED_VALUE = withSharedValue(0);\nconst DEFAULT_LAYOUT = withSharedValue<FocusedInputLayoutChangedEvent | null>(\n  null\n);\nconst defaultContext: KeyboardAnimationContext = {\n  enabled: true,\n  animated: {\n    progress: new Animated.Value(0),\n    height: new Animated.Value(0),\n  },\n  reanimated: {\n    progress: DEFAULT_SHARED_VALUE,\n    height: DEFAULT_SHARED_VALUE,\n  },\n  layout: DEFAULT_LAYOUT,\n  setHandlers: NOOP,\n  setEnabled: NOOP,\n};\nexport const KeyboardContext = createContext(defaultContext);\nexport const useKeyboardContext = () => {\n  const context = useContext(KeyboardContext);\n\n  if (__DEV__ && context === defaultContext) {\n    console.warn(\n      \"Couldn't find real values for `KeyboardContext`. Please make sure you're inside of `KeyboardProvider` - otherwise functionality of `react-native-keyboard-controller` will not work.\"\n    );\n  }\n\n  return context;\n};\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACjD,SAASC,QAAQ,QAAQ,cAAc;AAsBvC,MAAMC,IAAI,GAAG,MAAM,CAAC,CAAC;AACrB,MAAMC,eAAe,GAAOC,KAAQ,KAAsB;EACxDA,KAAK;EACLC,WAAW,EAAEH,IAAI;EACjBI,cAAc,EAAEJ,IAAI;EACpBK,MAAM,EAAEL;AACV,CAAC,CAAC;AACF,MAAMM,oBAAoB,GAAGL,eAAe,CAAC,CAAC,CAAC;AAC/C,MAAMM,cAAc,GAAGN,eAAe,CACpC,IAAI,CACL;AACD,MAAMO,cAAwC,GAAG;EAC/CC,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE;IACRC,QAAQ,EAAE,IAAIZ,QAAQ,CAACa,KAAK,CAAC,CAAC,CAAC;IAC/BC,MAAM,EAAE,IAAId,QAAQ,CAACa,KAAK,CAAC,CAAC;EAC9B,CAAC;EACDE,UAAU,EAAE;IACVH,QAAQ,EAAEL,oBAAoB;IAC9BO,MAAM,EAAEP;EACV,CAAC;EACDS,MAAM,EAAER,cAAc;EACtBS,WAAW,EAAEhB,IAAI;EACjBiB,UAAU,EAAEjB;AACd,CAAC;AACD,OAAO,MAAMkB,eAAe,gBAAGrB,aAAa,CAACW,cAAc,CAAC;AAC5D,OAAO,MAAMW,kBAAkB,GAAG,MAAM;EACtC,MAAMC,OAAO,GAAGtB,UAAU,CAACoB,eAAe,CAAC;EAE3C,IAAIG,OAAO,IAAID,OAAO,KAAKZ,cAAc,EAAE;IACzCc,OAAO,CAACC,IAAI,CACV,sLAAsL,CACvL;EACH;EAEA,OAAOH,OAAO;AAChB,CAAC"}
+{"version":3,"names":["createContext","useContext","Animated","NOOP","withSharedValue","value","addListener","removeListener","modify","DEFAULT_SHARED_VALUE","DEFAULT_LAYOUT","defaultContext","enabled","animated","progress","Value","height","reanimated","layout","setKeyboardHandlers","setInputHandlers","setEnabled","KeyboardContext","useKeyboardContext","context","__DEV__","console","warn"],"sources":["context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { Animated } from \"react-native\";\n\nimport type {\n  FocusedInputHandlers,\n  FocusedInputLayoutChangedEvent,\n  KeyboardHandlers,\n} from \"./types\";\nimport type React from \"react\";\nimport type { SharedValue } from \"react-native-reanimated\";\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  enabled: boolean;\n  animated: AnimatedContext;\n  reanimated: ReanimatedContext;\n  layout: SharedValue<FocusedInputLayoutChangedEvent | null>;\n  setKeyboardHandlers: (handlers: KeyboardHandlers) => void;\n  setInputHandlers: (handlers: FocusedInputHandlers) => void;\n  setEnabled: React.Dispatch<React.SetStateAction<boolean>>;\n};\nconst NOOP = () => {};\nconst withSharedValue = <T>(value: T): SharedValue<T> => ({\n  value,\n  addListener: NOOP,\n  removeListener: NOOP,\n  modify: NOOP,\n});\nconst DEFAULT_SHARED_VALUE = withSharedValue(0);\nconst DEFAULT_LAYOUT = withSharedValue<FocusedInputLayoutChangedEvent | null>(\n  null,\n);\nconst defaultContext: KeyboardAnimationContext = {\n  enabled: true,\n  animated: {\n    progress: new Animated.Value(0),\n    height: new Animated.Value(0),\n  },\n  reanimated: {\n    progress: DEFAULT_SHARED_VALUE,\n    height: DEFAULT_SHARED_VALUE,\n  },\n  layout: DEFAULT_LAYOUT,\n  setKeyboardHandlers: NOOP,\n  setInputHandlers: NOOP,\n  setEnabled: NOOP,\n};\nexport const KeyboardContext = createContext(defaultContext);\nexport const useKeyboardContext = () => {\n  const context = useContext(KeyboardContext);\n\n  if (__DEV__ && context === defaultContext) {\n    console.warn(\n      \"Couldn't find real values for `KeyboardContext`. Please make sure you're inside of `KeyboardProvider` - otherwise functionality of `react-native-keyboard-controller` will not work.\",\n    );\n  }\n\n  return context;\n};\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACjD,SAASC,QAAQ,QAAQ,cAAc;AA2BvC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB,MAAMC,eAAe,GAAOC,KAAQ,KAAsB;EACxDA,KAAK;EACLC,WAAW,EAAEH,IAAI;EACjBI,cAAc,EAAEJ,IAAI;EACpBK,MAAM,EAAEL;AACV,CAAC,CAAC;AACF,MAAMM,oBAAoB,GAAGL,eAAe,CAAC,CAAC,CAAC;AAC/C,MAAMM,cAAc,GAAGN,eAAe,CACpC,IACF,CAAC;AACD,MAAMO,cAAwC,GAAG;EAC/CC,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE;IACRC,QAAQ,EAAE,IAAIZ,QAAQ,CAACa,KAAK,CAAC,CAAC,CAAC;IAC/BC,MAAM,EAAE,IAAId,QAAQ,CAACa,KAAK,CAAC,CAAC;EAC9B,CAAC;EACDE,UAAU,EAAE;IACVH,QAAQ,EAAEL,oBAAoB;IAC9BO,MAAM,EAAEP;EACV,CAAC;EACDS,MAAM,EAAER,cAAc;EACtBS,mBAAmB,EAAEhB,IAAI;EACzBiB,gBAAgB,EAAEjB,IAAI;EACtBkB,UAAU,EAAElB;AACd,CAAC;AACD,OAAO,MAAMmB,eAAe,gBAAGtB,aAAa,CAACW,cAAc,CAAC;AAC5D,OAAO,MAAMY,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,OAAO,GAAGvB,UAAU,CAACqB,eAAe,CAAC;EAE3C,IAAIG,OAAO,IAAID,OAAO,KAAKb,cAAc,EAAE;IACzCe,OAAO,CAACC,IAAI,CACV,sLACF,CAAC;EACH;EAEA,OAAOH,OAAO;AAChB,CAAC"}

package/lib/module/hooks.js

@@ -1,8 +1,8 @@
-import { useEffect } from 'react';
-import { KeyboardController } from './bindings';
-import { AndroidSoftInputModes } from './constants';
-import { useKeyboardContext } from './context';
-import { uuid } from './utils';
+import { useEffect } from "react";
+import { KeyboardController } from "./bindings";
+import { AndroidSoftInputModes } from "./constants";
+import { useKeyboardContext } from "./context";
+import { uuid } from "./utils";
 export const useResizeMode = () => {
   useEffect(() => {
     KeyboardController.setInputMode(AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE);
@@ -23,11 +23,11 @@ export function useGenericKeyboardHandler(handler, deps) {
   const context = useKeyboardContext();
   useEffect(() => {
     const key = uuid();
-    context.setHandlers({
+    context.setKeyboardHandlers({
       [key]: handler
     });
     return () => {
-      context.setHandlers({
+      context.setKeyboardHandlers({
         [key]: undefined
       });
     };
@@ -50,4 +50,18 @@ export function useReanimatedFocusedInput() {
     input: context.layout
   };
 }
+export function useFocusedInputHandler(handler, deps) {
+  const context = useKeyboardContext();
+  useEffect(() => {
+    const key = uuid();
+    context.setInputHandlers({
+      [key]: handler
+    });
+    return () => {
+      context.setInputHandlers({
+        [key]: undefined
+      });
+    };
+  }, deps);
+}
 //# sourceMappingURL=hooks.js.map