npm - react-native-keyboard-controller - Versions diffs - 1.21.0-beta.1 → 1.21.0-beta.3 - Mend

react-native-keyboard-controller 1.21.0-beta.1 → 1.21.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/lib/commonjs/components/KeyboardChatScrollView/useChatKeyboard/index.ios.js ADDED Viewed

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChatKeyboard = useChatKeyboard;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _hooks = require("../../../hooks");
+var _useScrollState = _interopRequireDefault(require("../../hooks/useScrollState"));
+var _helpers = require("./helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Hook that manages keyboard-driven scrolling for chat-style scroll views.
+ * Calculates padding (extra scrollable space) and content shift values,
+ * using iOS-specific strategy (contentOffset set once in onStart).
+ *
+ * @param scrollViewRef - Animated ref to the scroll view.
+ * @param options - Configuration for inverted and keyboardLiftBehavior.
+ * @returns Shared values for padding and contentOffsetY.
+ * @example
+ * ```tsx
+ * const { padding, contentOffsetY } = useChatKeyboard(ref, {
+ *   inverted: false,
+ *   keyboardLiftBehavior: "always",
+ * });
+ * ```
+ */
+function useChatKeyboard(scrollViewRef, options) {
+  const {
+    inverted,
+    keyboardLiftBehavior,
+    freeze,
+    offset
+  } = options;
+  const padding = (0, _reactNativeReanimated.useSharedValue)(0);
+  const currentHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const contentOffsetY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const targetKeyboardHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const {
+    layout,
+    size,
+    offset: scroll,
+    onLayout,
+    onContentSizeChange
+  } = (0, _useScrollState.default)(scrollViewRef);
+  (0, _hooks.useKeyboardHandler)({
+    onStart: e => {
+      "worklet";
+      if (freeze) {
+        return;
+      }
+      if (e.height > 0) {
+        // eslint-disable-next-line react-compiler/react-compiler
+        targetKeyboardHeight.value = e.height;
+      }
+      const effective = (0, _helpers.getEffectiveHeight)(e.height, targetKeyboardHeight.value, offset);
+      const atEnd = (0, _helpers.isScrollAtEnd)(scroll.value, layout.value.height, size.value.height, inverted);
+      // persistent mode: when keyboard shrinks, snap to end or hold position
+      if (keyboardLiftBehavior === "persistent" && effective < padding.value) {
+        padding.value = effective;
+        if (atEnd) {
+          if (inverted) {
+            contentOffsetY.value = -effective;
+          } else {
+            contentOffsetY.value = Math.max(size.value.height - layout.value.height + effective, 0);
+          }
+        } else {
+          // Preserve current scroll position so the animated props
+          // don't re-apply the stale contentOffset from keyboard open
+          contentOffsetY.value = scroll.value;
+        }
+        return;
+      }
+      // never mode: when keyboard shrinks and at end, snap to end
+      // to avoid ghost padding
+      if (keyboardLiftBehavior === "never" && effective < padding.value && atEnd) {
+        padding.value = effective;
+        if (inverted) {
+          contentOffsetY.value = -effective;
+        } else {
+          contentOffsetY.value = Math.max(size.value.height - layout.value.height + effective, 0);
+        }
+        return;
+      }
+      const relativeScroll = inverted ? scroll.value + padding.value : scroll.value - padding.value;
+      padding.value = effective;
+      if (!(0, _helpers.shouldShiftContent)(keyboardLiftBehavior, atEnd)) {
+        // Preserve current scroll position so animated props
+        // don't re-apply a stale contentOffset when padding changes
+        contentOffsetY.value = scroll.value;
+        return;
+      }
+      contentOffsetY.value = (0, _helpers.computeIOSContentOffset)(relativeScroll, effective, size.value.height, layout.value.height, inverted);
+    },
+    onMove: () => {
+      "worklet";
+      // iOS doesn't need per-frame updates (contentOffset handles it)
+    },
+    onEnd: e => {
+      "worklet";
+      if (freeze) {
+        return;
+      }
+      const effective = (0, _helpers.getEffectiveHeight)(e.height, targetKeyboardHeight.value, offset);
+      padding.value = effective;
+    }
+  }, [inverted, keyboardLiftBehavior, freeze, offset]);
+  return {
+    padding,
+    currentHeight,
+    contentOffsetY,
+    onLayout,
+    onContentSizeChange
+  };
+}
+//# sourceMappingURL=index.ios.js.map

package/lib/commonjs/components/KeyboardChatScrollView/useChatKeyboard/index.ios.js.map ADDED Viewed

@@ -0,0 +1 @@

package/lib/commonjs/components/KeyboardChatScrollView/useChatKeyboard/index.js ADDED Viewed

@@ -0,0 +1,205 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChatKeyboard = useChatKeyboard;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _hooks = require("../../../hooks");
+var _useScrollState = _interopRequireDefault(require("../../hooks/useScrollState"));
+var _helpers = require("./helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Hook that manages keyboard-driven scrolling for chat-style scroll views.
+ * Calculates padding (extra scrollable space) and content shift values,
+ * using per-frame scrollTo updates (Android and other platforms).
+ *
+ * @param scrollViewRef - Animated ref to the scroll view.
+ * @param options - Configuration for inverted and keyboardLiftBehavior.
+ * @returns Shared values for padding and contentOffsetY (always `undefined`).
+ * @example
+ * ```tsx
+ * const { padding, contentOffsetY } = useChatKeyboard(ref, {
+ *   inverted: false,
+ *   keyboardLiftBehavior: "always",
+ * });
+ * ```
+ */
+function useChatKeyboard(scrollViewRef, options) {
+  const {
+    inverted,
+    keyboardLiftBehavior,
+    freeze,
+    offset
+  } = options;
+  const padding = (0, _reactNativeReanimated.useSharedValue)(0);
+  const currentHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const offsetBeforeScroll = (0, _reactNativeReanimated.useSharedValue)(0);
+  const targetKeyboardHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const closing = (0, _reactNativeReanimated.useSharedValue)(false);
+  const {
+    layout,
+    size,
+    offset: scroll,
+    onLayout,
+    onContentSizeChange
+  } = (0, _useScrollState.default)(scrollViewRef);
+  const clampScrollIfNeeded = effective => {
+    "worklet";
+    const maxScroll = Math.max(size.value.height - layout.value.height + effective, 0);
+    if (scroll.value > maxScroll) {
+      (0, _reactNativeReanimated.scrollTo)(scrollViewRef, 0, maxScroll, false);
+    }
+  };
+  (0, _hooks.useKeyboardHandler)({
+    onStart: e => {
+      "worklet";
+      if (freeze) {
+        return;
+      }
+      if (e.height > 0) {
+        // eslint-disable-next-line react-compiler/react-compiler
+        targetKeyboardHeight.value = e.height;
+        closing.value = false;
+      } else {
+        closing.value = true;
+      }
+      const effective = (0, _helpers.getEffectiveHeight)(e.height, targetKeyboardHeight.value, offset);
+      const atEnd = (0, _helpers.isScrollAtEnd)(scroll.value, layout.value.height, size.value.height, inverted);
+      if (inverted && e.duration === -1) {
+        // Android inverted: skip post-interactive snap-back events
+        // (duration === -1 means the keyboard is re-establishing its
+        // position after an interactive gesture, not a real animation)
+        return;
+      } else if (e.height > 0) {
+        // Android: keyboard opening — set padding + capture scroll position
+        padding.value = effective;
+        offsetBeforeScroll.value = scroll.value;
+        if (!inverted && keyboardLiftBehavior === "whenAtEnd" && !atEnd) {
+          // Sentinel: don't scroll in onMove (non-inverted only)
+          offsetBeforeScroll.value = -1;
+        }
+      } else {
+        // Android: keyboard closing — re-capture scroll position
+        if (inverted) {
+          offsetBeforeScroll.value = scroll.value;
+        } else {
+          // Preserve "whenAtEnd" sentinel: if open didn't shift, close shouldn't either
+          if (offsetBeforeScroll.value !== -1) {
+            // Non-inverted: subtract padding to get the "natural" position
+            // so onMove smoothly scrolls back from where the user is now
+            offsetBeforeScroll.value = scroll.value - padding.value;
+          }
+        }
+      }
+    },
+    onMove: e => {
+      "worklet";
+      if (freeze) {
+        return;
+      }
+      currentHeight.value = e.height;
+      if (inverted) {
+        // Skip post-interactive snap-back (duration === -1)
+        if (e.duration === -1) {
+          return;
+        }
+        const effective = (0, _helpers.getEffectiveHeight)(e.height, targetKeyboardHeight.value, offset);
+        // Check if we should shift content based on position when keyboard started
+        const wasAtEnd = (0, _helpers.isScrollAtEnd)(offsetBeforeScroll.value, layout.value.height, size.value.height, inverted);
+        // "never" at end: scroll along when keyboard closes to avoid jump
+        if (keyboardLiftBehavior === "never" && wasAtEnd && effective < padding.value) {
+          padding.value = effective;
+          (0, _reactNativeReanimated.scrollTo)(scrollViewRef, 0, 0, false);
+          return;
+        }
+        if (!(0, _helpers.shouldShiftContent)(keyboardLiftBehavior, wasAtEnd)) {
+          // Closing, not shifting: reduce padding to avoid gap
+          if (closing.value && effective < padding.value) {
+            padding.value = effective;
+            clampScrollIfNeeded(effective);
+          }
+          return;
+        }
+        // Persistent: don't let shift decrease
+        if (keyboardLiftBehavior === "persistent") {
+          const currentShift = offsetBeforeScroll.value + padding.value - scroll.value;
+          if (effective < currentShift) {
+            // When at end, allow scrolling back (snap to end + reduce padding)
+            if (wasAtEnd) {
+              padding.value = effective;
+              (0, _reactNativeReanimated.scrollTo)(scrollViewRef, 0, 0, false);
+            } else if (closing.value) {
+              // Not at end: reduce padding to avoid gap
+              padding.value = effective;
+              clampScrollIfNeeded(effective);
+            }
+            return;
+          }
+        }
+        const target = offsetBeforeScroll.value + padding.value - effective;
+        (0, _reactNativeReanimated.scrollTo)(scrollViewRef, 0, target, false);
+      } else {
+        const effective = (0, _helpers.getEffectiveHeight)(e.height, targetKeyboardHeight.value, offset);
+        // "never" closing: scroll along when at end to avoid jump
+        if (keyboardLiftBehavior === "never" && closing.value && effective < padding.value) {
+          const wasAtEnd = (0, _helpers.isScrollAtEnd)(offsetBeforeScroll.value + padding.value, layout.value.height, size.value.height, false);
+          if (wasAtEnd) {
+            const target = (0, _helpers.clampedScrollTarget)(offsetBeforeScroll.value, effective, size.value.height, layout.value.height);
+            (0, _reactNativeReanimated.scrollTo)(scrollViewRef, 0, target, false);
+          } else {
+            // Clamp to valid range as padding shrinks
+            clampScrollIfNeeded(effective);
+          }
+          return;
+        }
+        if (!(0, _helpers.shouldShiftContent)(keyboardLiftBehavior, true)) {
+          return;
+        }
+        // "whenAtEnd" sentinel check
+        if (offsetBeforeScroll.value === -1) {
+          if (closing.value) {
+            // Keyboard didn't shift on open; ensure valid position on close
+            clampScrollIfNeeded(effective);
+          }
+          return;
+        }
+        // "persistent" closing: maintain position, clamped to valid range
+        if (keyboardLiftBehavior === "persistent" && closing.value) {
+          const keepAt = offsetBeforeScroll.value + padding.value;
+          const maxScroll = Math.max(size.value.height - layout.value.height + effective, 0);
+          (0, _reactNativeReanimated.scrollTo)(scrollViewRef, 0, Math.min(keepAt, maxScroll), false);
+          return;
+        }
+        const target = (0, _helpers.clampedScrollTarget)(offsetBeforeScroll.value, effective, size.value.height, layout.value.height);
+        (0, _reactNativeReanimated.scrollTo)(scrollViewRef, 0, target, false);
+      }
+    },
+    onEnd: e => {
+      "worklet";
+      if (freeze) {
+        return;
+      }
+      const effective = (0, _helpers.getEffectiveHeight)(e.height, targetKeyboardHeight.value, offset);
+      padding.value = effective;
+    }
+  }, [inverted, keyboardLiftBehavior, freeze, offset]);
+  return {
+    padding,
+    currentHeight,
+    contentOffsetY: undefined,
+    onLayout,
+    onContentSizeChange
+  };
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/KeyboardChatScrollView/useChatKeyboard/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_reactNativeReanimated","require","_hooks","_useScrollState","_interopRequireDefault","_helpers","e","__esModule","default","useChatKeyboard","scrollViewRef","options","inverted","keyboardLiftBehavior","freeze","offset","padding","useSharedValue","currentHeight","offsetBeforeScroll","targetKeyboardHeight","closing","layout","size","scroll","onLayout","onContentSizeChange","useScrollState","clampScrollIfNeeded","effective","maxScroll","Math","max","value","height","scrollTo","useKeyboardHandler","onStart","getEffectiveHeight","atEnd","isScrollAtEnd","duration","onMove","wasAtEnd","shouldShiftContent","currentShift","target","clampedScrollTarget","keepAt","min","onEnd","contentOffsetY","undefined"],"sources":["index.ts"],"sourcesContent":["import { scrollTo, useSharedValue } from \"react-native-reanimated\";\n\nimport { useKeyboardHandler } from \"../../../hooks\";\nimport useScrollState from \"../../hooks/useScrollState\";\n\nimport {\n clampedScrollTarget,\n getEffectiveHeight,\n isScrollAtEnd,\n shouldShiftContent,\n} from \"./helpers\";\n\nimport type { UseChatKeyboardOptions, UseChatKeyboardReturn } from \"./types\";\nimport type { AnimatedRef } from \"react-native-reanimated\";\nimport type Reanimated from \"react-native-reanimated\";\n\n/**\n * Hook that manages keyboard-driven scrolling for chat-style scroll views.\n * Calculates padding (extra scrollable space) and content shift values,\n * using per-frame scrollTo updates (Android and other platforms).\n *\n * @param scrollViewRef - Animated ref to the scroll view.\n * @param options - Configuration for inverted and keyboardLiftBehavior.\n * @returns Shared values for padding and contentOffsetY (always `undefined`).\n * @example\n * ```tsx\n * const { padding, contentOffsetY } = useChatKeyboard(ref, {\n * inverted: false,\n * keyboardLiftBehavior: \"always\",\n * });\n * ```\n */\nfunction useChatKeyboard(\n scrollViewRef: AnimatedRef<Reanimated.ScrollView>,\n options: UseChatKeyboardOptions,\n): UseChatKeyboardReturn {\n const { inverted, keyboardLiftBehavior, freeze, offset } = options;\n\n const padding = useSharedValue(0);\n const currentHeight = useSharedValue(0);\n const offsetBeforeScroll = useSharedValue(0);\n const targetKeyboardHeight = useSharedValue(0);\n const closing = useSharedValue(false);\n\n const {\n layout,\n size,\n offset: scroll,\n onLayout,\n onContentSizeChange,\n } = useScrollState(scrollViewRef);\n\n const clampScrollIfNeeded = (effective: number) => {\n \"worklet\";\n\n const maxScroll = Math.max(\n size.value.height - layout.value.height + effective,\n 0,\n );\n\n if (scroll.value > maxScroll) {\n scrollTo(scrollViewRef, 0, maxScroll, false);\n }\n };\n\n useKeyboardHandler(\n {\n onStart: (e) => {\n \"worklet\";\n\n if (freeze) {\n return;\n }\n\n if (e.height > 0) {\n // eslint-disable-next-line react-compiler/react-compiler\n targetKeyboardHeight.value = e.height;\n closing.value = false;\n } else {\n closing.value = true;\n }\n\n const effective = getEffectiveHeight(\n e.height,\n targetKeyboardHeight.value,\n offset,\n );\n\n const atEnd = isScrollAtEnd(\n scroll.value,\n layout.value.height,\n size.value.height,\n inverted,\n );\n\n if (inverted && e.duration === -1) {\n // Android inverted: skip post-interactive snap-back events\n // (duration === -1 means the keyboard is re-establishing its\n // position after an interactive gesture, not a real animation)\n return;\n } else if (e.height > 0) {\n // Android: keyboard opening — set padding + capture scroll position\n padding.value = effective;\n offsetBeforeScroll.value = scroll.value;\n\n if (!inverted && keyboardLiftBehavior === \"whenAtEnd\" && !atEnd) {\n // Sentinel: don't scroll in onMove (non-inverted only)\n offsetBeforeScroll.value = -1;\n }\n } else {\n // Android: keyboard closing — re-capture scroll position\n if (inverted) {\n offsetBeforeScroll.value = scroll.value;\n } else {\n // Preserve \"whenAtEnd\" sentinel: if open didn't shift, close shouldn't either\n if (offsetBeforeScroll.value !== -1) {\n // Non-inverted: subtract padding to get the \"natural\" position\n // so onMove smoothly scrolls back from where the user is now\n offsetBeforeScroll.value = scroll.value - padding.value;\n }\n }\n }\n },\n onMove: (e) => {\n \"worklet\";\n\n if (freeze) {\n return;\n }\n\n currentHeight.value = e.height;\n\n if (inverted) {\n // Skip post-interactive snap-back (duration === -1)\n if (e.duration === -1) {\n return;\n }\n\n const effective = getEffectiveHeight(\n e.height,\n targetKeyboardHeight.value,\n offset,\n );\n\n // Check if we should shift content based on position when keyboard started\n const wasAtEnd = isScrollAtEnd(\n offsetBeforeScroll.value,\n layout.value.height,\n size.value.height,\n inverted,\n );\n\n // \"never\" at end: scroll along when keyboard closes to avoid jump\n if (\n keyboardLiftBehavior === \"never\" &&\n wasAtEnd &&\n effective < padding.value\n ) {\n padding.value = effective;\n scrollTo(scrollViewRef, 0, 0, false);\n\n return;\n }\n\n if (!shouldShiftContent(keyboardLiftBehavior, wasAtEnd)) {\n // Closing, not shifting: reduce padding to avoid gap\n if (closing.value && effective < padding.value) {\n padding.value = effective;\n clampScrollIfNeeded(effective);\n }\n\n return;\n }\n\n // Persistent: don't let shift decrease\n if (keyboardLiftBehavior === \"persistent\") {\n const currentShift =\n offsetBeforeScroll.value + padding.value - scroll.value;\n\n if (effective < currentShift) {\n // When at end, allow scrolling back (snap to end + reduce padding)\n if (wasAtEnd) {\n padding.value = effective;\n scrollTo(scrollViewRef, 0, 0, false);\n } else if (closing.value) {\n // Not at end: reduce padding to avoid gap\n padding.value = effective;\n clampScrollIfNeeded(effective);\n }\n\n return;\n }\n }\n\n const target = offsetBeforeScroll.value + padding.value - effective;\n\n scrollTo(scrollViewRef, 0, target, false);\n } else {\n const effective = getEffectiveHeight(\n e.height,\n targetKeyboardHeight.value,\n offset,\n );\n\n // \"never\" closing: scroll along when at end to avoid jump\n if (\n keyboardLiftBehavior === \"never\" &&\n closing.value &&\n effective < padding.value\n ) {\n const wasAtEnd = isScrollAtEnd(\n offsetBeforeScroll.value + padding.value,\n layout.value.height,\n size.value.height,\n false,\n );\n\n if (wasAtEnd) {\n const target = clampedScrollTarget(\n offsetBeforeScroll.value,\n effective,\n size.value.height,\n layout.value.height,\n );\n\n scrollTo(scrollViewRef, 0, target, false);\n } else {\n // Clamp to valid range as padding shrinks\n clampScrollIfNeeded(effective);\n }\n\n return;\n }\n\n if (!shouldShiftContent(keyboardLiftBehavior, true)) {\n return;\n }\n\n // \"whenAtEnd\" sentinel check\n if (offsetBeforeScroll.value === -1) {\n if (closing.value) {\n // Keyboard didn't shift on open; ensure valid position on close\n clampScrollIfNeeded(effective);\n }\n\n return;\n }\n\n // \"persistent\" closing: maintain position, clamped to valid range\n if (keyboardLiftBehavior === \"persistent\" && closing.value) {\n const keepAt = offsetBeforeScroll.value + padding.value;\n const maxScroll = Math.max(\n size.value.height - layout.value.height + effective,\n 0,\n );\n\n scrollTo(scrollViewRef, 0, Math.min(keepAt, maxScroll), false);\n\n return;\n }\n\n const target = clampedScrollTarget(\n offsetBeforeScroll.value,\n effective,\n size.value.height,\n layout.value.height,\n );\n\n scrollTo(scrollViewRef, 0, target, false);\n }\n },\n onEnd: (e) => {\n \"worklet\";\n\n if (freeze) {\n return;\n }\n\n const effective = getEffectiveHeight(\n e.height,\n targetKeyboardHeight.value,\n offset,\n );\n\n padding.value = effective;\n },\n },\n [inverted, keyboardLiftBehavior, freeze, offset],\n );\n\n return {\n padding,\n currentHeight,\n contentOffsetY: undefined,\n onLayout,\n onContentSizeChange,\n };\n}\n\nexport { useChatKeyboard };\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardChatScrollView/useChatKeyboard/types.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/KeyboardChatScrollView/useChatKeyboard/types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { LayoutChangeEvent } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\ntype KeyboardLiftBehavior = \"always\" | \"whenAtEnd\" | \"persistent\" | \"never\";\n\ntype UseChatKeyboardOptions = {\n inverted: boolean;\n keyboardLiftBehavior: KeyboardLiftBehavior;\n freeze: boolean;\n offset: number;\n};\n\ntype UseChatKeyboardReturn = {\n /** Extra scrollable space (= keyboard height). Used as contentInset on iOS, contentInsetBottom/contentInsetTop on Android. */\n padding: SharedValue<number>;\n /** Raw keyboard height updated every frame in onMove. Used to force Reanimated commits on Fabric. */\n currentHeight: SharedValue<number>;\n /** Absolute Y content offset for iOS (set once in onStart). `undefined` on Android. */\n contentOffsetY: SharedValue<number> | undefined;\n /** Callback to attach to ScrollView's onLayout prop to capture initial viewport dimensions. */\n onLayout: (e: LayoutChangeEvent) => void;\n /** Callback to attach to ScrollView's onContentSizeChange prop to capture initial content dimensions. */\n onContentSizeChange: (w: number, h: number) => void;\n};\n\nexport type {\n KeyboardLiftBehavior,\n UseChatKeyboardOptions,\n UseChatKeyboardReturn,\n};\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/KeyboardStickyView/index.js CHANGED Viewed

@@ -40,11 +40,15 @@ const KeyboardStickyView = /*#__PURE__*/(0, _react.forwardRef)(({
     inputRange: [0, 1],
     outputRange: [closed, opened]
   });
-  const styles = (0, _react.useMemo)(() => [{
-    transform: [{
-      translateY: enabled ? _reactNative.Animated.add(height, offset) : closed
-    }]
-  }, style], [closed, enabled, height, offset, style]);
+  const styles = (0, _react.useMemo)(() => {
+    const disabled = _reactNative.Animated.add(_reactNative.Animated.multiply(height, 0), closed);
+    const active = _reactNative.Animated.add(height, offset);
+    return [{
+      transform: [{
+        translateY: enabled ? active : disabled
+      }]
+    }, style];
+  }, [closed, enabled, height, offset, style]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({
     ref: ref,
     style: styles

package/lib/commonjs/components/KeyboardStickyView/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","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","KeyboardStickyView","forwardRef","children","offset","closed","opened","style","enabled","props","ref","height","progress","useKeyboardAnimation","interpolate","inputRange","outputRange","styles","useMemo","~~transform~~","~~translateY~~","~~Animated~~","~~add~~","createElement","View","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport { Animated } from \"react-native\";\n\nimport { useKeyboardAnimation } from \"../../hooks\";\n\nimport type { View, ViewProps } from \"react-native\";\n\nexport type KeyboardStickyViewProps = {\n /*\n Specify additional offset to the view for given keyboard state.\n /\n offset?: {\n /\n Adds additional `translateY` when keyboard is close. By default `0`.\n /\n closed?: number;\n /\n Adds additional `translateY` when keyboard is open. By default `0`.\n /\n opened?: number;\n };\n\n /* Controls whether this `KeyboardStickyView` instance should take effect. Default is `true`. /\n enabled?: boolean;\n} & ViewProps;\n\n/\n A View component that sticks to the keyboard and moves with it when it appears or disappears.\n * The view can be configured with custom offsets for both closed and open keyboard states.\n \n @returns An animated View component that sticks to the keyboard.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-sticky-view\|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardStickyView offset={{ closed: 0, opened: 20 }}>\n * <Button title=\"Submit\" />\n * </KeyboardStickyView>\n * ```\n */\nconst KeyboardStickyView = forwardRef<\n View,\n React.PropsWithChildren<KeyboardStickyViewProps>\n>(\n (\n {\n children,\n offset: { closed = 0, opened = 0 } = {},\n style,\n enabled = true,\n ...props\n },\n ref,\n ) => {\n const { height, progress } = useKeyboardAnimation();\n\n const offset = progress.interpolate({\n inputRange: [0, 1],\n outputRange: [closed, opened],\n });\n\n const styles = useMemo(\n () => [\n {\n transform: [\n { translateY: enabled ? ~~Animated.add(height,~~ ~~offset)~~ : ~~closed~~ }~~,\n~~ ],\n },\n style,\n ],\n [closed, enabled, height, offset, style]~~,\n~~ );\n\n return (\n <Animated.View ref={ref} style={styles} {...props}>\n {children}\n </Animated.View>\n );\n },\n);\n\nexport default KeyboardStickyView;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAmD,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAuBnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,kBAAkB,gBAAG,IAAAC,iBAAU,EAInC,CACE;EACEC,QAAQ;EACRC,MAAM,EAAE;IAAEC,MAAM,GAAG,CAAC;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAG,CAAC,CAAC;EACvCC,KAAK;EACLC,OAAO,GAAG,IAAI;EACd,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,2BAAoB,EAAC,CAAC;EAEnD,MAAMT,MAAM,GAAGQ,QAAQ,CAACE,WAAW,CAAC;IAClCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAACX,MAAM,EAAEC,MAAM;EAC9B,CAAC,CAAC;EAEF,MAAMW,MAAM,GAAG,IAAAC,cAAO,~~EACpB~~,MAAM~~,CACJ~~;~~IACEC~~,~~SAAS~~,EAAE,~~CACT~~;~~MAAEC~~,~~UAAU~~,~~EAAEZ~~,~~OAAO~~,~~GAAGa,~~qBAAQ,CAACC,GAAG,~~CAACX~~,MAAM,EAAEP,MAAM,CAAC,~~GAAGC~~;~~IAAO~~,CAAC;~~EAEnE~~,CAAC,~~EACDE~~,KAAK,CACN,~~EACD~~,CAACF,MAAM,EAAEG,OAAO,EAAEG,MAAM,EAAEP,MAAM,EAAEG,KAAK,~~CACzC~~,CAAC;~~EAED~~,oBACEpC,MAAA,CAAAe,OAAA,~~CAAAqC~~,aAAA,~~CAACjD~~,YAAA,~~CAAA+C~~,QAAQ,~~CAACG~~,IAAI,~~EAAA7B~~,QAAA;IAACe,GAAG,EAAEA,GAAI;IAACH,KAAK,EAAEU;EAAO,GAAKR,KAAK,GAC9CN,QACY,CAAC;AAEpB,CACF,CAAC;AAAC,~~IAAAsB~~,QAAA,GAAAC,OAAA,~~CAAAxC~~,OAAA,GAEae,kBAAkB","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","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","KeyboardStickyView","forwardRef","children","offset","closed","opened","style","enabled","props","ref","height","progress","useKeyboardAnimation","interpolate","inputRange","outputRange","styles","useMemo","disabled","Animated","add","multiply","active","transform","translateY","createElement","View","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport { Animated } from \"react-native\";\n\nimport { useKeyboardAnimation } from \"../../hooks\";\n\nimport type { View, ViewProps } from \"react-native\";\n\nexport type KeyboardStickyViewProps = {\n /*\n Specify additional offset to the view for given keyboard state.\n /\n offset?: {\n /\n Adds additional `translateY` when keyboard is close. By default `0`.\n /\n closed?: number;\n /\n Adds additional `translateY` when keyboard is open. By default `0`.\n /\n opened?: number;\n };\n\n /* Controls whether this `KeyboardStickyView` instance should take effect. Default is `true`. /\n enabled?: boolean;\n} & ViewProps;\n\n/\n A View component that sticks to the keyboard and moves with it when it appears or disappears.\n * The view can be configured with custom offsets for both closed and open keyboard states.\n \n @returns An animated View component that sticks to the keyboard.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-sticky-view\|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardStickyView offset={{ closed: 0, opened: 20 }}>\n * <Button title=\"Submit\" />\n * </KeyboardStickyView>\n * ```\n */\nconst KeyboardStickyView = forwardRef<\n View,\n React.PropsWithChildren<KeyboardStickyViewProps>\n>(\n (\n {\n children,\n offset: { closed = 0, opened = 0 } = {},\n style,\n enabled = true,\n ...props\n },\n ref,\n ) => {\n const { height, progress } = useKeyboardAnimation();\n\n const offset = progress.interpolate({\n inputRange: [0, 1],\n outputRange: [closed, opened],\n });\n\n const styles = useMemo(() => {\n const disabled = Animated.add(Animated.multiply(height, 0), closed);\n const active = Animated.add(height, offset);\n\n return [\n {\n transform: [{ translateY: enabled ? active : disabled }],\n },\n style,\n ];\n }, [closed, enabled, height, offset, style]);\n\n return (\n <Animated.View ref={ref} style={styles} {...props}>\n {children}\n </Animated.View>\n );\n },\n);\n\nexport default KeyboardStickyView;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ScrollViewWithBottomPadding/index.js CHANGED Viewed

@@ -12,32 +12,65 @@ var _styles = _interopRequireDefault(require("./styles"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 ReanimatedClippingScrollView = _reactNative.Platform.OS === "android" ? _reactNativeReanimated.default.createAnimatedComponent(_bindings.ClippingScrollView) : _bindings.ClippingScrollView;
+const OS = _reactNative.Platform.OS;
+const ReanimatedClippingScrollView = OS === "android" ? _reactNativeReanimated.default.createAnimatedComponent(_bindings.ClippingScrollView) : _bindings.ClippingScrollView;
 const ScrollViewWithBottomPadding = /*#__PURE__*/(0, _react.forwardRef)(({
   ScrollViewComponent,
   bottomPadding,
   contentInset,
+  scrollIndicatorInsets,
+  inverted,
+  contentOffsetY,
   children,
   ...rest
 }, ref) => {
-  const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
-    // iOS prop
-    contentInset: {
-      bottom: bottomPadding.value + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0),
-      top: contentInset === null || contentInset === void 0 ? void 0 : contentInset.top,
-      right: contentInset === null || contentInset === void 0 ? void 0 : contentInset.right,
-      left: contentInset === null || contentInset === void 0 ? void 0 : contentInset.left
-    },
-    // Android prop
-    contentInsetBottom: bottomPadding.value
-  }), [contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom, contentInset === null || contentInset === void 0 ? void 0 : contentInset.top, contentInset === null || contentInset === void 0 ? void 0 : contentInset.right, contentInset === null || contentInset === void 0 ? void 0 : contentInset.left]);
+  const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
+    const insetTop = inverted ? bottomPadding.value : 0;
+    const insetBottom = !inverted ? bottomPadding.value : 0;
+    const bottom = insetBottom + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0);
+    const top = insetTop + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.top) || 0);
+    const result = {
+      // iOS prop
+      contentInset: {
+        bottom: bottom,
+        top: top,
+        right: contentInset === null || contentInset === void 0 ? void 0 : contentInset.right,
+        left: contentInset === null || contentInset === void 0 ? void 0 : contentInset.left
+      },
+      scrollIndicatorInsets: {
+        bottom: bottom,
+        top: top,
+        right: scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.right,
+        left: scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left
+      },
+      // Android prop
+      contentInsetBottom: insetBottom,
+      contentInsetTop: insetTop
+    };
+    if (contentOffsetY) {
+      result.contentOffset = {
+        x: 0,
+        y: contentOffsetY.value
+      };
+    }
+    return result;
+  }, [contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom, contentInset === null || contentInset === void 0 ? void 0 : contentInset.top, contentInset === null || contentInset === void 0 ? void 0 : contentInset.right, contentInset === null || contentInset === void 0 ? void 0 : contentInset.left, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.bottom, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.top, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.right, scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left, inverted, contentOffsetY]);
   return /*#__PURE__*/_react.default.createElement(ReanimatedClippingScrollView, {
     animatedProps: animatedProps,
     style: _styles.default.container
   }, /*#__PURE__*/_react.default.createElement(ScrollViewComponent, _extends({
     ref: ref,
     animatedProps: animatedProps
-  }, rest), children));
+  }, rest), inverted ?
+  /*#__PURE__*/
+  // The only thing it can break is `StickyHeader`, but it's already broken in FlatList and other lists
+  // don't support this functionality, so we can add additional view here
+  // The correct fix would be to add a new prop in ScrollView that allows
+  // to customize children extraction logic and skip custom view
+  _react.default.createElement(_reactNative.View, {
+    collapsable: false,
+    nativeID: "container"
+  }, children) : children));
 });
 var _default = exports.default = ScrollViewWithBottomPadding;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/ScrollViewWithBottomPadding/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_bindings","_styles","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","~~ReanimatedClippingScrollView~~","Platform","OS","Reanimated","createAnimatedComponent","ClippingScrollView","ScrollViewWithBottomPadding","forwardRef","ScrollViewComponent","bottomPadding","contentInset","children","rest","ref","animatedProps","useAnimatedProps","~~bottom~~","value","top","right","left","contentInsetBottom","createElement","style","styles","container","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform } from \"react-native\";\nimport Reanimated, { useAnimatedProps } from \"react-native-reanimated\";\n\nimport { ClippingScrollView } from \"../../bindings\";\n\nimport styles from \"./styles\";\n\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nconst ReanimatedClippingScrollView =\n ~~Platform.~~OS === \"android\"\n ? Reanimated.createAnimatedComponent(ClippingScrollView)\n : ClippingScrollView;\n\ntype AnimatedScrollViewProps = React.ComponentProps<\n typeof Reanimated.ScrollView\n>;\n\nexport type AnimatedScrollViewComponent = React.ForwardRefExoticComponent<\n AnimatedScrollViewProps & React.RefAttributes<Reanimated.ScrollView>\n>;\n\ntype ScrollViewWithBottomPaddingProps = {\n ScrollViewComponent: AnimatedScrollViewComponent;\n children?: React.ReactNode;\n bottomPadding: SharedValue<number>;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n Reanimated.ScrollView,\n ScrollViewWithBottomPaddingProps\n>(\n (\n { ScrollViewComponent, bottomPadding, contentInset, children, ...rest },\n ref,\n ) => {\n const animatedProps = useAnimatedProps(\n () => ({\n // iOS prop\n contentInset: {\n bottom: ~~bottomPadding.value~~ + (contentInset?.bottom ~~\|\| 0)~~,\n top: ~~contentInset?.~~top,\n right: ~~contentInset~~?.right,\n left: ~~contentInset~~?.left,\n },\n // Android prop\n contentInsetBottom: ~~bottomPadding.value~~,\n }),\n [\n contentInset?.bottom,\n contentInset?.top,\n contentInset?.right,\n contentInset?.left,\n ],\n );\n\n return (\n <ReanimatedClippingScrollView\n animatedProps={animatedProps}\n style={styles.container}\n >\n <ScrollViewComponent ref={ref} animatedProps={animatedProps} {...rest}>\n {children}\n </ScrollViewComponent>\n </ReanimatedClippingScrollView>\n );\n },\n);\n\nexport default ScrollViewWithBottomPadding;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA8B,SAAAK,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAO,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAAA,SAAAgB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAf,CAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAK,CAAA,IAAAF,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAZ,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAa,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAK9B,MAAMG,~~4BAA4B~~,~~GAChCC~~,qBAAQ,~~CAACC~~,EAAE,KAAK,SAAS,~~GACrBC~~,8BAAU,CAACC,uBAAuB,CAACC,4BAAkB,CAAC,GACtDA,4BAAkB;~~AAgBxB~~,MAAMC,2BAA2B,gBAAG,IAAAC,iBAAU,EAI5C,CACE;~~EAAEC~~,mBAAmB;~~EAAEC~~,aAAa;~~EAAEC~~,YAAY;~~EAAEC~~,QAAQ;~~EAAE~~,GAAGC;~~AAAK~~,CAAC,~~EACvEC~~,GAAG,KACA;EACH,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,~~EACpC~~,~~OAAO~~;~~IACL;IACAL~~,~~YAAY~~,~~EAAE~~;~~MACZM~~,~~MAAM~~,~~EAAEP~~,aAAa,~~CAACQ~~,KAAK,IAAI,~~CAAAP~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEM~~,MAAM,KAAI,CAAC,CAAC;~~MACzDE~~,GAAG,~~EAAER~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEQ~~,GAAG;~~MACtBC~~,KAAK,~~EAAET~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAES~~,KAAK;~~MAC1BC~~,IAAI,~~EAAEV~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEU~~;~~IACtB~~,CAAC;~~IACD~~;~~IACAC~~,kBAAkB,~~EAAEZ~~,aAAa,~~CAACQ~~;~~EACpC~~,CAAC,CAAC,~~EACF~~,~~CACEP~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEM~~,MAAM,~~EACpBN~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEQ~~,GAAG,~~EACjBR~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAES~~,KAAK,~~EACnBT~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEU~~,IAAI,~~CAEtB~~,CAAC;~~EAED~~,~~oBACErD~~,MAAA,CAAAU,OAAA,~~CAAA6C~~,aAAA,~~CAACtB~~,4BAA4B;~~IAC3Bc~~,aAAa,EAAEA,aAAc;~~IAC7BS~~,KAAK,EAAEC,eAAM,CAACC;EAAU,~~gBAExB1D~~,MAAA,CAAAU,OAAA,~~CAAA6C~~,aAAA,~~CAACd~~,mBAAmB,EAAAd,QAAA;~~IAACmB~~,GAAG,EAAEA,GAAI;IAACC,aAAa,EAAEA;EAAc,GAAKF,IAAI,~~GAClED~~,~~QACkB~~,CACO,CAAC;AAEnC,CACF,CAAC;AAAC,~~IAAAe~~,QAAA,GAAAC,OAAA,~~CAAAlD~~,OAAA,GAEa6B,2BAA2B","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_bindings","_styles","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","OS","Platform","ReanimatedClippingScrollView","Reanimated","createAnimatedComponent","ClippingScrollView","ScrollViewWithBottomPadding","forwardRef","ScrollViewComponent","bottomPadding","contentInset","scrollIndicatorInsets","inverted","contentOffsetY","children","rest","ref","animatedProps","useAnimatedProps","insetTop","value","insetBottom","bottom","top","result","right","left","contentInsetBottom","contentInsetTop","contentOffset","x","y","createElement","style","styles","container","View","collapsable","nativeID","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform, View } from \"react-native\";\nimport Reanimated, { useAnimatedProps } from \"react-native-reanimated\";\n\nimport { ClippingScrollView } from \"../../bindings\";\n\nimport styles from \"./styles\";\n\nimport type { ScrollViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nconst OS = Platform.OS;\nconst ReanimatedClippingScrollView =\n OS === \"android\"\n ? Reanimated.createAnimatedComponent(ClippingScrollView)\n : ClippingScrollView;\n\ntype AnimatedScrollViewProps = React.ComponentProps<\n typeof Reanimated.ScrollView\n>;\n\nexport type AnimatedScrollViewComponent = React.ForwardRefExoticComponent<\n AnimatedScrollViewProps & React.RefAttributes<Reanimated.ScrollView>\n>;\n\ntype ScrollViewWithBottomPaddingProps = {\n ScrollViewComponent: AnimatedScrollViewComponent;\n children?: React.ReactNode;\n inverted?: boolean;\n bottomPadding: SharedValue<number>;\n /** Absolute Y content offset (iOS only, for KeyboardChatScrollView). */\n contentOffsetY?: SharedValue<number>;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n Reanimated.ScrollView,\n ScrollViewWithBottomPaddingProps\n>(\n (\n {\n ScrollViewComponent,\n bottomPadding,\n contentInset,\n scrollIndicatorInsets,\n inverted,\n contentOffsetY,\n children,\n ...rest\n },\n ref,\n ) => {\n const animatedProps = useAnimatedProps(() => {\n const insetTop = inverted ? bottomPadding.value : 0;\n const insetBottom = !inverted ? bottomPadding.value : 0;\n const bottom = insetBottom + (contentInset?.bottom \|\| 0);\n const top = insetTop + (contentInset?.top \|\| 0);\n\n const result: Record<string, unknown> = {\n // iOS prop\n contentInset: {\n bottom: bottom,\n top: top,\n right: contentInset?.right,\n left: contentInset?.left,\n },\n scrollIndicatorInsets: {\n bottom: bottom,\n top: top,\n right: scrollIndicatorInsets?.right,\n left: scrollIndicatorInsets?.left,\n },\n // Android prop\n contentInsetBottom: insetBottom,\n contentInsetTop: insetTop,\n };\n\n if (contentOffsetY) {\n result.contentOffset = { x: 0, y: contentOffsetY.value };\n }\n\n return result;\n }, [\n contentInset?.bottom,\n contentInset?.top,\n contentInset?.right,\n contentInset?.left,\n scrollIndicatorInsets?.bottom,\n scrollIndicatorInsets?.top,\n scrollIndicatorInsets?.right,\n scrollIndicatorInsets?.left,\n inverted,\n contentOffsetY,\n ]);\n\n return (\n <ReanimatedClippingScrollView\n animatedProps={animatedProps}\n style={styles.container}\n >\n <ScrollViewComponent ref={ref} animatedProps={animatedProps} {...rest}>\n {inverted ? (\n // The only thing it can break is `StickyHeader`, but it's already broken in FlatList and other lists\n // don't support this functionality, so we can add additional view here\n // The correct fix would be to add a new prop in ScrollView that allows\n // to customize children extraction logic and skip custom view\n <View collapsable={false} nativeID=\"container\">\n {children}\n </View>\n ) : (\n children\n )}\n </ScrollViewComponent>\n </ReanimatedClippingScrollView>\n );\n },\n);\n\nexport default ScrollViewWithBottomPadding;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/hooks/useScrollState.js CHANGED Viewed

@@ -33,10 +33,29 @@ const useScrollState = ref => {
       cleanup();
     };
   }, []);
+  // `onContentSizeChange` is synthesized in JS (from the content container's
+  // onLayout) and `onLayout` has a different payload shape than scroll events,
+  // so neither can be reliably captured via native event registration.
+  // Instead we expose callbacks for the consumer to attach as props.
+  const onLayout = (0, _react.useCallback)(e => {
+    layout.value = {
+      width: e.nativeEvent.layout.width,
+      height: e.nativeEvent.layout.height
+    };
+  }, [layout]);
+  const onContentSizeChange = (0, _react.useCallback)((w, h) => {
+    size.value = {
+      width: w,
+      height: h
+    };
+  }, [size]);
   return {
     offset,
     layout,
-    size
+    size,
+    onLayout,
+    onContentSizeChange
   };
 };
 var _default = exports.default = useScrollState;

package/lib/commonjs/components/hooks/useScrollState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","require","_reactNativeReanimated","_internal","NATIVE_SCROLL_EVENT_NAMES","useScrollState","ref","offset","useSharedValue","layout","width","height","size","register","useEventHandlerRegistration","eventHandler","useEvent","event","value","contentOffset","y","layoutMeasurement","contentSize","useEffect","cleanup","_default","exports","default"],"sources":["useScrollState.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useEvent, useSharedValue } from \"react-native-reanimated\";\n\nimport { useEventHandlerRegistration } from \"../../internal\";\n\nimport type { AnimatedRef } from \"react-native-reanimated\";\nimport type Reanimated from \"react-native-reanimated\";\n\nconst NATIVE_SCROLL_EVENT_NAMES = [\n \"onScroll\",\n \"onScrollBeginDrag\",\n \"onScrollEndDrag\",\n \"onMomentumScrollBegin\",\n \"onMomentumScrollEnd\",\n];\n\ntype ScrollEvent = {\n contentOffset: {\n x: number;\n y: number;\n };\n layoutMeasurement: {\n width: number;\n height: number;\n };\n contentSize: {\n width: number;\n height: number;\n };\n};\n\nconst useScrollState = (ref: AnimatedRef<Reanimated.ScrollView>) => {\n const offset = useSharedValue(0);\n const layout = useSharedValue({ width: 0, height: 0 });\n const size = useSharedValue({ width: 0, height: 0 });\n\n const register = useEventHandlerRegistration(ref);\n\n const eventHandler = useEvent((event: ScrollEvent) => {\n \"worklet\";\n\n // eslint-disable-next-line react-compiler/react-compiler\n offset.value = event.contentOffset.y;\n layout.value = event.layoutMeasurement;\n size.value = event.contentSize;\n }, NATIVE_SCROLL_EVENT_NAMES);\n\n useEffect(() => {\n const cleanup = register(eventHandler);\n\n return () => {\n cleanup();\n };\n }, []);\n\n return { offset, layout, size };\n};\n\nexport default useScrollState;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;~~AAKA~~,MAAMG,yBAAyB,GAAG,CAChC,UAAU,EACV,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,CACtB;AAiBD,MAAMC,cAAc,GAAIC,GAAuC,IAAK;EAClE,MAAMC,MAAM,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAChC,MAAMC,MAAM,GAAG,IAAAD,qCAAc,EAAC;IAAEE,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACtD,MAAMC,IAAI,GAAG,IAAAJ,qCAAc,EAAC;IAAEE,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EAEpD,MAAME,QAAQ,GAAG,IAAAC,qCAA2B,EAACR,GAAG,CAAC;EAEjD,MAAMS,YAAY,GAAG,IAAAC,+BAAQ,EAAEC,KAAkB,IAAK;IACpD,SAAS;;IAET;IACAV,MAAM,CAACW,KAAK,GAAGD,KAAK,CAACE,aAAa,CAACC,CAAC;IACpCX,MAAM,CAACS,KAAK,GAAGD,KAAK,CAACI,iBAAiB;IACtCT,IAAI,CAACM,KAAK,GAAGD,KAAK,CAACK,WAAW;EAChC,CAAC,EAAElB,yBAAyB,CAAC;EAE7B,IAAAmB,gBAAS,EAAC,MAAM;IACd,MAAMC,OAAO,GAAGX,QAAQ,CAACE,YAAY,CAAC;IAEtC,OAAO,MAAM;MACXS,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;~~EAEN~~,OAAO;~~IAAEjB~~,MAAM;IAAEE,MAAM;IAAEG;~~EAAK~~,CAAC;~~AACjC~~,CAAC;AAAC,~~IAAAa~~,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAEatB~~,cAAc","ignoreList":[]}
1	+ {"version":3,"names":["_react","require","_reactNativeReanimated","_internal","NATIVE_SCROLL_EVENT_NAMES","useScrollState","ref","offset","useSharedValue","layout","width","height","size","register","useEventHandlerRegistration","eventHandler","useEvent","event","value","contentOffset","y","layoutMeasurement","contentSize","useEffect","cleanup","onLayout","useCallback","e","nativeEvent","onContentSizeChange","w","h","_default","exports","default"],"sources":["useScrollState.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport { useEvent, useSharedValue } from \"react-native-reanimated\";\n\nimport { useEventHandlerRegistration } from \"../../internal\";\n\nimport type { LayoutChangeEvent } from \"react-native\";\nimport type { AnimatedRef } from \"react-native-reanimated\";\nimport type Reanimated from \"react-native-reanimated\";\n\nconst NATIVE_SCROLL_EVENT_NAMES = [\n \"onScroll\",\n \"onScrollBeginDrag\",\n \"onScrollEndDrag\",\n \"onMomentumScrollBegin\",\n \"onMomentumScrollEnd\",\n];\n\ntype ScrollEvent = {\n contentOffset: {\n x: number;\n y: number;\n };\n layoutMeasurement: {\n width: number;\n height: number;\n };\n contentSize: {\n width: number;\n height: number;\n };\n};\n\nconst useScrollState = (ref: AnimatedRef<Reanimated.ScrollView>) => {\n const offset = useSharedValue(0);\n const layout = useSharedValue({ width: 0, height: 0 });\n const size = useSharedValue({ width: 0, height: 0 });\n\n const register = useEventHandlerRegistration(ref);\n\n const eventHandler = useEvent((event: ScrollEvent) => {\n \"worklet\";\n\n // eslint-disable-next-line react-compiler/react-compiler\n offset.value = event.contentOffset.y;\n layout.value = event.layoutMeasurement;\n size.value = event.contentSize;\n }, NATIVE_SCROLL_EVENT_NAMES);\n\n useEffect(() => {\n const cleanup = register(eventHandler);\n\n return () => {\n cleanup();\n };\n }, []);\n\n // `onContentSizeChange` is synthesized in JS (from the content container's\n // onLayout) and `onLayout` has a different payload shape than scroll events,\n // so neither can be reliably captured via native event registration.\n // Instead we expose callbacks for the consumer to attach as props.\n const onLayout = useCallback(\n (e: LayoutChangeEvent) => {\n layout.value = {\n width: e.nativeEvent.layout.width,\n height: e.nativeEvent.layout.height,\n };\n },\n [layout],\n );\n\n const onContentSizeChange = useCallback(\n (w: number, h: number) => {\n size.value = { width: w, height: h };\n },\n [size],\n );\n\n return { offset, layout, size, onLayout, onContentSizeChange };\n};\n\nexport default useScrollState;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AAMA,MAAMG,yBAAyB,GAAG,CAChC,UAAU,EACV,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,CACtB;AAiBD,MAAMC,cAAc,GAAIC,GAAuC,IAAK;EAClE,MAAMC,MAAM,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAChC,MAAMC,MAAM,GAAG,IAAAD,qCAAc,EAAC;IAAEE,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACtD,MAAMC,IAAI,GAAG,IAAAJ,qCAAc,EAAC;IAAEE,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EAEpD,MAAME,QAAQ,GAAG,IAAAC,qCAA2B,EAACR,GAAG,CAAC;EAEjD,MAAMS,YAAY,GAAG,IAAAC,+BAAQ,EAAEC,KAAkB,IAAK;IACpD,SAAS;;IAET;IACAV,MAAM,CAACW,KAAK,GAAGD,KAAK,CAACE,aAAa,CAACC,CAAC;IACpCX,MAAM,CAACS,KAAK,GAAGD,KAAK,CAACI,iBAAiB;IACtCT,IAAI,CAACM,KAAK,GAAGD,KAAK,CAACK,WAAW;EAChC,CAAC,EAAElB,yBAAyB,CAAC;EAE7B,IAAAmB,gBAAS,EAAC,MAAM;IACd,MAAMC,OAAO,GAAGX,QAAQ,CAACE,YAAY,CAAC;IAEtC,OAAO,MAAM;MACXS,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACA;EACA,MAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACzBC,CAAoB,IAAK;IACxBlB,MAAM,CAACS,KAAK,GAAG;MACbR,KAAK,EAAEiB,CAAC,CAACC,WAAW,CAACnB,MAAM,CAACC,KAAK;MACjCC,MAAM,EAAEgB,CAAC,CAACC,WAAW,CAACnB,MAAM,CAACE;IAC/B,CAAC;EACH,CAAC,EACD,CAACF,MAAM,CACT,CAAC;EAED,MAAMoB,mBAAmB,GAAG,IAAAH,kBAAW,EACrC,CAACI,CAAS,EAAEC,CAAS,KAAK;IACxBnB,IAAI,CAACM,KAAK,GAAG;MAAER,KAAK,EAAEoB,CAAC;MAAEnB,MAAM,EAAEoB;IAAE,CAAC;EACtC,CAAC,EACD,CAACnB,IAAI,CACP,CAAC;EAED,OAAO;IAAEL,MAAM;IAAEE,MAAM;IAAEG,IAAI;IAAEa,QAAQ;IAAEI;EAAoB,CAAC;AAChE,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa7B,cAAc","ignoreList":[]}