@react-native-ohos/react-native-keyboard-controller 1.12.8 → 1.12.10-rc.1

package/src/monkey-patch.android.ts

@@ -1,44 +1,44 @@
-// @ts-expect-error because there is no corresponding type definition
-import * as NativeAndroidManager from "react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid";
-
-const RCTStatusBarManagerCompat =
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  require("./specs/NativeStatusBarManagerCompat").default;
-
-// Copy original default manager to keep its original state and methods
-const OriginalNativeAndroidManager = { ...NativeAndroidManager.default };
-
-// Create a new object that modifies the necessary methods
-// On Android < 11 RN uses legacy API which breaks EdgeToEdge mode in RN, so
-// in order to use library on all available platforms we have to monkey patch
-// default RN implementation and use modern `WindowInsetsControllerCompat`.
-const ModifiedNativeAndroidManager = {
-  ...NativeAndroidManager.default, // Spread original properties to keep existing functionality
-  setColor: (color: number, animated: boolean): void => {
-    RCTStatusBarManagerCompat.setColor(color, animated);
-  },
-  setTranslucent: (translucent: boolean): void => {
-    RCTStatusBarManagerCompat.setTranslucent(translucent);
-  },
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   */
-  setStyle: (statusBarStyle?: string): void => {
-    RCTStatusBarManagerCompat.setStyle(statusBarStyle);
-  },
-  setHidden: (hidden: boolean): void => {
-    RCTStatusBarManagerCompat.setHidden(hidden);
-  },
-};
-
-// Define a function to apply the monkey patch
-export const applyMonkeyPatch = () => {
-  Object.assign(NativeAndroidManager.default, ModifiedNativeAndroidManager);
-};
-
-// Define a function to revert changes back to the original state
-export const revertMonkeyPatch = () => {
-  Object.assign(NativeAndroidManager.default, OriginalNativeAndroidManager);
-};
+// @ts-expect-error because there is no corresponding type definition
+import * as NativeAndroidManager from "react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid";
+
+const RCTStatusBarManagerCompat =
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  require("./specs/NativeStatusBarManagerCompat").default;
+
+// Copy original default manager to keep its original state and methods
+const OriginalNativeAndroidManager = { ...NativeAndroidManager.default };
+
+// Create a new object that modifies the necessary methods
+// On Android < 11 RN uses legacy API which breaks EdgeToEdge mode in RN, so
+// in order to use library on all available platforms we have to monkey patch
+// default RN implementation and use modern `WindowInsetsControllerCompat`.
+const ModifiedNativeAndroidManager = {
+  ...NativeAndroidManager.default, // Spread original properties to keep existing functionality
+  setColor: (color: number, animated: boolean): void => {
+    RCTStatusBarManagerCompat.setColor(color, animated);
+  },
+  setTranslucent: (translucent: boolean): void => {
+    RCTStatusBarManagerCompat.setTranslucent(translucent);
+  },
+  /**
+   *  - statusBarStyles can be:
+   *    - 'default'
+   *    - 'dark-content'
+   */
+  setStyle: (statusBarStyle?: string): void => {
+    RCTStatusBarManagerCompat.setStyle(statusBarStyle);
+  },
+  setHidden: (hidden: boolean): void => {
+    RCTStatusBarManagerCompat.setHidden(hidden);
+  },
+};
+
+// Define a function to apply the monkey patch
+export const applyMonkeyPatch = () => {
+  Object.assign(NativeAndroidManager.default, ModifiedNativeAndroidManager);
+};
+
+// Define a function to revert changes back to the original state
+export const revertMonkeyPatch = () => {
+  Object.assign(NativeAndroidManager.default, OriginalNativeAndroidManager);
+};

package/src/monkey-patch.ts

@@ -1,4 +1,4 @@
-// stub for all platforms
-const NOOP = () => {};
-export const applyMonkeyPatch = NOOP;
-export const revertMonkeyPatch = NOOP;
+// stub for all platforms
+const NOOP = () => {};
+export const applyMonkeyPatch = NOOP;
+export const revertMonkeyPatch = NOOP;

package/src/reanimated.native.ts

@@ -1,132 +1,132 @@
-import { useEvent, useHandler } from "react-native-reanimated";
-
-import type {
-  EventWithName,
-  FocusedInputLayoutChangedEvent,
-  FocusedInputLayoutHandlerHook,
-  FocusedInputSelectionChangedEvent,
-  FocusedInputSelectionHandlerHook,
-  FocusedInputTextChangedEvent,
-  FocusedInputTextHandlerHook,
-  KeyboardHandlerHook,
-  NativeEvent,
-} from "./types";
-
-type EventContext = Record<string, unknown>;
-
-export const useAnimatedKeyboardHandler: KeyboardHandlerHook<
-  EventContext,
-  EventWithName<NativeEvent>
-> = (handlers, dependencies) => {
-  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
-
-  return useEvent(
-    (event) => {
-      "worklet";
-      const {
-        onKeyboardMoveStart,
-        onKeyboardMove,
-        onKeyboardMoveEnd,
-        onKeyboardMoveInteractive,
-      } = handlers;
-
-      if (
-        onKeyboardMoveStart &&
-        event.eventName.endsWith("onKeyboardMoveStart")
-      ) {
-        onKeyboardMoveStart(event, context);
-      }
-
-      if (onKeyboardMove && event.eventName.endsWith("onKeyboardMove")) {
-        onKeyboardMove(event, context);
-      }
-
-      if (onKeyboardMoveEnd && event.eventName.endsWith("onKeyboardMoveEnd")) {
-        onKeyboardMoveEnd(event, context);
-      }
-
-      if (
-        onKeyboardMoveInteractive &&
-        event.eventName.endsWith("onKeyboardMoveInteractive")
-      ) {
-        onKeyboardMoveInteractive(event, context);
-      }
-    },
-    [
-      "onKeyboardMoveStart",
-      "onKeyboardMove",
-      "onKeyboardMoveEnd",
-      "onKeyboardMoveInteractive",
-    ],
-    doDependenciesDiffer,
-  );
-};
-
-export const useFocusedInputLayoutHandler: FocusedInputLayoutHandlerHook<
-  EventContext,
-  EventWithName<FocusedInputLayoutChangedEvent>
-> = (handlers, dependencies) => {
-  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
-
-  return useEvent(
-    (event) => {
-      "worklet";
-      const { onFocusedInputLayoutChanged } = handlers;
-
-      if (
-        onFocusedInputLayoutChanged &&
-        event.eventName.endsWith("onFocusedInputLayoutChanged")
-      ) {
-        onFocusedInputLayoutChanged(event, context);
-      }
-    },
-    ["onFocusedInputLayoutChanged"],
-    doDependenciesDiffer,
-  );
-};
-
-export const useFocusedInputTextHandler: FocusedInputTextHandlerHook<
-  EventContext,
-  EventWithName<FocusedInputTextChangedEvent>
-> = (handlers, dependencies) => {
-  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
-
-  return useEvent(
-    (event) => {
-      "worklet";
-      const { onFocusedInputTextChanged } = handlers;
-
-      if (
-        onFocusedInputTextChanged &&
-        event.eventName.endsWith("onFocusedInputTextChanged")
-      ) {
-        onFocusedInputTextChanged(event, context);
-      }
-    },
-    ["onFocusedInputTextChanged"],
-    doDependenciesDiffer,
-  );
-};
-
-export const useFocusedInputSelectionHandler: FocusedInputSelectionHandlerHook<
-  EventContext,
-  EventWithName<FocusedInputSelectionChangedEvent>
-> = (handlers, dependencies) => {
-  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
-
-  return useEvent(
-    (event) => {
-      "worklet";
-      const { onFocusedInputSelectionChanged } = handlers;
-
-      if (
-        onFocusedInputSelectionChanged &&
-        event.eventName.endsWith("onFocusedInputSelectionChanged")
-      ) {
-        onFocusedInputSelectionChanged(event, context);
-      }
-    },
-    ["onFocusedInputSelectionChanged"],
-    doDependenciesDiffer,
-  );
-};
+import { useEvent, useHandler } from "react-native-reanimated";
+
+import type {
+  EventWithName,
+  FocusedInputLayoutChangedEvent,
+  FocusedInputLayoutHandlerHook,
+  FocusedInputSelectionChangedEvent,
+  FocusedInputSelectionHandlerHook,
+  FocusedInputTextChangedEvent,
+  FocusedInputTextHandlerHook,
+  KeyboardHandlerHook,
+  NativeEvent,
+} from "./types";
+
+type EventContext = Record<string, unknown>;
+
+export const useAnimatedKeyboardHandler: KeyboardHandlerHook<
+  EventContext,
+  EventWithName<NativeEvent>
+> = (handlers, dependencies) => {
+  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
+
+  return useEvent(
+    (event) => {
+      "worklet";
+      const {
+        onKeyboardMoveStart,
+        onKeyboardMove,
+        onKeyboardMoveEnd,
+        onKeyboardMoveInteractive,
+      } = handlers;
+
+      if (
+        onKeyboardMoveStart &&
+        event.eventName.endsWith("onKeyboardMoveStart")
+      ) {
+        onKeyboardMoveStart(event, context);
+      }
+
+      if (onKeyboardMove && event.eventName.endsWith("onKeyboardMove")) {
+        onKeyboardMove(event, context);
+      }
+
+      if (onKeyboardMoveEnd && event.eventName.endsWith("onKeyboardMoveEnd")) {
+        onKeyboardMoveEnd(event, context);
+      }
+
+      if (
+        onKeyboardMoveInteractive &&
+        event.eventName.endsWith("onKeyboardMoveInteractive")
+      ) {
+        onKeyboardMoveInteractive(event, context);
+      }
+    },
+    [
+      "onKeyboardMoveStart",
+      "onKeyboardMove",
+      "onKeyboardMoveEnd",
+      "onKeyboardMoveInteractive",
+    ],
+    doDependenciesDiffer,
+  );
+};
+
+export const useFocusedInputLayoutHandler: FocusedInputLayoutHandlerHook<
+  EventContext,
+  EventWithName<FocusedInputLayoutChangedEvent>
+> = (handlers, dependencies) => {
+  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
+
+  return useEvent(
+    (event) => {
+      "worklet";
+      const { onFocusedInputLayoutChanged } = handlers;
+
+      if (
+        onFocusedInputLayoutChanged &&
+        event.eventName.endsWith("onFocusedInputLayoutChanged")
+      ) {
+        onFocusedInputLayoutChanged(event, context);
+      }
+    },
+    ["onFocusedInputLayoutChanged"],
+    doDependenciesDiffer,
+  );
+};
+
+export const useFocusedInputTextHandler: FocusedInputTextHandlerHook<
+  EventContext,
+  EventWithName<FocusedInputTextChangedEvent>
+> = (handlers, dependencies) => {
+  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
+
+  return useEvent(
+    (event) => {
+      "worklet";
+      const { onFocusedInputTextChanged } = handlers;
+
+      if (
+        onFocusedInputTextChanged &&
+        event.eventName.endsWith("onFocusedInputTextChanged")
+      ) {
+        onFocusedInputTextChanged(event, context);
+      }
+    },
+    ["onFocusedInputTextChanged"],
+    doDependenciesDiffer,
+  );
+};
+
+export const useFocusedInputSelectionHandler: FocusedInputSelectionHandlerHook<
+  EventContext,
+  EventWithName<FocusedInputSelectionChangedEvent>
+> = (handlers, dependencies) => {
+  const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
+
+  return useEvent(
+    (event) => {
+      "worklet";
+      const { onFocusedInputSelectionChanged } = handlers;
+
+      if (
+        onFocusedInputSelectionChanged &&
+        event.eventName.endsWith("onFocusedInputSelectionChanged")
+      ) {
+        onFocusedInputSelectionChanged(event, context);
+      }
+    },
+    ["onFocusedInputSelectionChanged"],
+    doDependenciesDiffer,
+  );
+};

package/src/reanimated.ts

@@ -1,29 +1,29 @@
-import type {
-  EventWithName,
-  FocusedInputLayoutChangedEvent,
-  FocusedInputLayoutHandlerHook,
-  FocusedInputSelectionChangedEvent,
-  FocusedInputSelectionHandlerHook,
-  FocusedInputTextChangedEvent,
-  FocusedInputTextHandlerHook,
-  KeyboardHandlerHook,
-  NativeEvent,
-} from "./types";
-
-const NOOP = () => () => {};
-export const useAnimatedKeyboardHandler: KeyboardHandlerHook<
-  Record<string, unknown>,
-  EventWithName<NativeEvent>
-> = NOOP;
-export const useFocusedInputLayoutHandler: FocusedInputLayoutHandlerHook<
-  Record<string, unknown>,
-  EventWithName<FocusedInputLayoutChangedEvent>
-> = NOOP;
-export const useFocusedInputTextHandler: FocusedInputTextHandlerHook<
-  Record<string, unknown>,
-  EventWithName<FocusedInputTextChangedEvent>
-> = NOOP;
-export const useFocusedInputSelectionHandler: FocusedInputSelectionHandlerHook<
-  Record<string, unknown>,
-  EventWithName<FocusedInputSelectionChangedEvent>
-> = NOOP;
+import type {
+  EventWithName,
+  FocusedInputLayoutChangedEvent,
+  FocusedInputLayoutHandlerHook,
+  FocusedInputSelectionChangedEvent,
+  FocusedInputSelectionHandlerHook,
+  FocusedInputTextChangedEvent,
+  FocusedInputTextHandlerHook,
+  KeyboardHandlerHook,
+  NativeEvent,
+} from "./types";
+
+const NOOP = () => () => {};
+export const useAnimatedKeyboardHandler: KeyboardHandlerHook<
+  Record<string, unknown>,
+  EventWithName<NativeEvent>
+> = NOOP;
+export const useFocusedInputLayoutHandler: FocusedInputLayoutHandlerHook<
+  Record<string, unknown>,
+  EventWithName<FocusedInputLayoutChangedEvent>
+> = NOOP;
+export const useFocusedInputTextHandler: FocusedInputTextHandlerHook<
+  Record<string, unknown>,
+  EventWithName<FocusedInputTextChangedEvent>
+> = NOOP;
+export const useFocusedInputSelectionHandler: FocusedInputSelectionHandlerHook<
+  Record<string, unknown>,
+  EventWithName<FocusedInputSelectionChangedEvent>
+> = NOOP;

package/src/specs/KeyboardControllerViewNativeComponent.ts

@@ -1,70 +1,70 @@
-import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
-
-import type { HostComponent } from "react-native";
-import type { ViewProps } from "react-native/Libraries/Components/View/ViewPropTypes";
-import type {
-  DirectEventHandler,
-  Double,
-  Int32,
-} from "react-native/Libraries/Types/CodegenTypes";
-
-type KeyboardMoveEvent = Readonly<{
-  height: Double;
-  progress: Double;
-  duration: Int32;
-  target: Int32;
-}>;
-
-type FocusedInputLayoutChangedEvent = Readonly<{
-  target: Int32;
-  parentScrollViewTarget: Int32;
-  layout: {
-    x: Double;
-    y: Double;
-    width: Double;
-    height: Double;
-    absoluteX: Double;
-    absoluteY: Double;
-  };
-}>;
-
-type FocusedInputTextChangedEvent = Readonly<{
-  text: string;
-}>;
-
-type FocusedInputSelectionChangedEvent = Readonly<{
-  target: Int32;
-  selection: {
-    start: {
-      x: Double;
-      y: Double;
-      position: Int32;
-    };
-    end: {
-      x: Double;
-      y: Double;
-      position: Int32;
-    };
-  };
-}>;
-
-export interface NativeProps extends ViewProps {
-  // props
-  enabled?: boolean;
-  statusBarTranslucent?: boolean;
-  navigationBarTranslucent?: boolean;
-  // callbacks
-  /// keyboard
-  onKeyboardMoveStart?: DirectEventHandler<KeyboardMoveEvent>;
-  onKeyboardMove?: DirectEventHandler<KeyboardMoveEvent>;
-  onKeyboardMoveEnd?: DirectEventHandler<KeyboardMoveEvent>;
-  onKeyboardMoveInteractive?: DirectEventHandler<KeyboardMoveEvent>;
-  /// focused input
-  onFocusedInputLayoutChanged?: DirectEventHandler<FocusedInputLayoutChangedEvent>;
-  onFocusedInputTextChanged?: DirectEventHandler<FocusedInputTextChangedEvent>;
-  onFocusedInputSelectionChanged?: DirectEventHandler<FocusedInputSelectionChangedEvent>;
-}
-
-export default codegenNativeComponent<NativeProps>(
-  "RNKeyboardControllerView",
-) as HostComponent<NativeProps>;
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+
+import type { HostComponent } from "react-native";
+import type { ViewProps } from "react-native/Libraries/Components/View/ViewPropTypes";
+import type {
+  DirectEventHandler,
+  Double,
+  Int32,
+} from "react-native/Libraries/Types/CodegenTypes";
+
+type KeyboardMoveEvent = Readonly<{
+  height: Double;
+  progress: Double;
+  duration: Int32;
+  target: Int32;
+}>;
+
+type FocusedInputLayoutChangedEvent = Readonly<{
+  target: Int32;
+  parentScrollViewTarget: Int32;
+  layout: {
+    x: Double;
+    y: Double;
+    width: Double;
+    height: Double;
+    absoluteX: Double;
+    absoluteY: Double;
+  };
+}>;
+
+type FocusedInputTextChangedEvent = Readonly<{
+  text: string;
+}>;
+
+type FocusedInputSelectionChangedEvent = Readonly<{
+  target: Int32;
+  selection: {
+    start: {
+      x: Double;
+      y: Double;
+      position: Int32;
+    };
+    end: {
+      x: Double;
+      y: Double;
+      position: Int32;
+    };
+  };
+}>;
+
+export interface NativeProps extends ViewProps {
+  // props
+  enabled?: boolean;
+  statusBarTranslucent?: boolean;
+  navigationBarTranslucent?: boolean;
+  // callbacks
+  /// keyboard
+  onKeyboardMoveStart?: DirectEventHandler<KeyboardMoveEvent>;
+  onKeyboardMove?: DirectEventHandler<KeyboardMoveEvent>;
+  onKeyboardMoveEnd?: DirectEventHandler<KeyboardMoveEvent>;
+  onKeyboardMoveInteractive?: DirectEventHandler<KeyboardMoveEvent>;
+  /// focused input
+  onFocusedInputLayoutChanged?: DirectEventHandler<FocusedInputLayoutChangedEvent>;
+  onFocusedInputTextChanged?: DirectEventHandler<FocusedInputTextChangedEvent>;
+  onFocusedInputSelectionChanged?: DirectEventHandler<FocusedInputSelectionChangedEvent>;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  "RNKeyboardControllerView",
+) as HostComponent<NativeProps>;

package/src/specs/KeyboardGestureAreaNativeComponent.ts

@@ -1,15 +1,15 @@
-import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
-
-import type { HostComponent } from "react-native";
-import type { ViewProps } from "react-native/Libraries/Components/View/ViewPropTypes";
-import type { WithDefault } from "react-native/Libraries/Types/CodegenTypes";
-
-export interface NativeProps extends ViewProps {
-  interpolator?: WithDefault<"linear" | "ios", "linear">;
-  showOnSwipeUp?: boolean;
-  enableSwipeToDismiss?: boolean;
-}
-
-export default codegenNativeComponent<NativeProps>("RNKeyboardGestureArea", {
-  excludedPlatforms: ["iOS"],
-}) as HostComponent<NativeProps>;
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+
+import type { HostComponent } from "react-native";
+import type { ViewProps } from "react-native/Libraries/Components/View/ViewPropTypes";
+import type { WithDefault } from "react-native/Libraries/Types/CodegenTypes";
+
+export interface NativeProps extends ViewProps {
+  interpolator?: WithDefault<"linear" | "ios", "linear">;
+  showOnSwipeUp?: boolean;
+  enableSwipeToDismiss?: boolean;
+}
+
+export default codegenNativeComponent<NativeProps>("RNKeyboardGestureArea", {
+  excludedPlatforms: ["iOS"],
+}) as HostComponent<NativeProps>;

package/src/specs/NativeKeyboardController.ts

@@ -1,19 +1,19 @@
-import { TurboModuleRegistry } from "react-native";
-
-import type { TurboModule } from "react-native";
-
-export interface Spec extends TurboModule {
-  readonly getConstants: () => {};
-
-  // methods
-  setInputMode(mode: number): void;
-  setDefaultMode(): void;
-  dismiss(): void;
-  setFocusTo(direction: string): void;
-
-  // event emitter
-  addListener: (eventName: string) => void;
-  removeListeners: (count: number) => void;
-}
-
-export default TurboModuleRegistry.get<Spec>("KeyboardController");
+import { TurboModuleRegistry } from "react-native";
+
+import type { TurboModule } from "react-native";
+
+export interface Spec extends TurboModule {
+  readonly getConstants: () => {};
+
+  // methods
+  setInputMode(mode: number): void;
+  setDefaultMode(): void;
+  dismiss(): void;
+  setFocusTo(direction: string): void;
+
+  // event emitter
+  addListener: (eventName: string) => void;
+  removeListeners: (count: number) => void;
+}
+
+export default TurboModuleRegistry.get<Spec>("KeyboardController");

package/src/specs/NativeStatusBarManagerCompat.ts

@@ -1,14 +1,14 @@
-import { TurboModuleRegistry } from "react-native";
-
-import type { TurboModule } from "react-native";
-
-export interface Spec extends TurboModule {
-  readonly getConstants: () => {};
-
-  setHidden(hidden: boolean): void;
-  setColor(color: number, animated: boolean): void;
-  setTranslucent(translucent: boolean): void;
-  setStyle(style: string): void;
-}
-
-export default TurboModuleRegistry.get<Spec>("StatusBarManagerCompat");
+import { TurboModuleRegistry } from "react-native";
+
+import type { TurboModule } from "react-native";
+
+export interface Spec extends TurboModule {
+  readonly getConstants: () => {};
+
+  setHidden(hidden: boolean): void;
+  setColor(color: number, animated: boolean): void;
+  setTranslucent(translucent: boolean): void;
+  setStyle(style: string): void;
+}
+
+export default TurboModuleRegistry.get<Spec>("StatusBarManagerCompat");