react-native-keyboard-controller 1.10.5 → 1.11.0

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

@@ -54,12 +54,14 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
+    onLayout,
     bottomOffset = 0,
     disableScrollOnKeyboardHide = false,
     enabled = true,
     ...rest
   } = _ref;
   const scrollViewAnimatedRef = (0, _reactNativeReanimated.useAnimatedRef)();
+  const scrollViewTarget = (0, _reactNativeReanimated.useSharedValue)(null);
   const scrollPosition = (0, _reactNativeReanimated.useSharedValue)(0);
   const position = (0, _reactNativeReanimated.useSharedValue)(0);
   const currentKeyboardFrameHeight = (0, _reactNativeReanimated.useSharedValue)(0);
@@ -88,6 +90,10 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
     }
     scrollViewAnimatedRef(assignedRef);
   }, []);
+  const onScrollViewLayout = (0, _react.useCallback)(e => {
+    scrollViewTarget.value = e.nativeEvent.target;
+    onLayout === null || onLayout === void 0 ? void 0 : onLayout(e);
+  }, [onLayout]);
 
   /**
    * Function that will scroll a ScrollView as keyboard gets moving
@@ -95,14 +101,19 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
   const maybeScroll = (0, _react.useCallback)(function (e) {
     "worklet";
 
-    var _layout$value, _layout$value2;
+    var _layout$value, _layout$value2, _layout$value3;
     let animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (!enabled) {
       return 0;
     }
+
+    // input belongs to ScrollView
+    if (((_layout$value = layout.value) === null || _layout$value === void 0 ? void 0 : _layout$value.parentScrollViewTarget) !== scrollViewTarget.value) {
+      return 0;
+    }
     const visibleRect = height - keyboardHeight.value;
-    const absoluteY = ((_layout$value = layout.value) === null || _layout$value === void 0 ? void 0 : _layout$value.layout.absoluteY) || 0;
-    const inputHeight = ((_layout$value2 = layout.value) === null || _layout$value2 === void 0 ? void 0 : _layout$value2.layout.height) || 0;
+    const absoluteY = ((_layout$value2 = layout.value) === null || _layout$value2 === void 0 ? void 0 : _layout$value2.layout.absoluteY) || 0;
+    const inputHeight = ((_layout$value3 = layout.value) === null || _layout$value3 === void 0 ? void 0 : _layout$value3.layout.height) || 0;
     const point = absoluteY + inputHeight;
     if (visibleRect - point <= bottomOffset) {
       const interpolatedScrollTo = (0, _reactNativeReanimated.interpolate)(e, [initialKeyboardSize.value, keyboardHeight.value], [0, keyboardHeight.value - (height - point) + bottomOffset]);
@@ -122,8 +133,8 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
 
     // 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$value3, _input$value;
-    if (((_layout$value3 = layout.value) === null || _layout$value3 === void 0 ? void 0 : _layout$value3.layout.height) !== ((_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.layout.height)) {
+    var _layout$value4, _input$value;
+    if (((_layout$value4 = layout.value) === null || _layout$value4 === void 0 ? void 0 : _layout$value4.layout.height) !== ((_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.layout.height)) {
       return;
     }
     const prevScrollPosition = scrollPosition.value;
@@ -214,7 +225,8 @@ const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref)
   return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.ScrollView, _extends({
     ref: onRef
   }, rest, {
-    // @ts-expect-error `onScrollReanimated` is a fake prop needed for reanimated to intercept scroll events
+    // @ts-expect-error https://github.com/facebook/react-native/pull/42785
+    onLayout: onScrollViewLayout,
     onScrollReanimated: onScroll,
     scrollEventThrottle: 16
   }), children, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeKeyboardController","_useSmoothKeyboardHandler","_utils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","KeyboardAwareScrollView","forwardRef","_ref","ref","children","bottomOffset","disableScrollOnKeyboardHide","enabled","rest","scrollViewAnimatedRef","useAnimatedRef","scrollPosition","useSharedValue","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","height","useWindowDimensions","onScroll","useAnimatedScrollHandler","e","value","contentOffset","y","onRef","useCallback","assignedRef","current","maybeScroll","_layout$value","_layout$value2","animated","undefined","visibleRect","absoluteY","inputHeight","point","interpolatedScrollTo","interpolate","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","onChangeText","_layout$value3","_input$value","prevScrollPosition","prevLayout","onChangeTextHandler","useMemo","debounce","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","onEnd","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","ScrollView","onScrollReanimated","scrollEventThrottle","View","style","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { useWindowDimensions } from \"react-native\";\nimport Reanimated, {\n  interpolate,\n  scrollTo,\n  useAnimatedReaction,\n  useAnimatedRef,\n  useAnimatedScrollHandler,\n  useAnimatedStyle,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n  useFocusedInputHandler,\n  useReanimatedFocusedInput,\n} from \"react-native-keyboard-controller\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce } from \"./utils\";\n\nimport type { ScrollView, ScrollViewProps } from \"react-native\";\nimport type { FocusedInputLayoutChangedEvent } from \"react-native-keyboard-controller\";\n\ntype 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} & ScrollViewProps;\n\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 * +============================+       +============================+        +=====================================+\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 */\nconst KeyboardAwareScrollView = forwardRef<\n  ScrollView,\n  React.PropsWithChildren<KeyboardAwareScrollViewProps>\n>(\n  (\n    {\n      children,\n      bottomOffset = 0,\n      disableScrollOnKeyboardHide = false,\n      enabled = true,\n      ...rest\n    },\n    ref,\n  ) => {\n    const scrollViewAnimatedRef = useAnimatedRef<Reanimated.ScrollView>();\n    const scrollPosition = useSharedValue(0);\n    const position = useSharedValue(0);\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 onScroll = useAnimatedScrollHandler(\n      {\n        onScroll: (e) => {\n          position.value = e.contentOffset.y;\n        },\n      },\n      [],\n    );\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\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        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 interpolatedScrollTo = interpolate(\n            e,\n            [initialKeyboardSize.value, keyboardHeight.value],\n            [0, keyboardHeight.value - (height - point) + bottomOffset],\n          );\n          const targetScrollY =\n            Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\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],\n    );\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      const prevScrollPosition = scrollPosition.value;\n      const prevLayout = layout.value;\n\n      scrollPosition.value = position.value;\n      layout.value = input.value;\n      maybeScroll(keyboardHeight.value, true);\n      scrollPosition.value = prevScrollPosition;\n      layout.value = prevLayout;\n    }, [maybeScroll]);\n\n    const onChangeTextHandler = useMemo(\n      () => debounce(onChangeText, 200),\n      [onChangeText],\n    );\n\n    useFocusedInputHandler(\n      {\n        onChangeText: onChangeTextHandler,\n      },\n      [onChangeTextHandler],\n    );\n\n    useSmoothKeyboardHandler(\n      enabled\n        ? {\n            onStart: (e) => {\n              \"worklet\";\n\n              const keyboardWillChangeSize =\n                keyboardHeight.value !== e.height && e.height > 0;\n              keyboardWillAppear.value =\n                e.height > 0 && keyboardHeight.value === 0;\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              currentKeyboardFrameHeight.value = e.height;\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          }\n        : {},\n      [height, maybeScroll, disableScrollOnKeyboardHide, enabled],\n    );\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        // animations become laggy 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    );\n\n    return (\n      <Reanimated.ScrollView\n        ref={onRef}\n        {...rest}\n        // @ts-expect-error `onScrollReanimated` is a fake prop needed for reanimated to intercept scroll events\n        onScrollReanimated={onScroll}\n        scrollEventThrottle={16}\n      >\n        {children}\n        <Reanimated.View style={view} />\n      </Reanimated.ScrollView>\n    );\n  },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeKeyboardController","_useSmoothKeyboardHandler","_utils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","KeyboardAwareScrollView","forwardRef","_ref","ref","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","rest","scrollViewAnimatedRef","useAnimatedRef","scrollViewTarget","useSharedValue","scrollPosition","position","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","height","useWindowDimensions","onScroll","useAnimatedScrollHandler","e","value","contentOffset","y","onRef","useCallback","assignedRef","current","onScrollViewLayout","nativeEvent","maybeScroll","_layout$value","_layout$value2","_layout$value3","animated","undefined","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","interpolatedScrollTo","interpolate","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","onChangeText","_layout$value4","_input$value","prevScrollPosition","prevLayout","onChangeTextHandler","useMemo","debounce","useFocusedInputHandler","useSmoothKeyboardHandler","onStart","keyboardWillChangeSize","keyboardWillHide","focusWasChanged","onMove","onEnd","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","ScrollView","onScrollReanimated","scrollEventThrottle","View","style","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { useWindowDimensions } from \"react-native\";\nimport Reanimated, {\n  interpolate,\n  scrollTo,\n  useAnimatedReaction,\n  useAnimatedRef,\n  useAnimatedScrollHandler,\n  useAnimatedStyle,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport {\n  useFocusedInputHandler,\n  useReanimatedFocusedInput,\n} from \"react-native-keyboard-controller\";\n\nimport { useSmoothKeyboardHandler } from \"./useSmoothKeyboardHandler\";\nimport { debounce } from \"./utils\";\n\nimport type {\n  LayoutChangeEvent,\n  ScrollView,\n  ScrollViewProps,\n} from \"react-native\";\nimport type { FocusedInputLayoutChangedEvent } from \"react-native-keyboard-controller\";\n\ntype 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} & ScrollViewProps;\n\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 * +============================+       +============================+        +=====================================+\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 */\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      ...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 = useSharedValue(0);\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 onScroll = useAnimatedScrollHandler(\n      {\n        onScroll: (e) => {\n          position.value = e.contentOffset.y;\n        },\n      },\n      [],\n    );\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 & { nativeEvent: { target: number } }) => {\n        scrollViewTarget.value = e.nativeEvent.target;\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 interpolatedScrollTo = interpolate(\n            e,\n            [initialKeyboardSize.value, keyboardHeight.value],\n            [0, keyboardHeight.value - (height - point) + bottomOffset],\n          );\n          const targetScrollY =\n            Math.max(interpolatedScrollTo, 0) + scrollPosition.value;\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],\n    );\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      const prevScrollPosition = scrollPosition.value;\n      const prevLayout = layout.value;\n\n      scrollPosition.value = position.value;\n      layout.value = input.value;\n      maybeScroll(keyboardHeight.value, true);\n      scrollPosition.value = prevScrollPosition;\n      layout.value = prevLayout;\n    }, [maybeScroll]);\n\n    const onChangeTextHandler = useMemo(\n      () => debounce(onChangeText, 200),\n      [onChangeText],\n    );\n\n    useFocusedInputHandler(\n      {\n        onChangeText: onChangeTextHandler,\n      },\n      [onChangeTextHandler],\n    );\n\n    useSmoothKeyboardHandler(\n      enabled\n        ? {\n            onStart: (e) => {\n              \"worklet\";\n\n              const keyboardWillChangeSize =\n                keyboardHeight.value !== e.height && e.height > 0;\n              keyboardWillAppear.value =\n                e.height > 0 && keyboardHeight.value === 0;\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              currentKeyboardFrameHeight.value = e.height;\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          }\n        : {},\n      [height, maybeScroll, disableScrollOnKeyboardHide, enabled],\n    );\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        // animations become laggy 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    );\n\n    return (\n      <Reanimated.ScrollView\n        ref={onRef}\n        {...rest}\n        // @ts-expect-error https://github.com/facebook/react-native/pull/42785\n        onLayout={onScrollViewLayout}\n        onScrollReanimated={onScroll}\n        scrollEventThrottle={16}\n      >\n        {children}\n        <Reanimated.View style={view} />\n      </Reanimated.ScrollView>\n    );\n  },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":"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"}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useColorScheme = _interopRequireDefault(require("../hooks/useColorScheme"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const ArrowComponent = _ref => {
+  let {
+    type,
+    disabled,
+    theme
+  } = _ref;
+  const colorScheme = (0, _useColorScheme.default)();
+  const color = (0, _react.useMemo)(() => ({
+    backgroundColor: disabled ? theme[colorScheme].disabled : theme[colorScheme].primary
+  }), [disabled, theme, colorScheme]);
+  const left = (0, _react.useMemo)(() => [styles.arrowLeftLine, color], [color]);
+  const right = (0, _react.useMemo)(() => [styles.arrowRightLine, color], [color]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: type === "next" ? styles.arrowDownContainer : styles.arrowUpContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.arrow
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: left
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: right
+  })));
+};
+const arrowLine = {
+  width: 13,
+  height: 2,
+  borderRadius: 1
+};
+const arrowUpContainer = {
+  marginHorizontal: 5,
+  width: 30,
+  height: 30,
+  justifyContent: "center",
+  alignItems: "center"
+};
+const styles = _reactNative.StyleSheet.create({
+  arrowUpContainer: arrowUpContainer,
+  arrowDownContainer: {
+    ...arrowUpContainer,
+    transform: [{
+      rotate: "180deg"
+    }]
+  },
+  arrow: {
+    width: 20,
+    height: 20,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  arrowLeftLine: {
+    ...arrowLine,
+    transform: [{
+      rotate: "-45deg"
+    }],
+    left: -0.5
+  },
+  arrowRightLine: {
+    ...arrowLine,
+    transform: [{
+      rotate: "45deg"
+    }],
+    left: -5.5
+  }
+});
+var _default = ArrowComponent;
+exports.default = _default;
+//# sourceMappingURL=Arrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useColorScheme","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ArrowComponent","_ref","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 \"./colors\";\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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"}

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

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useColorScheme = _interopRequireDefault(require("../hooks/useColorScheme"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const ButtonIOS = _ref => {
+  let {
+    children,
+    onPress,
+    disabled,
+    accessibilityLabel,
+    accessibilityHint,
+    testID,
+    style
+  } = _ref;
+  // immediately switch to plain view to avoid animation flickering
+  // when fade out animation happens and view becomes disabled
+  const Container = disabled ? _reactNative.View : _reactNative.TouchableOpacity;
+  const accessibilityState = (0, _react.useMemo)(() => ({
+    disabled
+  }), [disabled]);
+  return /*#__PURE__*/_react.default.createElement(Container, {
+    accessibilityState: accessibilityState,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    onPress: onPress,
+    style: style,
+    testID: testID
+  }, children);
+};
+const ButtonAndroid = _ref2 => {
+  let {
+    children,
+    onPress,
+    disabled,
+    accessibilityLabel,
+    accessibilityHint,
+    testID,
+    rippleRadius = 18,
+    style,
+    theme
+  } = _ref2;
+  const colorScheme = (0, _useColorScheme.default)();
+  const accessibilityState = (0, _react.useMemo)(() => ({
+    disabled
+  }), [disabled]);
+  const ripple = (0, _react.useMemo)(() => _reactNative.TouchableNativeFeedback.Ripple(theme[colorScheme].ripple, true, rippleRadius), [colorScheme, rippleRadius, theme]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableNativeFeedback, {
+    accessibilityState: accessibilityState,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    onPress: onPress,
+    background: ripple,
+    testID: testID,
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style
+  }, children));
+};
+var _default = _reactNative.Platform.select({
+  android: ButtonAndroid,
+  default: ButtonIOS
+});
+exports.default = _default;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useColorScheme","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ButtonIOS","_ref","children","onPress","disabled","accessibilityLabel","accessibilityHint","testID","style","Container","View","TouchableOpacity","accessibilityState","useMemo","createElement","accessibilityRole","ButtonAndroid","_ref2","rippleRadius","theme","colorScheme","useColorScheme","ripple","TouchableNativeFeedback","Ripple","background","_default","Platform","select","android","exports"],"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 \"./colors\";\nimport type { PropsWithChildren } from \"react\";\nimport type { ViewStyle } from \"react-native\";\n\ntype ButtonProps = {\n  disabled?: boolean;\n  onPress: () => 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      accessibilityState={accessibilityState}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={accessibilityHint}\n      onPress={onPress}\n      style={style}\n      testID={testID}\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      accessibilityState={accessibilityState}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={accessibilityHint}\n      onPress={onPress}\n      background={ripple}\n      testID={testID}\n      style={style}\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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"}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colors = void 0;
+var _reactNative = require("react-native");
+const colors = {
+  light: {
+    primary: _reactNative.Platform.select({
+      ios: (0, _reactNative.PlatformColor)("link"),
+      default: "#2c2c2c"
+    }),
+    disabled: _reactNative.Platform.select({
+      ios: (0, _reactNative.PlatformColor)("systemGray4"),
+      default: "#B0BEC5"
+    }),
+    background: _reactNative.Platform.select({
+      ios: "#F8F8F8",
+      default: "#f3f3f4"
+    }),
+    ripple: "#bcbcbcbc"
+  },
+  dark: {
+    primary: _reactNative.Platform.select({
+      ios: (0, _reactNative.PlatformColor)("label"),
+      default: "#fafafa"
+    }),
+    disabled: _reactNative.Platform.select({
+      ios: (0, _reactNative.PlatformColor)("systemGray"),
+      default: "#707070"
+    }),
+    background: _reactNative.Platform.select({
+      ios: "#555756",
+      default: "#2C2C2E"
+    }),
+    ripple: "#F8F8F888"
+  }
+};
+exports.colors = colors;
+//# sourceMappingURL=colors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","colors","light","primary","Platform","select","ios","PlatformColor","default","disabled","background","ripple","dark","exports"],"sources":["colors.ts"],"sourcesContent":["import { Platform, PlatformColor } from \"react-native\";\n\nimport type { ColorValue } from \"react-native\";\n\ntype Theme = {\n  /** Color for arrow when it's enabled */\n  primary: ColorValue;\n  /** Color for arrow when it's disabled */\n  disabled: ColorValue;\n  /** Keyboard toolbar background color */\n  background: ColorValue;\n  /** Color for ripple effect (on button touch) on Android */\n  ripple: ColorValue;\n};\nexport type KeyboardToolbarTheme = {\n  light: Theme;\n  dark: Theme;\n};\n\nexport const colors: KeyboardToolbarTheme = {\n  light: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"link\"),\n      default: \"#2c2c2c\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray4\"),\n      default: \"#B0BEC5\",\n    }),\n    background: Platform.select({\n      ios: \"#F8F8F8\",\n      default: \"#f3f3f4\",\n    }),\n    ripple: \"#bcbcbcbc\",\n  },\n  dark: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"label\"),\n      default: \"#fafafa\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray\"),\n      default: \"#707070\",\n    }),\n    background: Platform.select({\n      ios: \"#555756\",\n      default: \"#2C2C2E\",\n    }),\n    ripple: \"#F8F8F888\",\n  },\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAmBO,MAAMC,MAA4B,GAAG;EAC1CC,KAAK,EAAE;IACLC,OAAO,EAAEC,qBAAQ,CAACC,MAAM,CAAa;MACnCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,MAAM,CAAC;MAC1BC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAEL,qBAAQ,CAACC,MAAM,CAAa;MACpCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,aAAa,CAAC;MACjCC,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAEN,qBAAQ,CAACC,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdE,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJT,OAAO,EAAEC,qBAAQ,CAACC,MAAM,CAAa;MACnCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,OAAO,CAAC;MAC3BC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAEL,qBAAQ,CAACC,MAAM,CAAa;MACpCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,YAAY,CAAC;MAChCC,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAEN,qBAAQ,CAACC,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdE,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV;AACF,CAAC;AAACE,OAAA,CAAAZ,MAAA,GAAAA,MAAA"}

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

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DefaultKeyboardToolbarTheme", {
+  enumerable: true,
+  get: function () {
+    return _colors.colors;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeKeyboardController = require("react-native-keyboard-controller");
+var _bindings = require("../../bindings");
+var _useColorScheme = _interopRequireDefault(require("../hooks/useColorScheme"));
+var _Arrow = _interopRequireDefault(require("./Arrow"));
+var _Button = _interopRequireDefault(require("./Button"));
+var _colors = require("./colors");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 offset = {
+  closed: KEYBOARD_TOOLBAR_HEIGHT
+};
+const dismissKeyboard = () => _bindings.KeyboardController.dismiss();
+const goToNextField = () => _bindings.KeyboardController.setFocusTo("next");
+const goToPrevField = () => _bindings.KeyboardController.setFocusTo("prev");
+
+/**
+ * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and
+ * `Done` buttons.
+ */
+const KeyboardToolbar = _ref => {
+  let {
+    content,
+    theme = _colors.colors,
+    doneText,
+    button,
+    icon
+  } = _ref;
+  const colorScheme = (0, _useColorScheme.default)();
+  const [inputs, setInputs] = (0, _react.useState)({
+    current: 0,
+    count: 0
+  });
+  const isPrevDisabled = inputs.current === 0;
+  const isNextDisabled = inputs.current === inputs.count - 1;
+  (0, _react.useEffect)(() => {
+    const subscription = _reactNativeKeyboardController.FocusedInputEvents.addListener("focusDidSet", e => {
+      setInputs(e);
+    });
+    return subscription.remove;
+  }, []);
+  const doneStyle = (0, _react.useMemo)(() => [styles.doneButton, {
+    color: theme[colorScheme].primary
+  }], [colorScheme, theme]);
+  const toolbarStyle = (0, _react.useMemo)(() => [styles.toolbar, {
+    backgroundColor: theme[colorScheme].background
+  }], [colorScheme, theme]);
+  const ButtonContainer = button || _Button.default;
+  const IconContainer = icon || _Arrow.default;
+  return /*#__PURE__*/_react.default.createElement(_reactNativeKeyboardController.KeyboardStickyView, {
+    offset: offset
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: toolbarStyle,
+    testID: TEST_ID_KEYBOARD_TOOLBAR
+  }, /*#__PURE__*/_react.default.createElement(ButtonContainer, {
+    accessibilityLabel: "Previous",
+    accessibilityHint: "Will move focus to previous field",
+    disabled: isPrevDisabled,
+    onPress: goToPrevField,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS,
+    theme: theme
+  }, /*#__PURE__*/_react.default.createElement(IconContainer, {
+    disabled: isPrevDisabled,
+    type: "prev",
+    theme: theme
+  })), /*#__PURE__*/_react.default.createElement(ButtonContainer, {
+    accessibilityLabel: "Next",
+    accessibilityHint: "Will move focus to next field",
+    disabled: isNextDisabled,
+    onPress: goToNextField,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_NEXT,
+    theme: theme
+  }, /*#__PURE__*/_react.default.createElement(IconContainer, {
+    disabled: isNextDisabled,
+    type: "next",
+    theme: theme
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.flex,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_CONTENT
+  }, content), /*#__PURE__*/_react.default.createElement(ButtonContainer, {
+    accessibilityLabel: "Done",
+    accessibilityHint: "Will close the keyboard",
+    onPress: dismissKeyboard,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_DONE,
+    rippleRadius: 28,
+    style: styles.doneButtonContainer,
+    theme: theme
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: doneStyle,
+    maxFontSizeMultiplier: 1.3
+  }, doneText || "Done"))));
+};
+const styles = _reactNative.StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  toolbar: {
+    position: "absolute",
+    bottom: 0,
+    alignItems: "center",
+    width: "100%",
+    flexDirection: "row",
+    height: KEYBOARD_TOOLBAR_HEIGHT,
+    paddingHorizontal: 8
+  },
+  doneButton: {
+    fontWeight: "600",
+    fontSize: 15
+  },
+  doneButtonContainer: {
+    marginRight: 8
+  }
+});
+var _default = KeyboardToolbar;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeKeyboardController","_bindings","_useColorScheme","_interopRequireDefault","_Arrow","_Button","_colors","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TEST_ID_KEYBOARD_TOOLBAR","TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS","TEST_ID_KEYBOARD_TOOLBAR_NEXT","TEST_ID_KEYBOARD_TOOLBAR_CONTENT","TEST_ID_KEYBOARD_TOOLBAR_DONE","KEYBOARD_TOOLBAR_HEIGHT","offset","closed","dismissKeyboard","KeyboardController","dismiss","goToNextField","setFocusTo","goToPrevField","KeyboardToolbar","_ref","content","theme","colors","doneText","button","icon","colorScheme","useColorScheme","inputs","setInputs","useState","current","count","isPrevDisabled","isNextDisabled","useEffect","subscription","FocusedInputEvents","addListener","e","remove","doneStyle","useMemo","styles","doneButton","color","primary","toolbarStyle","toolbar","backgroundColor","background","ButtonContainer","Button","IconContainer","Arrow","createElement","KeyboardStickyView","View","style","testID","accessibilityLabel","accessibilityHint","disabled","onPress","type","flex","rippleRadius","doneButtonContainer","Text","maxFontSizeMultiplier","StyleSheet","create","position","bottom","alignItems","width","flexDirection","height","paddingHorizontal","fontWeight","fontSize","marginRight","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\n\nimport {\n  FocusedInputEvents,\n  KeyboardStickyView,\n} from \"react-native-keyboard-controller\";\n\nimport { KeyboardController } from \"../../bindings\";\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport Arrow from \"./Arrow\";\nimport Button from \"./Button\";\nimport { colors } from \"./colors\";\n\nimport type { KeyboardToolbarTheme } from \"./colors\";\nimport type { ReactNode } from \"react\";\n\nexport type KeyboardToolbarProps = {\n  /** An element that is shown in the middle of the toolbar. */\n  content?: JSX.Element | null;\n  /** A set of dark/light colors consumed by toolbar component. */\n  theme?: KeyboardToolbarTheme;\n  /** Custom text for done button. */\n  doneText?: ReactNode;\n  /** Custom touchable component for toolbar (used for prev/next/done buttons). */\n  button?: typeof Button;\n  /** Custom icon component used to display next/prev buttons. */\n  icon?: typeof Arrow;\n};\nconst TEST_ID_KEYBOARD_TOOLBAR = \"keyboard.toolbar\";\nconst TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;\nconst TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;\nconst TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;\nconst TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;\n\nconst KEYBOARD_TOOLBAR_HEIGHT = 42;\nconst offset = { closed: KEYBOARD_TOOLBAR_HEIGHT };\n\nconst dismissKeyboard = () => KeyboardController.dismiss();\nconst goToNextField = () => KeyboardController.setFocusTo(\"next\");\nconst goToPrevField = () => KeyboardController.setFocusTo(\"prev\");\n\n/**\n * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and\n * `Done` buttons.\n */\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> = ({\n  content,\n  theme = colors,\n  doneText,\n  button,\n  icon,\n}) => {\n  const colorScheme = useColorScheme();\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\n  useEffect(() => {\n    const subscription = FocusedInputEvents.addListener(\"focusDidSet\", (e) => {\n      setInputs(e);\n    });\n\n    return subscription.remove;\n  }, []);\n  const doneStyle = useMemo(\n    () => [styles.doneButton, { color: theme[colorScheme].primary }],\n    [colorScheme, theme],\n  );\n  const toolbarStyle = useMemo(\n    () => [\n      styles.toolbar,\n      {\n        backgroundColor: theme[colorScheme].background,\n      },\n    ],\n    [colorScheme, theme],\n  );\n  const ButtonContainer = button || Button;\n  const IconContainer = icon || Arrow;\n\n  return (\n    <KeyboardStickyView offset={offset}>\n      <View style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\n        <ButtonContainer\n          accessibilityLabel=\"Previous\"\n          accessibilityHint=\"Will move focus to previous field\"\n          disabled={isPrevDisabled}\n          onPress={goToPrevField}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS}\n          theme={theme}\n        >\n          <IconContainer disabled={isPrevDisabled} type=\"prev\" theme={theme} />\n        </ButtonContainer>\n        <ButtonContainer\n          accessibilityLabel=\"Next\"\n          accessibilityHint=\"Will move focus to next field\"\n          disabled={isNextDisabled}\n          onPress={goToNextField}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_NEXT}\n          theme={theme}\n        >\n          <IconContainer disabled={isNextDisabled} type=\"next\" theme={theme} />\n        </ButtonContainer>\n\n        <View style={styles.flex} testID={TEST_ID_KEYBOARD_TOOLBAR_CONTENT}>\n          {content}\n        </View>\n        <ButtonContainer\n          accessibilityLabel=\"Done\"\n          accessibilityHint=\"Will close the keyboard\"\n          onPress={dismissKeyboard}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_DONE}\n          rippleRadius={28}\n          style={styles.doneButtonContainer}\n          theme={theme}\n        >\n          <Text style={doneStyle} maxFontSizeMultiplier={1.3}>\n            {doneText || \"Done\"}\n          </Text>\n        </ButtonContainer>\n      </View>\n    </KeyboardStickyView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  flex: {\n    flex: 1,\n  },\n  toolbar: {\n    position: \"absolute\",\n    bottom: 0,\n    alignItems: \"center\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    height: KEYBOARD_TOOLBAR_HEIGHT,\n    paddingHorizontal: 8,\n  },\n  doneButton: {\n    fontWeight: \"600\",\n    fontSize: 15,\n  },\n  doneButtonContainer: {\n    marginRight: 8,\n  },\n});\n\nexport { colors as DefaultKeyboardToolbarTheme };\nexport default KeyboardToolbar;\n"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+const useColorScheme = () => (0, _reactNative.useColorScheme)() || "light";
+var _default = useColorScheme;
+exports.default = _default;
+//# sourceMappingURL=useColorScheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","useColorScheme","useColorSchemeRN","_default","exports","default"],"sources":["useColorScheme.ts"],"sourcesContent":["import { useColorScheme as useColorSchemeRN } from \"react-native\";\n\nconst useColorScheme = () => useColorSchemeRN() || \"light\";\n\nexport default useColorScheme;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,cAAc,GAAGA,CAAA,KAAM,IAAAC,2BAAgB,EAAC,CAAC,IAAI,OAAO;AAAC,IAAAC,QAAA,GAE5CF,cAAc;AAAAG,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -39,8 +39,9 @@ const useKeyboardInterpolation = () => {
     if (_reactNative.Platform.OS === "ios") {
       return (0, _reactNativeReanimated.interpolate)(keyboardPosition, [0, nextKeyboardHeight.value], output);
     }
-    lastInterpolation.value = (0, _reactNativeReanimated.interpolate)(keyboardPosition, [prevKeyboardHeight.value, nextKeyboardHeight.value], shouldUseInternalInterpolation.value ? [lastInterpolation.value, output[1]] : output);
-    return lastInterpolation.value;
+    const interpolation = (0, _reactNativeReanimated.interpolate)(keyboardPosition, [prevKeyboardHeight.value, nextKeyboardHeight.value], shouldUseInternalInterpolation.value ? [lastInterpolation.value, output[1]] : output);
+    lastInterpolation.value = interpolation;
+    return interpolation;
   };
   (0, _reactNativeKeyboardController.useKeyboardHandler)({
     onStart: e => {