react-native-keyboard-controller 1.17.4 → 1.18.0

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

@@ -91,6 +91,7 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
     input
   } = (0, _hooks.useReanimatedFocusedInput)();
   const layout = (0, _reactNativeReanimated.useSharedValue)(null);
+  const lastSelection = (0, _reactNativeReanimated.useSharedValue)(null);
   const {
     height
   } = (0, _hooks.useWindowDimensions)();
@@ -133,9 +134,9 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
       (0, _reactNativeReanimated.scrollTo)(scrollViewAnimatedRef, 0, targetScrollY, animated);
       return interpolatedScrollTo;
     }
-    if (absoluteY < 0) {
-      const positionOnScreen = visibleRect - inputHeight - bottomOffset;
-      const topOfScreen = scrollPosition.value + absoluteY;
+    if (point < 0) {
+      const positionOnScreen = visibleRect - bottomOffset;
+      const topOfScreen = scrollPosition.value + point;
       (0, _reactNativeReanimated.scrollTo)(scrollViewAnimatedRef, 0, topOfScreen - positionOnScreen, animated);
     }
     return 0;
@@ -146,24 +147,35 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
     const keyboardFrame = (0, _reactNativeReanimated.interpolate)(e.height, [0, keyboardHeight.value], [0, keyboardHeight.value + extraKeyboardSpace]);
     currentKeyboardFrameHeight.value = keyboardFrame;
   }, [extraKeyboardSpace]);
-  const scrollFromCurrentPosition = (0, _react.useCallback)(customHeight => {
+  const updateLayoutFromSelection = (0, _react.useCallback)(() => {
     "worklet";
 
-    var _input$value;
-    const prevScrollPosition = scrollPosition.value;
-    const prevLayout = layout.value;
-    if (!((_input$value = input.value) !== null && _input$value !== void 0 && _input$value.layout)) {
-      return;
+    var _lastSelection$value, _input$value;
+    const customHeight = (_lastSelection$value = lastSelection.value) === null || _lastSelection$value === void 0 ? void 0 : _lastSelection$value.selection.end.y;
+    if (!((_input$value = input.value) !== null && _input$value !== void 0 && _input$value.layout) || !customHeight) {
+      return false;
     }
-
-    // eslint-disable-next-line react-compiler/react-compiler
     layout.value = {
       ...input.value,
       layout: {
         ...input.value.layout,
-        height: customHeight ?? input.value.layout.height
+        // when we have multiline input with limited amount of lines, then custom height can be very big
+        // so we clamp it to max input height
+        height: (0, _reactNativeReanimated.clamp)(customHeight, 0, input.value.layout.height)
       }
     };
+    return true;
+  }, [input, lastSelection, layout]);
+  const scrollFromCurrentPosition = (0, _react.useCallback)(() => {
+    "worklet";
+
+    const prevScrollPosition = scrollPosition.value;
+    const prevLayout = layout.value;
+    if (!updateLayoutFromSelection()) {
+      return;
+    }
+
+    // eslint-disable-next-line react-compiler/react-compiler
     scrollPosition.value = position.value;
     maybeScroll(keyboardHeight.value, true);
     scrollPosition.value = prevScrollPosition;
@@ -172,26 +184,35 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
   const onChangeText = (0, _react.useCallback)(() => {
     "worklet";
 
-    // if typing a text caused layout shift, then we need to ignore this handler
-    // because this event will be handled in `useAnimatedReaction` below
-    var _layout$value4, _input$value2;
-    if (((_layout$value4 = layout.value) === null || _layout$value4 === void 0 ? void 0 : _layout$value4.layout.height) !== ((_input$value2 = input.value) === null || _input$value2 === void 0 ? void 0 : _input$value2.layout.height)) {
-      return;
-    }
+    console.debug("maybeScroll - onChangeText");
     scrollFromCurrentPosition();
   }, [scrollFromCurrentPosition]);
+  const onChangeTextHandler = (0, _react.useMemo)(() => (0, _utils.debounce)(onChangeText, 200), [onChangeText]);
   const onSelectionChange = (0, _react.useCallback)(e => {
     "worklet";
 
+    var _lastSelection$value2, _lastSelection$value3;
+    const lastTarget = (_lastSelection$value2 = lastSelection.value) === null || _lastSelection$value2 === void 0 ? void 0 : _lastSelection$value2.target;
+    const latestSelection = (_lastSelection$value3 = lastSelection.value) === null || _lastSelection$value3 === void 0 ? void 0 : _lastSelection$value3.selection;
+    lastSelection.value = e;
+    if (e.target !== lastTarget) {
+      // ignore this event, because "focus changed" event handled in `useSmoothKeyboardHandler`
+      return;
+    }
+    // caret in the end + end coordinates has been changed -> we moved to a new line
+    // so input may grow
+    if (e.selection.end.position === e.selection.start.position && (latestSelection === null || latestSelection === void 0 ? void 0 : latestSelection.end.y) !== e.selection.end.y) {
+      return scrollFromCurrentPosition();
+    }
+    // selection has been changed
     if (e.selection.start.position !== e.selection.end.position) {
-      scrollFromCurrentPosition(e.selection.end.y);
+      return scrollFromCurrentPosition();
     }
-  }, [scrollFromCurrentPosition]);
-  const onChangeTextHandler = (0, _react.useMemo)(() => (0, _utils.debounce)(onChangeText, 200), [onChangeText]);
+    onChangeTextHandler();
+  }, [scrollFromCurrentPosition, onChangeTextHandler]);
   (0, _hooks.useFocusedInputHandler)({
-    onChangeText: onChangeTextHandler,
     onSelectionChange: onSelectionChange
-  }, [onChangeTextHandler, onSelectionChange]);
+  }, [onSelectionChange]);
   (0, _useSmoothKeyboardHandler.useSmoothKeyboardHandler)({
     onStart: e => {
       "worklet";
@@ -218,9 +239,8 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
       // focus was changed
       if (focusWasChanged) {
         tag.value = e.target;
-
         // save position of focused text input when keyboard starts to move
-        layout.value = input.value;
+        updateLayoutFromSelection();
         // save current scroll position - when keyboard will hide we'll reuse
         // this value to achieve smooth hide effect
         scrollBeforeKeyboardMovement.value = position.value;
@@ -254,10 +274,10 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
   }, [bottomOffset]);
   (0, _reactNativeReanimated.useAnimatedReaction)(() => input.value, (current, previous) => {
     if ((current === null || current === void 0 ? void 0 : current.target) === (previous === null || previous === void 0 ? void 0 : previous.target) && (current === null || current === void 0 ? void 0 : current.layout.height) !== (previous === null || previous === void 0 ? void 0 : previous.layout.height)) {
-      const prevLayout = layout.value;
-      layout.value = input.value;
-      scrollPosition.value += maybeScroll(keyboardHeight.value, true);
-      layout.value = prevLayout;
+      // input has changed layout - let's check if we need to scroll
+      // may happen when you paste text, then onSelectionChange will be
+      // fired earlier than text actually changes its layout
+      scrollFromCurrentPosition();
     }
   }, []);
   const view = (0, _reactNativeReanimated.useAnimatedStyle)(() => enabled ? {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","_findNodeHandle","_useSmoothKeyboardHandler","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","Reanimated","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewTarget","useSharedValue","scrollPosition","position","useScrollViewOffset","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","height","useWindowDimensions","onRef","useCallback","assignedRef","current","onScrollViewLayout","value","findNodeHandle","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","syncKeyboardFrame","keyboardFrame","scrollFromCurrentPosition","customHeight","_input$value","prevScrollPosition","prevLayout","onChangeText","_layout$value4","_input$value2","onSelectionChange","selection","start","end","y","onChangeTextHandler","useMemo","debounce","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","target","onMove","onEnd","useEffect","runOnUI","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","scrollEventThrottle","View","style","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo } from \"react\";\nimport Reanimated, {\n  interpolate,\n  runOnUI,\n  scrollTo,\n  useAnimatedReaction,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useScrollViewOffset,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n  useFocusedInputHandler,\n  useReanimatedFocusedInput,\n  useWindowDimensions,\n} from \"../../hooks\";\nimport { findNodeHandle } from \"../../utils/findNodeHandle\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type {\n  LayoutChangeEvent,\n  ScrollView,\n  ScrollViewProps,\n} from \"react-native\";\nimport type {\n  FocusedInputLayoutChangedEvent,\n  FocusedInputSelectionChangedEvent,\n  NativeEvent,\n} from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n  /** The distance between keyboard and focused `TextInput` when keyboard is shown. Default is `0`. */\n  bottomOffset?: number;\n  /** Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false`. */\n  disableScrollOnKeyboardHide?: boolean;\n  /** Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true`. */\n  enabled?: boolean;\n  /** Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`. */\n  extraKeyboardSpace?: number;\n  /** Custom component for `ScrollView`. Default is `ScrollView`. */\n  ScrollViewComponent?: React.ComponentType<ScrollViewProps>;\n} & ScrollViewProps;\n\n// Everything begins from `onStart` handler. This handler is called every time,\n// when keyboard changes its size or when focused `TextInput` was changed. In\n// this handler we are calculating/memoizing values which later will be used\n// during layout movement. For that we calculate:\n// - layout of focused field (`layout`) - to understand whether there will be overlap\n// - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation\n// - future keyboard height (`keyboardHeight`) - used in scroll interpolation\n// - current scroll position (`scrollPosition`) - used to scroll from this point\n//\n// Once we've calculated all necessary variables - we can actually start to use them.\n// It happens in `onMove` handler - this function simply calls `maybeScroll` with\n// current keyboard frame height. This functions makes the smooth transition.\n//\n// When the transition has finished we go to `onEnd` handler. In this handler\n// we verify, that the current field is not overlapped within a keyboard frame.\n// For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,\n// however there could be some cases, when `onMove` is not called:\n// - on iOS when TextInput was changed - keyboard transition is instant\n// - on Android when TextInput was changed and keyboard size wasn't changed\n// So `onEnd` handler handle the case, when `onMove` wasn't triggered.\n//\n// ====================================================================================================================+\n// -----------------------------------------------------Flow chart-----------------------------------------------------+\n// ====================================================================================================================+\n//\n// +============================+       +============================+        +==================================+\n// +  User Press on TextInput   +   =>  +  Keyboard starts showing   +   =>   + As keyboard moves frame by frame +  =>\n// +                            +       +       (run `onStart`)      +        +    `onMove` is getting called    +\n// +============================+       +============================+        +==================================+\n//\n// +============================+       +============================+        +=====================================+\n// + Keyboard is shown and we   +   =>  +    User moved focus to     +   =>   + Only `onStart`/`onEnd` maybe called +\n// +    call `onEnd` handler    +       +     another `TextInput`    +        +    (without involving `onMove`)     +\n// +============================+       +============================+        +=====================================+\n//\n\n/**\n * A ScrollView component that automatically handles keyboard appearance and disappearance\n * by adjusting its content position to ensure the focused input remains visible.\n *\n * The component uses a sophisticated animation system to smoothly handle keyboard transitions\n * and maintain proper scroll position during keyboard interactions.\n *\n * @returns A ScrollView component that handles keyboard interactions.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-aware-scroll-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardAwareScrollView bottomOffset={20}>\n *   <TextInput placeholder=\"Enter text\" />\n *   <TextInput placeholder=\"Another input\" />\n * </KeyboardAwareScrollView>\n * ```\n */\nconst KeyboardAwareScrollView = forwardRef<\n  ScrollView,\n  React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n  (\n    {\n      children,\n      onLayout,\n      bottomOffset = 0,\n      disableScrollOnKeyboardHide = false,\n      enabled = true,\n      extraKeyboardSpace = 0,\n      ScrollViewComponent = Reanimated.ScrollView,\n      snapToOffsets,\n      ...rest\n    },\n    ref,\n  ) => {\n    const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n    const scrollViewTarget = useSharedValue<number | null>(null);\n    const scrollPosition = useSharedValue(0);\n    const position = useScrollViewOffset(scrollViewAnimatedRef);\n    const currentKeyboardFrameHeight = useSharedValue(0);\n    const keyboardHeight = useSharedValue(0);\n    const keyboardWillAppear = useSharedValue(false);\n    const tag = useSharedValue(-1);\n    const initialKeyboardSize = useSharedValue(0);\n    const scrollBeforeKeyboardMovement = useSharedValue(0);\n    const { input } = useReanimatedFocusedInput();\n    const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n\n    const { height } = useWindowDimensions();\n\n    const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n      if (typeof ref === \"function\") {\n        ref(assignedRef);\n      } else if (ref) {\n        ref.current = assignedRef;\n      }\n\n      scrollViewAnimatedRef(assignedRef);\n    }, []);\n    const onScrollViewLayout = useCallback(\n      (e: LayoutChangeEvent) => {\n        scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n        onLayout?.(e);\n      },\n      [onLayout],\n    );\n\n    /**\n     * Function that will scroll a ScrollView as keyboard gets moving.\n     */\n    const maybeScroll = useCallback(\n      (e: number, animated: boolean = false) => {\n        \"worklet\";\n\n        if (!enabled) {\n          return 0;\n        }\n\n        // input belongs to ScrollView\n        if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n          return 0;\n        }\n\n        const visibleRect = height - keyboardHeight.value;\n        const absoluteY = layout.value?.layout.absoluteY || 0;\n        const inputHeight = layout.value?.layout.height || 0;\n        const point = absoluteY + inputHeight;\n\n        if (visibleRect - point <= bottomOffset) {\n          const relativeScrollTo =\n            keyboardHeight.value - (height - point) + bottomOffset;\n          const interpolatedScrollTo = interpolate(\n            e,\n            [initialKeyboardSize.value, keyboardHeight.value],\n            [\n              0,\n              scrollDistanceWithRespectToSnapPoints(\n                relativeScrollTo + scrollPosition.value,\n                snapToOffsets,\n              ) - scrollPosition.value,\n            ],\n          );\n          const targetScrollY =\n            Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n\n          scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n          return interpolatedScrollTo;\n        }\n\n        if (absoluteY < 0) {\n          const positionOnScreen = visibleRect - inputHeight - bottomOffset;\n          const topOfScreen = scrollPosition.value + absoluteY;\n\n          scrollTo(\n            scrollViewAnimatedRef,\n            0,\n            topOfScreen - positionOnScreen,\n            animated,\n          );\n        }\n\n        return 0;\n      },\n      [bottomOffset, enabled, height, snapToOffsets],\n    );\n    const syncKeyboardFrame = useCallback(\n      (e: NativeEvent) => {\n        \"worklet\";\n\n        const keyboardFrame = interpolate(\n          e.height,\n          [0, keyboardHeight.value],\n          [0, keyboardHeight.value + extraKeyboardSpace],\n        );\n\n        currentKeyboardFrameHeight.value = keyboardFrame;\n      },\n      [extraKeyboardSpace],\n    );\n\n    const scrollFromCurrentPosition = useCallback(\n      (customHeight?: number) => {\n        \"worklet\";\n\n        const prevScrollPosition = scrollPosition.value;\n        const prevLayout = layout.value;\n\n        if (!input.value?.layout) {\n          return;\n        }\n\n        // eslint-disable-next-line react-compiler/react-compiler\n        layout.value = {\n          ...input.value,\n          layout: {\n            ...input.value.layout,\n            height: customHeight ?? input.value.layout.height,\n          },\n        };\n        scrollPosition.value = position.value;\n        maybeScroll(keyboardHeight.value, true);\n        scrollPosition.value = prevScrollPosition;\n        layout.value = prevLayout;\n      },\n      [maybeScroll],\n    );\n    const onChangeText = useCallback(() => {\n      \"worklet\";\n\n      // if typing a text caused layout shift, then we need to ignore this handler\n      // because this event will be handled in `useAnimatedReaction` below\n      if (layout.value?.layout.height !== input.value?.layout.height) {\n        return;\n      }\n\n      scrollFromCurrentPosition();\n    }, [scrollFromCurrentPosition]);\n    const onSelectionChange = useCallback(\n      (e: FocusedInputSelectionChangedEvent) => {\n        \"worklet\";\n\n        if (e.selection.start.position !== e.selection.end.position) {\n          scrollFromCurrentPosition(e.selection.end.y);\n        }\n      },\n      [scrollFromCurrentPosition],\n    );\n\n    const onChangeTextHandler = useMemo(\n      () => debounce(onChangeText, 200),\n      [onChangeText],\n    );\n\n    useFocusedInputHandler(\n      {\n        onChangeText: onChangeTextHandler,\n        onSelectionChange: onSelectionChange,\n      },\n      [onChangeTextHandler, onSelectionChange],\n    );\n\n    useSmoothKeyboardHandler(\n      {\n        onStart: (e) => {\n          \"worklet\";\n\n          const keyboardWillChangeSize =\n            keyboardHeight.value !== e.height && e.height > 0;\n\n          keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n\n          const keyboardWillHide = e.height === 0;\n          const focusWasChanged =\n            (tag.value !== e.target && e.target !== -1) ||\n            keyboardWillChangeSize;\n\n          if (keyboardWillChangeSize) {\n            initialKeyboardSize.value = keyboardHeight.value;\n          }\n\n          if (keyboardWillHide) {\n            // on back transition need to interpolate as [0, keyboardHeight]\n            initialKeyboardSize.value = 0;\n            scrollPosition.value = scrollBeforeKeyboardMovement.value;\n          }\n\n          if (\n            keyboardWillAppear.value ||\n            keyboardWillChangeSize ||\n            focusWasChanged\n          ) {\n            // persist scroll value\n            scrollPosition.value = position.value;\n            // just persist height - later will be used in interpolation\n            keyboardHeight.value = e.height;\n          }\n\n          // focus was changed\n          if (focusWasChanged) {\n            tag.value = e.target;\n\n            // save position of focused text input when keyboard starts to move\n            layout.value = input.value;\n            // save current scroll position - when keyboard will hide we'll reuse\n            // this value to achieve smooth hide effect\n            scrollBeforeKeyboardMovement.value = position.value;\n          }\n\n          if (focusWasChanged && !keyboardWillAppear.value) {\n            // update position on scroll value, so `onEnd` handler\n            // will pick up correct values\n            position.value += maybeScroll(e.height, true);\n          }\n        },\n        onMove: (e) => {\n          \"worklet\";\n\n          syncKeyboardFrame(e);\n\n          // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n          if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {\n            maybeScroll(e.height);\n          }\n        },\n        onEnd: (e) => {\n          \"worklet\";\n\n          keyboardHeight.value = e.height;\n          scrollPosition.value = position.value;\n\n          syncKeyboardFrame(e);\n        },\n      },\n      [maybeScroll, disableScrollOnKeyboardHide, syncKeyboardFrame],\n    );\n\n    useEffect(() => {\n      runOnUI(maybeScroll)(keyboardHeight.value, true);\n    }, [bottomOffset]);\n\n    useAnimatedReaction(\n      () => input.value,\n      (current, previous) => {\n        if (\n          current?.target === previous?.target &&\n          current?.layout.height !== previous?.layout.height\n        ) {\n          const prevLayout = layout.value;\n\n          layout.value = input.value;\n          scrollPosition.value += maybeScroll(keyboardHeight.value, true);\n          layout.value = prevLayout;\n        }\n      },\n      [],\n    );\n\n    const view = useAnimatedStyle(\n      () =>\n        enabled\n          ? {\n              // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n              // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n              // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n              // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n              // re-calculation on every animation frame and it helps to achieve smooth animation.\n              // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n              paddingBottom: currentKeyboardFrameHeight.value + 1,\n            }\n          : {},\n      [enabled],\n    );\n\n    return (\n      <ScrollViewComponent\n        ref={onRef}\n        {...rest}\n        scrollEventThrottle={16}\n        onLayout={onScrollViewLayout}\n      >\n        {children}\n        {enabled && <Reanimated.View style={view} />}\n      </ScrollViewComponent>\n    );\n  },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","_findNodeHandle","_useSmoothKeyboardHandler","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","Reanimated","ScrollView","snapToOffsets","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewTarget","useSharedValue","scrollPosition","position","useScrollViewOffset","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","lastSelection","height","useWindowDimensions","onRef","useCallback","assignedRef","current","onScrollViewLayout","value","findNodeHandle","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","syncKeyboardFrame","keyboardFrame","updateLayoutFromSelection","_lastSelection$value","_input$value","customHeight","selection","end","y","clamp","scrollFromCurrentPosition","prevScrollPosition","prevLayout","onChangeText","console","debug","onChangeTextHandler","useMemo","debounce","onSelectionChange","_lastSelection$value2","_lastSelection$value3","lastTarget","target","latestSelection","start","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","onEnd","useEffect","runOnUI","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","scrollEventThrottle","View","style","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo } from \"react\";\nimport Reanimated, {\n  clamp,\n  interpolate,\n  runOnUI,\n  scrollTo,\n  useAnimatedReaction,\n  useAnimatedRef,\n  useAnimatedStyle,\n  useScrollViewOffset,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n  useFocusedInputHandler,\n  useReanimatedFocusedInput,\n  useWindowDimensions,\n} from \"../../hooks\";\nimport { findNodeHandle } from \"../../utils/findNodeHandle\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce, scrollDistanceWithRespectToSnapPoints } from \"./utils\";\n\nimport type {\n  LayoutChangeEvent,\n  ScrollView,\n  ScrollViewProps,\n} from \"react-native\";\nimport type {\n  FocusedInputLayoutChangedEvent,\n  FocusedInputSelectionChangedEvent,\n  NativeEvent,\n} from \"react-native-keyboard-controller\";\n\nexport type KeyboardAwareScrollViewProps = {\n  /** The distance between the keyboard and the caret inside a focused `TextInput` when the keyboard is shown. Default is `0`. */\n  bottomOffset?: number;\n  /** Prevents automatic scrolling of the `ScrollView` when the keyboard gets hidden, maintaining the current screen position. Default is `false`. */\n  disableScrollOnKeyboardHide?: boolean;\n  /** Controls whether this `KeyboardAwareScrollView` instance should take effect. Default is `true`. */\n  enabled?: boolean;\n  /** Adjusting the bottom spacing of KeyboardAwareScrollView. Default is `0`. */\n  extraKeyboardSpace?: number;\n  /** Custom component for `ScrollView`. Default is `ScrollView`. */\n  ScrollViewComponent?: React.ComponentType<ScrollViewProps>;\n} & ScrollViewProps;\n\n// Everything begins from `onStart` handler. This handler is called every time,\n// when keyboard changes its size or when focused `TextInput` was changed. In\n// this handler we are calculating/memoizing values which later will be used\n// during layout movement. For that we calculate:\n// - layout of focused field (`layout`) - to understand whether there will be overlap\n// - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation\n// - future keyboard height (`keyboardHeight`) - used in scroll interpolation\n// - current scroll position (`scrollPosition`) - used to scroll from this point\n//\n// Once we've calculated all necessary variables - we can actually start to use them.\n// It happens in `onMove` handler - this function simply calls `maybeScroll` with\n// current keyboard frame height. This functions makes the smooth transition.\n//\n// When the transition has finished we go to `onEnd` handler. In this handler\n// we verify, that the current field is not overlapped within a keyboard frame.\n// For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,\n// however there could be some cases, when `onMove` is not called:\n// - on iOS when TextInput was changed - keyboard transition is instant\n// - on Android when TextInput was changed and keyboard size wasn't changed\n// So `onEnd` handler handle the case, when `onMove` wasn't triggered.\n//\n// ====================================================================================================================+\n// -----------------------------------------------------Flow chart-----------------------------------------------------+\n// ====================================================================================================================+\n//\n// +============================+       +============================+        +==================================+\n// +  User Press on TextInput   +   =>  +  Keyboard starts showing   +   =>   + As keyboard moves frame by frame +  =>\n// +                            +       +       (run `onStart`)      +        +    `onMove` is getting called    +\n// +============================+       +============================+        +==================================+\n//\n// +============================+       +============================+        +=====================================+\n// + Keyboard is shown and we   +   =>  +    User moved focus to     +   =>   + Only `onStart`/`onEnd` maybe called +\n// +    call `onEnd` handler    +       +     another `TextInput`    +        +    (without involving `onMove`)     +\n// +============================+       +============================+        +=====================================+\n//\n\n/**\n * A ScrollView component that automatically handles keyboard appearance and disappearance\n * by adjusting its content position to ensure the focused input remains visible.\n *\n * The component uses a sophisticated animation system to smoothly handle keyboard transitions\n * and maintain proper scroll position during keyboard interactions.\n *\n * @returns A ScrollView component that handles keyboard interactions.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-aware-scroll-view|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardAwareScrollView bottomOffset={20}>\n *   <TextInput placeholder=\"Enter text\" />\n *   <TextInput placeholder=\"Another input\" />\n * </KeyboardAwareScrollView>\n * ```\n */\nconst KeyboardAwareScrollView = forwardRef<\n  ScrollView,\n  React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n  (\n    {\n      children,\n      onLayout,\n      bottomOffset = 0,\n      disableScrollOnKeyboardHide = false,\n      enabled = true,\n      extraKeyboardSpace = 0,\n      ScrollViewComponent = Reanimated.ScrollView,\n      snapToOffsets,\n      ...rest\n    },\n    ref,\n  ) => {\n    const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n    const scrollViewTarget = useSharedValue<number | null>(null);\n    const scrollPosition = useSharedValue(0);\n    const position = useScrollViewOffset(scrollViewAnimatedRef);\n    const currentKeyboardFrameHeight = useSharedValue(0);\n    const keyboardHeight = useSharedValue(0);\n    const keyboardWillAppear = useSharedValue(false);\n    const tag = useSharedValue(-1);\n    const initialKeyboardSize = useSharedValue(0);\n    const scrollBeforeKeyboardMovement = useSharedValue(0);\n    const { input } = useReanimatedFocusedInput();\n    const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n    const lastSelection =\n      useSharedValue<FocusedInputSelectionChangedEvent | null>(null);\n\n    const { height } = useWindowDimensions();\n\n    const onRef = useCallback((assignedRef: Reanimated.ScrollView) => {\n      if (typeof ref === \"function\") {\n        ref(assignedRef);\n      } else if (ref) {\n        ref.current = assignedRef;\n      }\n\n      scrollViewAnimatedRef(assignedRef);\n    }, []);\n    const onScrollViewLayout = useCallback(\n      (e: LayoutChangeEvent) => {\n        scrollViewTarget.value = findNodeHandle(scrollViewAnimatedRef.current);\n\n        onLayout?.(e);\n      },\n      [onLayout],\n    );\n\n    /**\n     * Function that will scroll a ScrollView as keyboard gets moving.\n     */\n    const maybeScroll = useCallback(\n      (e: number, animated: boolean = false) => {\n        \"worklet\";\n\n        if (!enabled) {\n          return 0;\n        }\n\n        // input belongs to ScrollView\n        if (layout.value?.parentScrollViewTarget !== scrollViewTarget.value) {\n          return 0;\n        }\n\n        const visibleRect = height - keyboardHeight.value;\n        const absoluteY = layout.value?.layout.absoluteY || 0;\n        const inputHeight = layout.value?.layout.height || 0;\n        const point = absoluteY + inputHeight;\n\n        if (visibleRect - point <= bottomOffset) {\n          const relativeScrollTo =\n            keyboardHeight.value - (height - point) + bottomOffset;\n          const interpolatedScrollTo = interpolate(\n            e,\n            [initialKeyboardSize.value, keyboardHeight.value],\n            [\n              0,\n              scrollDistanceWithRespectToSnapPoints(\n                relativeScrollTo + scrollPosition.value,\n                snapToOffsets,\n              ) - scrollPosition.value,\n            ],\n          );\n          const targetScrollY =\n            Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\n\n          scrollTo(scrollViewAnimatedRef, 0, targetScrollY, animated);\n\n          return interpolatedScrollTo;\n        }\n\n        if (point < 0) {\n          const positionOnScreen = visibleRect - bottomOffset;\n          const topOfScreen = scrollPosition.value + point;\n\n          scrollTo(\n            scrollViewAnimatedRef,\n            0,\n            topOfScreen - positionOnScreen,\n            animated,\n          );\n        }\n\n        return 0;\n      },\n      [bottomOffset, enabled, height, snapToOffsets],\n    );\n    const syncKeyboardFrame = useCallback(\n      (e: NativeEvent) => {\n        \"worklet\";\n\n        const keyboardFrame = interpolate(\n          e.height,\n          [0, keyboardHeight.value],\n          [0, keyboardHeight.value + extraKeyboardSpace],\n        );\n\n        currentKeyboardFrameHeight.value = keyboardFrame;\n      },\n      [extraKeyboardSpace],\n    );\n\n    const updateLayoutFromSelection = useCallback(() => {\n      \"worklet\";\n\n      const customHeight = lastSelection.value?.selection.end.y;\n\n      if (!input.value?.layout || !customHeight) {\n        return false;\n      }\n\n      layout.value = {\n        ...input.value,\n        layout: {\n          ...input.value.layout,\n          // when we have multiline input with limited amount of lines, then custom height can be very big\n          // so we clamp it to max input height\n          height: clamp(customHeight, 0, input.value.layout.height),\n        },\n      };\n\n      return true;\n    }, [input, lastSelection, layout]);\n    const scrollFromCurrentPosition = useCallback(() => {\n      \"worklet\";\n\n      const prevScrollPosition = scrollPosition.value;\n      const prevLayout = layout.value;\n\n      if (!updateLayoutFromSelection()) {\n        return;\n      }\n\n      // eslint-disable-next-line react-compiler/react-compiler\n      scrollPosition.value = position.value;\n      maybeScroll(keyboardHeight.value, true);\n      scrollPosition.value = prevScrollPosition;\n      layout.value = prevLayout;\n    }, [maybeScroll]);\n    const onChangeText = useCallback(() => {\n      \"worklet\";\n\n      console.debug(\"maybeScroll - onChangeText\");\n      scrollFromCurrentPosition();\n    }, [scrollFromCurrentPosition]);\n    const onChangeTextHandler = useMemo(\n      () => debounce(onChangeText, 200),\n      [onChangeText],\n    );\n    const onSelectionChange = useCallback(\n      (e: FocusedInputSelectionChangedEvent) => {\n        \"worklet\";\n\n        const lastTarget = lastSelection.value?.target;\n        const latestSelection = lastSelection.value?.selection;\n\n        lastSelection.value = e;\n\n        if (e.target !== lastTarget) {\n          // ignore this event, because \"focus changed\" event handled in `useSmoothKeyboardHandler`\n          return;\n        }\n        // caret in the end + end coordinates has been changed -> we moved to a new line\n        // so input may grow\n        if (\n          e.selection.end.position === e.selection.start.position &&\n          latestSelection?.end.y !== e.selection.end.y\n        ) {\n          return scrollFromCurrentPosition();\n        }\n        // selection has been changed\n        if (e.selection.start.position !== e.selection.end.position) {\n          return scrollFromCurrentPosition();\n        }\n\n        onChangeTextHandler();\n      },\n      [scrollFromCurrentPosition, onChangeTextHandler],\n    );\n\n    useFocusedInputHandler(\n      {\n        onSelectionChange: onSelectionChange,\n      },\n      [onSelectionChange],\n    );\n\n    useSmoothKeyboardHandler(\n      {\n        onStart: (e) => {\n          \"worklet\";\n\n          const keyboardWillChangeSize =\n            keyboardHeight.value !== e.height && e.height > 0;\n\n          keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;\n\n          const keyboardWillHide = e.height === 0;\n          const focusWasChanged =\n            (tag.value !== e.target && e.target !== -1) ||\n            keyboardWillChangeSize;\n\n          if (keyboardWillChangeSize) {\n            initialKeyboardSize.value = keyboardHeight.value;\n          }\n\n          if (keyboardWillHide) {\n            // on back transition need to interpolate as [0, keyboardHeight]\n            initialKeyboardSize.value = 0;\n            scrollPosition.value = scrollBeforeKeyboardMovement.value;\n          }\n\n          if (\n            keyboardWillAppear.value ||\n            keyboardWillChangeSize ||\n            focusWasChanged\n          ) {\n            // persist scroll value\n            scrollPosition.value = position.value;\n            // just persist height - later will be used in interpolation\n            keyboardHeight.value = e.height;\n          }\n\n          // focus was changed\n          if (focusWasChanged) {\n            tag.value = e.target;\n            // save position of focused text input when keyboard starts to move\n            updateLayoutFromSelection();\n            // save current scroll position - when keyboard will hide we'll reuse\n            // this value to achieve smooth hide effect\n            scrollBeforeKeyboardMovement.value = position.value;\n          }\n\n          if (focusWasChanged && !keyboardWillAppear.value) {\n            // update position on scroll value, so `onEnd` handler\n            // will pick up correct values\n            position.value += maybeScroll(e.height, true);\n          }\n        },\n        onMove: (e) => {\n          \"worklet\";\n\n          syncKeyboardFrame(e);\n\n          // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens\n          if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {\n            maybeScroll(e.height);\n          }\n        },\n        onEnd: (e) => {\n          \"worklet\";\n\n          keyboardHeight.value = e.height;\n          scrollPosition.value = position.value;\n\n          syncKeyboardFrame(e);\n        },\n      },\n      [maybeScroll, disableScrollOnKeyboardHide, syncKeyboardFrame],\n    );\n\n    useEffect(() => {\n      runOnUI(maybeScroll)(keyboardHeight.value, true);\n    }, [bottomOffset]);\n\n    useAnimatedReaction(\n      () => input.value,\n      (current, previous) => {\n        if (\n          current?.target === previous?.target &&\n          current?.layout.height !== previous?.layout.height\n        ) {\n          // input has changed layout - let's check if we need to scroll\n          // may happen when you paste text, then onSelectionChange will be\n          // fired earlier than text actually changes its layout\n          scrollFromCurrentPosition();\n        }\n      },\n      [],\n    );\n\n    const view = useAnimatedStyle(\n      () =>\n        enabled\n          ? {\n              // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)\n              // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding\n              // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation\n              // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout\n              // re-calculation on every animation frame and it helps to achieve smooth animation.\n              // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342\n              paddingBottom: currentKeyboardFrameHeight.value + 1,\n            }\n          : {},\n      [enabled],\n    );\n\n    return (\n      <ScrollViewComponent\n        ref={onRef}\n        {...rest}\n        scrollEventThrottle={16}\n        onLayout={onScrollViewLayout}\n      >\n        {children}\n        {enabled && <Reanimated.View style={view} />}\n      </ScrollViewComponent>\n    );\n  },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/Arrow.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _useColorScheme = _interopRequireDefault(require("../hooks/useColorScheme"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _hooks = require("../../hooks");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const ArrowComponent = ({
@@ -15,7 +14,7 @@ const ArrowComponent = ({
   disabled,
   theme
 }) => {
-  const colorScheme = (0, _useColorScheme.default)();
+  const colorScheme = (0, _hooks.useKeyboardState)(state => state.appearance);
   const color = (0, _react.useMemo)(() => ({
     backgroundColor: disabled ? theme[colorScheme].disabled : theme[colorScheme].primary
   }), [disabled, theme, colorScheme]);

package/lib/commonjs/components/KeyboardToolbar/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useColorScheme","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ArrowComponent","type","disabled","theme","colorScheme","useColorScheme","color","useMemo","backgroundColor","primary","left","styles","arrowLeftLine","right","arrowRightLine","createElement","View","style","arrowDownContainer","arrowUpContainer","arrow","Animated","arrowLine","width","height","borderRadius","marginHorizontal","justifyContent","alignItems","StyleSheet","create","transform","rotate","flexDirection","_default","exports"],"sources":["Arrow.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Animated, StyleSheet, View } from \"react-native\";\n\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { ViewStyle } from \"react-native\";\n\ntype ArrowProps = {\n  type: \"prev\" | \"next\";\n  disabled?: boolean;\n  theme: KeyboardToolbarTheme;\n};\n\nconst ArrowComponent: React.FC<ArrowProps> = ({ type, disabled, theme }) => {\n  const colorScheme = useColorScheme();\n\n  const color = useMemo(\n    () => ({\n      backgroundColor: disabled\n        ? theme[colorScheme].disabled\n        : theme[colorScheme].primary,\n    }),\n    [disabled, theme, colorScheme],\n  );\n  const left = useMemo(() => [styles.arrowLeftLine, color], [color]);\n  const right = useMemo(() => [styles.arrowRightLine, color], [color]);\n\n  return (\n    <View\n      style={\n        type === \"next\" ? styles.arrowDownContainer : styles.arrowUpContainer\n      }\n    >\n      <View style={styles.arrow}>\n        <Animated.View style={left} />\n        <Animated.View style={right} />\n      </View>\n    </View>\n  );\n};\n\nconst arrowLine: ViewStyle = {\n  width: 13,\n  height: 2,\n  borderRadius: 1,\n};\nconst arrowUpContainer: ViewStyle = {\n  marginHorizontal: 5,\n  width: 30,\n  height: 30,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n};\nconst styles = StyleSheet.create({\n  arrowUpContainer: arrowUpContainer,\n  arrowDownContainer: {\n    ...arrowUpContainer,\n    transform: [{ rotate: \"180deg\" }],\n  },\n  arrow: {\n    width: 20,\n    height: 20,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  arrowLeftLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"-45deg\" }],\n    left: -0.5,\n  },\n  arrowRightLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"45deg\" }],\n    left: -5.5,\n  },\n});\n\nexport default ArrowComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ArrowComponent","type","disabled","theme","colorScheme","useKeyboardState","state","appearance","color","useMemo","backgroundColor","primary","left","styles","arrowLeftLine","right","arrowRightLine","createElement","View","style","arrowDownContainer","arrowUpContainer","arrow","Animated","arrowLine","width","height","borderRadius","marginHorizontal","justifyContent","alignItems","StyleSheet","create","transform","rotate","flexDirection","_default","exports"],"sources":["Arrow.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Animated, StyleSheet, View } from \"react-native\";\n\nimport { useKeyboardState } from \"../../hooks\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { ViewStyle } from \"react-native\";\n\ntype ArrowProps = {\n  type: \"prev\" | \"next\";\n  disabled?: boolean;\n  theme: KeyboardToolbarTheme;\n};\n\nconst ArrowComponent: React.FC<ArrowProps> = ({ type, disabled, theme }) => {\n  const colorScheme = useKeyboardState((state) => state.appearance);\n\n  const color = useMemo(\n    () => ({\n      backgroundColor: disabled\n        ? theme[colorScheme].disabled\n        : theme[colorScheme].primary,\n    }),\n    [disabled, theme, colorScheme],\n  );\n  const left = useMemo(() => [styles.arrowLeftLine, color], [color]);\n  const right = useMemo(() => [styles.arrowRightLine, color], [color]);\n\n  return (\n    <View\n      style={\n        type === \"next\" ? styles.arrowDownContainer : styles.arrowUpContainer\n      }\n    >\n      <View style={styles.arrow}>\n        <Animated.View style={left} />\n        <Animated.View style={right} />\n      </View>\n    </View>\n  );\n};\n\nconst arrowLine: ViewStyle = {\n  width: 13,\n  height: 2,\n  borderRadius: 1,\n};\nconst arrowUpContainer: ViewStyle = {\n  marginHorizontal: 5,\n  width: 30,\n  height: 30,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n};\nconst styles = StyleSheet.create({\n  arrowUpContainer: arrowUpContainer,\n  arrowDownContainer: {\n    ...arrowUpContainer,\n    transform: [{ rotate: \"180deg\" }],\n  },\n  arrow: {\n    width: 20,\n    height: 20,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  arrowLeftLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"-45deg\" }],\n    left: -0.5,\n  },\n  arrowRightLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"45deg\" }],\n    left: -5.5,\n  },\n});\n\nexport default ArrowComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/Button.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _useColorScheme = _interopRequireDefault(require("../hooks/useColorScheme"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _hooks = require("../../hooks");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const ButtonIOS = ({
@@ -46,7 +45,7 @@ const ButtonAndroid = ({
   style,
   theme
 }) => {
-  const colorScheme = (0, _useColorScheme.default)();
+  const colorScheme = (0, _hooks.useKeyboardState)(state => state.appearance);
   const accessibilityState = (0, _react.useMemo)(() => ({
     disabled
   }), [disabled]);

package/lib/commonjs/components/KeyboardToolbar/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useColorScheme","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ButtonIOS","children","onPress","disabled","accessibilityLabel","accessibilityHint","testID","style","Container","View","TouchableOpacity","accessibilityState","useMemo","createElement","accessibilityRole","ButtonAndroid","rippleRadius","theme","colorScheme","useColorScheme","ripple","TouchableNativeFeedback","Ripple","background","_default","exports","Platform","select","android"],"sources":["Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  Platform,\n  TouchableNativeFeedback,\n  TouchableOpacity,\n  View,\n} from \"react-native\";\n\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { PropsWithChildren } from \"react\";\nimport type { GestureResponderEvent, ViewStyle } from \"react-native\";\n\ntype ButtonProps = {\n  disabled?: boolean;\n  onPress: (event: GestureResponderEvent) => void;\n  accessibilityLabel: string;\n  accessibilityHint: string;\n  testID: string;\n  rippleRadius?: number;\n  style?: ViewStyle;\n  theme: KeyboardToolbarTheme;\n};\n\nconst ButtonIOS = ({\n  children,\n  onPress,\n  disabled,\n  accessibilityLabel,\n  accessibilityHint,\n  testID,\n  style,\n}: PropsWithChildren<ButtonProps>) => {\n  // immediately switch to plain view to avoid animation flickering\n  // when fade out animation happens and view becomes disabled\n  const Container = disabled\n    ? (View as unknown as typeof TouchableOpacity)\n    : TouchableOpacity;\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\n\n  return (\n    <Container\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"button\"\n      accessibilityState={accessibilityState}\n      style={style}\n      testID={testID}\n      onPress={onPress}\n    >\n      {children}\n    </Container>\n  );\n};\nconst ButtonAndroid = ({\n  children,\n  onPress,\n  disabled,\n  accessibilityLabel,\n  accessibilityHint,\n  testID,\n  rippleRadius = 18,\n  style,\n  theme,\n}: PropsWithChildren<ButtonProps>) => {\n  const colorScheme = useColorScheme();\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\n  const ripple = useMemo(\n    () =>\n      TouchableNativeFeedback.Ripple(\n        theme[colorScheme].ripple,\n        true,\n        rippleRadius,\n      ),\n    [colorScheme, rippleRadius, theme],\n  );\n\n  return (\n    <TouchableNativeFeedback\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"button\"\n      accessibilityState={accessibilityState}\n      background={ripple}\n      style={style}\n      testID={testID}\n      onPress={onPress}\n    >\n      <View style={style}>{children}</View>\n    </TouchableNativeFeedback>\n  );\n};\n\nexport default Platform.select({\n  android: ButtonAndroid,\n  default: ButtonIOS,\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_hooks","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ButtonIOS","children","onPress","disabled","accessibilityLabel","accessibilityHint","testID","style","Container","View","TouchableOpacity","accessibilityState","useMemo","createElement","accessibilityRole","ButtonAndroid","rippleRadius","theme","colorScheme","useKeyboardState","state","appearance","ripple","TouchableNativeFeedback","Ripple","background","_default","exports","Platform","select","android"],"sources":["Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  Platform,\n  TouchableNativeFeedback,\n  TouchableOpacity,\n  View,\n} from \"react-native\";\n\nimport { useKeyboardState } from \"../../hooks\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { PropsWithChildren } from \"react\";\nimport type { GestureResponderEvent, ViewStyle } from \"react-native\";\n\ntype ButtonProps = {\n  disabled?: boolean;\n  onPress: (event: GestureResponderEvent) => void;\n  accessibilityLabel: string;\n  accessibilityHint: string;\n  testID: string;\n  rippleRadius?: number;\n  style?: ViewStyle;\n  theme: KeyboardToolbarTheme;\n};\n\nconst ButtonIOS = ({\n  children,\n  onPress,\n  disabled,\n  accessibilityLabel,\n  accessibilityHint,\n  testID,\n  style,\n}: PropsWithChildren<ButtonProps>) => {\n  // immediately switch to plain view to avoid animation flickering\n  // when fade out animation happens and view becomes disabled\n  const Container = disabled\n    ? (View as unknown as typeof TouchableOpacity)\n    : TouchableOpacity;\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\n\n  return (\n    <Container\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"button\"\n      accessibilityState={accessibilityState}\n      style={style}\n      testID={testID}\n      onPress={onPress}\n    >\n      {children}\n    </Container>\n  );\n};\nconst ButtonAndroid = ({\n  children,\n  onPress,\n  disabled,\n  accessibilityLabel,\n  accessibilityHint,\n  testID,\n  rippleRadius = 18,\n  style,\n  theme,\n}: PropsWithChildren<ButtonProps>) => {\n  const colorScheme = useKeyboardState((state) => state.appearance);\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\n  const ripple = useMemo(\n    () =>\n      TouchableNativeFeedback.Ripple(\n        theme[colorScheme].ripple,\n        true,\n        rippleRadius,\n      ),\n    [colorScheme, rippleRadius, theme],\n  );\n\n  return (\n    <TouchableNativeFeedback\n      accessibilityHint={accessibilityHint}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"button\"\n      accessibilityState={accessibilityState}\n      background={ripple}\n      style={style}\n      testID={testID}\n      onPress={onPress}\n    >\n      <View style={style}>{children}</View>\n    </TouchableNativeFeedback>\n  );\n};\n\nexport default Platform.select({\n  android: ButtonAndroid,\n  default: ButtonIOS,\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/constants.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = exports.TEST_ID_KEYBOARD_TOOLBAR_NEXT = exports.TEST_ID_KEYBOARD_TOOLBAR_DONE = exports.TEST_ID_KEYBOARD_TOOLBAR_CONTENT = exports.TEST_ID_KEYBOARD_TOOLBAR = exports.OPENED_OFFSET = exports.KEYBOARD_TOOLBAR_HEIGHT = exports.KEYBOARD_HAS_ROUNDED_CORNERS = exports.DEFAULT_OPACITY = void 0;
+var _reactNative = require("react-native");
+const TEST_ID_KEYBOARD_TOOLBAR = exports.TEST_ID_KEYBOARD_TOOLBAR = "keyboard.toolbar";
+const TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = exports.TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;
+const TEST_ID_KEYBOARD_TOOLBAR_NEXT = exports.TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;
+const TEST_ID_KEYBOARD_TOOLBAR_CONTENT = exports.TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;
+const TEST_ID_KEYBOARD_TOOLBAR_DONE = exports.TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;
+const KEYBOARD_TOOLBAR_HEIGHT = exports.KEYBOARD_TOOLBAR_HEIGHT = 42;
+const DEFAULT_OPACITY = exports.DEFAULT_OPACITY = "FF";
+const KEYBOARD_HAS_ROUNDED_CORNERS = exports.KEYBOARD_HAS_ROUNDED_CORNERS = _reactNative.Platform.OS === "ios" && parseInt(_reactNative.Platform.Version, 10) >= 26;
+const OPENED_OFFSET = exports.OPENED_OFFSET = KEYBOARD_HAS_ROUNDED_CORNERS ? -11 : 0;
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/components/KeyboardToolbar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","TEST_ID_KEYBOARD_TOOLBAR","exports","TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS","TEST_ID_KEYBOARD_TOOLBAR_NEXT","TEST_ID_KEYBOARD_TOOLBAR_CONTENT","TEST_ID_KEYBOARD_TOOLBAR_DONE","KEYBOARD_TOOLBAR_HEIGHT","DEFAULT_OPACITY","KEYBOARD_HAS_ROUNDED_CORNERS","Platform","OS","parseInt","Version","OPENED_OFFSET"],"sources":["constants.ts"],"sourcesContent":["import { Platform } from \"react-native\";\n\nimport type { HEX } from \"./types\";\n\nexport const TEST_ID_KEYBOARD_TOOLBAR = \"keyboard.toolbar\";\nexport const TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;\nexport const TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;\nexport const TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;\nexport const TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;\n\nexport const KEYBOARD_TOOLBAR_HEIGHT = 42;\nexport const DEFAULT_OPACITY: HEX = \"FF\";\nexport const KEYBOARD_HAS_ROUNDED_CORNERS =\n  Platform.OS === \"ios\" && parseInt(Platform.Version, 10) >= 26;\nexport const OPENED_OFFSET = KEYBOARD_HAS_ROUNDED_CORNERS ? -11 : 0;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,kBAAkB;AACnD,MAAME,iCAAiC,GAAAD,OAAA,CAAAC,iCAAA,GAAG,GAAGF,wBAAwB,WAAW;AAChF,MAAMG,6BAA6B,GAAAF,OAAA,CAAAE,6BAAA,GAAG,GAAGH,wBAAwB,OAAO;AACxE,MAAMI,gCAAgC,GAAAH,OAAA,CAAAG,gCAAA,GAAG,GAAGJ,wBAAwB,UAAU;AAC9E,MAAMK,6BAA6B,GAAAJ,OAAA,CAAAI,6BAAA,GAAG,GAAGL,wBAAwB,OAAO;AAExE,MAAMM,uBAAuB,GAAAL,OAAA,CAAAK,uBAAA,GAAG,EAAE;AAClC,MAAMC,eAAoB,GAAAN,OAAA,CAAAM,eAAA,GAAG,IAAI;AACjC,MAAMC,4BAA4B,GAAAP,OAAA,CAAAO,4BAAA,GACvCC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIC,QAAQ,CAACF,qBAAQ,CAACG,OAAO,EAAE,EAAE,CAAC,IAAI,EAAE;AACxD,MAAMC,aAAa,GAAAZ,OAAA,CAAAY,aAAA,GAAGL,4BAA4B,GAAG,CAAC,EAAE,GAAG,CAAC","ignoreList":[]}

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

@@ -13,24 +13,17 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _bindings = require("../../bindings");
+var _hooks = require("../../hooks");
 var _module = require("../../module");
-var _useColorScheme = _interopRequireDefault(require("../hooks/useColorScheme"));
 var _KeyboardStickyView = _interopRequireDefault(require("../KeyboardStickyView"));
 var _Arrow = _interopRequireDefault(require("./Arrow"));
 var _Button = _interopRequireDefault(require("./Button"));
 var _colors = require("./colors");
+var _constants = require("./constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 TEST_ID_KEYBOARD_TOOLBAR = "keyboard.toolbar";
-const TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;
-const TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;
-const TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;
-const TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;
-const KEYBOARD_TOOLBAR_HEIGHT = 42;
-const DEFAULT_OPACITY = "FF";
-
 /**
  * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` buttons from left and
  * `Done` button from the right (to dismiss the keyboard). Allows to add customizable content (yours UI elements) in the middle.
@@ -55,7 +48,7 @@ const KeyboardToolbar = props => {
     onPrevCallback,
     onDoneCallback,
     blur = null,
-    opacity = DEFAULT_OPACITY,
+    opacity = _constants.DEFAULT_OPACITY,
     offset: {
       closed = 0,
       opened = 0
@@ -64,7 +57,7 @@ const KeyboardToolbar = props => {
     insets,
     ...rest
   } = props;
-  const colorScheme = (0, _useColorScheme.default)();
+  const colorScheme = (0, _hooks.useKeyboardState)(state => state.appearance);
   const [inputs, setInputs] = (0, _react.useState)({
     current: 0,
     count: 0
@@ -82,13 +75,17 @@ const KeyboardToolbar = props => {
   }], [colorScheme, theme]);
   const toolbarStyle = (0, _react.useMemo)(() => [styles.toolbar, {
     backgroundColor: `${theme[colorScheme].background}${opacity}`
-  }, {
+  }, !_constants.KEYBOARD_HAS_ROUNDED_CORNERS ? {
     paddingLeft: insets === null || insets === void 0 ? void 0 : insets.left,
     paddingRight: insets === null || insets === void 0 ? void 0 : insets.right
-  }], [colorScheme, opacity, theme, insets]);
+  } : null, _constants.KEYBOARD_HAS_ROUNDED_CORNERS ? styles.floating : null], [colorScheme, opacity, theme, insets]);
+  const containerStyle = (0, _react.useMemo)(() => [_constants.KEYBOARD_HAS_ROUNDED_CORNERS ? {
+    marginLeft: ((insets === null || insets === void 0 ? void 0 : insets.left) ?? 0) + 16,
+    marginRight: ((insets === null || insets === void 0 ? void 0 : insets.right) ?? 0) + 16
+  } : null], [insets]);
   const offset = (0, _react.useMemo)(() => ({
-    closed: closed + KEYBOARD_TOOLBAR_HEIGHT,
-    opened
+    closed: closed + _constants.KEYBOARD_TOOLBAR_HEIGHT,
+    opened: opened + _constants.OPENED_OFFSET
   }), [closed, opened]);
   const ButtonContainer = button || _Button.default;
   const IconContainer = icon || _Arrow.default;
@@ -112,17 +109,18 @@ const KeyboardToolbar = props => {
   }, [onDoneCallback]);
   return /*#__PURE__*/_react.default.createElement(_KeyboardStickyView.default, {
     enabled: enabled,
-    offset: offset
+    offset: offset,
+    style: containerStyle
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, rest, {
     style: toolbarStyle,
-    testID: TEST_ID_KEYBOARD_TOOLBAR
+    testID: _constants.TEST_ID_KEYBOARD_TOOLBAR
   }), blur, showArrows && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.arrows
   }, /*#__PURE__*/_react.default.createElement(ButtonContainer, {
     accessibilityHint: "Moves focus to the previous field",
     accessibilityLabel: "Previous",
     disabled: isPrevDisabled,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS,
+    testID: _constants.TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS,
     theme: theme,
     onPress: onPressPrev
   }, /*#__PURE__*/_react.default.createElement(IconContainer, {
@@ -133,7 +131,7 @@ const KeyboardToolbar = props => {
     accessibilityHint: "Moves focus to the next field",
     accessibilityLabel: "Next",
     disabled: isNextDisabled,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_NEXT,
+    testID: _constants.TEST_ID_KEYBOARD_TOOLBAR_NEXT,
     theme: theme,
     onPress: onPressNext
   }, /*#__PURE__*/_react.default.createElement(IconContainer, {
@@ -142,13 +140,13 @@ const KeyboardToolbar = props => {
     type: "next"
   }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.flex,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_CONTENT
+    testID: _constants.TEST_ID_KEYBOARD_TOOLBAR_CONTENT
   }, content), doneText && /*#__PURE__*/_react.default.createElement(ButtonContainer, {
     accessibilityHint: "Closes the keyboard",
     accessibilityLabel: "Done",
     rippleRadius: 28,
     style: styles.doneButtonContainer,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_DONE,
+    testID: _constants.TEST_ID_KEYBOARD_TOOLBAR_DONE,
     theme: theme,
     onPress: onPressDone
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
@@ -166,7 +164,7 @@ const styles = _reactNative.StyleSheet.create({
     alignItems: "center",
     width: "100%",
     flexDirection: "row",
-    height: KEYBOARD_TOOLBAR_HEIGHT
+    height: _constants.KEYBOARD_TOOLBAR_HEIGHT
   },
   arrows: {
     flexDirection: "row",
@@ -179,6 +177,11 @@ const styles = _reactNative.StyleSheet.create({
   doneButtonContainer: {
     marginRight: 16,
     marginLeft: 8
+  },
+  floating: {
+    alignSelf: "center",
+    borderRadius: 20,
+    overflow: "hidden"
   }
 });
 var _default = exports.default = KeyboardToolbar;