@react-native-ohos/react-native-keyboard-controller 1.12.8-beta.9

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

@@ -0,0 +1,95 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { forwardRef, useCallback, useMemo } from "react";
+import { View } from "react-native";
+import Reanimated, { interpolate, runOnUI, useAnimatedStyle, useDerivedValue, useSharedValue } from "react-native-reanimated";
+import { useWindowDimensions } from "../../hooks";
+import { useKeyboardAnimation } from "./hooks";
+const defaultLayout = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0
+};
+
+/**
+ * View that moves out of the way when the keyboard appears by automatically
+ * adjusting its height, position, or bottom padding.
+ */
+const KeyboardAvoidingView = /*#__PURE__*/forwardRef(({
+  behavior,
+  children,
+  contentContainerStyle,
+  enabled = true,
+  keyboardVerticalOffset = 0,
+  style,
+  onLayout: onLayoutProps,
+  ...props
+}, ref) => {
+  const initialFrame = useSharedValue(null);
+  const frame = useDerivedValue(() => initialFrame.value || defaultLayout);
+  const keyboard = useKeyboardAnimation();
+  const {
+    height: screenHeight
+  } = useWindowDimensions();
+  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 = useCallback(layout => {
+    "worklet";
+
+    if (keyboard.isClosed.value || initialFrame.value === null) {
+      // eslint-disable-next-line react-compiler/react-compiler
+      initialFrame.value = layout;
+    }
+  }, []);
+  const onLayout = useCallback(e => {
+    runOnUI(onLayoutWorklet)(e.nativeEvent.layout);
+    onLayoutProps === null || onLayoutProps === void 0 || onLayoutProps(e);
+  }, [onLayoutProps]);
+  const animatedStyle = useAnimatedStyle(() => {
+    const bottom = interpolate(keyboard.progress.value, [0, 1], [0, relativeKeyboardHeight()]);
+    const bottomHeight = enabled ? bottom : 0;
+    switch (behavior) {
+      case "height":
+        if (!keyboard.isClosed.value) {
+          return {
+            height: frame.value.height - bottomHeight,
+            flex: 0
+          };
+        }
+        return {};
+      case "position":
+        return {
+          bottom: bottomHeight
+        };
+      case "padding":
+        return {
+          paddingBottom: bottomHeight
+        };
+      default:
+        return {};
+    }
+  }, [behavior, enabled, relativeKeyboardHeight]);
+  const isPositionBehavior = behavior === "position";
+  const containerStyle = isPositionBehavior ? contentContainerStyle : style;
+  const combinedStyles = useMemo(() => [containerStyle, animatedStyle], [containerStyle, animatedStyle]);
+  if (isPositionBehavior) {
+    return /*#__PURE__*/React.createElement(View, _extends({
+      ref: ref,
+      style: style,
+      onLayout: onLayout
+    }, props), /*#__PURE__*/React.createElement(Reanimated.View, {
+      style: combinedStyles
+    }, children));
+  }
+  return /*#__PURE__*/React.createElement(Reanimated.View, _extends({
+    ref: ref,
+    onLayout: onLayout,
+    style: combinedStyles
+  }, props), children);
+});
+export default KeyboardAvoidingView;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,248 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { forwardRef, useCallback, useMemo } from "react";
+import { findNodeHandle } from "react-native";
+import Reanimated, { interpolate, scrollTo, useAnimatedReaction, useAnimatedRef, useAnimatedStyle, useScrollViewOffset, useSharedValue } from "react-native-reanimated";
+import { useFocusedInputHandler, useReanimatedFocusedInput, useWindowDimensions } from "../../hooks";
+import { useSmoothKeyboardHandler } from "./useSmoothKeyboardHandler";
+import { debounce, scrollDistanceWithRespectToSnapPoints } 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 = /*#__PURE__*/forwardRef(({
+  children,
+  onLayout,
+  bottomOffset = 0,
+  disableScrollOnKeyboardHide = false,
+  enabled = true,
+  extraKeyboardSpace = 0,
+  ...rest
+}, ref) => {
+  const scrollViewAnimatedRef = useAnimatedRef();
+  const scrollViewTarget = useSharedValue(null);
+  const scrollPosition = useSharedValue(0);
+  const position = useScrollViewOffset(scrollViewAnimatedRef);
+  const currentKeyboardFrameHeight = useSharedValue(0);
+  const keyboardHeight = useSharedValue(0);
+  const keyboardWillAppear = useSharedValue(false);
+  const tag = useSharedValue(-1);
+  const initialKeyboardSize = useSharedValue(0);
+  const scrollBeforeKeyboardMovement = useSharedValue(0);
+  const {
+    input
+  } = useReanimatedFocusedInput();
+  const layout = useSharedValue(null);
+  const {
+    height
+  } = useWindowDimensions();
+  const onRef = useCallback(assignedRef => {
+    if (typeof ref === "function") {
+      ref(assignedRef);
+    } else if (ref) {
+      ref.current = assignedRef;
+    }
+    scrollViewAnimatedRef(assignedRef);
+  }, []);
+  const onScrollViewLayout = useCallback(e => {
+    scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);
+    onLayout === null || onLayout === void 0 || onLayout(e);
+  }, [onLayout]);
+
+  /**
+   * Function that will scroll a ScrollView as keyboard gets moving
+   */
+  const maybeScroll = useCallback((e, animated = false) => {
+    "worklet";
+
+    var _layout$value, _layout$value2, _layout$value3;
+    if (!enabled) {
+      return 0;
+    }
+
+    // input belongs to ScrollView
+    if (((_layout$value = layout.value) === null || _layout$value === void 0 ? void 0 : _layout$value.parentScrollViewTarget) !== scrollViewTarget.value) {
+      return 0;
+    }
+    const visibleRect = height - keyboardHeight.value;
+    const absoluteY = ((_layout$value2 = layout.value) === null || _layout$value2 === void 0 ? void 0 : _layout$value2.layout.absoluteY) || 0;
+    const inputHeight = ((_layout$value3 = layout.value) === null || _layout$value3 === void 0 ? void 0 : _layout$value3.layout.height) || 0;
+    const point = absoluteY + inputHeight;
+    if (visibleRect - point <= bottomOffset) {
+      const relativeScrollTo = keyboardHeight.value - (height - point) + bottomOffset;
+      const interpolatedScrollTo = interpolate(e, [initialKeyboardSize.value, keyboardHeight.value], [0, scrollDistanceWithRespectToSnapPoints(relativeScrollTo + scrollPosition.value, rest.snapToOffsets) - scrollPosition.value]);
+      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, enabled, height, rest.snapToOffsets]);
+  const scrollFromCurrentPosition = useCallback(customHeight => {
+    "worklet";
+
+    var _input$value;
+    const prevScrollPosition = scrollPosition.value;
+    const prevLayout = layout.value;
+    if (!((_input$value = input.value) !== null && _input$value !== void 0 && _input$value.layout)) {
+      return;
+    }
+
+    // eslint-disable-next-line react-compiler/react-compiler
+    layout.value = {
+      ...input.value,
+      layout: {
+        ...input.value.layout,
+        height: customHeight ?? input.value.layout.height
+      }
+    };
+    scrollPosition.value = position.value;
+    maybeScroll(keyboardHeight.value, true);
+    scrollPosition.value = prevScrollPosition;
+    layout.value = prevLayout;
+  }, [maybeScroll]);
+  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$value4, _input$value2;
+    if (((_layout$value4 = layout.value) === null || _layout$value4 === void 0 ? void 0 : _layout$value4.layout.height) !== ((_input$value2 = input.value) === null || _input$value2 === void 0 ? void 0 : _input$value2.layout.height)) {
+      return;
+    }
+    scrollFromCurrentPosition();
+  }, [scrollFromCurrentPosition]);
+  const onSelectionChange = useCallback(e => {
+    "worklet";
+
+    if (e.selection.start.position !== e.selection.end.position) {
+      scrollFromCurrentPosition(e.selection.end.y);
+    }
+  }, [scrollFromCurrentPosition]);
+  const onChangeTextHandler = useMemo(() => debounce(onChangeText, 200), [onChangeText]);
+  useFocusedInputHandler({
+    onChangeText: onChangeTextHandler,
+    onSelectionChange: onSelectionChange
+  }, [onChangeTextHandler, onSelectionChange]);
+  useSmoothKeyboardHandler({
+    onStart: e => {
+      "worklet";
+
+      const keyboardWillChangeSize = keyboardHeight.value !== e.height && e.height > 0;
+      keyboardWillAppear.value = 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.value || 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.value) {
+        // update position on scroll value, so `onEnd` handler
+        // will pick up correct values
+        position.value += maybeScroll(e.height, true);
+      }
+    },
+    onMove: e => {
+      "worklet";
+
+      const keyboardFrame = interpolate(e.height, [0, keyboardHeight.value], [0, keyboardHeight.value + extraKeyboardSpace]);
+      currentKeyboardFrameHeight.value = keyboardFrame;
+
+      // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens
+      if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {
+        maybeScroll(e.height);
+      }
+    },
+    onEnd: e => {
+      "worklet";
+
+      keyboardHeight.value = e.height;
+      scrollPosition.value = position.value;
+    }
+  }, [maybeScroll, disableScrollOnKeyboardHide, extraKeyboardSpace]);
+  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(() => enabled ? {
+    // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)
+    // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding
+    // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation
+    // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout
+    // re-calculation on every animation frame and it helps to achieve smooth animation.
+    // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342
+    paddingBottom: currentKeyboardFrameHeight.value + 1
+  } : {}, [enabled]);
+  return /*#__PURE__*/React.createElement(Reanimated.ScrollView, _extends({
+    ref: onRef
+  }, rest, {
+    onLayout: onScrollViewLayout,
+    scrollEventThrottle: 16
+  }), children, /*#__PURE__*/React.createElement(Reanimated.View, {
+    style: view
+  }));
+});
+export default KeyboardAwareScrollView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useCallback","useMemo","findNodeHandle","Reanimated","interpolate","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedStyle","useScrollViewOffset","useSharedValue","useFocusedInputHandler","useReanimatedFocusedInput","useWindowDimensions","useSmoothKeyboardHandler","debounce","scrollDistanceWithRespectToSnapPoints","KeyboardAwareScrollView","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","rest","ref","scrollViewAnimatedRef","scrollViewTarget","scrollPosition","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","layout","height","onRef","assignedRef","current","onScrollViewLayout","e","value","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","snapToOffsets","targetScrollY","Math","max","positionOnScreen","topOfScreen","scrollFromCurrentPosition","customHeight","_input$value","prevScrollPosition","prevLayout","onChangeText","_layout$value4","_input$value2","onSelectionChange","selection","start","end","y","onChangeTextHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","target","onMove","keyboardFrame","onEnd","previous","view","paddingBottom","createElement","ScrollView","_extends","scrollEventThrottle","View","style"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\r\nimport { findNodeHandle } from \"react-native\";\r\nimport Reanimated, {\r\n  interpolate,\r\n  scrollTo,\r\n  useAnimatedReaction,\r\n  useAnimatedRef,\r\n  useAnimatedStyle,\r\n  useScrollViewOffset,\r\n  useSharedValue,\r\n} from \"react-native-reanimated\";\r\n\r\nimport {\r\n  useFocusedInputHandler,\r\n  useReanimatedFocusedInput,\r\n  useWindowDimensions,\r\n} from \"../../hooks\";\r\n\r\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\r\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\r\n\r\nimport type {\r\n  LayoutChangeEvent,\r\n  ScrollView,\r\n  ScrollViewProps,\r\n} from \"react-native\";\r\nimport type {\r\n  FocusedInputLayoutChangedEvent,\r\n  FocusedInputSelectionChangedEvent,\r\n} from \"..//../types\";\r\n\r\nexport type KeyboardAwareScrollViewProps = {\r\n  /** The distance between keyboard and focused `TextInput` when keyboard is shown. Default is `0`. */\r\n  bottomOffset?: number;\r\n  /** Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false`. */\r\n  disableScrollOnKeyboardHide?: boolean;\r\n  /** Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true` */\r\n  enabled?: boolean;\r\n  /** Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0` */\r\n  extraKeyboardSpace?: number;\r\n} & ScrollViewProps;\r\n\r\n/*\r\n * Everything begins from `onStart` handler. This handler is called every time,\r\n * when keyboard changes its size or when focused `TextInput` was changed. In\r\n * this handler we are calculating/memoizing values which later will be used\r\n * during layout movement. For that we calculate:\r\n * - layout of focused field (`layout`) - to understand whether there will be overlap\r\n * - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation\r\n * - future keyboard height (`keyboardHeight`) - used in scroll interpolation\r\n * - current scroll position (`scrollPosition`) - used to scroll from this point\r\n *\r\n * Once we've calculated all necessary variables - we can actually start to use them.\r\n * It happens in `onMove` handler - this function simply calls `maybeScroll` with\r\n * current keyboard frame height. This functions makes the smooth transition.\r\n *\r\n * When the transition has finished we go to `onEnd` handler. In this handler\r\n * we verify, that the current field is not overlapped within a keyboard frame.\r\n * For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,\r\n * however there could be some cases, when `onMove` is not called:\r\n * - on iOS when TextInput was changed - keyboard transition is instant\r\n * - on Android when TextInput was changed and keyboard size wasn't changed\r\n * So `onEnd` handler handle the case, when `onMove` wasn't triggered.\r\n *\r\n * ====================================================================================================================+\r\n * -----------------------------------------------------Flow chart-----------------------------------------------------+\r\n * ====================================================================================================================+\r\n *\r\n * +============================+       +============================+        +==================================+\r\n * +  User Press on TextInput   +   =>  +  Keyboard starts showing   +   =>   + As keyboard moves frame by frame +  =>\r\n * +                            +       +       (run `onStart`)      +        +    `onMove` is getting called    +\r\n * +============================+       +============================+        +==================================+\r\n *\r\n *\r\n * +============================+       +============================+        +=====================================+\r\n * + Keyboard is shown and we   +   =>  +    User moved focus to     +   =>   + Only `onStart`/`onEnd` maybe called +\r\n * +    call `onEnd` handler    +       +     another `TextInput`    +        +    (without involving `onMove`)     +\r\n * +============================+       +============================+        +=====================================+\r\n *\r\n */\r\nconst KeyboardAwareScrollView = forwardRef<\r\n  ScrollView,\r\n  React.PropsWithChildren<KeyboardAwareScrollViewProps>\r\n>(\r\n  (\r\n    {\r\n      children,\r\n      onLayout,\r\n      bottomOffset = 0,\r\n      disableScrollOnKeyboardHide = false,\r\n      enabled = true,\r\n      extraKeyboardSpace = 0,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\r\n    const scrollViewTarget = useSharedValue<number | null>(null);\r\n    const scrollPosition = useSharedValue(0);\r\n    const position = useScrollViewOffset(scrollViewAnimatedRef);\r\n    const currentKeyboardFrameHeight = useSharedValue(0);\r\n    const keyboardHeight = useSharedValue(0);\r\n    const keyboardWillAppear = useSharedValue(false);\r\n    const tag = useSharedValue(-1);\r\n    const initialKeyboardSize = useSharedValue(0);\r\n    const scrollBeforeKeyboardMovement = useSharedValue(0);\r\n    const { input } = useReanimatedFocusedInput();\r\n    const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\r\n\r\n    const { height } = useWindowDimensions();\r\n\r\n    const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\r\n      if (typeof ref === \"function\") {\r\n        ref(assignedRef);\r\n      } else if (ref) {\r\n        ref.current = assignedRef;\r\n      }\r\n\r\n      scrollViewAnimatedRef(assignedRef);\r\n    }, []);\r\n    const onScrollViewLayout = useCallback(\r\n      (e: LayoutChangeEvent) => {\r\n        scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\r\n\r\n        onLayout?.(e);\r\n      },\r\n      [onLayout],\r\n    );\r\n\r\n    /**\r\n     * Function that will scroll a ScrollView as keyboard gets moving\r\n     */\r\n    const maybeScroll = useCallback(\r\n      (e: number, animated: boolean = false) => {\r\n        \"worklet\";\r\n\r\n        if (!enabled) {\r\n          return 0;\r\n        }\r\n\r\n        // input belongs to ScrollView\r\n        if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\r\n          return 0;\r\n        }\r\n\r\n        const visibleRect = height - keyboardHeight.value;\r\n        const absoluteY = layout.value?.layout.absoluteY || 0;\r\n        const inputHeight = layout.value?.layout.height || 0;\r\n        const point = absoluteY + inputHeight;\r\n\r\n        if (visibleRect - point <= bottomOffset) {\r\n          const relativeScrollTo =\r\n            keyboardHeight.value - (height - point) + bottomOffset;\r\n          const interpolatedScrollTo = interpolate(\r\n            e,\r\n            [initialKeyboardSize.value, keyboardHeight.value],\r\n            [\r\n              0,\r\n              scrollDistanceWithRespectToSnapPoints(\r\n                relativeScrollTo + scrollPosition.value,\r\n                rest.snapToOffsets,\r\n              ) - scrollPosition.value,\r\n            ],\r\n          );\r\n          const targetScrollY =\r\n            Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\r\n          scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\r\n\r\n          return interpolatedScrollTo;\r\n        }\r\n\r\n        if (absoluteY < 0) {\r\n          const positionOnScreen = visibleRect - inputHeight - bottomOffset;\r\n          const topOfScreen = scrollPosition.value + absoluteY;\r\n\r\n          scrollTo(\r\n            scrollViewAnimatedRef,\r\n            0,\r\n            topOfScreen - positionOnScreen,\r\n            animated,\r\n          );\r\n        }\r\n\r\n        return 0;\r\n      },\r\n      [bottomOffset, enabled, height, rest.snapToOffsets],\r\n    );\r\n\r\n    const scrollFromCurrentPosition = useCallback(\r\n      (customHeight?: number) => {\r\n        \"worklet\";\r\n\r\n        const prevScrollPosition = scrollPosition.value;\r\n        const prevLayout = layout.value;\r\n\r\n        if (!input.value?.layout) {\r\n          return;\r\n        }\r\n\r\n        // eslint-disable-next-line react-compiler/react-compiler\r\n        layout.value = {\r\n          ...input.value,\r\n          layout: {\r\n            ...input.value.layout,\r\n            height: customHeight ?? input.value.layout.height,\r\n          },\r\n        };\r\n        scrollPosition.value = position.value;\r\n        maybeScroll(keyboardHeight.value, true);\r\n        scrollPosition.value = prevScrollPosition;\r\n        layout.value = prevLayout;\r\n      },\r\n      [maybeScroll],\r\n    );\r\n    const onChangeText = useCallback(() => {\r\n      \"worklet\";\r\n\r\n      // if typing a text caused layout shift, then we need to ignore this handler\r\n      // because this event will be handled in `useAnimatedReaction` below\r\n      if (layout.value?.layout.height !== input.value?.layout.height) {\r\n        return;\r\n      }\r\n\r\n      scrollFromCurrentPosition();\r\n    }, [scrollFromCurrentPosition]);\r\n    const onSelectionChange = useCallback(\r\n      (e: FocusedInputSelectionChangedEvent) => {\r\n        \"worklet\";\r\n\r\n        if (e.selection.start.position !== e.selection.end.position) {\r\n          scrollFromCurrentPosition(e.selection.end.y);\r\n        }\r\n      },\r\n      [scrollFromCurrentPosition],\r\n    );\r\n\r\n    const onChangeTextHandler = useMemo(\r\n      () => debounce(onChangeText, 200),\r\n      [onChangeText],\r\n    );\r\n\r\n    useFocusedInputHandler(\r\n      {\r\n        onChangeText: onChangeTextHandler,\r\n        onSelectionChange: onSelectionChange,\r\n      },\r\n      [onChangeTextHandler, onSelectionChange],\r\n    );\r\n\r\n    useSmoothKeyboardHandler(\r\n      {\r\n        onStart: (e) => {\r\n          \"worklet\";\r\n\r\n          const keyboardWillChangeSize =\r\n            keyboardHeight.value !== e.height && e.height > 0;\r\n          keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\r\n          const keyboardWillHide = e.height === 0;\r\n          const focusWasChanged =\r\n            (tag.value !== e.target && e.target !== -1) ||\r\n            keyboardWillChangeSize;\r\n\r\n          if (keyboardWillChangeSize) {\r\n            initialKeyboardSize.value = keyboardHeight.value;\r\n          }\r\n\r\n          if (keyboardWillHide) {\r\n            // on back transition need to interpolate as [0, keyboardHeight]\r\n            initialKeyboardSize.value = 0;\r\n            scrollPosition.value = scrollBeforeKeyboardMovement.value;\r\n          }\r\n\r\n          if (\r\n            keyboardWillAppear.value ||\r\n            keyboardWillChangeSize ||\r\n            focusWasChanged\r\n          ) {\r\n            // persist scroll value\r\n            scrollPosition.value = position.value;\r\n            // just persist height - later will be used in interpolation\r\n            keyboardHeight.value = e.height;\r\n          }\r\n\r\n          // focus was changed\r\n          if (focusWasChanged) {\r\n            tag.value = e.target;\r\n\r\n            // save position of focused text input when keyboard starts to move\r\n            layout.value = input.value;\r\n            // save current scroll position - when keyboard will hide we'll reuse\r\n            // this value to achieve smooth hide effect\r\n            scrollBeforeKeyboardMovement.value = position.value;\r\n          }\r\n\r\n          if (focusWasChanged && !keyboardWillAppear.value) {\r\n            // update position on scroll value, so `onEnd` handler\r\n            // will pick up correct values\r\n            position.value += maybeScroll(e.height, true);\r\n          }\r\n        },\r\n        onMove: (e) => {\r\n          \"worklet\";\r\n\r\n          const keyboardFrame = interpolate(\r\n            e.height,\r\n            [0, keyboardHeight.value],\r\n            [0, keyboardHeight.value + extraKeyboardSpace],\r\n          );\r\n          currentKeyboardFrameHeight.value = keyboardFrame;\r\n\r\n          // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\r\n          if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {\r\n            maybeScroll(e.height);\r\n          }\r\n        },\r\n        onEnd: (e) => {\r\n          \"worklet\";\r\n\r\n          keyboardHeight.value = e.height;\r\n          scrollPosition.value = position.value;\r\n        },\r\n      },\r\n      [maybeScroll, disableScrollOnKeyboardHide, extraKeyboardSpace],\r\n    );\r\n\r\n    useAnimatedReaction(\r\n      () => input.value,\r\n      (current, previous) => {\r\n        if (\r\n          current?.target === previous?.target &&\r\n          current?.layout.height !== previous?.layout.height\r\n        ) {\r\n          const prevLayout = layout.value;\r\n\r\n          layout.value = input.value;\r\n          scrollPosition.value += maybeScroll(keyboardHeight.value, true);\r\n          layout.value = prevLayout;\r\n        }\r\n      },\r\n      [],\r\n    );\r\n\r\n    const view = useAnimatedStyle(\r\n      () =>\r\n        enabled\r\n          ? {\r\n            // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\r\n            // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\r\n            // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\r\n            // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\r\n            // re-calculation on every animation frame and it helps to achieve smooth animation.\r\n            // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\r\n            paddingBottom: currentKeyboardFrameHeight.value + 1,\r\n          }\r\n          : {},\r\n      [enabled],\r\n    );\r\n\r\n    return (\r\n      <Reanimated.ScrollView\r\n        ref={onRef}\r\n        {...rest}\r\n        onLayout={onScrollViewLayout}\r\n        scrollEventThrottle={16}\r\n      >\r\n        {children}\r\n        <Reanimated.View style={view} />\r\n      </Reanimated.ScrollView>\r\n    );\r\n  },\r\n);\r\n\r\nexport default KeyboardAwareScrollView;\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,103 @@
+import { Platform } from "react-native";
+import { Easing, useAnimatedReaction, useSharedValue, withTiming } from "react-native-reanimated";
+import { useKeyboardHandler } from "../../hooks";
+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" || Platform.OS === 'harmony';
+// 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 height = useSharedValue(0);
+  const persistedHeight = useSharedValue(0);
+  const animatedKeyboardHeight = useSharedValue(0);
+  useAnimatedReaction(() => {
+    if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+      return;
+    }
+    if (persistedHeight.value === 0) {
+      return;
+    }
+    const event = {
+      // it'll be always `TELEGRAM_ANDROID_TIMING_CONFIG.duration`, since we're running animation via `withTiming`
+      duration: TELEGRAM_ANDROID_TIMING_CONFIG.duration,
+      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 || _handler$onMove.call(handler, evt);
+
+    // dispatch `onEnd`
+    if (evt.height === height.value) {
+      var _handler$onEnd;
+      (_handler$onEnd = handler.onEnd) === null || _handler$onEnd === void 0 || _handler$onEnd.call(handler, evt);
+      // eslint-disable-next-line react-compiler/react-compiler
+      persistedHeight.value = height.value;
+    }
+  },
+  // REA uses own version of `DependencyList` and it's not compatible with the same type from React
+  deps);
+  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 || _handler$onStart.call(handler, e);
+        (_handler$onEnd2 = handler.onEnd) === null || _handler$onEnd2 === void 0 || _handler$onEnd2.call(handler, e);
+        return;
+      }
+      target.value = e.target;
+      height.value = e.height;
+      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 || _handler$onStart2.call(handler, {
+        ...e,
+        duration: IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS ? e.duration : TELEGRAM_ANDROID_TIMING_CONFIG.duration
+      });
+    },
+    onMove: e => {
+      "worklet";
+
+      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+        var _handler$onMove2;
+        (_handler$onMove2 = handler.onMove) === null || _handler$onMove2 === 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 || _handler$onEnd3.call(handler, e);
+      }
+    }
+  }, 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","height","persistedHeight","animatedKeyboardHeight","value","event","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\";\r\nimport {\r\n  Easing,\r\n  useAnimatedReaction,\r\n  useSharedValue,\r\n  withTiming,\r\n} from \"react-native-reanimated\";\r\n\r\nimport { useKeyboardHandler } from \"../../hooks\";\r\n\r\nconst IS_ANDROID_ELEVEN_OR_HIGHER =\r\n  Platform.OS === \"android\" && Platform.Version >= 30;\r\n// on these platforms keyboard transitions will be smooth\r\nconst IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS =\r\n  IS_ANDROID_ELEVEN_OR_HIGHER || Platform.OS === \"ios\" || Platform.OS as string === 'harmony';\r\n// on Android Telegram is not using androidx.core values and uses custom interpolation\r\n// duration is taken from here: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/org/telegram/ui/ActionBar/AdjustPanLayoutHelper.java#L39\r\n// and bezier is taken from: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/androidx/recyclerview/widget/ChatListItemAnimator.java#L40\r\nconst TELEGRAM_ANDROID_TIMING_CONFIG = {\r\n  duration: 250,\r\n  easing: Easing.bezier(\r\n    0.19919472913616398,\r\n    0.010644531250000006,\r\n    0.27920937042459737,\r\n    0.91025390625,\r\n  ),\r\n};\r\n\r\n/**\r\n * Hook that uses default transitions for iOS and Android > 11, and uses\r\n * custom interpolation on Android < 11 to achieve more smooth animation\r\n */\r\nexport const useSmoothKeyboardHandler: typeof useKeyboardHandler = (\r\n  handler,\r\n  deps,\r\n) => {\r\n  const target = useSharedValue(-1);\r\n  const height = useSharedValue(0);\r\n  const persistedHeight = useSharedValue(0);\r\n  const animatedKeyboardHeight = useSharedValue(0);\r\n\r\n  useAnimatedReaction(\r\n    () => {\r\n      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n        return;\r\n      }\r\n      if (persistedHeight.value === 0) {\r\n        return;\r\n      }\r\n      const event = {\r\n        // it'll be always `TELEGRAM_ANDROID_TIMING_CONFIG.duration`, since we're running animation via `withTiming`\r\n        duration: TELEGRAM_ANDROID_TIMING_CONFIG.duration,\r\n        target: target.value,\r\n        height: animatedKeyboardHeight.value,\r\n        progress: animatedKeyboardHeight.value / persistedHeight.value,\r\n      };\r\n      return event;\r\n    },\r\n    (evt) => {\r\n      if (!evt) {\r\n        return;\r\n      }\r\n      handler.onMove?.(evt);\r\n\r\n      // dispatch `onEnd`\r\n      if (evt.height === height.value) {\r\n        handler.onEnd?.(evt);\r\n        // eslint-disable-next-line react-compiler/react-compiler\r\n        persistedHeight.value = height.value;\r\n      }\r\n    },\r\n    // REA uses own version of `DependencyList` and it's not compatible with the same type from React\r\n    deps as unknown[],\r\n  );\r\n\r\n  useKeyboardHandler(\r\n    {\r\n      onStart: (e) => {\r\n        \"worklet\";\r\n\r\n        // immediately dispatch onStart/onEnd events if onStart dispatched with the same height\r\n        // and don't wait for animation 250ms\r\n        if (\r\n          !IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS &&\r\n          e.height === persistedHeight.value\r\n        ) {\r\n          handler.onStart?.(e);\r\n          handler.onEnd?.(e);\r\n\r\n          return;\r\n        }\r\n\r\n        target.value = e.target;\r\n        height.value = e.height;\r\n\r\n        if (e.height > 0) {\r\n          persistedHeight.value = e.height;\r\n        }\r\n        // if we are running on Android < 9, then we are using custom interpolation\r\n        // to achieve smoother animation and use `animatedKeyboardHeight` as animation\r\n        // driver\r\n        if (!IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n          animatedKeyboardHeight.value = withTiming(\r\n            e.height,\r\n            TELEGRAM_ANDROID_TIMING_CONFIG,\r\n          );\r\n        }\r\n\r\n        handler.onStart?.({\r\n          ...e,\r\n          duration: IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS\r\n            ? e.duration\r\n            : TELEGRAM_ANDROID_TIMING_CONFIG.duration,\r\n        });\r\n      },\r\n      onMove: (e) => {\r\n        \"worklet\";\r\n\r\n        if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n          handler.onMove?.(e);\r\n        }\r\n      },\r\n      onEnd: (e) => {\r\n        \"worklet\";\r\n\r\n        if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n          handler.onEnd?.(e);\r\n        }\r\n      },\r\n    },\r\n    deps,\r\n  );\r\n};\r\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SACEC,MAAM,EACNC,mBAAmB,EACnBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAEhC,SAASC,kBAAkB,QAAQ,aAAa;AAEhD,MAAMC,2BAA2B,GAC/BN,QAAQ,CAACO,EAAE,KAAK,SAAS,IAAIP,QAAQ,CAACQ,OAAO,IAAI,EAAE;AACrD;AACA,MAAMC,kCAAkC,GACtCH,2BAA2B,IAAIN,QAAQ,CAACO,EAAE,KAAK,KAAK,IAAIP,QAAQ,CAACO,EAAE,KAAe,SAAS;AAC7F;AACA;AACA;AACA,MAAMG,8BAA8B,GAAG;EACrCC,QAAQ,EAAE,GAAG;EACbC,MAAM,EAAEX,MAAM,CAACY,MAAM,CACnB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,aACF;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,wBAAmD,GAAGA,CACjEC,OAAO,EACPC,IAAI,KACD;EACH,MAAMC,MAAM,GAAGd,cAAc,CAAC,CAAC,CAAC,CAAC;EACjC,MAAMe,MAAM,GAAGf,cAAc,CAAC,CAAC,CAAC;EAChC,MAAMgB,eAAe,GAAGhB,cAAc,CAAC,CAAC,CAAC;EACzC,MAAMiB,sBAAsB,GAAGjB,cAAc,CAAC,CAAC,CAAC;EAEhDD,mBAAmB,CACjB,MAAM;IACJ,IAAIO,kCAAkC,EAAE;MACtC;IACF;IACA,IAAIU,eAAe,CAACE,KAAK,KAAK,CAAC,EAAE;MAC/B;IACF;IACA,MAAMC,KAAK,GAAG;MACZ;MACAX,QAAQ,EAAED,8BAA8B,CAACC,QAAQ;MACjDM,MAAM,EAAEA,MAAM,CAACI,KAAK;MACpBH,MAAM,EAAEE,sBAAsB,CAACC,KAAK;MACpCE,QAAQ,EAAEH,sBAAsB,CAACC,KAAK,GAAGF,eAAe,CAACE;IAC3D,CAAC;IACD,OAAOC,KAAK;EACd,CAAC,EACAE,GAAG,IAAK;IAAA,IAAAC,eAAA;IACP,IAAI,CAACD,GAAG,EAAE;MACR;IACF;IACA,CAAAC,eAAA,GAAAV,OAAO,CAACW,MAAM,cAAAD,eAAA,eAAdA,eAAA,CAAAE,IAAA,CAAAZ,OAAO,EAAUS,GAAG,CAAC;;IAErB;IACA,IAAIA,GAAG,CAACN,MAAM,KAAKA,MAAM,CAACG,KAAK,EAAE;MAAA,IAAAO,cAAA;MAC/B,CAAAA,cAAA,GAAAb,OAAO,CAACc,KAAK,cAAAD,cAAA,eAAbA,cAAA,CAAAD,IAAA,CAAAZ,OAAO,EAASS,GAAG,CAAC;MACpB;MACAL,eAAe,CAACE,KAAK,GAAGH,MAAM,CAACG,KAAK;IACtC;EACF,CAAC;EACD;EACAL,IACF,CAAC;EAEDX,kBAAkB,CAChB;IACEyB,OAAO,EAAGC,CAAC,IAAK;MACd,SAAS;;MAET;MACA;MAAA,IAAAC,iBAAA;MACA,IACE,CAACvB,kCAAkC,IACnCsB,CAAC,CAACb,MAAM,KAAKC,eAAe,CAACE,KAAK,EAClC;QAAA,IAAAY,gBAAA,EAAAC,eAAA;QACA,CAAAD,gBAAA,GAAAlB,OAAO,CAACe,OAAO,cAAAG,gBAAA,eAAfA,gBAAA,CAAAN,IAAA,CAAAZ,OAAO,EAAWgB,CAAC,CAAC;QACpB,CAAAG,eAAA,GAAAnB,OAAO,CAACc,KAAK,cAAAK,eAAA,eAAbA,eAAA,CAAAP,IAAA,CAAAZ,OAAO,EAASgB,CAAC,CAAC;QAElB;MACF;MAEAd,MAAM,CAACI,KAAK,GAAGU,CAAC,CAACd,MAAM;MACvBC,MAAM,CAACG,KAAK,GAAGU,CAAC,CAACb,MAAM;MAEvB,IAAIa,CAAC,CAACb,MAAM,GAAG,CAAC,EAAE;QAChBC,eAAe,CAACE,KAAK,GAAGU,CAAC,CAACb,MAAM;MAClC;MACA;MACA;MACA;MACA,IAAI,CAACT,kCAAkC,EAAE;QACvCW,sBAAsB,CAACC,KAAK,GAAGjB,UAAU,CACvC2B,CAAC,CAACb,MAAM,EACRR,8BACF,CAAC;MACH;MAEA,CAAAsB,iBAAA,GAAAjB,OAAO,CAACe,OAAO,cAAAE,iBAAA,eAAfA,iBAAA,CAAAL,IAAA,CAAAZ,OAAO,EAAW;QAChB,GAAGgB,CAAC;QACJpB,QAAQ,EAAEF,kCAAkC,GACxCsB,CAAC,CAACpB,QAAQ,GACVD,8BAA8B,CAACC;MACrC,CAAC,CAAC;IACJ,CAAC;IACDe,MAAM,EAAGK,CAAC,IAAK;MACb,SAAS;;MAET,IAAItB,kCAAkC,EAAE;QAAA,IAAA0B,gBAAA;QACtC,CAAAA,gBAAA,GAAApB,OAAO,CAACW,MAAM,cAAAS,gBAAA,eAAdA,gBAAA,CAAAR,IAAA,CAAAZ,OAAO,EAAUgB,CAAC,CAAC;MACrB;IACF,CAAC;IACDF,KAAK,EAAGE,CAAC,IAAK;MACZ,SAAS;;MAET,IAAItB,kCAAkC,EAAE;QAAA,IAAA2B,eAAA;QACtC,CAAAA,eAAA,GAAArB,OAAO,CAACc,KAAK,cAAAO,eAAA,eAAbA,eAAA,CAAAT,IAAA,CAAAZ,OAAO,EAASgB,CAAC,CAAC;MACpB;IACF;EACF,CAAC,EACDf,IACF,CAAC;AACH,CAAC","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+export const debounce = (worklet, wait = 0) => {
+  "worklet";
+
+  const value = {
+    time: 0
+  };
+  return (...args) => {
+    "worklet";
+
+    const t = Date.now();
+    const now = t - value.time;
+    if (now < wait) {
+      value.time = t;
+      return;
+    }
+    value.time = t;
+    return worklet(...args);
+  };
+};
+export const scrollDistanceWithRespectToSnapPoints = (defaultScrollValue, snapPoints) => {
+  "worklet";
+
+  let snapPoint;
+  if (snapPoints) {
+    snapPoint = snapPoints.find(offset => offset >= defaultScrollValue);
+  }
+  return snapPoint ?? defaultScrollValue;
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","worklet","wait","value","time","args","t","Date","now","scrollDistanceWithRespectToSnapPoints","defaultScrollValue","snapPoints","snapPoint","find","offset"],"sources":["utils.ts"],"sourcesContent":["export const debounce = <F extends (...args: Parameters<F>) => ReturnType<F>>(\r\n  worklet: F,\r\n  wait = 0,\r\n) => {\r\n  \"worklet\";\r\n\r\n  const value = {\r\n    time: 0,\r\n  };\r\n\r\n  return (...args: Parameters<F>): ReturnType<F> | void => {\r\n    \"worklet\";\r\n\r\n    const t = Date.now();\r\n    const now = t - value.time;\r\n\r\n    if (now < wait) {\r\n      value.time = t;\r\n      return;\r\n    }\r\n\r\n    value.time = t;\r\n\r\n    return worklet(...args);\r\n  };\r\n};\r\n\r\nexport const scrollDistanceWithRespectToSnapPoints = (\r\n  defaultScrollValue: number,\r\n  snapPoints?: number[],\r\n) => {\r\n  \"worklet\";\r\n\r\n  let snapPoint: number | undefined;\r\n\r\n  if (snapPoints) {\r\n    snapPoint = snapPoints.find((offset) => offset >= defaultScrollValue);\r\n  }\r\n\r\n  return snapPoint ?? defaultScrollValue;\r\n};\r\n"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,GAAGA,CACtBC,OAAU,EACVC,IAAI,GAAG,CAAC,KACL;EACH,SAAS;;EAET,MAAMC,KAAK,GAAG;IACZC,IAAI,EAAE;EACR,CAAC;EAED,OAAO,CAAC,GAAGC,IAAmB,KAA2B;IACvD,SAAS;;IAET,MAAMC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC;IACpB,MAAMA,GAAG,GAAGF,CAAC,GAAGH,KAAK,CAACC,IAAI;IAE1B,IAAII,GAAG,GAAGN,IAAI,EAAE;MACdC,KAAK,CAACC,IAAI,GAAGE,CAAC;MACd;IACF;IAEAH,KAAK,CAACC,IAAI,GAAGE,CAAC;IAEd,OAAOL,OAAO,CAAC,GAAGI,IAAI,CAAC;EACzB,CAAC;AACH,CAAC;AAED,OAAO,MAAMI,qCAAqC,GAAGA,CACnDC,kBAA0B,EAC1BC,UAAqB,KAClB;EACH,SAAS;;EAET,IAAIC,SAA6B;EAEjC,IAAID,UAAU,EAAE;IACdC,SAAS,GAAGD,UAAU,CAACE,IAAI,CAAEC,MAAM,IAAKA,MAAM,IAAIJ,kBAAkB,CAAC;EACvE;EAEA,OAAOE,SAAS,IAAIF,kBAAkB;AACxC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { forwardRef, useMemo } from "react";
+import Reanimated, { interpolate, useAnimatedStyle } from "react-native-reanimated";
+import { useReanimatedKeyboardAnimation } from "../../hooks";
+const KeyboardStickyView = /*#__PURE__*/forwardRef(({
+  children,
+  offset: {
+    closed = 0,
+    opened = 0
+  } = {},
+  style,
+  ...props
+}, ref) => {
+  const {
+    height,
+    progress
+  } = useReanimatedKeyboardAnimation();
+  const stickyViewStyle = useAnimatedStyle(() => {
+    const offset = interpolate(progress.value, [0, 1], [closed, opened]);
+    return {
+      transform: [{
+        translateY: height.value + offset
+      }]
+    };
+  }, [closed, opened]);
+  const styles = useMemo(() => [style, stickyViewStyle], [style, stickyViewStyle]);
+  return /*#__PURE__*/React.createElement(Reanimated.View, _extends({
+    ref: ref,
+    style: styles
+  }, props), children);
+});
+export default KeyboardStickyView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useMemo","Reanimated","interpolate","useAnimatedStyle","useReanimatedKeyboardAnimation","KeyboardStickyView","children","offset","closed","opened","style","props","ref","height","progress","stickyViewStyle","value","transform","translateY","styles","createElement","View","_extends"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport Reanimated, {\r\n  interpolate,\r\n  useAnimatedStyle,\r\n} from \"react-native-reanimated\";\r\n\r\nimport { useReanimatedKeyboardAnimation } from \"../../hooks\";\r\n\r\nimport type { View, ViewProps } from \"react-native\";\r\n\r\nexport type KeyboardStickyViewProps = {\r\n  /**\r\n   * Specify additional offset to the view for given keyboard state.\r\n   */\r\n  offset?: {\r\n    /**\r\n     * Adds additional `translateY` when keyboard is close. By default `0`.\r\n     */\r\n    closed?: number;\r\n    /**\r\n     * Adds additional `translateY` when keyboard is open. By default `0`.\r\n     */\r\n    opened?: number;\r\n  };\r\n} & ViewProps;\r\n\r\nconst KeyboardStickyView = forwardRef<\r\n  View,\r\n  React.PropsWithChildren<KeyboardStickyViewProps>\r\n>(\r\n  (\r\n    { children, offset: { closed = 0, opened = 0 } = {}, style, ...props },\r\n    ref,\r\n  ) => {\r\n    const { height, progress } = useReanimatedKeyboardAnimation();\r\n    const stickyViewStyle = useAnimatedStyle(() => {\r\n      const offset = interpolate(progress.value, [0, 1], [closed, opened]);\r\n\r\n      return {\r\n        transform: [{ translateY: height.value + offset }],\r\n      };\r\n    }, [closed, opened]);\r\n\r\n    const styles = useMemo(\r\n      () => [style, stickyViewStyle],\r\n      [style, stickyViewStyle],\r\n    );\r\n\r\n    return (\r\n      <Reanimated.View ref={ref} style={styles} {...props}>\r\n        {children}\r\n      </Reanimated.View>\r\n    );\r\n  },\r\n);\r\n\r\nexport default KeyboardStickyView;\r\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,CACE;EAAEO,QAAQ;EAAEC,MAAM,EAAE;IAAEC,MAAM,GAAG,CAAC;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAG,CAAC,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACtEC,GAAG,KACA;EACH,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGV,8BAA8B,CAAC,CAAC;EAC7D,MAAMW,eAAe,GAAGZ,gBAAgB,CAAC,MAAM;IAC7C,MAAMI,MAAM,GAAGL,WAAW,CAACY,QAAQ,CAACE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACR,MAAM,EAAEC,MAAM,CAAC,CAAC;IAEpE,OAAO;MACLQ,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEL,MAAM,CAACG,KAAK,GAAGT;MAAO,CAAC;IACnD,CAAC;EACH,CAAC,EAAE,CAACC,MAAM,EAAEC,MAAM,CAAC,CAAC;EAEpB,MAAMU,MAAM,GAAGnB,OAAO,CACpB,MAAM,CAACU,KAAK,EAAEK,eAAe,CAAC,EAC9B,CAACL,KAAK,EAAEK,eAAe,CACzB,CAAC;EAED,oBACEjB,KAAA,CAAAsB,aAAA,CAACnB,UAAU,CAACoB,IAAI,EAAAC,QAAA;IAACV,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAES;EAAO,GAAKR,KAAK,GAChDL,QACc,CAAC;AAEtB,CACF,CAAC;AAED,eAAeD,kBAAkB","ignoreList":[]}