@react-native-ohos/react-native-keyboard-controller 1.16.6-rc.1

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_hooks","_useSmoothKeyboardHandler","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","KeyboardAwareScrollView","forwardRef","children","onLayout","bottomOffset","disableScrollOnKeyboardHide","enabled","extraKeyboardSpace","ScrollViewComponent","Reanimated","ScrollView","rest","ref","scrollViewAnimatedRef","useAnimatedRef","scrollViewTarget","useSharedValue","scrollPosition","position","useScrollViewOffset","currentKeyboardFrameHeight","keyboardHeight","keyboardWillAppear","tag","initialKeyboardSize","scrollBeforeKeyboardMovement","input","useReanimatedFocusedInput","layout","height","useWindowDimensions","onRef","useCallback","assignedRef","current","onScrollViewLayout","value","findNodeHandle","maybeScroll","animated","_layout$value","_layout$value2","_layout$value3","parentScrollViewTarget","visibleRect","absoluteY","inputHeight","point","relativeScrollTo","interpolatedScrollTo","interpolate","scrollDistanceWithRespectToSnapPoints","snapToOffsets","targetScrollY","Math","max","scrollTo","positionOnScreen","topOfScreen","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","useAnimatedReaction","previous","view","useAnimatedStyle","paddingBottom","createElement","scrollEventThrottle","View","style","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { findNodeHandle } from \"react-native\";\nimport Reanimated, {\n  interpolate,\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\";\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 \"..//../types\";\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/*\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      extraKeyboardSpace = 0,\n      ScrollViewComponent = Reanimated.ScrollView,\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                rest.snapToOffsets,\n              ) - scrollPosition.value,\n            ],\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, height, rest.snapToOffsets],\n    );\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          keyboardWillAppear.value = 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          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    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        onLayout={onScrollViewLayout}\n        scrollEventThrottle={16}\n      >\n        {children}\n        <Reanimated.View style={view} />\n      </ScrollViewComponent>\n    );\n  },\n);\n\nexport default KeyboardAwareScrollView;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSmoothKeyboardHandler = void 0;
+var _reactNative = require("react-native");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _hooks = require("../../hooks");
+const IS_ANDROID_ELEVEN_OR_HIGHER = _reactNative.Platform.OS === "android" && _reactNative.Platform.Version >= 30;
+// on these platforms keyboard transitions will be smooth
+const IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS = IS_ANDROID_ELEVEN_OR_HIGHER || _reactNative.Platform.OS === "ios" || _reactNative.Platform.OS === 'harmony';
+// on Android Telegram is not using androidx.core values and uses custom interpolation
+// duration is taken from here: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/org/telegram/ui/ActionBar/AdjustPanLayoutHelper.java#L39
+// and bezier is taken from: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/androidx/recyclerview/widget/ChatListItemAnimator.java#L40
+const TELEGRAM_ANDROID_TIMING_CONFIG = {
+  duration: 250,
+  easing: _reactNativeReanimated.Easing.bezier(0.19919472913616398, 0.010644531250000006, 0.27920937042459737, 0.91025390625)
+};
+
+/**
+ * Hook that uses default transitions for iOS and Android > 11, and uses
+ * custom interpolation on Android < 11 to achieve more smooth animation
+ */
+const useSmoothKeyboardHandler = (handler, deps) => {
+  const target = (0, _reactNativeReanimated.useSharedValue)(-1);
+  const height = (0, _reactNativeReanimated.useSharedValue)(0);
+  const persistedHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const animatedKeyboardHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
+    if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+      return;
+    }
+    if (persistedHeight.value === 0) {
+      return;
+    }
+    const event = {
+      // it'll be always `TELEGRAM_ANDROID_TIMING_CONFIG.duration`, since we're running animation via `withTiming`
+      duration: TELEGRAM_ANDROID_TIMING_CONFIG.duration,
+      target: target.value,
+      height: animatedKeyboardHeight.value,
+      progress: animatedKeyboardHeight.value / persistedHeight.value
+    };
+    return event;
+  }, evt => {
+    var _handler$onMove;
+    if (!evt) {
+      return;
+    }
+    (_handler$onMove = handler.onMove) === null || _handler$onMove === void 0 || _handler$onMove.call(handler, evt);
+
+    // dispatch `onEnd`
+    if (evt.height === height.value) {
+      var _handler$onEnd;
+      (_handler$onEnd = handler.onEnd) === null || _handler$onEnd === void 0 || _handler$onEnd.call(handler, evt);
+      // eslint-disable-next-line react-compiler/react-compiler
+      persistedHeight.value = height.value;
+    }
+  },
+  // REA uses own version of `DependencyList` and it's not compatible with the same type from React
+  deps);
+  (0, _hooks.useKeyboardHandler)({
+    onStart: e => {
+      "worklet";
+
+      // immediately dispatch onStart/onEnd events if onStart dispatched with the same height
+      // and don't wait for animation 250ms
+      var _handler$onStart2;
+      if (!IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS && e.height === persistedHeight.value) {
+        var _handler$onStart, _handler$onEnd2;
+        (_handler$onStart = handler.onStart) === null || _handler$onStart === void 0 || _handler$onStart.call(handler, e);
+        (_handler$onEnd2 = handler.onEnd) === null || _handler$onEnd2 === void 0 || _handler$onEnd2.call(handler, e);
+        return;
+      }
+      target.value = e.target;
+      height.value = e.height;
+      if (e.height > 0) {
+        persistedHeight.value = e.height;
+      }
+      // if we are running on Android < 9, then we are using custom interpolation
+      // to achieve smoother animation and use `animatedKeyboardHeight` as animation
+      // driver
+      if (!IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+        animatedKeyboardHeight.value = (0, _reactNativeReanimated.withTiming)(e.height, TELEGRAM_ANDROID_TIMING_CONFIG);
+      }
+      (_handler$onStart2 = handler.onStart) === null || _handler$onStart2 === void 0 || _handler$onStart2.call(handler, {
+        ...e,
+        duration: IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS ? e.duration : TELEGRAM_ANDROID_TIMING_CONFIG.duration
+      });
+    },
+    onMove: e => {
+      "worklet";
+
+      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+        var _handler$onMove2;
+        (_handler$onMove2 = handler.onMove) === null || _handler$onMove2 === void 0 || _handler$onMove2.call(handler, e);
+      }
+    },
+    onEnd: e => {
+      "worklet";
+
+      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {
+        var _handler$onEnd3;
+        (_handler$onEnd3 = handler.onEnd) === null || _handler$onEnd3 === void 0 || _handler$onEnd3.call(handler, e);
+      }
+    }
+  }, deps);
+};
+exports.useSmoothKeyboardHandler = useSmoothKeyboardHandler;
+//# sourceMappingURL=useSmoothKeyboardHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_hooks","IS_ANDROID_ELEVEN_OR_HIGHER","Platform","OS","Version","IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS","TELEGRAM_ANDROID_TIMING_CONFIG","duration","easing","Easing","bezier","useSmoothKeyboardHandler","handler","deps","target","useSharedValue","height","persistedHeight","animatedKeyboardHeight","useAnimatedReaction","value","event","progress","evt","_handler$onMove","onMove","call","_handler$onEnd","onEnd","useKeyboardHandler","onStart","e","_handler$onStart2","_handler$onStart","_handler$onEnd2","withTiming","_handler$onMove2","_handler$onEnd3","exports"],"sources":["useSmoothKeyboardHandler.ts"],"sourcesContent":["import { Platform } from \"react-native\";\nimport {\n  Easing,\n  useAnimatedReaction,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\n\nimport { useKeyboardHandler } from \"../../hooks\";\n\nconst IS_ANDROID_ELEVEN_OR_HIGHER =\n  Platform.OS === \"android\" && Platform.Version >= 30;\n// on these platforms keyboard transitions will be smooth\nconst IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS =\n  IS_ANDROID_ELEVEN_OR_HIGHER || Platform.OS === \"ios\" || Platform.OS as string === 'harmony';\n// on Android Telegram is not using androidx.core values and uses custom interpolation\n// duration is taken from here: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/org/telegram/ui/ActionBar/AdjustPanLayoutHelper.java#L39\n// and bezier is taken from: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/androidx/recyclerview/widget/ChatListItemAnimator.java#L40\nconst TELEGRAM_ANDROID_TIMING_CONFIG = {\n  duration: 250,\n  easing: Easing.bezier(\n    0.19919472913616398,\n    0.010644531250000006,\n    0.27920937042459737,\n    0.91025390625,\n  ),\n};\n\n/**\n * Hook that uses default transitions for iOS and Android > 11, and uses\n * custom interpolation on Android < 11 to achieve more smooth animation\n */\nexport const useSmoothKeyboardHandler: typeof useKeyboardHandler = (\n  handler,\n  deps,\n) => {\n  const target = useSharedValue(-1);\n  const height = useSharedValue(0);\n  const persistedHeight = useSharedValue(0);\n  const animatedKeyboardHeight = useSharedValue(0);\n\n  useAnimatedReaction(\n    () => {\n      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\n        return;\n      }\n      if (persistedHeight.value === 0) {\n        return;\n      }\n      const event = {\n        // it'll be always `TELEGRAM_ANDROID_TIMING_CONFIG.duration`, since we're running animation via `withTiming`\n        duration: TELEGRAM_ANDROID_TIMING_CONFIG.duration,\n        target: target.value,\n        height: animatedKeyboardHeight.value,\n        progress: animatedKeyboardHeight.value / persistedHeight.value,\n      };\n      return event;\n    },\n    (evt) => {\n      if (!evt) {\n        return;\n      }\n      handler.onMove?.(evt);\n\n      // dispatch `onEnd`\n      if (evt.height === height.value) {\n        handler.onEnd?.(evt);\n        // eslint-disable-next-line react-compiler/react-compiler\n        persistedHeight.value = height.value;\n      }\n    },\n    // REA uses own version of `DependencyList` and it's not compatible with the same type from React\n    deps as unknown[],\n  );\n\n  useKeyboardHandler(\n    {\n      onStart: (e) => {\n        \"worklet\";\n\n        // immediately dispatch onStart/onEnd events if onStart dispatched with the same height\n        // and don't wait for animation 250ms\n        if (\n          !IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS &&\n          e.height === persistedHeight.value\n        ) {\n          handler.onStart?.(e);\n          handler.onEnd?.(e);\n\n          return;\n        }\n\n        target.value = e.target;\n        height.value = e.height;\n\n        if (e.height > 0) {\n          persistedHeight.value = e.height;\n        }\n        // if we are running on Android < 9, then we are using custom interpolation\n        // to achieve smoother animation and use `animatedKeyboardHeight` as animation\n        // driver\n        if (!IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\n          animatedKeyboardHeight.value = withTiming(\n            e.height,\n            TELEGRAM_ANDROID_TIMING_CONFIG,\n          );\n        }\n\n        handler.onStart?.({\n          ...e,\n          duration: IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS\n            ? e.duration\n            : TELEGRAM_ANDROID_TIMING_CONFIG.duration,\n        });\n      },\n      onMove: (e) => {\n        \"worklet\";\n\n        if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\n          handler.onMove?.(e);\n        }\n      },\n      onEnd: (e) => {\n        \"worklet\";\n\n        if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\n          handler.onEnd?.(e);\n        }\n      },\n    },\n    deps,\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollDistanceWithRespectToSnapPoints = exports.debounce = void 0;
+const debounce = (worklet, wait = 0) => {
+  "worklet";
+
+  const value = {
+    time: 0
+  };
+  return (...args) => {
+    "worklet";
+
+    const t = Date.now();
+    const now = t - value.time;
+    if (now < wait) {
+      value.time = t;
+      return;
+    }
+    value.time = t;
+    return worklet(...args);
+  };
+};
+exports.debounce = debounce;
+const scrollDistanceWithRespectToSnapPoints = (defaultScrollValue, snapPoints) => {
+  "worklet";
+
+  let snapPoint;
+  if (snapPoints) {
+    snapPoint = snapPoints.find(offset => offset >= defaultScrollValue);
+  }
+  return snapPoint ?? defaultScrollValue;
+};
+exports.scrollDistanceWithRespectToSnapPoints = scrollDistanceWithRespectToSnapPoints;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","worklet","wait","value","time","args","t","Date","now","exports","scrollDistanceWithRespectToSnapPoints","defaultScrollValue","snapPoints","snapPoint","find","offset"],"sources":["utils.ts"],"sourcesContent":["export const debounce = <F extends (...args: Parameters<F>) => ReturnType<F>>(\n  worklet: F,\n  wait = 0,\n) => {\n  \"worklet\";\n\n  const value = {\n    time: 0,\n  };\n\n  return (...args: Parameters<F>): ReturnType<F> | void => {\n    \"worklet\";\n\n    const t = Date.now();\n    const now = t - value.time;\n\n    if (now < wait) {\n      value.time = t;\n      return;\n    }\n\n    value.time = t;\n\n    return worklet(...args);\n  };\n};\n\nexport const scrollDistanceWithRespectToSnapPoints = (\n  defaultScrollValue: number,\n  snapPoints?: number[],\n) => {\n  \"worklet\";\n\n  let snapPoint: number | undefined;\n\n  if (snapPoints) {\n    snapPoint = snapPoints.find((offset) => offset >= defaultScrollValue);\n  }\n\n  return snapPoint ?? defaultScrollValue;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,QAAQ,GAAGA,CACtBC,OAAU,EACVC,IAAI,GAAG,CAAC,KACL;EACH,SAAS;;EAET,MAAMC,KAAK,GAAG;IACZC,IAAI,EAAE;EACR,CAAC;EAED,OAAO,CAAC,GAAGC,IAAmB,KAA2B;IACvD,SAAS;;IAET,MAAMC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC;IACpB,MAAMA,GAAG,GAAGF,CAAC,GAAGH,KAAK,CAACC,IAAI;IAE1B,IAAII,GAAG,GAAGN,IAAI,EAAE;MACdC,KAAK,CAACC,IAAI,GAAGE,CAAC;MACd;IACF;IAEAH,KAAK,CAACC,IAAI,GAAGE,CAAC;IAEd,OAAOL,OAAO,CAAC,GAAGI,IAAI,CAAC;EACzB,CAAC;AACH,CAAC;AAACI,OAAA,CAAAT,QAAA,GAAAA,QAAA;AAEK,MAAMU,qCAAqC,GAAGA,CACnDC,kBAA0B,EAC1BC,UAAqB,KAClB;EACH,SAAS;;EAET,IAAIC,SAA6B;EAEjC,IAAID,UAAU,EAAE;IACdC,SAAS,GAAGD,UAAU,CAACE,IAAI,CAAEC,MAAM,IAAKA,MAAM,IAAIJ,kBAAkB,CAAC;EACvE;EAEA,OAAOE,SAAS,IAAIF,kBAAkB;AACxC,CAAC;AAACF,OAAA,CAAAC,qCAAA,GAAAA,qCAAA","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _hooks = require("../../hooks");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const KeyboardStickyView = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  offset: {
+    closed = 0,
+    opened = 0
+  } = {},
+  style,
+  enabled = true,
+  ...props
+}, ref) => {
+  const {
+    height,
+    progress
+  } = (0, _hooks.useReanimatedKeyboardAnimation)();
+  const stickyViewStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const offset = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [closed, opened]);
+    return {
+      transform: [{
+        translateY: enabled ? height.value + offset : closed
+      }]
+    };
+  }, [closed, opened, enabled]);
+  const styles = (0, _react.useMemo)(() => [style, stickyViewStyle], [style, stickyViewStyle]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({
+    ref: ref,
+    style: styles
+  }, props), children);
+});
+var _default = exports.default = KeyboardStickyView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","KeyboardStickyView","forwardRef","children","offset","closed","opened","style","enabled","props","ref","height","progress","useReanimatedKeyboardAnimation","stickyViewStyle","useAnimatedStyle","interpolate","value","transform","translateY","styles","useMemo","createElement","View","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport Reanimated, {\n  interpolate,\n  useAnimatedStyle,\n} from \"react-native-reanimated\";\n\nimport { useReanimatedKeyboardAnimation } from \"../../hooks\";\n\nimport type { View, ViewProps } from \"react-native\";\n\nexport type KeyboardStickyViewProps = {\n  /**\n   * Specify additional offset to the view for given keyboard state.\n   */\n  offset?: {\n    /**\n     * Adds additional `translateY` when keyboard is close. By default `0`.\n     */\n    closed?: number;\n    /**\n     * Adds additional `translateY` when keyboard is open. By default `0`.\n     */\n    opened?: number;\n  };\n\n  /** Controls whether this `KeyboardStickyView` instance should take effect. Default is `true` */\n  enabled?: boolean;\n} & ViewProps;\n\nconst KeyboardStickyView = forwardRef<\n  View,\n  React.PropsWithChildren<KeyboardStickyViewProps>\n>(\n  (\n    {\n      children,\n      offset: { closed = 0, opened = 0 } = {},\n      style,\n      enabled = true,\n      ...props\n    },\n    ref,\n  ) => {\n    const { height, progress } = useReanimatedKeyboardAnimation();\n    const stickyViewStyle = useAnimatedStyle(() => {\n      const offset = interpolate(progress.value, [0, 1], [closed, opened]);\n\n      return {\n        transform: [{ translateY: enabled ? height.value + offset : closed }],\n      };\n    }, [closed, opened, enabled]);\n\n    const styles = useMemo(\n      () => [style, stickyViewStyle],\n      [style, stickyViewStyle],\n    );\n\n    return (\n      <Reanimated.View ref={ref} style={styles} {...props}>\n        {children}\n      </Reanimated.View>\n    );\n  },\n);\n\nexport default KeyboardStickyView;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,uBAAA,CAAAC,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AAA6D,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAuB7D,MAAMG,kBAAkB,gBAAG,IAAAC,iBAAU,EAInC,CACE;EACEC,QAAQ;EACRC,MAAM,EAAE;IAAEC,MAAM,GAAG,CAAC;IAAEC,MAAM,GAAG;EAAE,CAAC,GAAG,CAAC,CAAC;EACvCC,KAAK;EACLC,OAAO,GAAG,IAAI;EACd,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,qCAA8B,EAAC,CAAC;EAC7D,MAAMC,eAAe,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC7C,MAAMX,MAAM,GAAG,IAAAY,kCAAW,EAACJ,QAAQ,CAACK,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAACZ,MAAM,EAAEC,MAAM,CAAC,CAAC;IAEpE,OAAO;MACLY,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEX,OAAO,GAAGG,MAAM,CAACM,KAAK,GAAGb,MAAM,GAAGC;MAAO,CAAC;IACtE,CAAC;EACH,CAAC,EAAE,CAACA,MAAM,EAAEC,MAAM,EAAEE,OAAO,CAAC,CAAC;EAE7B,MAAMY,MAAM,GAAG,IAAAC,cAAO,EACpB,MAAM,CAACd,KAAK,EAAEO,eAAe,CAAC,EAC9B,CAACP,KAAK,EAAEO,eAAe,CACzB,CAAC;EAED,oBACE3C,MAAA,CAAAe,OAAA,CAAAoC,aAAA,CAAChD,sBAAA,CAAAY,OAAU,CAACqC,IAAI,EAAA5B,QAAA;IAACe,GAAG,EAAEA,GAAI;IAACH,KAAK,EAAEa;EAAO,GAAKX,KAAK,GAChDN,QACc,CAAC;AAEtB,CACF,CAAC;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAAvC,OAAA,GAEae,kBAAkB","ignoreList":[]}

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

@@ -0,0 +1,76 @@
+"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(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ArrowComponent = ({
+  type,
+  disabled,
+  theme
+}) => {
+  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 = exports.default = ArrowComponent;
+//# sourceMappingURL=Arrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useColorScheme","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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":[]}

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

@@ -0,0 +1,70 @@
+"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(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ButtonIOS = ({
+  children,
+  onPress,
+  disabled,
+  accessibilityLabel,
+  accessibilityHint,
+  testID,
+  style
+}) => {
+  // 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 = ({
+  children,
+  onPress,
+  disabled,
+  accessibilityLabel,
+  accessibilityHint,
+  testID,
+  rippleRadius = 18,
+  style,
+  theme
+}) => {
+  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 = exports.default = _reactNative.Platform.select({
+  android: ButtonAndroid,
+  default: ButtonIOS
+});
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useColorScheme","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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 { 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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","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colors = void 0;
+const colors = exports.colors = {
+  light: {
+    primary: "#2c2c2c",
+    disabled: "#B0BEC5",
+    background: "#f3f3f4",
+    ripple: "#bcbcbcbc"
+  },
+  dark: {
+    primary: "#fafafa",
+    disabled: "#707070",
+    background: "#2C2C2E",
+    ripple: "#F8F8F888"
+  }
+};
+//# sourceMappingURL=colors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["colors","exports","light","primary","disabled","background","ripple","dark"],"sources":["colors.ts"],"sourcesContent":["import type { KeyboardToolbarTheme } from \"./types\";\n\nexport const colors: KeyboardToolbarTheme = {\n  light: {\n    primary: \"#2c2c2c\",\n    disabled: \"#B0BEC5\",\n    background: \"#f3f3f4\",\n    ripple: \"#bcbcbcbc\",\n  },\n  dark: {\n    primary: \"#fafafa\",\n    disabled: \"#707070\",\n    background: \"#2C2C2E\",\n    ripple: \"#F8F8F888\",\n  },\n};\n"],"mappings":";;;;;;AAEO,MAAMA,MAA4B,GAAAC,OAAA,CAAAD,MAAA,GAAG;EAC1CE,KAAK,EAAE;IACLC,OAAO,EAAE,SAAS;IAClBC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE,SAAS;IACrBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJJ,OAAO,EAAE,SAAS;IAClBC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE,SAAS;IACrBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colors = void 0;
+var _reactNative = require("react-native");
+const colors = exports.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"
+  }
+};
+//# sourceMappingURL=colors.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","colors","exports","light","primary","Platform","select","ios","PlatformColor","default","disabled","background","ripple","dark"],"sources":["colors.native.ts"],"sourcesContent":["import { Platform, PlatformColor } from \"react-native\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { ColorValue } from \"react-native\";\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;AAKO,MAAMC,MAA4B,GAAAC,OAAA,CAAAD,MAAA,GAAG;EAC1CE,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","ignoreList":[]}