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

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useKeyboardAnimation = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _hooks = require("../../hooks");
+var _context = require("../../context");
+var _reactNative = require("react-native");
+const useKeyboardAnimation = () => {
+  const {
+    reanimated
+  } = (0, _context.useKeyboardContext)();
+  const heightWhenOpened = (0, _reactNativeReanimated.useSharedValue)(-reanimated.height.value);
+  const height = (0, _reactNativeReanimated.useSharedValue)(-reanimated.height.value);
+  const progress = (0, _reactNativeReanimated.useSharedValue)(reanimated.progress.value);
+  const isClosed = (0, _reactNativeReanimated.useSharedValue)(reanimated.progress.value === 0);
+  (0, _hooks.useKeyboardHandler)({
+    onStart: e => {
+      "worklet";
+
+      if (e.height > 0) {
+        // eslint-disable-next-line react-compiler/react-compiler
+        isClosed.value = false;
+        heightWhenOpened.value = e.height;
+      }
+    },
+    onMove: e => {
+      "worklet";
+
+      progress.value = e.progress;
+      height.value = e.height;
+    },
+    onEnd: e => {
+      "worklet";
+
+      if (_reactNative.Platform.OS === 'harmony') {
+        heightWhenOpened.value = e.height;
+      }
+      isClosed.value = e.height === 0;
+
+      // `height` update happens in `onMove` handler
+      // in `onEnd` we need to update only if `onMove`
+      // wasn't called (i. e. duration === 0)
+      //
+      // we can not call this code without condition below
+      // because in some corner cases (iOS with `secureTextEntry`)
+      // `onEnd` can be emitted before `onMove` and in this case
+      // it may lead to choppy/glitchy/jumpy UI
+      // see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/327
+      if (e.duration === 0) {
+        progress.value = e.progress;
+        height.value = e.height;
+      }
+    }
+  }, []);
+  return {
+    height,
+    progress,
+    heightWhenOpened,
+    isClosed
+  };
+};
+exports.useKeyboardAnimation = useKeyboardAnimation;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_hooks","_context","_reactNative","useKeyboardAnimation","reanimated","useKeyboardContext","heightWhenOpened","useSharedValue","height","value","progress","isClosed","useKeyboardHandler","onStart","e","onMove","onEnd","Platform","OS","duration","exports"],"sources":["hooks.ts"],"sourcesContent":["import { useSharedValue } from \"react-native-reanimated\";\r\n\r\nimport {useKeyboardHandler} from \"../../hooks\";\r\nimport {useKeyboardContext} from \"../../context\";\r\nimport { Platform } from \"react-native\";\r\n\r\nexport const useKeyboardAnimation = () => {\r\n  const { reanimated } = useKeyboardContext();\r\n  const heightWhenOpened = useSharedValue(-reanimated.height.value);\r\n  const height = useSharedValue(-reanimated.height.value);\r\n  const progress = useSharedValue(reanimated.progress.value);\r\n  const isClosed = useSharedValue(reanimated.progress.value === 0);\r\n\r\n  useKeyboardHandler(\r\n    {\r\n      onStart: (e) => {\r\n        \"worklet\";\r\n\r\n        if (e.height > 0) {\r\n          // eslint-disable-next-line react-compiler/react-compiler\r\n          isClosed.value = false;\r\n          heightWhenOpened.value = e.height;\r\n        }\r\n      },\r\n      onMove: (e) => {\r\n        \"worklet\";\r\n  \r\n        progress.value = e.progress;\r\n        height.value = e.height;\r\n      },\r\n      onEnd: (e) => {\r\n        \"worklet\";\r\n       if(Platform.OS as string === 'harmony'){\r\n        heightWhenOpened.value = e.height;\r\n       }\r\n  \r\n        isClosed.value = e.height === 0;\r\n\r\n        // `height` update happens in `onMove` handler\r\n        // in `onEnd` we need to update only if `onMove`\r\n        // wasn't called (i. e. duration === 0)\r\n        //\r\n        // we can not call this code without condition below\r\n        // because in some corner cases (iOS with `secureTextEntry`)\r\n        // `onEnd` can be emitted before `onMove` and in this case\r\n        // it may lead to choppy/glitchy/jumpy UI\r\n        // see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/327\r\n        if (e.duration === 0) {\r\n          progress.value = e.progress;\r\n          height.value = e.height;\r\n        }\r\n      },\r\n    },\r\n    [],\r\n  );\r\n\r\n  return { height, progress, heightWhenOpened, isClosed };\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAEO,MAAMI,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,2BAAkB,EAAC,CAAC;EAC3C,MAAMC,gBAAgB,GAAG,IAAAC,qCAAc,EAAC,CAACH,UAAU,CAACI,MAAM,CAACC,KAAK,CAAC;EACjE,MAAMD,MAAM,GAAG,IAAAD,qCAAc,EAAC,CAACH,UAAU,CAACI,MAAM,CAACC,KAAK,CAAC;EACvD,MAAMC,QAAQ,GAAG,IAAAH,qCAAc,EAACH,UAAU,CAACM,QAAQ,CAACD,KAAK,CAAC;EAC1D,MAAME,QAAQ,GAAG,IAAAJ,qCAAc,EAACH,UAAU,CAACM,QAAQ,CAACD,KAAK,KAAK,CAAC,CAAC;EAEhE,IAAAG,yBAAkB,EAChB;IACEC,OAAO,EAAGC,CAAC,IAAK;MACd,SAAS;;MAET,IAAIA,CAAC,CAACN,MAAM,GAAG,CAAC,EAAE;QAChB;QACAG,QAAQ,CAACF,KAAK,GAAG,KAAK;QACtBH,gBAAgB,CAACG,KAAK,GAAGK,CAAC,CAACN,MAAM;MACnC;IACF,CAAC;IACDO,MAAM,EAAGD,CAAC,IAAK;MACb,SAAS;;MAETJ,QAAQ,CAACD,KAAK,GAAGK,CAAC,CAACJ,QAAQ;MAC3BF,MAAM,CAACC,KAAK,GAAGK,CAAC,CAACN,MAAM;IACzB,CAAC;IACDQ,KAAK,EAAGF,CAAC,IAAK;MACZ,SAAS;;MACV,IAAGG,qBAAQ,CAACC,EAAE,KAAe,SAAS,EAAC;QACtCZ,gBAAgB,CAACG,KAAK,GAAGK,CAAC,CAACN,MAAM;MAClC;MAECG,QAAQ,CAACF,KAAK,GAAGK,CAAC,CAACN,MAAM,KAAK,CAAC;;MAE/B;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,IAAIM,CAAC,CAACK,QAAQ,KAAK,CAAC,EAAE;QACpBT,QAAQ,CAACD,KAAK,GAAGK,CAAC,CAACJ,QAAQ;QAC3BF,MAAM,CAACC,KAAK,GAAGK,CAAC,CAACN,MAAM;MACzB;IACF;EACF,CAAC,EACD,EACF,CAAC;EAED,OAAO;IAAEA,MAAM;IAAEE,QAAQ;IAAEJ,gBAAgB;IAAEK;EAAS,CAAC;AACzD,CAAC;AAACS,OAAA,CAAAjB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _hooks = require("../../hooks");
+var _hooks2 = require("./hooks");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+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__*/(0, _react.forwardRef)(({
+  behavior,
+  children,
+  contentContainerStyle,
+  enabled = true,
+  keyboardVerticalOffset = 0,
+  style,
+  onLayout: onLayoutProps,
+  ...props
+}, ref) => {
+  const initialFrame = (0, _reactNativeReanimated.useSharedValue)(null);
+  const frame = (0, _reactNativeReanimated.useDerivedValue)(() => initialFrame.value || defaultLayout);
+  const keyboard = (0, _hooks2.useKeyboardAnimation)();
+  const {
+    height: screenHeight
+  } = (0, _hooks.useWindowDimensions)();
+  const relativeKeyboardHeight = (0, _react.useCallback)(() => {
+    "worklet";
+
+    const keyboardY = screenHeight - keyboard.heightWhenOpened.value - keyboardVerticalOffset;
+    return Math.max(frame.value.y + frame.value.height - keyboardY, 0);
+  }, [screenHeight, keyboardVerticalOffset]);
+  const onLayoutWorklet = (0, _react.useCallback)(layout => {
+    "worklet";
+
+    if (keyboard.isClosed.value || initialFrame.value === null) {
+      // eslint-disable-next-line react-compiler/react-compiler
+      initialFrame.value = layout;
+    }
+  }, []);
+  const onLayout = (0, _react.useCallback)(e => {
+    (0, _reactNativeReanimated.runOnUI)(onLayoutWorklet)(e.nativeEvent.layout);
+    onLayoutProps === null || onLayoutProps === void 0 || onLayoutProps(e);
+  }, [onLayoutProps]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const bottom = (0, _reactNativeReanimated.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 = (0, _react.useMemo)(() => [containerStyle, animatedStyle], [containerStyle, animatedStyle]);
+  if (isPositionBehavior) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+      ref: ref,
+      style: style,
+      onLayout: onLayout
+    }, props), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+      style: combinedStyles
+    }, children));
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({
+    ref: ref,
+    onLayout: onLayout,
+    style: combinedStyles
+  }, props), children);
+});
+var _default = exports.default = KeyboardAvoidingView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_hooks","_hooks2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","defaultLayout","x","y","width","height","KeyboardAvoidingView","forwardRef","behavior","children","contentContainerStyle","enabled","keyboardVerticalOffset","style","onLayout","onLayoutProps","props","ref","initialFrame","useSharedValue","frame","useDerivedValue","value","keyboard","useKeyboardAnimation","screenHeight","useWindowDimensions","relativeKeyboardHeight","useCallback","keyboardY","heightWhenOpened","Math","max","onLayoutWorklet","layout","isClosed","runOnUI","nativeEvent","animatedStyle","useAnimatedStyle","bottom","interpolate","progress","bottomHeight","flex","paddingBottom","isPositionBehavior","containerStyle","combinedStyles","useMemo","createElement","View","_default","exports"],"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/commonjs/components/KeyboardAwareScrollView/index.js

@@ -0,0 +1,255 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _hooks = require("../../hooks");
+var _useSmoothKeyboardHandler = require("./useSmoothKeyboardHandler");
+var _utils = require("./utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+/*
+ * 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__*/(0, _react.forwardRef)(({
+  children,
+  onLayout,
+  bottomOffset = 0,
+  disableScrollOnKeyboardHide = false,
+  enabled = true,
+  extraKeyboardSpace = 0,
+  ...rest
+}, ref) => {
+  const scrollViewAnimatedRef = (0, _reactNativeReanimated.useAnimatedRef)();
+  const scrollViewTarget = (0, _reactNativeReanimated.useSharedValue)(null);
+  const scrollPosition = (0, _reactNativeReanimated.useSharedValue)(0);
+  const position = (0, _reactNativeReanimated.useScrollViewOffset)(scrollViewAnimatedRef);
+  const currentKeyboardFrameHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const keyboardHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const keyboardWillAppear = (0, _reactNativeReanimated.useSharedValue)(false);
+  const tag = (0, _reactNativeReanimated.useSharedValue)(-1);
+  const initialKeyboardSize = (0, _reactNativeReanimated.useSharedValue)(0);
+  const scrollBeforeKeyboardMovement = (0, _reactNativeReanimated.useSharedValue)(0);
+  const {
+    input
+  } = (0, _hooks.useReanimatedFocusedInput)();
+  const layout = (0, _reactNativeReanimated.useSharedValue)(null);
+  const {
+    height
+  } = (0, _hooks.useWindowDimensions)();
+  const onRef = (0, _react.useCallback)(assignedRef => {
+    if (typeof ref === "function") {
+      ref(assignedRef);
+    } else if (ref) {
+      ref.current = assignedRef;
+    }
+    scrollViewAnimatedRef(assignedRef);
+  }, []);
+  const onScrollViewLayout = (0, _react.useCallback)(e => {
+    scrollViewTarget.value = (0, _reactNative.findNodeHandle)(scrollViewAnimatedRef.current);
+    onLayout === null || onLayout === void 0 || onLayout(e);
+  }, [onLayout]);
+
+  /**
+   * Function that will scroll a ScrollView as keyboard gets moving
+   */
+  const maybeScroll = (0, _react.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 = (0, _reactNativeReanimated.interpolate)(e, [initialKeyboardSize.value, keyboardHeight.value], [0, (0, _utils.scrollDistanceWithRespectToSnapPoints)(relativeScrollTo + scrollPosition.value, rest.snapToOffsets) - scrollPosition.value]);
+      const targetScrollY = Math.max(interpolatedScrollTo, 0) + scrollPosition.value;
+      (0, _reactNativeReanimated.scrollTo)(scrollViewAnimatedRef, 0, targetScrollY, animated);
+      return interpolatedScrollTo;
+    }
+    if (absoluteY < 0) {
+      const positionOnScreen = visibleRect - inputHeight - bottomOffset;
+      const topOfScreen = scrollPosition.value + absoluteY;
+      (0, _reactNativeReanimated.scrollTo)(scrollViewAnimatedRef, 0, topOfScreen - positionOnScreen, animated);
+    }
+    return 0;
+  }, [bottomOffset, enabled, height, rest.snapToOffsets]);
+  const scrollFromCurrentPosition = (0, _react.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 = (0, _react.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 = (0, _react.useCallback)(e => {
+    "worklet";
+
+    if (e.selection.start.position !== e.selection.end.position) {
+      scrollFromCurrentPosition(e.selection.end.y);
+    }
+  }, [scrollFromCurrentPosition]);
+  const onChangeTextHandler = (0, _react.useMemo)(() => (0, _utils.debounce)(onChangeText, 200), [onChangeText]);
+  (0, _hooks.useFocusedInputHandler)({
+    onChangeText: onChangeTextHandler,
+    onSelectionChange: onSelectionChange
+  }, [onChangeTextHandler, onSelectionChange]);
+  (0, _useSmoothKeyboardHandler.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 = (0, _reactNativeReanimated.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]);
+  (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.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.default.createElement(_reactNativeReanimated.default.ScrollView, _extends({
+    ref: onRef
+  }, rest, {
+    onLayout: onScrollViewLayout,
+    scrollEventThrottle: 16
+  }), children, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: view
+  }));
+});
+var _default = exports.default = KeyboardAwareScrollView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_hooks","_useSmoothKeyboardHandler","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewTarget","useSharedValue","scrollPosition","position","useScrollViewOffset","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","height","useWindowDimensions","onRef","useCallback","assignedRef","current","onScrollViewLayout","value","findNodeHandle","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","snapToOffsets","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","scrollFromCurrentPosition","customHeight","_input$value","prevScrollPosition","prevLayout","onChangeText","_layout$value4","_input$value2","onSelectionChange","selection","start","end","y","onChangeTextHandler","useMemo","debounce","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","target","onMove","keyboardFrame","onEnd","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","ScrollView","scrollEventThrottle","View","style","_default","exports"],"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/commonjs/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSmoothKeyboardHandler = void 0;
+var _reactNative = require("react-native");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _hooks = require("../../hooks");
+const IS_ANDROID_ELEVEN_OR_HIGHER = _reactNative.Platform.OS === "android" && _reactNative.Platform.Version >= 30;
+// on these platforms keyboard transitions will be smooth
+const IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS = IS_ANDROID_ELEVEN_OR_HIGHER || _reactNative.Platform.OS === "ios" || _reactNative.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: _reactNativeReanimated.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
+ */
+const useSmoothKeyboardHandler = (handler, deps) => {
+  const target = (0, _reactNativeReanimated.useSharedValue)(-1);
+  const height = (0, _reactNativeReanimated.useSharedValue)(0);
+  const persistedHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const animatedKeyboardHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _reactNativeReanimated.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);
+  (0, _hooks.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 = (0, _reactNativeReanimated.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);
+};
+exports.useSmoothKeyboardHandler = useSmoothKeyboardHandler;
+//# sourceMappingURL=useSmoothKeyboardHandler.js.map