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

package/harmony/keyboard_controller/src/main/ets/RNKeyboardControllerTurboModule.ts

@@ -0,0 +1,238 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+import { TurboModule } from "@rnoh/react-native-openharmony/ts";
+import common from '@ohos.app.ability.common';
+import window from '@ohos.window';
+import inputMethod from '@ohos.inputMethod';
+import Logger from './Logger';
+import { KeyboardControllerEventName, KeyboardStatusType } from './Type';
+import { BusinessError } from '@kit.BasicServicesKit';
+import { JSON } from '@kit.ArkTS';
+import { ConfigurationConstant } from '@kit.AbilityKit';
+
+declare function px2vp(px: number): number;
+
+interface RNKeyboardControllerSpec {
+  getConstants(): {};
+
+  setInputMode(mode: number): void;
+
+  setDefaultMode(): void;
+
+  dismiss(keepFocus: boolean): void;
+
+  setFocusTo(direction: string): void;
+
+  addListener(eventName: string, listener: (event) => void,): void;
+
+  removeListeners(count: number): void;
+}
+
+export class RNKeyboardControllerTurboModule extends TurboModule implements RNKeyboardControllerSpec {
+  private context: common.UIAbilityContext;
+  private keyboardHeight: number;
+  private keyboardStatus: KeyboardStatusType;
+  private eventListeners: KeyboardControllerEventName[];
+  private currentWindow:window.Window;
+  private enabled:boolean;
+  constructor(ctx) {
+    super(ctx);
+    this.context = this.ctx.uiAbilityContext;
+    this.eventListeners = this.supportListeners();
+  }
+
+  readonly getConstants: () => {};
+
+  // set mode
+  setInputMode(mode: number): void {
+    Logger.info('harmonyOS not support setInputMode')
+  }
+
+  setDefaultMode(): void {
+    Logger.info('harmonyOS not support setDefaultMode')
+  }
+
+  /**
+   * @description 键盘隐藏
+   * */
+  dismiss(keepFocus: boolean): void {
+    let inputMethodController = inputMethod.getController();
+    inputMethodController.stopInputSession()
+
+  }
+  /**
+   * @description 键盘隐藏
+   * */
+  private  show(): void {
+    let inputMethodController = inputMethod.getController();
+    inputMethodController.showSoftKeyboard()
+
+  }
+
+  setFocusTo(direction: string): void {
+    this.ctx.rnInstance.postMessageToCpp('setFocusTo', direction);
+  }
+
+  /**
+   * @description 添加监听键盘事件
+   */
+  addListener(eventName: KeyboardControllerEventName) {
+    let supportEvents = this.supportListeners()
+    let bo = supportEvents.includes(eventName)
+    if (bo && !this.eventListeners.includes(eventName)) {
+      this.eventListeners.push(eventName)
+    }
+  }
+
+  /**
+   * @description 删除监听事件
+   * */
+  removeListeners(count: number): void {
+    let num = this.eventListeners.length;
+    if (num>0) {
+      this.eventListeners = [];
+    }
+  }
+
+  private supportListeners() {
+    return [
+      KeyboardControllerEventName.KEYBOARD_WILL_SHOW,
+      KeyboardControllerEventName.KEYBOARD_DID_SHOW,
+      KeyboardControllerEventName.KEYBOARD_WILL_HIDE,
+      KeyboardControllerEventName.KEYBOARD_DID_HIDE,
+      KeyboardControllerEventName.FOCUS_DID_SET
+    ];
+  }
+
+  private async setWindowSystemBarEnable(statusBarTranslucent: boolean, navigationBarTranslucent: boolean) {
+
+    let windowInstance: window.Window | undefined = undefined;
+    windowInstance = await window.getLastWindow(this.context);
+    let systemBarProperty = windowInstance.getWindowSystemBarProperties();
+    let newSystemBarProperty: window.SystemBarProperties = {
+      ...systemBarProperty,
+      statusBarColor: statusBarTranslucent ? "#00000000" : systemBarProperty.statusBarColor,
+      navigationBarColor: navigationBarTranslucent ? "#00000000" : systemBarProperty.navigationBarColor
+    };
+    try {
+      let promise = windowInstance.setWindowSystemBarProperties(newSystemBarProperty);
+      promise.then(() => {
+        Logger.info('Succeeded in setting the system bar properties.');
+      }).catch((err: BusinessError) => {
+        Logger.error(`Failed to set the system bar properties. Cause code: ${err.code}, message: ${err.message}`);
+      });
+    } catch (exception) {
+      Logger.error(`Failed to set the system bar properties. Cause code: ${exception.code}, message: ${exception.message}`);
+    }
+  }
+
+  private keyboardControllerEventHandle(keyboardStatus: number, height: number) {
+    Logger.info('###turboModule keyboardControllerEventHandle', String(keyboardStatus) + ',' + String(height));
+    if(!this.enabled){
+      return
+    }
+
+    if (this.keyboardStatus == KeyboardStatusType.HIDE) {
+      // 键盘隐藏
+      Logger.info('###turboModule keyboardControllerEventHandle');
+      this.eventListeners.includes(KeyboardControllerEventName.KEYBOARD_DID_HIDE) &&
+      this.ctx.rnInstance.emitDeviceEvent(KeyboardControllerEventName.KEYBOARD_DID_HIDE, {
+        duration: 0,
+        timestamp: new Date().getTime(),
+        target: 0,
+        height: height,
+        tag:0,
+        appearance:this.getKeyboardAppearance()
+      });
+    }
+    if (this.keyboardStatus == KeyboardStatusType.SHOW) {
+      // 键盘显示
+      Logger.info('###turboModule keyboardControllerEventHandle');
+      this.eventListeners.includes(KeyboardControllerEventName.KEYBOARD_DID_SHOW) &&
+      this.ctx.rnInstance.emitDeviceEvent(KeyboardControllerEventName.KEYBOARD_DID_SHOW, {
+        duration: 0,
+        timestamp: new Date().getTime(),
+        target: 0,
+        height:height,
+        tag:0,
+        appearance:this.getKeyboardAppearance()
+      });
+    }
+  }
+
+  private async startKeyboardObserver(open:boolean) {
+    Logger.info("###turboModule startKeyboardObserver",String(open));
+    this.enabled=open;
+    this.currentWindow = await window.getLastWindow(this.context);
+    if (!this.currentWindow) {
+      throw ('windowInstance is null')
+      return
+    }
+    if(!open){
+      try {
+        Logger.info("###turboModule Close KeyboardObserver");
+        this.currentWindow.off('keyboardHeightChange', (data) => {
+          this.keyboardStatus = KeyboardStatusType.HIDE;
+          this.keyboardHeight = 0;
+          Logger.info('### close keyboardHeightChange observer');
+        });
+      } catch (exception) {
+        Logger.error('### Failed to close the listener for keyboard height changes. Cause: ' + JSON.stringify(exception));
+      }
+    }else{
+      try {
+        this.currentWindow.on('keyboardHeightChange', (data) => {
+          const keyboardAvoidArea = this.currentWindow?.getWindowAvoidArea(window.AvoidAreaType.TYPE_KEYBOARD).bottomRect;
+          let height = Math.ceil(px2vp(keyboardAvoidArea.height))
+          if(open){
+            if(this.keyboardHeight == height ){
+              return
+            }
+            if (height > 0) {
+              this.keyboardStatus = KeyboardStatusType.SHOW;
+            } else {
+              this.keyboardStatus = KeyboardStatusType.HIDE;
+            }
+            this.keyboardHeight = height;
+            this.keyboardControllerEventHandle(this.keyboardStatus, height);
+            this.ctx.rnInstance.postMessageToCpp('keyboardHeightChange', height);
+          }
+
+        });
+      } catch (exception) {
+        Logger.error('Failed to enable the listener for keyboard height changes. Cause: ' + JSON.stringify(exception));
+      }
+    }
+
+  }
+
+  private getKeyboardAppearance(): String {
+    const colorMode = this.context.config.colorMode;
+    if (colorMode == ConfigurationConstant.ColorMode.COLOR_MODE_DARK) {
+      return "dark";
+    }
+    else if (colorMode == ConfigurationConstant.ColorMode.COLOR_MODE_LIGHT) {
+      return "light";
+    }
+    return "default";
+  }
+
+  private async setWindowLayoutFullScreen(preserveEdgeToEdge:boolean){
+    let windowInstance: window.Window | undefined = undefined;
+    windowInstance = await window.getLastWindow(this.context);
+    try {
+      let promise = windowInstance.setWindowLayoutFullScreen(preserveEdgeToEdge);
+      promise.then(() => {
+        Logger.info('Succeeded in setWindowLayoutFullScreen .' + preserveEdgeToEdge);
+      }).catch((err: BusinessError) => {
+        Logger.error(`Failed to setWindowLayoutFullScreen. Cause code: ${err.code}, message: ${err.message}`);
+      });
+    } catch (exception) {
+      Logger.error(`Failed to setWindowLayoutFullScreen. Cause code: ${exception.code}, message: ${exception.message}`);
+    }
+  }
+}

package/harmony/keyboard_controller/src/main/ets/RNStatusBarManagerCompatTurboModule.ts

@@ -0,0 +1,98 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+import { TurboModule } from "@rnoh/react-native-openharmony/ts";
+import window from '@ohos.window';
+import common from '@ohos.app.ability.common';
+import { BusinessError } from '@kit.BasicServicesKit';
+import Logger  from './Logger';
+
+
+interface StatusBarManagerCompatSpec {
+  getConstants(): {};
+  setHidden(hidden: boolean): void;
+  setColor(color: number, animated: boolean): void;
+  setTranslucent(translucent: boolean): void;
+  setStyle(style: string): void;
+
+}
+export  class RNStatusBarManagerCompatTurboModule extends TurboModule implements StatusBarManagerCompatSpec{
+  private context: common.UIAbilityContext;
+  constructor(ctx) {
+    super(ctx);
+    this.context = this.ctx.uiAbilityContext;
+  }
+  private  async  setWindowSystemBarProperties(properties:window.SystemBarProperties){
+    let windowInstance: window.Window | undefined = undefined;
+    windowInstance = await window.getLastWindow(this.context);
+    let systemBarProperty = windowInstance.getWindowSystemBarProperties();
+    let newSystemBarProperty: window.SystemBarProperties = {
+      ...systemBarProperty,
+      ...properties
+    };
+    try {
+      let promise = windowInstance.setWindowSystemBarProperties(newSystemBarProperty);
+      promise.then(() => {
+        Logger.info('Succeeded in setting the system bar properties.');
+      }).catch((err: BusinessError) => {
+        Logger.error(`Failed to set the system bar properties. Cause code: ${err.code}, message: ${err.message}`);
+      });
+    } catch (exception) {
+      Logger.error(`Failed to set the system bar properties. Cause code: ${exception.code}, message: ${exception.message}`);
+    }
+  }
+  readonly  getConstants:()=>{};
+  // set mode
+  async  setHidden(hidden: boolean): Promise<void> {
+    Logger.info("###turboModule setHidden");
+    let windowInstance: window.Window | undefined = undefined;
+    windowInstance = await window.getLastWindow(this.context);
+    let names: Array<'status' | 'navigation'> = ['navigation'];
+    hidden && names.push('status');
+    try {
+      let promise = windowInstance.setWindowSystemBarEnable(names);
+      promise.then(() => {
+        Logger.info('Succeeded in setting the system bar to be invisible.');
+      }).catch((err: BusinessError) => {
+        Logger.error(`Failed to set the system bar to be invisible. Cause code: ${err.code}, message: ${err.message}`);
+      });
+    } catch (exception) {
+      Logger.error(`Failed to set the system bar to be invisible. Cause code: ${exception.code}, message: ${exception.message}`);
+    }
+  }
+
+  async  setColor(color: number, animated: boolean): Promise<void> {
+    Logger.info("###turboModule setColor");
+    let newSystemBarProperty: window.SystemBarProperties = {
+      statusBarColor: color.toString(),
+      enableStatusBarAnimation:animated
+    };
+    this.setWindowSystemBarProperties(newSystemBarProperty)
+  }
+
+  async  setTranslucent(translucent: boolean): Promise<void> {
+    Logger.info("###turboModule setTranslucent");
+    let windowInstance: window.Window | undefined = undefined;
+    windowInstance = await window.getLastWindow(this.context);
+    let systemBarProperty = windowInstance.getWindowSystemBarProperties();
+    let newSystemBarProperty: window.SystemBarProperties = {
+      statusBarColor:translucent?'#00000000':systemBarProperty.statusBarColor,
+    };
+    this.setWindowSystemBarProperties(newSystemBarProperty)
+  }
+
+  setStyle(style: 'dark-content'|'light-content'): void {
+    Logger.info("###turboModule setStyle");
+     let themeFlag= style == "dark-content"
+    let newSystemBarProperty: window.SystemBarProperties = {
+      statusBarContentColor:themeFlag?"#000000":"#ffffff",
+    };
+    this.setWindowSystemBarProperties(newSystemBarProperty)
+  }
+
+}
+
+

package/harmony/keyboard_controller/src/main/ets/Type.ts

@@ -0,0 +1,41 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+export  enum  KeyboardControllerEventName {
+  KEYBOARD_WILL_SHOW="KeyboardController::keyboardWillShow",
+  KEYBOARD_DID_SHOW="KeyboardController::keyboardDidShow",
+  KEYBOARD_WILL_HIDE="KeyboardController::keyboardWillHide",
+  KEYBOARD_DID_HIDE="KeyboardController::keyboardDidHide",
+  FOCUS_DID_SET="KeyboardController::focusDidSet"
+}
+export type KeyboardChangeResult = {
+  code:number;
+  message:string;
+  data:number | undefined
+}
+export  type KeyboardEvent ={
+     height:number;
+     duration:number;
+    timestamp:number;
+    target:number;
+}
+export  enum KeyboardStatusType {
+  HIDE = 0,
+  SHOW = 1
+};
+export  type RawTouchPoint={
+  pointerId: number;
+  windowX: number;
+  windowY: number;
+}
+export  type RawTouchEvent = {
+  action: number;
+  actionTouch: RawTouchPoint;
+  touchPoints: RawTouchPoint[];
+  sourceType: number;
+  timestamp: number;
+  rootTag:number;
+};

package/harmony/keyboard_controller/src/main/module.json5

@@ -0,0 +1,11 @@
+{
+	"module": {
+		"name": "keyboard_controller",
+		"type": "har",
+		"deviceTypes": [
+			"default",
+			"tablet",
+			"2in1"
+		]
+	}
+}

package/harmony/keyboard_controller/src/main/resources/base/element/string.json

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from package"
+    }
+  ]
+}

package/harmony/keyboard_controller/src/main/resources/en_US/element/string.json

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from package"
+    }
+  ]
+}

package/harmony/keyboard_controller/src/main/resources/zh_CN/element/string.json

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from package"
+    }
+  ]
+}

package/harmony/keyboard_controller/ts.ts

@@ -0,0 +1,9 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+export * from './src/main/ets/RNKeyboardControllerPackage';
+export * from './src/main/ets/RNKeyboardControllerTurboModule';
+export * from './src/main/ets/RNStatusBarManagerCompatTurboModule';

package/lib/commonjs/animated.js

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KeyboardProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _bindings = require("./bindings");
+var _context = require("./context");
+var _internal = require("./internal");
+var _monkeyPatch = require("./monkey-patch");
+var _reanimated = require("./reanimated");
+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 KeyboardControllerViewAnimated = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.Animated.createAnimatedComponent(_bindings.KeyboardControllerView));
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  hidden: {
+    display: "none",
+    position: "absolute"
+  }
+});
+// capture `Platform.OS` in separate variable to avoid deep workletization of entire RN package
+// see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/393 and https://github.com/kirillzyusko/react-native-keyboard-controller/issues/294 for more details
+const OS = _reactNative.Platform.OS;
+const KeyboardProvider = ({
+  children,
+  statusBarTranslucent,
+  navigationBarTranslucent,
+  preserveEdgeToEdge = true,
+  enabled: initiallyEnabled = true
+}) => {
+  // state
+  const [enabled, setEnabled] = (0, _react.useState)(initiallyEnabled);
+  // animated values
+  const progress = (0, _internal.useAnimatedValue)(0);
+  const height = (0, _internal.useAnimatedValue)(0);
+  // shared values
+  const progressSV = (0, _reactNativeReanimated.useSharedValue)(0);
+  const heightSV = (0, _reactNativeReanimated.useSharedValue)(0);
+  const layout = (0, _reactNativeReanimated.useSharedValue)(null);
+  const [setKeyboardHandlers, broadcastKeyboardEvents] = (0, _internal.useSharedHandlers)();
+  const [setInputHandlers, broadcastInputEvents] = (0, _internal.useSharedHandlers)();
+  // memo
+  const context = (0, _react.useMemo)(() => ({
+    enabled,
+    animated: {
+      progress: progress,
+      height: _reactNative.Animated.multiply(height, -1)
+    },
+    reanimated: {
+      progress: progressSV,
+      height: heightSV
+    },
+    layout,
+    setKeyboardHandlers,
+    setInputHandlers,
+    setEnabled
+  }), [enabled]);
+  const style = (0, _react.useMemo)(() => [styles.hidden, {
+    transform: [{
+      translateX: height
+    }, {
+      translateY: progress
+    }]
+  }], []);
+  const onKeyboardMove = (0, _react.useMemo)(() => _reactNative.Animated.event([{
+    nativeEvent: {
+      progress,
+      height
+    }
+  }], {
+    useNativeDriver: _reactNative.Platform.OS == 'harmony' ? false : true
+  }), []);
+  // handlers
+  const updateSharedValues = (event, platforms) => {
+    "worklet";
+
+    if (platforms.includes(OS)) {
+      // eslint-disable-next-line react-compiler/react-compiler
+      progressSV.value = event.progress;
+      heightSV.value = -event.height;
+    }
+  };
+  const keyboardHandler = (0, _reanimated.useAnimatedKeyboardHandler)({
+    onKeyboardMoveStart: event => {
+      "worklet";
+
+      broadcastKeyboardEvents("onStart", event);
+      updateSharedValues(event, ["ios"]);
+    },
+    onKeyboardMove: event => {
+      "worklet";
+
+      broadcastKeyboardEvents("onMove", event);
+      updateSharedValues(event, ["android"]);
+    },
+    onKeyboardMoveEnd: event => {
+      "worklet";
+
+      broadcastKeyboardEvents("onEnd", event);
+      updateSharedValues(event, ['harmony']);
+    },
+    onKeyboardMoveInteractive: event => {
+      "worklet";
+
+      updateSharedValues(event, ["android", "ios"]);
+      broadcastKeyboardEvents("onInteractive", event);
+    }
+  }, []);
+  const inputLayoutHandler = (0, _reanimated.useFocusedInputLayoutHandler)({
+    onFocusedInputLayoutChanged: e => {
+      "worklet";
+
+      if (e.target !== -1) {
+        layout.value = e;
+      } else {
+        layout.value = null;
+      }
+    }
+  }, []);
+  const inputTextHandler = (0, _reanimated.useFocusedInputTextHandler)({
+    onFocusedInputTextChanged: e => {
+      "worklet";
+
+      broadcastInputEvents("onChangeText", e);
+    }
+  }, []);
+  const inputSelectionHandler = (0, _reanimated.useFocusedInputSelectionHandler)({
+    onFocusedInputSelectionChanged: e => {
+      "worklet";
+
+      broadcastInputEvents("onSelectionChange", e);
+    }
+  }, []);
+  // effects
+  (0, _react.useEffect)(() => {
+    if (enabled) {
+      (0, _monkeyPatch.applyMonkeyPatch)();
+    } else {
+      (0, _monkeyPatch.revertMonkeyPatch)();
+    }
+  }, [enabled]);
+  return /*#__PURE__*/_react.default.createElement(_context.KeyboardContext.Provider, {
+    value: context
+  }, /*#__PURE__*/_react.default.createElement(KeyboardControllerViewAnimated, {
+    enabled: enabled,
+    onKeyboardMoveReanimated: keyboardHandler,
+    onKeyboardMoveStart: OS === "ios" ? onKeyboardMove : undefined,
+    onKeyboardMove: OS === "android" ? onKeyboardMove : undefined,
+    onKeyboardMoveInteractive: onKeyboardMove,
+    onKeyboardMoveEnd: OS === "harmony" ? onKeyboardMove : undefined,
+    onFocusedInputLayoutChangedReanimated: inputLayoutHandler,
+    onFocusedInputTextChangedReanimated: inputTextHandler,
+    onFocusedInputSelectionChangedReanimated: inputSelectionHandler,
+    navigationBarTranslucent: navigationBarTranslucent,
+    statusBarTranslucent: statusBarTranslucent,
+    preserveEdgeToEdge: preserveEdgeToEdge,
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, null, children)), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    // we are using this small hack, because if the component (where
+    // animated value has been used) is unmounted, then animation will
+    // stop receiving events (seems like it's react-native optimization).
+    // So we need to keep a reference to the animated value, to keep it's
+    // always mounted (keep a reference to an animated value).
+    //
+    // To test why it's needed, try to open screen which consumes Animated.Value
+    // then close it and open it again (for example 'Animated transition').
+    style: style
+  }));
+};
+exports.KeyboardProvider = KeyboardProvider;
+//# sourceMappingURL=animated.js.map

package/lib/commonjs/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_bindings","_context","_internal","_monkeyPatch","_reanimated","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","KeyboardControllerViewAnimated","Reanimated","createAnimatedComponent","Animated","KeyboardControllerView","styles","StyleSheet","create","container","flex","hidden","display","position","OS","Platform","KeyboardProvider","children","statusBarTranslucent","navigationBarTranslucent","preserveEdgeToEdge","enabled","initiallyEnabled","setEnabled","useState","progress","useAnimatedValue","height","progressSV","useSharedValue","heightSV","layout","setKeyboardHandlers","broadcastKeyboardEvents","useSharedHandlers","setInputHandlers","broadcastInputEvents","context","useMemo","animated","multiply","reanimated","style","transform","translateX","translateY","onKeyboardMove","event","nativeEvent","useNativeDriver","updateSharedValues","platforms","includes","value","keyboardHandler","useAnimatedKeyboardHandler","onKeyboardMoveStart","onKeyboardMoveEnd","onKeyboardMoveInteractive","inputLayoutHandler","useFocusedInputLayoutHandler","onFocusedInputLayoutChanged","target","inputTextHandler","useFocusedInputTextHandler","onFocusedInputTextChanged","inputSelectionHandler","useFocusedInputSelectionHandler","onFocusedInputSelectionChanged","useEffect","applyMonkeyPatch","revertMonkeyPatch","createElement","KeyboardContext","Provider","onKeyboardMoveReanimated","undefined","onFocusedInputLayoutChangedReanimated","onFocusedInputTextChangedReanimated","onFocusedInputSelectionChangedReanimated","View","exports"],"sources":["animated.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { Animated, Platform, StyleSheet } from \"react-native\";\nimport Reanimated, { useSharedValue } from \"react-native-reanimated\";\n\nimport { KeyboardControllerView } from \"./bindings\";\nimport { KeyboardContext } from \"./context\";\nimport { useAnimatedValue, useSharedHandlers } from \"./internal\";\nimport { applyMonkeyPatch, revertMonkeyPatch } from \"./monkey-patch\";\nimport {\n  useAnimatedKeyboardHandler,\n  useFocusedInputLayoutHandler,\n  useFocusedInputSelectionHandler,\n  useFocusedInputTextHandler,\n} from \"./reanimated\";\n\nimport type { KeyboardAnimationContext } from \"./context\";\nimport type {\n  FocusedInputHandler,\n  FocusedInputLayoutChangedEvent,\n  KeyboardControllerProps,\n  KeyboardHandler,\n  NativeEvent,\n} from \"./types\";\nimport type { ViewStyle } from \"react-native\";\n\nconst KeyboardControllerViewAnimated = Reanimated.createAnimatedComponent(\n  Animated.createAnimatedComponent(\n    KeyboardControllerView,\n  ) as React.FC<KeyboardControllerProps>,\n);\n\ntype Styles = {\n  container: ViewStyle;\n  hidden: ViewStyle;\n};\n\nconst styles = StyleSheet.create<Styles>({\n  container: {\n    flex: 1,\n  },\n  hidden: {\n    display: \"none\",\n    position: \"absolute\",\n  },\n});\n\ntype KeyboardProviderProps = {\n  children: React.ReactNode;\n  /**\n   * Set the value to `true`, if you use translucent status bar on Android.\n   * If you already control status bar translucency via `react-native-screens`\n   * or `StatusBar` component from `react-native`, you can ignore it.\n   * Defaults to `false`.\n   *\n   * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/14\n   * @platform android\n   */\n  statusBarTranslucent?: boolean;\n  /**\n   * Set the value to `true`, if you use translucent navigation bar on Android.\n   * Defaults to `false`.\n   *\n   * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/119\n   * @platform android\n   */\n  navigationBarTranslucent?: boolean;\n  /**\n   * A boolean property indicating whether to keep edge-to-edge mode always enabled (even when you disable the module).\n   * Defaults to `false`.\n   *\n   * @see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/592\n   * @platform android\n   */\n  preserveEdgeToEdge?: boolean;\n  /**\n   * A boolean prop indicating whether the module is enabled. It indicate only initial state,\n   * i. e. if you try to change this prop after component mount it will not have any effect.\n   * To change the property in runtime use `useKeyboardController` hook and `setEnabled` method.\n   * Defaults to `true`.\n   */\n  enabled?: boolean;\n};\n\n// capture `Platform.OS` in separate variable to avoid deep workletization of entire RN package\n// see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/393 and https://github.com/kirillzyusko/react-native-keyboard-controller/issues/294 for more details\nconst OS = Platform.OS;\n\nexport const KeyboardProvider = ({\n  children,\n  statusBarTranslucent,\n  navigationBarTranslucent,\n  preserveEdgeToEdge = true,\n  enabled: initiallyEnabled = true,\n}: KeyboardProviderProps) => {\n  // state\n  const [enabled, setEnabled] = useState(initiallyEnabled);\n  // animated values\n  const progress = useAnimatedValue(0);\n  const height = useAnimatedValue(0);\n  // shared values\n  const progressSV = useSharedValue(0);\n  const heightSV = useSharedValue(0);\n  const layout = useSharedValue<FocusedInputLayoutChangedEvent | null>(null);\n  const [setKeyboardHandlers, broadcastKeyboardEvents] =\n    useSharedHandlers<KeyboardHandler>();\n  const [setInputHandlers, broadcastInputEvents] =\n    useSharedHandlers<FocusedInputHandler>();\n  // memo\n  const context = useMemo<KeyboardAnimationContext>(\n    () => ({\n      enabled,\n      animated: { progress: progress, height: Animated.multiply(height,-1)  },\n      reanimated: { progress: progressSV, height: heightSV },\n      layout,\n      setKeyboardHandlers,\n      setInputHandlers,\n      setEnabled,\n    }),\n    [enabled],\n  );\n  const style = useMemo(\n    () => [\n      styles.hidden,\n      { transform: [{ translateX: height }, { translateY: progress }] },\n    ],\n    [],\n  );\n  const onKeyboardMove = useMemo(\n    () =>\n      Animated.event(\n        [\n          {\n            nativeEvent: {\n              progress,\n              height,\n            },\n          },\n        ],\n        { useNativeDriver:Platform.OS as string=='harmony'?false:true },\n      ),\n    [],\n  );\n  // handlers\n  const updateSharedValues = (event: NativeEvent, platforms: string[]) => {\n    \"worklet\";\n\n    if (platforms.includes(OS)) {\n      // eslint-disable-next-line react-compiler/react-compiler\n      progressSV.value = event.progress;\n      heightSV.value = -event.height;\n    }\n  };\n  const keyboardHandler = useAnimatedKeyboardHandler(\n    {\n      onKeyboardMoveStart: (event: NativeEvent) => {\n        \"worklet\";\n\n        broadcastKeyboardEvents(\"onStart\", event);\n        updateSharedValues(event, [\"ios\"]);\n      },\n      onKeyboardMove: (event: NativeEvent) => {\n        \"worklet\";\n\n        broadcastKeyboardEvents(\"onMove\", event);\n        updateSharedValues(event, [\"android\"]);\n      },\n      onKeyboardMoveEnd: (event: NativeEvent) => {\n        \"worklet\";\n        broadcastKeyboardEvents(\"onEnd\", event);\n        updateSharedValues(event, ['harmony']);\n      },\n      onKeyboardMoveInteractive: (event: NativeEvent) => {\n        \"worklet\";\n\n        updateSharedValues(event, [\"android\", \"ios\"]);\n        broadcastKeyboardEvents(\"onInteractive\", event);\n      },\n    },\n    [],\n  );\n  const inputLayoutHandler = useFocusedInputLayoutHandler(\n    {\n      onFocusedInputLayoutChanged: (e) => {\n        \"worklet\";\n\n        if (e.target !== -1) {\n          layout.value = e;\n        } else {\n          layout.value = null;\n        }\n      },\n    },\n    [],\n  );\n  const inputTextHandler = useFocusedInputTextHandler(\n    {\n      onFocusedInputTextChanged: (e) => {\n        \"worklet\";\n\n        broadcastInputEvents(\"onChangeText\", e);\n      },\n    },\n    [],\n  );\n  const inputSelectionHandler = useFocusedInputSelectionHandler(\n    {\n      onFocusedInputSelectionChanged: (e) => {\n        \"worklet\";\n        broadcastInputEvents(\"onSelectionChange\", e);\n      },\n    },\n    [],\n  );\n  // effects\n  useEffect(() => {\n    if (enabled) {\n      applyMonkeyPatch();\n    } else {\n      revertMonkeyPatch();\n    }\n  }, [enabled]);\n\n  return (\n    <KeyboardContext.Provider value={context}>\n      <KeyboardControllerViewAnimated\n        enabled={enabled}\n        onKeyboardMoveReanimated={keyboardHandler}\n        onKeyboardMoveStart={OS === \"ios\" ? onKeyboardMove : undefined}\n        onKeyboardMove={OS === \"android\" ? onKeyboardMove : undefined}\n        onKeyboardMoveInteractive={onKeyboardMove}\n        onKeyboardMoveEnd={ OS as string === \"harmony\"?onKeyboardMove:undefined}\n        onFocusedInputLayoutChangedReanimated={inputLayoutHandler}\n        onFocusedInputTextChangedReanimated={inputTextHandler}\n        onFocusedInputSelectionChangedReanimated={inputSelectionHandler}\n        navigationBarTranslucent={navigationBarTranslucent}\n        statusBarTranslucent={statusBarTranslucent}\n        preserveEdgeToEdge={preserveEdgeToEdge}\n        style={styles.container}\n      >\n        <Reanimated.View>{children}</Reanimated.View>\n        {/* {children} */}\n      </KeyboardControllerViewAnimated>\n      <Animated.View\n        // we are using this small hack, because if the component (where\n        // animated value has been used) is unmounted, then animation will\n        // stop receiving events (seems like it's react-native optimization).\n        // So we need to keep a reference to the animated value, to keep it's\n        // always mounted (keep a reference to an animated value).\n        //\n        // To test why it's needed, try to open screen which consumes Animated.Value\n        // then close it and open it again (for example 'Animated transition').\n        style={style}\n      />\n    </KeyboardContext.Provider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}