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

react-native-keyboard-controller 1.21.0-beta.2 → 1.21.0

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 (214) hide show

package/lib/module/components/KeyboardToolbar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useMemo","useState","StyleSheet","View","FocusedInputEvents","useKeyboardState","KeyboardStickyView","Arrow","Button","colors","Background","Content","Done","Next","Prev","ToolbarContext","DEFAULT_OPACITY","KEYBOARD_HAS_ROUNDED_CORNERS","KEYBOARD_TOOLBAR_HEIGHT","OPENED_OFFSET","TEST_ID_KEYBOARD_TOOLBAR","KeyboardToolbar","props","children","content","theme","doneText","button","icon","showArrows","onNextCallback","onPrevCallback","onDoneCallback","blur","opacity","offset","closed","opened","enabled","insets","rest","colorScheme","state","appearance","inputs","setInputs","current","count","isPrevDisabled","isNextDisabled","buttonContainer","iconContainer","subscription","addListener","e","remove","toolbarStyle","styles","toolbar","backgroundColor","background","paddingLeft","left","paddingRight","right","floating","containerStyle","marginLeft","marginRight","backgroundElement","arrowsElement","contentContainer","doneElement","prevChild","nextChild","contentChild","doneChild","backgroundChild","Children","forEach","child","isValidElement","type","createElement","style","arrows","onPress","text","contextValue","Provider","value","_extends","testID","create","position","bottom","alignItems","width","flexDirection","height","alignSelf","borderRadius","overflow","DefaultKeyboardToolbarTheme"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\n\nimport { FocusedInputEvents } from \"../../bindings\";\nimport { useKeyboardState } from \"../../hooks\";\nimport KeyboardStickyView from \"../KeyboardStickyView\";\n\nimport Arrow from \"./Arrow\";\nimport Button from \"./Button\";\nimport { colors } from \"./colors\";\nimport { Background, Content, Done, Next, Prev } from \"./compound/components\";\nimport { ToolbarContext } from \"./compound/context\";\nimport {\n DEFAULT_OPACITY,\n KEYBOARD_HAS_ROUNDED_CORNERS,\n KEYBOARD_TOOLBAR_HEIGHT,\n OPENED_OFFSET,\n TEST_ID_KEYBOARD_TOOLBAR,\n} from \"./constants\";\n\nimport type { KeyboardToolbarProps } from \"./types\";\nimport type { ReactNode } from \"react\";\n\n/*\n `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` buttons from left and\n * `Done` button from the right (to dismiss the keyboard). Allows to add customizable content (yours UI elements) in the middle.\n \n @param props - Component props.\n * @returns A component that is shown above the keyboard with `Prev`/`Next` and `Done` buttons.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-toolbar\|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardToolbar>\n * <KeyboardToolbar.Done text=\"Close\" />\n * </KeyboardToolbar>\n * ```\n */\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> & {\n Background: typeof Background;\n Content: typeof Content;\n Prev: typeof Prev;\n Next: typeof Next;\n Done: typeof Done;\n} = (props) => {\n const {\n children,\n content,\n theme = colors,\n doneText = \"Done\",\n button,\n icon,\n showArrows = true,\n onNextCallback,\n onPrevCallback,\n onDoneCallback,\n blur = null,\n opacity = DEFAULT_OPACITY,\n offset: { closed = 0, opened = 0 } = {},\n enabled = true,\n insets,\n ...rest\n } = props;\n const colorScheme = useKeyboardState((state) => state.appearance);\n const [inputs, setInputs] = useState({\n current: 0,\n count: 0,\n });\n const isPrevDisabled = inputs.current === 0;\n const isNextDisabled = inputs.current === inputs.count - 1;\n const buttonContainer = button ?? Button;\n const iconContainer = icon ?? Arrow;\n\n useEffect(() => {\n const subscription = FocusedInputEvents.addListener(\"focusDidSet\", (e) => {\n setInputs(e);\n });\n\n return subscription.remove;\n }, []);\n const toolbarStyle = useMemo(\n () => [\n styles.toolbar,\n {\n backgroundColor: `${theme[colorScheme].background}${opacity}`,\n },\n !KEYBOARD_HAS_ROUNDED_CORNERS\n ? {\n paddingLeft: insets?.left,\n paddingRight: insets?.right,\n }\n : null,\n KEYBOARD_HAS_ROUNDED_CORNERS ? styles.floating : null,\n ],\n [colorScheme, opacity, theme, insets],\n );\n const containerStyle = useMemo(\n () => [\n KEYBOARD_HAS_ROUNDED_CORNERS\n ? {\n marginLeft: (insets?.left ?? 0) + 16,\n marginRight: (insets?.right ?? 0) + 16,\n }\n : null,\n ],\n [insets],\n );\n const offset = useMemo(\n () => ({\n closed: closed + KEYBOARD_TOOLBAR_HEIGHT,\n opened: opened + OPENED_OFFSET,\n }),\n [closed, opened],\n );\n\n let backgroundElement: ReactNode = null;\n let arrowsElement: ReactNode = null;\n let contentContainer: ReactNode = null;\n let doneElement: ReactNode = null;\n\n if (children) {\n let prevChild: ReactNode = null;\n let nextChild: ReactNode = null;\n let contentChild: ReactNode = null;\n let doneChild: ReactNode = null;\n let backgroundChild: ReactNode = null;\n\n React.Children.forEach(children, (child) => {\n if (!React.isValidElement(child)) {\n return;\n }\n const type = child.type;\n\n if (type === Background) {\n backgroundChild = child;\n } else if (type === Content) {\n contentChild = child;\n } else if (type === Prev) {\n prevChild = child;\n } else if (type === Next) {\n nextChild = child;\n } else if (type === Done) {\n doneChild = child;\n }\n });\n\n backgroundElement = backgroundChild;\n doneElement = doneChild;\n arrowsElement =\n prevChild \|\| nextChild ? (\n <View style={styles.arrows}>\n {prevChild}\n {nextChild}\n </View>\n ) : null;\n contentContainer = contentChild ?? <Content>{contentChild}</Content>;\n } else {\n backgroundElement = blur;\n arrowsElement = showArrows ? (\n <View style={styles.arrows}>\n <Prev\n button={buttonContainer}\n icon={iconContainer}\n onPress={onPrevCallback}\n />\n <Next\n button={buttonContainer}\n icon={iconContainer}\n onPress={onNextCallback}\n />\n </View>\n ) : null;\n contentContainer = <Content>{content}</Content>;\n doneElement = doneText ? (\n <Done button={buttonContainer} text={doneText} onPress={onDoneCallback} />\n ) : null;\n }\n\n const contextValue = useMemo(\n () => ({\n theme,\n isPrevDisabled,\n isNextDisabled,\n }),\n [theme, isPrevDisabled, isNextDisabled],\n );\n\n return (\n <ToolbarContext.Provider value={contextValue}>\n <KeyboardStickyView\n enabled={enabled}\n offset={offset}\n style={containerStyle}\n >\n <View {...rest} style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\n {backgroundElement}\n {arrowsElement}\n {contentContainer}\n {doneElement}\n </View>\n </KeyboardStickyView>\n </ToolbarContext.Provider>\n );\n};\n\nconst styles = StyleSheet.create({\n toolbar: {\n position: \"absolute\",\n bottom: 0,\n alignItems: \"center\",\n width: \"100%\",\n flexDirection: \"row\",\n height: KEYBOARD_TOOLBAR_HEIGHT,\n },\n arrows: {\n flexDirection: \"row\",\n paddingLeft: 8,\n },\n floating: {\n alignSelf: \"center\",\n borderRadius: 20,\n overflow: \"hidden\",\n },\n});\n\nKeyboardToolbar.Background = Background;\nKeyboardToolbar.Content = Content;\nKeyboardToolbar.Prev = Prev;\nKeyboardToolbar.Next = Next;\nKeyboardToolbar.Done = Done;\n\nexport { colors as DefaultKeyboardToolbarTheme, KeyboardToolbarProps };\nexport default KeyboardToolbar;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useEffect","useMemo","useState","StyleSheet","View","FocusedInputEvents","RCTKeyboardToolbarGroupView","useKeyboardState","KeyboardStickyView","Arrow","Button","colors","Background","Content","Done","Next","Prev","ToolbarContext","DEFAULT_OPACITY","KEYBOARD_HAS_ROUNDED_CORNERS","KEYBOARD_TOOLBAR_HEIGHT","OPENED_OFFSET","TEST_ID_KEYBOARD_TOOLBAR","KeyboardToolbar","props","children","content","theme","doneText","button","icon","showArrows","onNextCallback","onPrevCallback","onDoneCallback","blur","opacity","offset","closed","opened","enabled","insets","rest","colorScheme","state","appearance","inputs","setInputs","current","count","isPrevDisabled","isNextDisabled","buttonContainer","iconContainer","subscription","addListener","e","remove","toolbarStyle","styles","toolbar","backgroundColor","background","paddingLeft","left","paddingRight","right","floating","containerStyle","marginLeft","marginRight","backgroundElement","arrowsElement","contentContainer","doneElement","prevChild","nextChild","contentChild","doneChild","backgroundChild","Children","forEach","child","isValidElement","type","createElement","style","arrows","onPress","text","contextValue","Provider","value","_extends","testID","create","position","bottom","alignItems","width","flexDirection","height","alignSelf","borderRadius","overflow","Group","DefaultKeyboardToolbarTheme"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\n\nimport {\n FocusedInputEvents,\n RCTKeyboardToolbarGroupView,\n} from \"../../bindings\";\nimport { useKeyboardState } from \"../../hooks\";\nimport KeyboardStickyView from \"../KeyboardStickyView\";\n\nimport Arrow from \"./Arrow\";\nimport Button from \"./Button\";\nimport { colors } from \"./colors\";\nimport { Background, Content, Done, Next, Prev } from \"./compound/components\";\nimport { ToolbarContext } from \"./compound/context\";\nimport {\n DEFAULT_OPACITY,\n KEYBOARD_HAS_ROUNDED_CORNERS,\n KEYBOARD_TOOLBAR_HEIGHT,\n OPENED_OFFSET,\n TEST_ID_KEYBOARD_TOOLBAR,\n} from \"./constants\";\n\nimport type { KeyboardToolbarProps } from \"./types\";\nimport type { ReactNode } from \"react\";\n\n/*\n `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` buttons from left and\n * `Done` button from the right (to dismiss the keyboard). Allows to add customizable content (yours UI elements) in the middle.\n \n @param props - Component props.\n * @returns A component that is shown above the keyboard with `Prev`/`Next` and `Done` buttons.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-toolbar\|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardToolbar>\n * <KeyboardToolbar.Done text=\"Close\" />\n * </KeyboardToolbar>\n * ```\n */\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> & {\n Background: typeof Background;\n Content: typeof Content;\n Prev: typeof Prev;\n Next: typeof Next;\n Done: typeof Done;\n Group: typeof RCTKeyboardToolbarGroupView;\n} = (props) => {\n const {\n children,\n content,\n theme = colors,\n doneText = \"Done\",\n button,\n icon,\n showArrows = true,\n onNextCallback,\n onPrevCallback,\n onDoneCallback,\n blur = null,\n opacity = DEFAULT_OPACITY,\n offset: { closed = 0, opened = 0 } = {},\n enabled = true,\n insets,\n ...rest\n } = props;\n const colorScheme = useKeyboardState((state) => state.appearance);\n const [inputs, setInputs] = useState({\n current: 0,\n count: 0,\n });\n const isPrevDisabled = inputs.current === 0;\n const isNextDisabled = inputs.current === inputs.count - 1;\n const buttonContainer = button ?? Button;\n const iconContainer = icon ?? Arrow;\n\n useEffect(() => {\n const subscription = FocusedInputEvents.addListener(\"focusDidSet\", (e) => {\n setInputs(e);\n });\n\n return subscription.remove;\n }, []);\n const toolbarStyle = useMemo(\n () => [\n styles.toolbar,\n {\n backgroundColor: `${theme[colorScheme].background}${opacity}`,\n },\n !KEYBOARD_HAS_ROUNDED_CORNERS\n ? {\n paddingLeft: insets?.left,\n paddingRight: insets?.right,\n }\n : null,\n KEYBOARD_HAS_ROUNDED_CORNERS ? styles.floating : null,\n ],\n [colorScheme, opacity, theme, insets],\n );\n const containerStyle = useMemo(\n () => [\n KEYBOARD_HAS_ROUNDED_CORNERS\n ? {\n marginLeft: (insets?.left ?? 0) + 16,\n marginRight: (insets?.right ?? 0) + 16,\n }\n : null,\n ],\n [insets],\n );\n const offset = useMemo(\n () => ({\n closed: closed + KEYBOARD_TOOLBAR_HEIGHT,\n opened: opened + OPENED_OFFSET,\n }),\n [closed, opened],\n );\n\n let backgroundElement: ReactNode = null;\n let arrowsElement: ReactNode = null;\n let contentContainer: ReactNode = null;\n let doneElement: ReactNode = null;\n\n if (children) {\n let prevChild: ReactNode = null;\n let nextChild: ReactNode = null;\n let contentChild: ReactNode = null;\n let doneChild: ReactNode = null;\n let backgroundChild: ReactNode = null;\n\n React.Children.forEach(children, (child) => {\n if (!React.isValidElement(child)) {\n return;\n }\n const type = child.type;\n\n if (type === Background) {\n backgroundChild = child;\n } else if (type === Content) {\n contentChild = child;\n } else if (type === Prev) {\n prevChild = child;\n } else if (type === Next) {\n nextChild = child;\n } else if (type === Done) {\n doneChild = child;\n }\n });\n\n backgroundElement = backgroundChild;\n doneElement = doneChild;\n arrowsElement =\n prevChild \|\| nextChild ? (\n <View style={styles.arrows}>\n {prevChild}\n {nextChild}\n </View>\n ) : null;\n contentContainer = contentChild ?? <Content>{contentChild}</Content>;\n } else {\n backgroundElement = blur;\n arrowsElement = showArrows ? (\n <View style={styles.arrows}>\n <Prev\n button={buttonContainer}\n icon={iconContainer}\n onPress={onPrevCallback}\n />\n <Next\n button={buttonContainer}\n icon={iconContainer}\n onPress={onNextCallback}\n />\n </View>\n ) : null;\n contentContainer = <Content>{content}</Content>;\n doneElement = doneText ? (\n <Done button={buttonContainer} text={doneText} onPress={onDoneCallback} />\n ) : null;\n }\n\n const contextValue = useMemo(\n () => ({\n theme,\n isPrevDisabled,\n isNextDisabled,\n }),\n [theme, isPrevDisabled, isNextDisabled],\n );\n\n return (\n <ToolbarContext.Provider value={contextValue}>\n <KeyboardStickyView\n enabled={enabled}\n offset={offset}\n style={containerStyle}\n >\n <View {...rest} style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\n {backgroundElement}\n {arrowsElement}\n {contentContainer}\n {doneElement}\n </View>\n </KeyboardStickyView>\n </ToolbarContext.Provider>\n );\n};\n\nconst styles = StyleSheet.create({\n toolbar: {\n position: \"absolute\",\n bottom: 0,\n alignItems: \"center\",\n width: \"100%\",\n flexDirection: \"row\",\n height: KEYBOARD_TOOLBAR_HEIGHT,\n },\n arrows: {\n flexDirection: \"row\",\n paddingLeft: 8,\n },\n floating: {\n alignSelf: \"center\",\n borderRadius: 20,\n overflow: \"hidden\",\n },\n});\n\nKeyboardToolbar.Background = Background;\nKeyboardToolbar.Content = Content;\nKeyboardToolbar.Prev = Prev;\nKeyboardToolbar.Next = Next;\nKeyboardToolbar.Done = Done;\nKeyboardToolbar.Group = RCTKeyboardToolbarGroupView;\n\nexport { colors as DefaultKeyboardToolbarTheme, KeyboardToolbarProps };\nexport default KeyboardToolbar;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef } from "react";
-import { Platform } from "react-native";
-import Reanimated, { useAnimatedProps } from "react-native-reanimated";
+import { Platform, View } from "react-native";
+import Reanimated, { useAnimatedProps, useSharedValue } from "react-native-reanimated";
 import { ClippingScrollView } from "../../bindings";
 import styles from "./styles";
 const OS = Platform.OS;
@@ -9,18 +9,24 @@ const ReanimatedClippingScrollView = OS === "android" ? Reanimated.createAnimate
 const ScrollViewWithBottomPadding = /*#__PURE__*/forwardRef(({
   ScrollViewComponent,
   bottomPadding,
+  scrollIndicatorPadding,
   contentInset,
   scrollIndicatorInsets,
   inverted,
   contentOffsetY,
-  containerStyle,
+  applyWorkaroundForContentInsetHitTestBug,
   children,
-  style,
   ...rest
 }, ref) => {
+  const prevContentOffsetY = useSharedValue(null);
   const animatedProps = useAnimatedProps(() => {
-    const bottom = inverted ? 0 : bottomPadding.value + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.bottom) || 0);
-    const top = !inverted ? 0 : bottomPadding.value + ((contentInset === null || contentInset === void 0 ? void 0 : contentInset.top) || 0);
+    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 indicatorPadding = scrollIndicatorPadding ?? bottomPadding;
+    const indicatorTop = (inverted ? indicatorPadding.value : 0) + ((scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.top) || 0);
+    const indicatorBottom = (!inverted ? indicatorPadding.value : 0) + ((scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.bottom) || 0);
     const result = {
       // iOS prop
       contentInset: {
@@ -30,30 +36,45 @@ const ScrollViewWithBottomPadding = /*#__PURE__*/forwardRef(({
         left: contentInset === null || contentInset === void 0 ? void 0 : contentInset.left
       },
       scrollIndicatorInsets: {
-        bottom: bottom,
-        top: top,
+        bottom: indicatorBottom,
+        top: indicatorTop,
         right: scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.right,
         left: scrollIndicatorInsets === null || scrollIndicatorInsets === void 0 ? void 0 : scrollIndicatorInsets.left
       },
       // Android prop
-      contentInsetBottom: bottomPadding.value
+      contentInsetBottom: insetBottom,
+      contentInsetTop: insetTop
     };
     if (contentOffsetY) {
-      result.contentOffset = {
-        x: 0,
-        y: contentOffsetY.value
-      };
+      const curr = contentOffsetY.value;
+      if (curr !== prevContentOffsetY.value) {
+        // eslint-disable-next-line react-compiler/react-compiler
+        prevContentOffsetY.value = curr;
+        result.contentOffset = {
+          x: 0,
+          y: curr
+        };
+      }
     }
     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.createElement(ReanimatedClippingScrollView, {
     animatedProps: animatedProps,
-    style: [styles.container, OS === "android" ? containerStyle : undefined]
+    applyWorkaroundForContentInsetHitTestBug: applyWorkaroundForContentInsetHitTestBug,
+    style: styles.container
   }, /*#__PURE__*/React.createElement(ScrollViewComponent, _extends({
     ref: ref,
-    animatedProps: animatedProps,
-    style: style
-  }, rest), children));
+    animatedProps: animatedProps
+  }, 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.createElement(View, {
+    collapsable: false,
+    nativeID: "container"
+  }, children) : children));
 });
 export default ScrollViewWithBottomPadding;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","forwardRef","Platform","Reanimated","useAnimatedProps","ClippingScrollView","styles","OS","ReanimatedClippingScrollView","createAnimatedComponent","ScrollViewWithBottomPadding","ScrollViewComponent","bottomPadding","contentInset","scrollIndicatorInsets","inverted","contentOffsetY","~~containerStyle~~","children","~~style~~","~~rest~~","~~ref~~","animatedProps","~~bottom~~","value","top","result","right","left","contentInsetBottom","contentOffset","x","y","createElement","~~container~~","~~undefined~~","_extends"],"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, ~~StyleProp, ViewStyle~~ } 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~~ ~~ChatKit)~~. /\n ~~contentOffsetY~~?: SharedValue<number>;\n /* ~~Style~~ ~~applied~~ to ~~the~~ ~~container wrapper~~ (~~Android~~ only, for ~~ChatKit translateY~~). */\n ~~containerStyle~~?: ~~StyleProp~~<~~ViewStyle~~>;\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 ~~containerStyle~~,\n children,\n ~~style,\n~~ ...rest\n },\n ref,\n ) => {\n const animatedProps = useAnimatedProps(() => {\n const ~~bottom~~ = inverted\n ? 0\n : bottomPadding.value + (contentInset?.bottom \|\| 0);\n const top = ~~!inverted~~\n ? 0\n : ~~bottomPadding~~.value + (~~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: ~~bottomPadding.value~~,\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~~={[\n ~~styles.container,\~~n ~~OS ===~~ \~~"android\" ? containerStyle : undefined,\~~n ]}\n >\n <ScrollViewComponent\n ref={ref}\n animatedProps={animatedProps}\n ~~style~~={~~style~~}\n {~~...rest~~}\n >\n {children}\n </ScrollViewComponent>\n </ReanimatedClippingScrollView>\n );\n },\n);\n\nexport default ScrollViewWithBottomPadding;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,cAAc;~~AACvC~~,OAAOC,UAAU,~~IAAIC~~,gBAAgB,~~QAAQ~~,yBAAyB;~~AAEtE~~,SAASC,kBAAkB,QAAQ,gBAAgB;AAEnD,OAAOC,MAAM,MAAM,UAAU;AAK7B,MAAMC,EAAE,~~GAAGL~~,QAAQ,~~CAACK~~,EAAE;AACtB,MAAMC,4BAA4B,GAChCD,EAAE,KAAK,SAAS,~~GACZJ~~,UAAU,~~CAACM~~,uBAAuB,CAACJ,kBAAkB,CAAC,GACtDA,kBAAkB;~~AAqBxB~~,MAAMK,2BAA2B,~~gBAAGT~~,UAAU,CAI5C,CACE;~~EACEU~~,mBAAmB;EACnBC,aAAa;EACbC,YAAY;EACZC,qBAAqB;EACrBC,QAAQ;EACRC,cAAc;EACdC,~~cAAc~~;~~EACdC~~,QAAQ;~~EACRC~~,~~KAAK;EACL,~~GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,~~aAAa~~,GAAGlB,gBAAgB,CAAC,MAAM;IAC3C,~~MAAMmB~~,~~MAAM~~,GAAGR,QAAQ,~~GACnB~~,CAAC,~~GACDH~~,aAAa,~~CAACY~~,KAAK,IAAI,~~CAAAX~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEU~~,MAAM,KAAI,CAAC,CAAC;~~IACrD~~,~~MAAME~~,GAAG,GAAG,~~CAACV~~,QAAQ,~~GACjB~~,CAAC,~~GACDH~~,~~aAAa~~,~~CAACY~~,KAAK,~~IAAI~~,~~CAAAX~~,~~YAAY~~,~~aAAZA~~,~~YAAY~~,~~uBAAZA~~,~~YAAY~~,CAAEY,~~GAAG~~,KAAI,CAAC,CAAC;~~IAElD~~,~~MAAMC~~,MAA+B,GAAG;MACtC;~~MACAb~~,YAAY,EAAE;~~QACZU~~,MAAM,EAAEA,MAAM;~~QACdE~~,GAAG,EAAEA,GAAG;~~QACRE~~,KAAK,~~EAAEd~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEc~~,KAAK;QAC1BC,IAAI,~~EAAEf~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEe~~;MACtB,CAAC;~~MACDd~~,qBAAqB,EAAE;~~QACrBS~~,MAAM,~~EAAEA~~,~~MAAM~~;~~QACdE~~,GAAG,~~EAAEA~~,~~GAAG~~;~~QACRE~~,KAAK,~~EAAEb~~,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,~~CAAEa~~,KAAK;QACnCC,IAAI,~~EAAEd~~,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,~~CAAEc~~;MAC/B,CAAC;MACD;MACAC,kBAAkB,~~EAAEjB~~,~~aAAa~~,~~CAACY~~;~~IACpC~~,CAAC;IAED,~~IAAIR~~,cAAc,EAAE;~~MAClBU~~,MAAM,~~CAACI~~,aAAa,GAAG;~~QAAEC~~,CAAC,EAAE,CAAC;~~QAAEC~~,CAAC,~~EAAEhB,cAAc,CAACQ~~;~~MAAM~~,CAAC;~~IAC1D~~;IAEA,~~OAAOE~~,MAAM;EACf,CAAC,EAAE,~~CACDb~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEU~~,MAAM,~~EACpBV~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEY~~,GAAG,~~EACjBZ~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEc~~,KAAK,~~EACnBd~~,YAAY,aAAZA,YAAY,uBAAZA,YAAY,~~CAAEe~~,IAAI,~~EAClBd~~,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,~~CAAES~~,MAAM,~~EAC7BT~~,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,~~CAAEW~~,GAAG,~~EAC1BX~~,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,~~CAAEa~~,KAAK,~~EAC5Bb~~,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,~~CAAEc~~,IAAI,~~EAC3Bb~~,QAAQ,EACRC,cAAc,CACf,CAAC;EAEF,~~oBACEhB~~,KAAA,~~CAAAiC~~,aAAA,~~CAACzB~~,4BAA4B;~~IAC3Bc~~,aAAa,EAAEA,aAAc;~~IAC7BH~~,~~KAAK~~,~~EAAE~~,~~CACLb~~,~~MAAM,CAAC4B,SAAS,EAChB3B,EAAE,~~KAAK,~~SAAS~~,~~GAAGU~~,~~cAAc,GAAGkB,SAAS~~;~~EAC7C~~,~~gBAEFnC~~,KAAA,~~CAAAiC~~,aAAA,~~CAACtB~~,mBAAmB,~~EAAAyB~~,QAAA;~~IAClBf~~,GAAG,EAAEA,GAAI;~~IACTC~~,aAAa,EAAEA~~,aAAc~~;~~IAC7BH~~,~~KAAK~~,~~EAAEA~~;~~EAAM~~,~~GACTC~~,IAAI,~~GAEPF~~,~~QACkB~~,CACO,CAAC;AAEnC,CACF,CAAC;AAED,~~eAAeR~~,2BAA2B","ignoreList":[]}
1	+ {"version":3,"names":["React","forwardRef","Platform","View","Reanimated","useAnimatedProps","useSharedValue","ClippingScrollView","styles","OS","ReanimatedClippingScrollView","createAnimatedComponent","ScrollViewWithBottomPadding","ScrollViewComponent","bottomPadding","scrollIndicatorPadding","contentInset","scrollIndicatorInsets","inverted","contentOffsetY","applyWorkaroundForContentInsetHitTestBug","children","rest","ref","prevContentOffsetY","animatedProps","insetTop","value","insetBottom","bottom","top","indicatorPadding","indicatorTop","indicatorBottom","result","right","left","contentInsetBottom","contentInsetTop","curr","contentOffset","x","y","createElement","style","container","_extends","collapsable","nativeID"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Platform, View } from \"react-native\";\nimport Reanimated, {\n useAnimatedProps,\n useSharedValue,\n} 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 /** Padding for scroll indicator insets (excludes blankSpace). Falls back to bottomPadding when not provided. /\n scrollIndicatorPadding?: SharedValue<number>;\n /* Absolute Y content offset (iOS only, for KeyboardChatScrollView). */\n contentOffsetY?: SharedValue<number>;\n applyWorkaroundForContentInsetHitTestBug?: boolean;\n} & ScrollViewProps;\n\nconst ScrollViewWithBottomPadding = forwardRef<\n Reanimated.ScrollView,\n ScrollViewWithBottomPaddingProps\n>(\n (\n {\n ScrollViewComponent,\n bottomPadding,\n scrollIndicatorPadding,\n contentInset,\n scrollIndicatorInsets,\n inverted,\n contentOffsetY,\n applyWorkaroundForContentInsetHitTestBug,\n children,\n ...rest\n },\n ref,\n ) => {\n const prevContentOffsetY = useSharedValue<number \| null>(null);\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 indicatorPadding = scrollIndicatorPadding ?? bottomPadding;\n const indicatorTop =\n (inverted ? indicatorPadding.value : 0) +\n (scrollIndicatorInsets?.top \|\| 0);\n const indicatorBottom =\n (!inverted ? indicatorPadding.value : 0) +\n (scrollIndicatorInsets?.bottom \|\| 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: indicatorBottom,\n top: indicatorTop,\n right: scrollIndicatorInsets?.right,\n left: scrollIndicatorInsets?.left,\n },\n // Android prop\n contentInsetBottom: insetBottom,\n contentInsetTop: insetTop,\n };\n\n if (contentOffsetY) {\n const curr = contentOffsetY.value;\n\n if (curr !== prevContentOffsetY.value) {\n // eslint-disable-next-line react-compiler/react-compiler\n prevContentOffsetY.value = curr;\n result.contentOffset = { x: 0, y: curr };\n }\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 applyWorkaroundForContentInsetHitTestBug={\n applyWorkaroundForContentInsetHitTestBug\n }\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/module/components/hooks/useScrollState.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { useCallback, useEffect } from "react";
 import { useEvent, useSharedValue } from "react-native-reanimated";
 import { useEventHandlerRegistration } from "../../internal";
 const NATIVE_SCROLL_EVENT_NAMES = ["onScroll", "onScrollBeginDrag", "onScrollEndDrag", "onMomentumScrollBegin", "onMomentumScrollEnd"];
@@ -27,10 +27,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 = useCallback(e => {
+    layout.value = {
+      width: e.nativeEvent.layout.width,
+      height: e.nativeEvent.layout.height
+    };
+  }, [layout]);
+  const onContentSizeChange = useCallback((w, h) => {
+    size.value = {
+      width: w,
+      height: h
+    };
+  }, [size]);
   return {
     offset,
     layout,
-    size
+    size,
+    onLayout,
+    onContentSizeChange
   };
 };
 export default useScrollState;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["useEffect","useEvent","useSharedValue","useEventHandlerRegistration","NATIVE_SCROLL_EVENT_NAMES","useScrollState","ref","offset","layout","width","height","size","register","eventHandler","event","value","contentOffset","y","layoutMeasurement","contentSize","cleanup"],"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,SAASA,SAAS,QAAQ,OAAO;~~AACjC~~,SAASC,QAAQ,EAAEC,cAAc,QAAQ,yBAAyB;AAElE,SAASC,2BAA2B,QAAQ,gBAAgB;~~AAK5D~~,MAAMC,yBAAyB,GAAG,CAChC,UAAU,EACV,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,CACtB;AAiBD,MAAMC,cAAc,GAAIC,GAAuC,IAAK;EAClE,MAAMC,MAAM,GAAGL,cAAc,CAAC,CAAC,CAAC;EAChC,MAAMM,MAAM,GAAGN,cAAc,CAAC;IAAEO,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACtD,MAAMC,IAAI,GAAGT,cAAc,CAAC;IAAEO,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EAEpD,MAAME,QAAQ,GAAGT,2BAA2B,CAACG,GAAG,CAAC;EAEjD,MAAMO,YAAY,GAAGZ,QAAQ,CAAEa,KAAkB,IAAK;IACpD,SAAS;;IAET;IACAP,MAAM,CAACQ,KAAK,GAAGD,KAAK,CAACE,aAAa,CAACC,CAAC;IACpCT,MAAM,CAACO,KAAK,GAAGD,KAAK,CAACI,iBAAiB;IACtCP,IAAI,CAACI,KAAK,GAAGD,KAAK,CAACK,WAAW;EAChC,CAAC,EAAEf,yBAAyB,CAAC;EAE7BJ,SAAS,CAAC,MAAM;IACd,MAAMoB,OAAO,GAAGR,QAAQ,CAACC,YAAY,CAAC;IAEtC,OAAO,MAAM;MACXO,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;~~EAEN~~,OAAO;~~IAAEb~~,MAAM;IAAEC,MAAM;IAAEG;~~EAAK~~,CAAC;~~AACjC~~,CAAC;AAED,~~eAAeN~~,cAAc","ignoreList":[]}
1	+ {"version":3,"names":["useCallback","useEffect","useEvent","useSharedValue","useEventHandlerRegistration","NATIVE_SCROLL_EVENT_NAMES","useScrollState","ref","offset","layout","width","height","size","register","eventHandler","event","value","contentOffset","y","layoutMeasurement","contentSize","cleanup","onLayout","e","nativeEvent","onContentSizeChange","w","h"],"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,SAASA,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAC9C,SAASC,QAAQ,EAAEC,cAAc,QAAQ,yBAAyB;AAElE,SAASC,2BAA2B,QAAQ,gBAAgB;AAM5D,MAAMC,yBAAyB,GAAG,CAChC,UAAU,EACV,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,CACtB;AAiBD,MAAMC,cAAc,GAAIC,GAAuC,IAAK;EAClE,MAAMC,MAAM,GAAGL,cAAc,CAAC,CAAC,CAAC;EAChC,MAAMM,MAAM,GAAGN,cAAc,CAAC;IAAEO,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACtD,MAAMC,IAAI,GAAGT,cAAc,CAAC;IAAEO,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EAEpD,MAAME,QAAQ,GAAGT,2BAA2B,CAACG,GAAG,CAAC;EAEjD,MAAMO,YAAY,GAAGZ,QAAQ,CAAEa,KAAkB,IAAK;IACpD,SAAS;;IAET;IACAP,MAAM,CAACQ,KAAK,GAAGD,KAAK,CAACE,aAAa,CAACC,CAAC;IACpCT,MAAM,CAACO,KAAK,GAAGD,KAAK,CAACI,iBAAiB;IACtCP,IAAI,CAACI,KAAK,GAAGD,KAAK,CAACK,WAAW;EAChC,CAAC,EAAEf,yBAAyB,CAAC;EAE7BJ,SAAS,CAAC,MAAM;IACd,MAAMoB,OAAO,GAAGR,QAAQ,CAACC,YAAY,CAAC;IAEtC,OAAO,MAAM;MACXO,OAAO,CAAC,CAAC;IACX,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACA;EACA,MAAMC,QAAQ,GAAGtB,WAAW,CACzBuB,CAAoB,IAAK;IACxBd,MAAM,CAACO,KAAK,GAAG;MACbN,KAAK,EAAEa,CAAC,CAACC,WAAW,CAACf,MAAM,CAACC,KAAK;MACjCC,MAAM,EAAEY,CAAC,CAACC,WAAW,CAACf,MAAM,CAACE;IAC/B,CAAC;EACH,CAAC,EACD,CAACF,MAAM,CACT,CAAC;EAED,MAAMgB,mBAAmB,GAAGzB,WAAW,CACrC,CAAC0B,CAAS,EAAEC,CAAS,KAAK;IACxBf,IAAI,CAACI,KAAK,GAAG;MAAEN,KAAK,EAAEgB,CAAC;MAAEf,MAAM,EAAEgB;IAAE,CAAC;EACtC,CAAC,EACD,CAACf,IAAI,CACP,CAAC;EAED,OAAO;IAAEJ,MAAM;IAAEC,MAAM;IAAEG,IAAI;IAAEU,QAAQ;IAAEG;EAAoB,CAAC;AAChE,CAAC;AAED,eAAenB,cAAc","ignoreList":[]}

package/lib/module/components/index.js CHANGED Viewed

@@ -2,5 +2,5 @@ export { default as KeyboardAvoidingView } from "./KeyboardAvoidingView";
 export { default as KeyboardStickyView } from "./KeyboardStickyView";
 export { default as KeyboardAwareScrollView } from "./KeyboardAwareScrollView";
 export { default as KeyboardToolbar, DefaultKeyboardToolbarTheme } from "./KeyboardToolbar";
-export { default as ChatKit } from "./ChatKit";
+export { default as KeyboardChatScrollView } from "./KeyboardChatScrollView";
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["default","KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView","KeyboardToolbar","DefaultKeyboardToolbarTheme","~~ChatKit~~"],"sources":["index.ts"],"sourcesContent":["export { default as KeyboardAvoidingView } from \"./KeyboardAvoidingView\";\nexport { default as KeyboardStickyView } from \"./KeyboardStickyView\";\nexport { default as KeyboardAwareScrollView } from \"./KeyboardAwareScrollView\";\nexport {\n default as KeyboardToolbar,\n DefaultKeyboardToolbarTheme,\n} from \"./KeyboardToolbar\";\nexport { default as ~~ChatKit~~ } from \"./~~ChatKit~~\";\nexport type { KeyboardAvoidingViewProps } from \"./KeyboardAvoidingView\";\nexport type { KeyboardStickyViewProps } from \"./KeyboardStickyView\";\nexport type {\n KeyboardAwareScrollViewProps,\n KeyboardAwareScrollViewRef,\n} from \"./KeyboardAwareScrollView\";\nexport type { KeyboardToolbarProps } from \"./KeyboardToolbar\";\nexport type { ~~ChatKitScrollViewProps~~ } from \"./~~ChatKit~~/types\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,oBAAoB,QAAQ,wBAAwB;AACxE,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,sBAAsB;AACpE,SAASF,OAAO,IAAIG,uBAAuB,QAAQ,2BAA2B;AAC9E,SACEH,OAAO,IAAII,eAAe,EAC1BC,2BAA2B,QACtB,mBAAmB;AAC1B,SAASL,OAAO,IAAIM,~~OAAO~~,QAAQ,~~WAAW~~","ignoreList":[]}
1	+ {"version":3,"names":["default","KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView","KeyboardToolbar","DefaultKeyboardToolbarTheme","KeyboardChatScrollView"],"sources":["index.ts"],"sourcesContent":["export { default as KeyboardAvoidingView } from \"./KeyboardAvoidingView\";\nexport { default as KeyboardStickyView } from \"./KeyboardStickyView\";\nexport { default as KeyboardAwareScrollView } from \"./KeyboardAwareScrollView\";\nexport {\n default as KeyboardToolbar,\n DefaultKeyboardToolbarTheme,\n} from \"./KeyboardToolbar\";\nexport { default as KeyboardChatScrollView } from \"./KeyboardChatScrollView\";\nexport type { KeyboardAvoidingViewProps } from \"./KeyboardAvoidingView\";\nexport type { KeyboardStickyViewProps } from \"./KeyboardStickyView\";\nexport type {\n KeyboardAwareScrollViewProps,\n KeyboardAwareScrollViewRef,\n} from \"./KeyboardAwareScrollView\";\nexport type { KeyboardToolbarProps } from \"./KeyboardToolbar\";\nexport type { KeyboardChatScrollViewProps } from \"./KeyboardChatScrollView/types\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,oBAAoB,QAAQ,wBAAwB;AACxE,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,sBAAsB;AACpE,SAASF,OAAO,IAAIG,uBAAuB,QAAQ,2BAA2B;AAC9E,SACEH,OAAO,IAAII,eAAe,EAC1BC,2BAA2B,QACtB,mBAAmB;AAC1B,SAASL,OAAO,IAAIM,sBAAsB,QAAQ,0BAA0B","ignoreList":[]}

package/lib/module/index.js CHANGED Viewed

@@ -6,7 +6,7 @@ export * from "./constants";
 export * from "./module";
 export * from "./types";
 export * from "./compat";
-export { ChatKit, KeyboardAvoidingView, KeyboardStickyView, KeyboardAwareScrollView,
+export { KeyboardChatScrollView, KeyboardAvoidingView, KeyboardStickyView, KeyboardAwareScrollView,
 // keyboard toolbar
 KeyboardToolbar, DefaultKeyboardToolbarTheme } from "./components";
 export { OverKeyboardView, KeyboardExtender } from "./views";

package/lib/module/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~ChatKit~~","KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView","KeyboardToolbar","DefaultKeyboardToolbarTheme","OverKeyboardView","KeyboardExtender"],"sources":["index.ts"],"sourcesContent":["export * from \"./bindings\";\nexport * from \"./animated\";\nexport * from \"./context\";\nexport * from \"./hooks\";\nexport * from \"./constants\";\nexport * from \"./module\";\nexport * from \"./types\";\nexport * from \"./compat\";\n\nexport {\n ~~ChatKit~~,\n KeyboardAvoidingView,\n KeyboardStickyView,\n KeyboardAwareScrollView,\n // keyboard toolbar\n KeyboardToolbar,\n DefaultKeyboardToolbarTheme,\n} from \"./components\";\nexport type {\n ~~ChatKitScrollViewProps~~,\n KeyboardAvoidingViewProps,\n KeyboardStickyViewProps,\n KeyboardAwareScrollViewProps,\n KeyboardAwareScrollViewRef,\n KeyboardToolbarProps,\n} from \"./components\";\nexport { OverKeyboardView, KeyboardExtender } from \"./views\";\n"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AAExB,SACEA,~~OAAO~~,~~EACPC~~,oBAAoB,EACpBC,kBAAkB,EAClBC,uBAAuB;AACvB;AACAC,eAAe,EACfC,2BAA2B,QACtB,cAAc;AASrB,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,SAAS","ignoreList":[]}
1	+ {"version":3,"names":["KeyboardChatScrollView","KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView","KeyboardToolbar","DefaultKeyboardToolbarTheme","OverKeyboardView","KeyboardExtender"],"sources":["index.ts"],"sourcesContent":["export * from \"./bindings\";\nexport * from \"./animated\";\nexport * from \"./context\";\nexport * from \"./hooks\";\nexport * from \"./constants\";\nexport * from \"./module\";\nexport * from \"./types\";\nexport * from \"./compat\";\n\nexport {\n KeyboardChatScrollView,\n KeyboardAvoidingView,\n KeyboardStickyView,\n KeyboardAwareScrollView,\n // keyboard toolbar\n KeyboardToolbar,\n DefaultKeyboardToolbarTheme,\n} from \"./components\";\nexport type {\n KeyboardChatScrollViewProps,\n KeyboardAvoidingViewProps,\n KeyboardStickyViewProps,\n KeyboardAwareScrollViewProps,\n KeyboardAwareScrollViewRef,\n KeyboardToolbarProps,\n} from \"./components\";\nexport { OverKeyboardView, KeyboardExtender } from \"./views\";\n"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AAExB,SACEA,sBAAsB,EACtBC,oBAAoB,EACpBC,kBAAkB,EAClBC,uBAAuB;AACvB;AACAC,eAAe,EACfC,2BAA2B,QACtB,cAAc;AASrB,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,SAAS","ignoreList":[]}

package/lib/module/specs/ClippingScrollViewDecoratorViewNativeComponent.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import { codegenNativeComponent } from "react-native";
 export default codegenNativeComponent("ClippingScrollViewDecoratorView", {
-  interfaceOnly: true,
-  excludedPlatforms: ["iOS"]
+  interfaceOnly: true
 });
 //# sourceMappingURL=ClippingScrollViewDecoratorViewNativeComponent.js.map

package/lib/module/specs/ClippingScrollViewDecoratorViewNativeComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["codegenNativeComponent","interfaceOnly"~~,"excludedPlatforms"~~],"sources":["ClippingScrollViewDecoratorViewNativeComponent.ts"],"sourcesContent":["import { codegenNativeComponent } from \"react-native\";\n\nimport type { HostComponent } from \"react-native\";\nimport type { ViewProps } from \"react-native\";\nimport type { Double } from \"react-native/Libraries/Types/CodegenTypes\";\n\nexport interface NativeProps extends ViewProps {\n contentInsetBottom: Double;\n}\n\nexport default codegenNativeComponent<NativeProps>(\n \"ClippingScrollViewDecoratorView\",\n {\n interfaceOnly: true,\n ~~excludedPlatforms: [\"iOS\"],\n~~ },\n) as HostComponent<NativeProps>;\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,cAAc;~~AAUrD~~,eAAeA,sBAAsB,CACnC,iCAAiC,EACjC;EACEC,aAAa,EAAE~~,IAAI~~;~~EACnBC~~,~~iBAAiB,EAAE,CAAC,KAAK;AAC3B,~~CACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["codegenNativeComponent","interfaceOnly"],"sources":["ClippingScrollViewDecoratorViewNativeComponent.ts"],"sourcesContent":["import { codegenNativeComponent } from \"react-native\";\n\nimport type { HostComponent } from \"react-native\";\nimport type { ViewProps } from \"react-native\";\nimport type { Double } from \"react-native/Libraries/Types/CodegenTypes\";\n\nexport interface NativeProps extends ViewProps {\n contentInsetBottom: Double;\n contentInsetTop: Double;\n applyWorkaroundForContentInsetHitTestBug?: boolean;\n}\n\nexport default codegenNativeComponent<NativeProps>(\n \"ClippingScrollViewDecoratorView\",\n {\n interfaceOnly: true,\n },\n) as HostComponent<NativeProps>;\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,cAAc;AAYrD,eAAeA,sBAAsB,CACnC,iCAAiC,EACjC;EACEC,aAAa,EAAE;AACjB,CACF,CAAC","ignoreList":[]}

package/lib/module/specs/KeyboardToolbarGroupViewNativeComponent.js ADDED Viewed

@@ -0,0 +1,5 @@
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+export default codegenNativeComponent("KeyboardToolbarGroupView", {
+  interfaceOnly: true
+});
+//# sourceMappingURL=KeyboardToolbarGroupViewNativeComponent.js.map

package/lib/module/specs/KeyboardToolbarGroupViewNativeComponent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["codegenNativeComponent","interfaceOnly"],"sources":["KeyboardToolbarGroupViewNativeComponent.ts"],"sourcesContent":["import codegenNativeComponent from \"react-native/Libraries/Utilities/codegenNativeComponent\";\n\nimport type { HostComponent } from \"react-native\";\nimport type { ViewProps } from \"react-native/Libraries/Components/View/ViewPropTypes\";\n\nexport interface NativeProps extends ViewProps {}\n\nexport default codegenNativeComponent<NativeProps>(\"KeyboardToolbarGroupView\", {\n interfaceOnly: true,\n}) as HostComponent<NativeProps>;\n"],"mappings":"AAAA,OAAOA,sBAAsB,MAAM,yDAAyD;AAO5F,eAAeA,sBAAsB,CAAc,0BAA0B,EAAE;EAC7EC,aAAa,EAAE;AACjB,CAAC,CAAC","ignoreList":[]}

package/lib/module/specs/NativeKeyboardController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["TurboModuleRegistry","get"],"sources":["NativeKeyboardController.ts"],"sourcesContent":["import { TurboModuleRegistry } from \"react-native\";\n\nimport type { TurboModule } from \"react-native\";\n\nexport interface Spec extends TurboModule {\n readonly getConstants: () => {};\n\n // methods\n setInputMode(mode: number): void;\n setDefaultMode(): void;\n preload(): void;\n dismiss(keepFocus: boolean, animated: boolean): void;\n setFocusTo(direction: string): void;\n\n // event emitter\n addListener: (eventName: string) => void;\n removeListeners: (count: number) => void;\n}\n\nexport default TurboModuleRegistry.get<Spec>(\"KeyboardController\");\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,cAAc;~~AAmBlD~~,eAAeA,mBAAmB,CAACC,GAAG,CAAO,oBAAoB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["TurboModuleRegistry","get"],"sources":["NativeKeyboardController.ts"],"sourcesContent":["import { TurboModuleRegistry } from \"react-native\";\n\nimport type { TurboModule } from \"react-native\";\n\nexport interface Spec extends TurboModule {\n readonly getConstants: () => {};\n\n // methods\n setInputMode(mode: number): void;\n setDefaultMode(): void;\n preload(): void;\n dismiss(keepFocus: boolean, animated: boolean): void;\n setFocusTo(direction: string): void;\n viewPositionInWindow(viewTag: number): Promise<object>;\n\n // event emitter\n addListener: (eventName: string) => void;\n removeListeners: (count: number) => void;\n}\n\nexport default TurboModuleRegistry.get<Spec>(\"KeyboardController\");\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,cAAc;AAoBlD,eAAeA,mBAAmB,CAACC,GAAG,CAAO,oBAAoB,CAAC","ignoreList":[]}

package/lib/module/types/module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["module.ts"],"sourcesContent":["import type { EmitterSubscription, TextInputProps } from \"react-native\";\n\n// Event module declarations\nexport type KeyboardControllerEvents =\n \| \"keyboardWillShow\"\n \| \"keyboardDidShow\"\n \| \"keyboardWillHide\"\n \| \"keyboardDidHide\";\nexport type KeyboardEventData = {\n /** Height of the keyboard. /\n height: number;\n /* Duration of the keyboard animation. /\n duration: number;\n /* Timestamp of the last keyboard event. /\n timestamp: number;\n /* Tag of the focused `TextInput`. /\n target: number;\n /* `keyboardType` property from focused `TextInput`. /\n type: NonNullable<TextInputProps[\"keyboardType\"]>;\n /* Keyboard appearance. Can be one of `dark` or `light`. /\n appearance: \"dark\" \| \"light\";\n};\n/\n An object that represent current keyboard state.\n /\nexport type IKeyboardState = {\n /* Whether the keyboard is currently visible. /\n isVisible: boolean;\n} & KeyboardEventData;\nexport type KeyboardEventsModule = {\n /\n The `addListener` function connects a JavaScript function to an identified native\n * keyboard notification event.\n \n This function then returns the reference to the listener.\n \n `name` is the string that identifies the event you're listening for. This\n * can be any of the following:\n \n - `keyboardWillShow`;\n * - `keyboardDidShow`;\n * - `keyboardWillHide`;\n * - `keyboardDidHide`.\n /\n addListener: (\n name: KeyboardControllerEvents,\n cb: (e: KeyboardEventData) => void,\n ) => EmitterSubscription;\n};\nexport type Direction = \"next\" \| \"prev\" \| \"current\";\nexport type DismissOptions = {\n /\n A boolean property indicating whether focus should be kept on the input after dismissing the keyboard. Default is `false`.\n /\n keepFocus: boolean;\n /\n A boolean property controlling whether dismissal should be animated. Default is `true`.\n /\n animated: boolean;\n};\nexport type KeyboardControllerModule = {\n // android only\n /\n Sets default `windowSoftInputMode` (the one that declared in `AndroidManifest.xml`).\n \n @platform android\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#setdefaultmode-\|docs} page for more details.\n /\n setDefaultMode: () => void;\n /\n Changes `windowSoftInputMode` on Android.\n \n @platform android\n * @see AndroidSoftInputModes for all possible values and {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#setinputmode-\|docs} page for more details.\n /\n setInputMode: (mode: number) => void;\n // ios only\n /\n A method that preloads the keyboard. It's useful when you want to avoid a delay when the user focuses the first input.\n \n @platform ios\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#preload-\|docs} page for more details.\n /\n preload: () => void;\n // all platforms\n /\n Dismisses the active keyboard. Removes a focus by default, but allows to pass `{keepFocus: true}` to keep focus.\n * If you want to close keyboard immediately pass `{animated: false}`.\n \n @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#dismiss\|docs} page for more details.\n /\n dismiss: (options?: Partial<DismissOptions>) => Promise<void>;\n /\n Moves focus to the specified direction (`next`, `prev` or `current` to restore a focus).\n \n @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#setfocusto\|docs} page for more details.\n /\n setFocusTo: (direction: Direction) => void;\n /\n Whether the keyboard is fully visible.\n \n @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#isvisible\|docs} page for more details.\n /\n isVisible: () => boolean;\n /\n Method that returns current keyboard state.\n \n @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#state\|docs} page for more details.\n */\n state: () => KeyboardEventData;\n};\nexport type KeyboardControllerNativeModule = {\n // android only\n setDefaultMode: () => void;\n setInputMode: (mode: number) => void;\n // ios only\n preload: () => void;\n // all platforms\n dismiss: (keepFocus: boolean, animated: boolean) => void;\n setFocusTo: (direction: Direction) => void;\n // native event module stuff\n addListener: (eventName: string) => void;\n removeListeners: (count: number) => void;\n};\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["module.ts"],"sourcesContent":["import type { EmitterSubscription, TextInputProps } from \"react-native\";\n\n// Event module declarations\nexport type KeyboardControllerEvents =\n \| \"keyboardWillShow\"\n \| \"keyboardDidShow\"\n \| \"keyboardWillHide\"\n \| \"keyboardDidHide\";\nexport type KeyboardEventData = {\n /** Height of the keyboard. /\n height: number;\n /* Duration of the keyboard animation. /\n duration: number;\n /* Timestamp of the last keyboard event. /\n timestamp: number;\n /* Tag of the focused `TextInput`. /\n target: number;\n /* `keyboardType` property from focused `TextInput`. /\n type: NonNullable<TextInputProps[\"keyboardType\"]>;\n /* Keyboard appearance. Can be one of `dark` or `light`. /\n appearance: \"dark\" \| \"light\";\n};\n/\n An object that represent current keyboard state.\n /\nexport type IKeyboardState = {\n /* Whether the keyboard is currently visible. /\n isVisible: boolean;\n} & KeyboardEventData;\nexport type KeyboardEventsModule = {\n /\n The `addListener` function connects a JavaScript function to an identified native\n * keyboard notification event.\n \n This function then returns the reference to the listener.\n \n `name` is the string that identifies the event you're listening for. This\n * can be any of the following:\n \n - `keyboardWillShow`;\n * - `keyboardDidShow`;\n * - `keyboardWillHide`;\n * - `keyboardDidHide`.\n /\n addListener: (\n name: KeyboardControllerEvents,\n cb: (e: KeyboardEventData) => void,\n ) => EmitterSubscription;\n};\nexport type Direction = \"next\" \| \"prev\" \| \"current\";\nexport type DismissOptions = {\n /\n A boolean property indicating whether focus should be kept on the input after dismissing the keyboard. Default is `false`.\n /\n keepFocus: boolean;\n /\n A boolean property controlling whether dismissal should be animated. Default is `true`.\n /\n animated: boolean;\n};\nexport type KeyboardControllerModule = {\n // android only\n /\n Sets default `windowSoftInputMode` (the one that declared in `AndroidManifest.xml`).\n \n @platform android\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#setdefaultmode-\|docs} page for more details.\n /\n setDefaultMode: () => void;\n /\n Changes `windowSoftInputMode` on Android.\n \n @platform android\n * @see AndroidSoftInputModes for all possible values and {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#setinputmode-\|docs} page for more details.\n /\n setInputMode: (mode: number) => void;\n // ios only\n /\n A method that preloads the keyboard. It's useful when you want to avoid a delay when the user focuses the first input.\n \n @platform ios\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#preload-\|docs} page for more details.\n /\n preload: () => void;\n // all platforms\n /\n Dismisses the active keyboard. Removes a focus by default, but allows to pass `{keepFocus: true}` to keep focus.\n * If you want to close keyboard immediately pass `{animated: false}`.\n \n @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#dismiss\|docs} page for more details.\n /\n dismiss: (options?: Partial<DismissOptions>) => Promise<void>;\n /\n Moves focus to the specified direction (`next`, `prev` or `current` to restore a focus).\n \n @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#setfocusto\|docs} page for more details.\n /\n setFocusTo: (direction: Direction) => void;\n /\n Whether the keyboard is fully visible.\n \n @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#isvisible\|docs} page for more details.\n /\n isVisible: () => boolean;\n /\n Method that returns current keyboard state.\n \n @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/keyboard-controller#state\|docs} page for more details.\n */\n state: () => KeyboardEventData;\n};\nexport type ViewPositionInWindowResult = {\n x: number;\n y: number;\n width: number;\n height: number;\n};\nexport type KeyboardControllerNativeModule = {\n // android only\n setDefaultMode: () => void;\n setInputMode: (mode: number) => void;\n // ios only\n preload: () => void;\n // all platforms\n dismiss: (keepFocus: boolean, animated: boolean) => void;\n setFocusTo: (direction: Direction) => void;\n viewPositionInWindow: (\n viewTag: number,\n ) => Promise<ViewPositionInWindowResult>;\n // native event module stuff\n addListener: (eventName: string) => void;\n removeListeners: (count: number) => void;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/module/types/views.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["views.ts"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport type KeyboardGestureAreaProps = {\n /*\n Determines how the keyboard position will be controlled:\n * - `ios` - keyboard will be following finger only when finger touches keyboard\n * - `linear` - keyboard will be following finger position linearly.\n \n @platform android\n /\n interpolator?: \"ios\" \| \"linear\";\n /\n Whether to allow to show a keyboard from dismissed state by swipe up.\n * Default to `false`.\n \n @platform android\n /\n showOnSwipeUp?: boolean;\n /\n Whether to allow to control a keyboard by gestures. The strategy how\n * it should be controlled is determined by `interpolator` property.\n * Defaults to `true`.\n \n @platform android\n /\n enableSwipeToDismiss?: boolean;\n /\n Extra distance to the keyboard.\n /\n offset?: number;\n /\n A corresponding `nativeID` value from the associated `TextInput` (a string that links the `KeyboardGestureArea` to one or more `TextInput` components).\n * This is required on iOS in order to apply the `offset` when the keyboard is shown. Only the currently focused `TextInput` with a matching `nativeID`\n * will receive offset behavior.\n \n @platform ios\n /\n textInputNativeID?: string;\n} & ViewProps;\nexport type OverKeyboardViewProps = PropsWithChildren<{\n /\n A boolean prop indicating whether the view is visible or not. If it's true then view is shown on the screen. If it's false then view is hidden.\n /\n visible: boolean;\n}>;\nexport type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;\nexport type KeyboardExtenderProps = PropsWithChildren<{\n /* Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. /\n enabled?: boolean;\n}>;\nexport type ClippingScrollViewProps = PropsWithChildren<\n ViewProps & {\n /* An additional space that gets applied to the bottom of the `ScrollView` (inside a scrollable content). Default is `0`. */\n contentInsetBottom?: number;\n }\n>;\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["views.ts"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { ViewProps } from \"react-native\";\n\nexport type KeyboardGestureAreaProps = {\n /*\n Determines how the keyboard position will be controlled:\n * - `ios` - keyboard will be following finger only when finger touches keyboard\n * - `linear` - keyboard will be following finger position linearly.\n \n @platform android\n /\n interpolator?: \"ios\" \| \"linear\";\n /\n Whether to allow to show a keyboard from dismissed state by swipe up.\n * Default to `false`.\n \n @platform android\n /\n showOnSwipeUp?: boolean;\n /\n Whether to allow to control a keyboard by gestures. The strategy how\n * it should be controlled is determined by `interpolator` property.\n * Defaults to `true`.\n \n @platform android\n /\n enableSwipeToDismiss?: boolean;\n /\n Extra distance to the keyboard.\n /\n offset?: number;\n /\n A corresponding `nativeID` value from the associated `TextInput` (a string that links the `KeyboardGestureArea` to one or more `TextInput` components).\n * This is required on iOS in order to apply the `offset` when the keyboard is shown. Only the currently focused `TextInput` with a matching `nativeID`\n * will receive offset behavior.\n \n @platform ios\n /\n textInputNativeID?: string;\n} & ViewProps;\nexport type OverKeyboardViewProps = PropsWithChildren<{\n /\n A boolean prop indicating whether the view is visible or not. If it's true then view is shown on the screen. If it's false then view is hidden.\n /\n visible: boolean;\n}>;\nexport type KeyboardBackgroundViewProps = PropsWithChildren<ViewProps>;\nexport type KeyboardExtenderProps = PropsWithChildren<{\n /* Controls whether this `KeyboardExtender` instance should take an effect. Default is `true`. /\n enabled?: boolean;\n}>;\nexport type KeyboardToolbarGroupViewProps = PropsWithChildren<ViewProps>;\nexport type ClippingScrollViewProps = PropsWithChildren<\n ViewProps & {\n /* An additional space that gets applied to the bottom of the `ScrollView` (inside a scrollable content). Default is `0`. /\n contentInsetBottom?: number;\n /* An additional space that gets applied to the top of the `ScrollView` (inside a scrollable content). Default is `0`. */\n contentInsetTop?: number;\n applyWorkaroundForContentInsetHitTestBug?: boolean;\n }\n>;\n"],"mappings":"","ignoreList":[]}

package/lib/typescript/bindings.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { ClippingScrollViewProps, FocusedInputEventsModule, KeyboardBackgroundViewProps, KeyboardControllerNativeModule, KeyboardControllerProps, KeyboardEventsModule, KeyboardExtenderProps, KeyboardGestureAreaProps, OverKeyboardViewProps, WindowDimensionsEventsModule } from "./types";
+import type { ClippingScrollViewProps, FocusedInputEventsModule, KeyboardBackgroundViewProps, KeyboardControllerNativeModule, KeyboardControllerProps, KeyboardEventsModule, KeyboardExtenderProps, KeyboardGestureAreaProps, KeyboardToolbarGroupViewProps, OverKeyboardViewProps, WindowDimensionsEventsModule } from "./types";
 export declare const KeyboardControllerNative: KeyboardControllerNativeModule;
 /**
  * An event emitter that provides a way to subscribe to next keyboard events:
@@ -46,8 +46,18 @@ export declare const KeyboardBackgroundView: React.FC<KeyboardBackgroundViewProp
  */
 export declare const RCTKeyboardExtender: React.FC<KeyboardExtenderProps>;
 /**
- * A decorator that will clip the content of the `ScrollView`. It helps to simulate `contentInset` behavior on Android.
+ * A decorator that will clip the content of the `ScrollView`. It helps to simulate `contentInset` behavior on Android
  * Supports only `bottom` property (`paddingBottom` is not supported property of `ScrollView.style`).
  * Using this component we can modify bottom inset without having a fake view.
+ *
+ * On iOS we use swizzling to apply runtime patches to fix some broken internal methods.
+ * Ideally this component shouldn't exist and all its fixes/polyfills must be added directly to react-native and
+ * we will port features/fixes back to upstream, but at the moment we use this view to
+ * deliver desired functionality regardless of react-native version used.
  */
 export declare const ClippingScrollView: React.FC<ClippingScrollViewProps>;
+/**
+ * A View that defines a group of `TextInput`s.
+ * Used in toolbar navigation to assure that you can navigate only between inputs withing the same group.
+ */
+export declare const RCTKeyboardToolbarGroupView: React.FC<KeyboardToolbarGroupViewProps>;

package/lib/typescript/bindings.native.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import type { FocusedInputEventsModule, KeyboardBackgroundViewProps, KeyboardControllerNativeModule, KeyboardControllerProps, KeyboardEventsModule, KeyboardExtenderProps, KeyboardGestureAreaProps, OverKeyboardViewProps, WindowDimensionsEventsModule } from "./types";
+import type { FocusedInputEventsModule, KeyboardBackgroundViewProps, KeyboardControllerNativeModule, KeyboardControllerProps, KeyboardEventsModule, KeyboardExtenderProps, KeyboardGestureAreaProps, KeyboardToolbarGroupViewProps, OverKeyboardViewProps, WindowDimensionsEventsModule } from "./types";
 export declare const KeyboardControllerNative: KeyboardControllerNativeModule;
 export declare const KeyboardEvents: KeyboardEventsModule;
 /**
@@ -14,3 +14,4 @@ export declare const RCTOverKeyboardView: React.FC<OverKeyboardViewProps>;
 export declare const KeyboardBackgroundView: React.FC<KeyboardBackgroundViewProps>;
 export declare const RCTKeyboardExtender: React.FC<KeyboardExtenderProps>;
 export declare const ClippingScrollView: React.FC<KeyboardBackgroundViewProps>;
+export declare const RCTKeyboardToolbarGroupView: React.FC<KeyboardToolbarGroupViewProps>;

package/lib/typescript/components/KeyboardAvoidingView/index.d.ts CHANGED Viewed

@@ -12,26 +12,26 @@ export type KeyboardAvoidingViewBaseProps = {
      * may be non-zero in some cases. Defaults to 0.
      */
     keyboardVerticalOffset?: number;
+    /**
+     * When `true`, the view automatically detects its position on screen,
+     * accounting for navigation headers, modals, and other layout offsets.
+     * This means `keyboardVerticalOffset` becomes purely additive extra
+     * space rather than compensation for unknown positioning.
+     *
+     * Defaults to `false` for backward compatibility.
+     */
+    automaticOffset?: boolean;
 } & ViewProps;
-export type KeyboardAvoidingViewProps = KeyboardAvoidingViewBaseProps & ({
+export type KeyboardAvoidingViewProps = KeyboardAvoidingViewBaseProps & {
     /**
      * Specify how to react to the presence of the keyboard.
      */
-    behavior?: "position";
+    behavior?: "height" | "padding" | "position" | "translate-with-padding";
     /**
      * Style of the content container when `behavior` is 'position'.
      */
     contentContainerStyle?: ViewProps["style"];
-} | {
-    /**
-     * Specify how to react to the presence of the keyboard.
-     */
-    behavior?: "height" | "padding" | "translate-with-padding";
-    /**
-     * `contentContainerStyle` is not allowed for these behaviors.
-     */
-    contentContainerStyle?: never;
-});
+};
 /**
  * A View component that automatically adjusts its height, position, or bottom padding
  * when the keyboard appears to ensure that the content remains visible.
@@ -45,5 +45,36 @@ export type KeyboardAvoidingViewProps = KeyboardAvoidingViewBaseProps & ({
  * </KeyboardAvoidingView>
  * ```
  */
-declare const KeyboardAvoidingView: React.ForwardRefExoticComponent<React.PropsWithChildren<KeyboardAvoidingViewProps> & React.RefAttributes<View>>;
+declare const KeyboardAvoidingView: React.ForwardRefExoticComponent<{
+    /**
+     * Controls whether this `KeyboardAvoidingView` instance should take effect.
+     * This is useful when more than one is on the screen. Defaults to true.
+     */
+    enabled?: boolean;
+    /**
+     * Distance between the top of the user screen and the React Native view. This
+     * may be non-zero in some cases. Defaults to 0.
+     */
+    keyboardVerticalOffset?: number;
+    /**
+     * When `true`, the view automatically detects its position on screen,
+     * accounting for navigation headers, modals, and other layout offsets.
+     * This means `keyboardVerticalOffset` becomes purely additive extra
+     * space rather than compensation for unknown positioning.
+     *
+     * Defaults to `false` for backward compatibility.
+     */
+    automaticOffset?: boolean;
+} & ViewProps & {
+    /**
+     * Specify how to react to the presence of the keyboard.
+     */
+    behavior?: "height" | "padding" | "position" | "translate-with-padding";
+    /**
+     * Style of the content container when `behavior` is 'position'.
+     */
+    contentContainerStyle?: ViewProps["style"];
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<View>>;
 export default KeyboardAvoidingView;

package/lib/typescript/components/KeyboardChatScrollView/hooks.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { useChatKeyboard } from "./useChatKeyboard";
2	+ export type { KeyboardLiftBehavior } from "./useChatKeyboard/types";

package/lib/typescript/components/KeyboardChatScrollView/index.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import React from "react";
+import Reanimated from "react-native-reanimated";
+declare const KeyboardChatScrollView: React.ForwardRefExoticComponent<{
+    ScrollViewComponent?: import("../ScrollViewWithBottomPadding").AnimatedScrollViewComponent;
+    inverted?: boolean;
+    offset?: number;
+    keyboardLiftBehavior?: import("./hooks").KeyboardLiftBehavior;
+    freeze?: boolean;
+    extraContentPadding?: import("react-native-reanimated").SharedValue<number>;
+    applyWorkaroundForContentInsetHitTestBug?: boolean;
+    blankSpace?: import("react-native-reanimated").SharedValue<number>;
+} & import("react-native").ScrollViewProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<Reanimated.ScrollView>>;
+export default KeyboardChatScrollView;

package/lib/typescript/components/{ChatKit → KeyboardChatScrollView}/types.d.ts RENAMED Viewed

@@ -1,14 +1,15 @@
 import type { AnimatedScrollViewComponent } from "../ScrollViewWithBottomPadding";
+import type { KeyboardLiftBehavior } from "./useChatKeyboard/types";
 import type { ScrollViewProps } from "react-native";
-type KeyboardLiftBehavior = "always" | "whenAtEnd" | "persistent" | "never";
-export type ChatKitScrollViewProps = {
+import type { SharedValue } from "react-native-reanimated";
+export type KeyboardChatScrollViewProps = {
     /** Custom component for `ScrollView`. Default is `ScrollView`. */
-    ScrollViewComponent: AnimatedScrollViewComponent;
+    ScrollViewComponent?: AnimatedScrollViewComponent;
     /** Whether list are using `inverted` prop. Default is `false`. */
     inverted?: boolean;
     /**
-     * The distance (in pixels) between the bottom of the screen and the `ScrollView`.
-     * When the keyboard appears, the scroll view will only push content by the effective
+     * The distance between the bottom of the screen and the `ScrollView`.
+     * When the keyboard appears, the `ScrollView` will only push content by the effective
      * distance (`keyboardHeight - offset`) instead of the full keyboard height.
      *
      * Useful when the input is not at the very bottom of the screen (e.g., above safe area, above
@@ -45,5 +46,44 @@ export type ChatKitScrollViewProps = {
      * Default is `false`.
      */
     freeze?: boolean;
+    /**
+     * A shared value representing additional padding from external elements
+     * (e.g., a growing multiline `TextInput` in a `KeyboardStickyView`).
+     *
+     * When this value changes:
+     * - The scrollable range is always extended/contracted (via `contentInset`).
+     * - The scroll position is conditionally adjusted based on `keyboardLiftBehavior`.
+     *
+     * Default is `undefined` (no extra padding).
+     */
+    extraContentPadding?: SharedValue<number>;
+    /**
+     * When `true`, applies a runtime workaround for a React Native 0.81+ bug
+     * where the ScrollView's `contentInset` area does not respond to touch/scroll
+     * gestures (facebook/react-native#54123).
+     *
+     * This uses Objective-C runtime method swizzling on the ScrollView's container
+     * view, which is inherently fragile. Only enable if you are affected by the
+     * upstream bug and understand the risks.
+     *
+     * iOS only. Default is `false`.
+     */
+    applyWorkaroundForContentInsetHitTestBug?: boolean;
+    /**
+     * A shared value representing a minimum inset floor (in pixels).
+     *
+     * When set, the total bottom padding is computed as:
+     * `max(blankSpace, keyboardPadding + extraContentPadding)`
+     *
+     * This means the keyboard "absorbs" into the minimum padding rather than adding to it:
+     * - When `blankSpace >= keyboard + extraContentPadding`: content does NOT move on keyboard open/close.
+     * - When `blankSpace < keyboard + extraContentPadding`: content moves, but only by the excess amount.
+     *
+     * Useful in AI chat apps where a sent message needs space below it (to push it to the top
+     * of the viewport) while the AI response streams in, without that space causing extra movement
+     * when the keyboard opens.
+     *
+     * Default is `undefined` (equivalent to `0` — no minimum floor).
+     */
+    blankSpace?: SharedValue<number>;
 } & ScrollViewProps;
-export {};