@react-native-ohos/react-native-keyboard-controller 1.16.6-rc.2 → 1.17.0-beta.2

package/src/bindings.ts

@@ -1,42 +1,42 @@
-import { View } from "react-native";
-
-import type {
-  FocusedInputEventsModule,
-  KeyboardControllerNativeModule,
-  KeyboardControllerProps,
-  KeyboardEventsModule,
-  KeyboardGestureAreaProps,
-  OverKeyboardViewProps,
-  WindowDimensionsEventsModule,
-} from "./types";
-import type { EmitterSubscription } from "react-native";
-
-const NOOP = () => {};
-
-export const KeyboardControllerNative: KeyboardControllerNativeModule = {
-  setDefaultMode: NOOP,
-  setInputMode: NOOP,
-  dismiss: NOOP,
-  setFocusTo: NOOP,
-  addListener: NOOP,
-  removeListeners: NOOP,
-};
-export const KeyboardEvents: KeyboardEventsModule = {
-  addListener: () => ({ remove: NOOP } as EmitterSubscription),
-};
-/**
- * This API is not documented, it's for internal usage only (for now), and is a subject to potential breaking changes in future.
- * Use it with cautious.
- */
-export const FocusedInputEvents: FocusedInputEventsModule = {
-  addListener: () => ({ remove: NOOP } as EmitterSubscription),
-};
-export const WindowDimensionsEvents: WindowDimensionsEventsModule = {
-  addListener: () => ({ remove: NOOP } as EmitterSubscription),
-};
-export const KeyboardControllerView =
-  View as unknown as React.FC<KeyboardControllerProps>;
-export const KeyboardGestureArea =
-  View as unknown as React.FC<KeyboardGestureAreaProps>;
-export const RCTOverKeyboardView =
-  View as unknown as React.FC<OverKeyboardViewProps>;
+import { View } from "react-native";
+
+import type {
+  FocusedInputEventsModule,
+  KeyboardControllerNativeModule,
+  KeyboardControllerProps,
+  KeyboardEventsModule,
+  KeyboardGestureAreaProps,
+  OverKeyboardViewProps,
+  WindowDimensionsEventsModule,
+} from "./types";
+import type { EmitterSubscription } from "react-native";
+
+const NOOP = () => {};
+
+export const KeyboardControllerNative: KeyboardControllerNativeModule = {
+  setDefaultMode: NOOP,
+  setInputMode: NOOP,
+  dismiss: NOOP,
+  setFocusTo: NOOP,
+  addListener: NOOP,
+  removeListeners: NOOP,
+};
+export const KeyboardEvents: KeyboardEventsModule = {
+  addListener: () => ({ remove: NOOP } as EmitterSubscription),
+};
+/**
+ * This API is not documented, it's for internal usage only (for now), and is a subject to potential breaking changes in future.
+ * Use it with cautious.
+ */
+export const FocusedInputEvents: FocusedInputEventsModule = {
+  addListener: () => ({ remove: NOOP } as EmitterSubscription),
+};
+export const WindowDimensionsEvents: WindowDimensionsEventsModule = {
+  addListener: () => ({ remove: NOOP } as EmitterSubscription),
+};
+export const KeyboardControllerView =
+  View as unknown as React.FC<KeyboardControllerProps>;
+export const KeyboardGestureArea =
+  View as unknown as React.FC<KeyboardGestureAreaProps>;
+export const RCTOverKeyboardView =
+  View as unknown as React.FC<OverKeyboardViewProps>;

package/src/components/KeyboardAvoidingView/hooks.ts

@@ -1,123 +1,123 @@
-import { useSharedValue } from "react-native-reanimated";
-
-import {useKeyboardHandler} from "../../hooks";
-import {useKeyboardContext} from "../../context";
-import { useState } from "react";
-import { Platform } from "react-native";
-
-const OS = Platform.OS;
-
-export const useKeyboardAnimation = () => {
-  const { reanimated } = useKeyboardContext();
-  // calculate it only once on mount, to avoid `SharedValue` reads during a render
-  const [initialHeight] = useState(() => -reanimated.height.value);
-  const [initialProgress] = useState(() => reanimated.progress.value);
-
-  const heightWhenOpened = useSharedValue(initialHeight);
-  const height = useSharedValue(initialHeight);
-  const progress = useSharedValue(initialProgress);
-  const isClosed = useSharedValue(initialProgress === 0);
-
-  useKeyboardHandler(
-    {
-      onStart: (e) => {
-        "worklet";
-
-        if (e.height > 0) {
-          // eslint-disable-next-line react-compiler/react-compiler
-          isClosed.value = false;
-          heightWhenOpened.value = e.height;
-        }
-      },
-      onMove: (e) => {
-        "worklet";
-  
-        progress.value = e.progress;
-        height.value = e.height;
-      },
-      onInteractive: (e) => {
-        "worklet";
-
-        progress.value = e.progress;
-        height.value = e.height;
-      },
-      onEnd: (e) => {
-        "worklet";
-       if(Platform.OS as string === 'harmony'){
-        heightWhenOpened.value = e.height;
-       }
-  
-        isClosed.value = e.height === 0;
-
-        // `height` update happens in `onMove` handler
-        // in `onEnd` we need to update only if `onMove`
-        // wasn't called (i. e. duration === 0)
-        //
-        // we can not call this code without condition below
-        // because in some corner cases (iOS with `secureTextEntry`)
-        // `onEnd` can be emitted before `onMove` and in this case
-        // it may lead to choppy/glitchy/jumpy UI
-        // see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/327
-        if (e.duration === 0) {
-          progress.value = e.progress;
-          height.value = e.height;
-        }
-      },
-    },
-    [],
-  );
-
-  return { height, progress, heightWhenOpened, isClosed };
-};
-
-export const useTranslateAnimation = () => {
-  const { reanimated } = useKeyboardContext();
-
-  // calculate it only once on mount, to avoid `SharedValue` reads during a render
-  const [initialProgress] = useState(() => reanimated.progress.value);
-
-  const padding = useSharedValue(initialProgress);
-  const translate = useSharedValue(0);
-
-  useKeyboardHandler(
-    {
-      onStart: (e) => {
-        "worklet";
-
-        if (e.height === 0) {
-          // eslint-disable-next-line react-compiler/react-compiler
-          padding.value = 0;
-        }
-        if (OS === "ios") {
-          translate.value = e.progress;
-        }
-      },
-      onMove: (e) => {
-        "worklet";
-
-        if (OS === "android") {
-          translate.value = e.progress;
-        }
-      },
-      onInteractive: (e) => {
-        "worklet";
-
-        padding.value = 0;
-
-        translate.value = e.progress;
-      },
-      onEnd: (e) => {
-        "worklet";
-
-        padding.value = e.progress;
-
-        if (OS === "android") {
-          translate.value = e.progress;
-        }
-      },
-    },
-    [],
-  );
-
-  return { translate, padding };
-};
+import { useSharedValue } from "react-native-reanimated";
+
+import {useKeyboardHandler} from "../../hooks";
+import {useKeyboardContext} from "../../context";
+import { useState } from "react";
+import { Platform } from "react-native";
+
+const OS = Platform.OS;
+
+export const useKeyboardAnimation = () => {
+  const { reanimated } = useKeyboardContext();
+  // calculate it only once on mount, to avoid `SharedValue` reads during a render
+  const [initialHeight] = useState(() => -reanimated.height.value);
+  const [initialProgress] = useState(() => reanimated.progress.value);
+
+  const heightWhenOpened = useSharedValue(initialHeight);
+  const height = useSharedValue(initialHeight);
+  const progress = useSharedValue(initialProgress);
+  const isClosed = useSharedValue(initialProgress === 0);
+
+  useKeyboardHandler(
+    {
+      onStart: (e) => {
+        "worklet";
+
+        if (e.height > 0) {
+          // eslint-disable-next-line react-compiler/react-compiler
+          isClosed.value = false;
+          heightWhenOpened.value = e.height;
+        }
+      },
+      onMove: (e) => {
+        "worklet";
+  
+        progress.value = e.progress;
+        height.value = e.height;
+      },
+      onInteractive: (e) => {
+        "worklet";
+
+        progress.value = e.progress;
+        height.value = e.height;
+      },
+      onEnd: (e) => {
+        "worklet";
+       if(Platform.OS as string === 'harmony'){
+        heightWhenOpened.value = e.height;
+       }
+  
+        isClosed.value = e.height === 0;
+
+        // `height` update happens in `onMove` handler
+        // in `onEnd` we need to update only if `onMove`
+        // wasn't called (i. e. duration === 0)
+        //
+        // we can not call this code without condition below
+        // because in some corner cases (iOS with `secureTextEntry`)
+        // `onEnd` can be emitted before `onMove` and in this case
+        // it may lead to choppy/glitchy/jumpy UI
+        // see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/327
+        if (e.duration === 0) {
+          progress.value = e.progress;
+          height.value = e.height;
+        }
+      },
+    },
+    [],
+  );
+
+  return { height, progress, heightWhenOpened, isClosed };
+};
+
+export const useTranslateAnimation = () => {
+  const { reanimated } = useKeyboardContext();
+
+  // calculate it only once on mount, to avoid `SharedValue` reads during a render
+  const [initialProgress] = useState(() => reanimated.progress.value);
+
+  const padding = useSharedValue(initialProgress);
+  const translate = useSharedValue(0);
+
+  useKeyboardHandler(
+    {
+      onStart: (e) => {
+        "worklet";
+
+        if (e.height === 0) {
+          // eslint-disable-next-line react-compiler/react-compiler
+          padding.value = 0;
+        }
+        if (OS === "ios") {
+          translate.value = e.progress;
+        }
+      },
+      onMove: (e) => {
+        "worklet";
+
+        if (OS === "android") {
+          translate.value = e.progress;
+        }
+      },
+      onInteractive: (e) => {
+        "worklet";
+
+        padding.value = 0;
+
+        translate.value = e.progress;
+      },
+      onEnd: (e) => {
+        "worklet";
+
+        padding.value = e.progress;
+
+        if (OS === "android") {
+          translate.value = e.progress;
+        }
+      },
+    },
+    [],
+  );
+
+  return { translate, padding };
+};