@react-native-ohos/react-native-keyboard-controller 1.16.7 → 1.16.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.OpenSource +10 -10
- package/README.md +610 -19
- package/harmony/keyboard_controller/BuildProfile.ets +16 -16
- package/harmony/keyboard_controller/Index.ets +28 -28
- package/harmony/keyboard_controller/build-profile.json5 +31 -31
- package/harmony/keyboard_controller/hvigorfile.ts +6 -6
- package/harmony/keyboard_controller/obfuscation-rules.txt +17 -17
- package/harmony/keyboard_controller/oh-package-lock.json5 +28 -19
- package/harmony/keyboard_controller/oh-package.json5 +10 -10
- package/harmony/keyboard_controller/src/main/cpp/CMakeLists.txt +7 -7
- package/harmony/keyboard_controller/src/main/cpp/EventEmitters.cpp +119 -96
- package/harmony/keyboard_controller/src/main/cpp/EventEmitters.h +111 -111
- package/harmony/keyboard_controller/src/main/cpp/KeyboardControllerViewComponentDescriptor.h +94 -94
- package/harmony/keyboard_controller/src/main/cpp/KeyboardControllerViewComponentInstance.cpp +833 -287
- package/harmony/keyboard_controller/src/main/cpp/KeyboardControllerViewComponentInstance.h +169 -103
- package/harmony/keyboard_controller/src/main/cpp/KeyboardControllerViewJSIBinder.h +65 -65
- package/harmony/keyboard_controller/src/main/cpp/KeyboardGestureAreaComponentDescriptor.h +79 -79
- package/harmony/keyboard_controller/src/main/cpp/KeyboardGestureAreaComponentInstance.cpp +107 -107
- package/harmony/keyboard_controller/src/main/cpp/KeyboardGestureAreaComponentInstance.h +83 -83
- package/harmony/keyboard_controller/src/main/cpp/KeyboardGestureAreaJSIBinder.h +60 -60
- package/harmony/keyboard_controller/src/main/cpp/RNKeyboardController.cpp +46 -46
- package/harmony/keyboard_controller/src/main/cpp/RNKeyboardController.h +48 -48
- package/harmony/keyboard_controller/src/main/cpp/RNStatusBarManagerCompat.cpp +45 -45
- package/harmony/keyboard_controller/src/main/cpp/RNStatusBarManagerCompat.h +49 -49
- package/harmony/keyboard_controller/src/main/cpp/ViewHierarchyNavigator.cpp +186 -186
- package/harmony/keyboard_controller/src/main/cpp/ViewHierarchyNavigator.h +112 -112
- package/harmony/keyboard_controller/src/main/cpp/keyboardControllerPackage.cpp +64 -64
- package/harmony/keyboard_controller/src/main/cpp/keyboardControllerPackage.h +77 -77
- package/harmony/keyboard_controller/src/main/ets/Logger.ts +66 -66
- package/harmony/keyboard_controller/src/main/ets/RNKeyboardControllerPackage.ts +66 -66
- package/harmony/keyboard_controller/src/main/ets/RNKeyboardControllerTurboModule.ts +441 -273
- package/harmony/keyboard_controller/src/main/ets/RNStatusBarManagerCompatTurboModule.ts +128 -119
- package/harmony/keyboard_controller/src/main/ets/Type.ts +62 -62
- package/harmony/keyboard_controller/src/main/module.json5 +11 -11
- package/harmony/keyboard_controller/src/main/resources/base/element/string.json +8 -8
- package/harmony/keyboard_controller/src/main/resources/en_US/element/string.json +8 -8
- package/harmony/keyboard_controller/src/main/resources/zh_CN/element/string.json +8 -8
- package/harmony/keyboard_controller/ts.ts +29 -29
- package/harmony/keyboard_controller.har +0 -0
- package/lib/commonjs/animated.js +2 -2
- package/lib/commonjs/animated.js.map +1 -1
- package/lib/commonjs/bindings.js +3 -3
- package/lib/commonjs/bindings.js.map +1 -1
- package/lib/commonjs/bindings.native.js +3 -3
- package/lib/commonjs/bindings.native.js.map +1 -1
- package/lib/commonjs/components/KeyboardAvoidingView/hooks.js.map +1 -1
- package/lib/commonjs/components/KeyboardAvoidingView/index.js +3 -3
- package/lib/commonjs/components/KeyboardAvoidingView/index.js.map +1 -1
- package/lib/commonjs/components/KeyboardAwareScrollView/index.js +43 -41
- package/lib/commonjs/components/KeyboardAwareScrollView/index.js.map +1 -1
- package/lib/commonjs/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js +3 -3
- package/lib/commonjs/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js.map +1 -1
- package/lib/commonjs/components/KeyboardAwareScrollView/utils.js.map +1 -1
- package/lib/commonjs/components/KeyboardStickyView/index.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/Arrow.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/Button.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/colors.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/colors.native.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/index.js +3 -3
- package/lib/commonjs/components/KeyboardToolbar/index.js.map +1 -1
- package/lib/commonjs/components/KeyboardToolbar/types.js.map +1 -1
- package/lib/commonjs/components/hooks/useColorScheme.js.map +1 -1
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/constants.js.map +1 -1
- package/lib/commonjs/context.js +0 -1
- package/lib/commonjs/context.js.map +1 -1
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/useWindowDimensions/index.android.js.map +1 -1
- package/lib/commonjs/hooks/useWindowDimensions/index.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/internal.js +18 -18
- package/lib/commonjs/internal.js.map +1 -1
- package/lib/commonjs/module.js.map +1 -1
- package/lib/commonjs/monkey-patch.android.js +4 -4
- package/lib/commonjs/monkey-patch.android.js.map +1 -1
- package/lib/commonjs/monkey-patch.js.map +1 -1
- package/lib/commonjs/reanimated.js.map +1 -1
- package/lib/commonjs/reanimated.native.js.map +1 -1
- package/lib/commonjs/specs/KeyboardControllerViewNativeComponent.js.map +1 -1
- package/lib/commonjs/specs/KeyboardGestureAreaNativeComponent.js.map +1 -1
- package/lib/commonjs/specs/NativeKeyboardController.js.map +1 -1
- package/lib/commonjs/specs/NativeStatusBarManagerCompat.js.map +1 -1
- package/lib/commonjs/specs/OverKeyboardViewNativeComponent.js.map +1 -1
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/utils.js.map +1 -1
- package/lib/commonjs/views/OverKeyboardView/index.js.map +1 -1
- package/lib/commonjs/views/index.js.map +1 -1
- package/lib/module/animated.js +2 -2
- package/lib/module/animated.js.map +1 -1
- package/lib/module/bindings.js +3 -3
- package/lib/module/bindings.js.map +1 -1
- package/lib/module/bindings.native.js +3 -3
- package/lib/module/bindings.native.js.map +1 -1
- package/lib/module/components/KeyboardAvoidingView/hooks.js.map +1 -1
- package/lib/module/components/KeyboardAvoidingView/index.js +3 -3
- package/lib/module/components/KeyboardAvoidingView/index.js.map +1 -1
- package/lib/module/components/KeyboardAwareScrollView/index.js +44 -42
- package/lib/module/components/KeyboardAwareScrollView/index.js.map +1 -1
- package/lib/module/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js +3 -3
- package/lib/module/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js.map +1 -1
- package/lib/module/components/KeyboardAwareScrollView/utils.js.map +1 -1
- package/lib/module/components/KeyboardStickyView/index.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/Arrow.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/Button.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/colors.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/colors.native.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/index.js +3 -3
- package/lib/module/components/KeyboardToolbar/index.js.map +1 -1
- package/lib/module/components/KeyboardToolbar/types.js.map +1 -1
- package/lib/module/components/hooks/useColorScheme.js.map +1 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/constants.js.map +1 -1
- package/lib/module/context.js +0 -1
- package/lib/module/context.js.map +1 -1
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useWindowDimensions/index.android.js.map +1 -1
- package/lib/module/hooks/useWindowDimensions/index.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/internal.js +18 -18
- package/lib/module/internal.js.map +1 -1
- package/lib/module/module.js.map +1 -1
- package/lib/module/monkey-patch.android.js +4 -4
- package/lib/module/monkey-patch.android.js.map +1 -1
- package/lib/module/monkey-patch.js.map +1 -1
- package/lib/module/reanimated.js.map +1 -1
- package/lib/module/reanimated.native.js.map +1 -1
- package/lib/module/specs/KeyboardControllerViewNativeComponent.js.map +1 -1
- package/lib/module/specs/KeyboardGestureAreaNativeComponent.js.map +1 -1
- package/lib/module/specs/NativeKeyboardController.js.map +1 -1
- package/lib/module/specs/NativeStatusBarManagerCompat.js.map +1 -1
- package/lib/module/specs/OverKeyboardViewNativeComponent.js.map +1 -1
- package/lib/module/types.js.map +1 -1
- package/lib/module/utils.js.map +1 -1
- package/lib/module/views/OverKeyboardView/index.js.map +1 -1
- package/lib/module/views/index.js.map +1 -1
- package/lib/typescript/bindings.d.ts +3 -4
- package/lib/typescript/bindings.native.d.ts +0 -1
- package/lib/typescript/components/KeyboardAwareScrollView/index.d.ts +6 -6
- package/lib/typescript/components/KeyboardAwareScrollView/utils.d.ts +1 -1
- package/lib/typescript/components/KeyboardStickyView/index.d.ts +5 -5
- package/lib/typescript/components/KeyboardToolbar/Button.d.ts +2 -1
- package/lib/typescript/types.d.ts +1 -0
- package/package.json +177 -174
- package/src/animated.tsx +255 -255
- package/src/bindings.native.ts +62 -62
- package/src/bindings.ts +42 -42
- package/src/components/KeyboardAvoidingView/hooks.ts +123 -123
- package/src/components/KeyboardAvoidingView/index.tsx +188 -188
- package/src/components/KeyboardAwareScrollView/index.tsx +397 -389
- package/src/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.ts +133 -133
- package/src/components/KeyboardAwareScrollView/utils.ts +41 -41
- package/src/components/KeyboardStickyView/index.tsx +66 -66
- package/src/components/KeyboardToolbar/Arrow.tsx +80 -80
- package/src/components/KeyboardToolbar/Button.tsx +98 -98
- package/src/components/KeyboardToolbar/colors.native.ts +37 -37
- package/src/components/KeyboardToolbar/colors.ts +16 -16
- package/src/components/KeyboardToolbar/index.tsx +223 -223
- package/src/components/KeyboardToolbar/types.ts +40 -40
- package/src/components/hooks/useColorScheme.ts +5 -5
- package/src/components/index.ts +11 -11
- package/src/constants.ts +19 -19
- package/src/context.ts +68 -69
- package/src/hooks/index.ts +90 -90
- package/src/hooks/useWindowDimensions/index.android.ts +38 -38
- package/src/hooks/useWindowDimensions/index.ts +1 -1
- package/src/index.ts +23 -23
- package/src/internal.ts +84 -84
- package/src/module.ts +52 -52
- package/src/monkey-patch.android.ts +44 -44
- package/src/monkey-patch.ts +4 -4
- package/src/reanimated.native.ts +132 -132
- package/src/reanimated.ts +29 -29
- package/src/specs/KeyboardControllerViewNativeComponent.ts +71 -71
- package/src/specs/KeyboardGestureAreaNativeComponent.ts +20 -20
- package/src/specs/NativeKeyboardController.ts +19 -19
- package/src/specs/NativeStatusBarManagerCompat.ts +14 -14
- package/src/specs/OverKeyboardViewNativeComponent.ts +12 -12
- package/src/types.ts +244 -243
- package/src/utils.ts +1 -1
- package/src/views/OverKeyboardView/index.tsx +43 -43
- package/src/views/index.ts +1 -1
package/src/module.ts
CHANGED
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
import { KeyboardControllerNative, KeyboardEvents } from "./bindings";
|
|
2
|
-
|
|
3
|
-
import type {
|
|
4
|
-
DismissOptions,
|
|
5
|
-
KeyboardControllerModule,
|
|
6
|
-
KeyboardEventData,
|
|
7
|
-
} from "./types";
|
|
8
|
-
|
|
9
|
-
let isClosed = false;
|
|
10
|
-
let lastEvent: KeyboardEventData | null = null;
|
|
11
|
-
|
|
12
|
-
KeyboardEvents.addListener("keyboardDidHide", (e) => {
|
|
13
|
-
isClosed = true;
|
|
14
|
-
lastEvent = e;
|
|
15
|
-
});
|
|
16
|
-
|
|
17
|
-
KeyboardEvents.addListener("keyboardDidShow", (e) => {
|
|
18
|
-
isClosed = false;
|
|
19
|
-
lastEvent = e;
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
const dismiss = async (
|
|
23
|
-
{ keepFocus }: DismissOptions = { keepFocus: false },
|
|
24
|
-
): Promise<void> => {
|
|
25
|
-
return new Promise((resolve) => {
|
|
26
|
-
if (isClosed) {
|
|
27
|
-
resolve();
|
|
28
|
-
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
const subscription = KeyboardEvents.addListener("keyboardDidHide", () => {
|
|
33
|
-
resolve(undefined);
|
|
34
|
-
subscription.remove();
|
|
35
|
-
});
|
|
36
|
-
|
|
37
|
-
KeyboardControllerNative.dismiss(keepFocus);
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
-
const isVisible = () => !isClosed;
|
|
41
|
-
const state = () => lastEvent;
|
|
42
|
-
|
|
43
|
-
export const KeyboardController: KeyboardControllerModule = {
|
|
44
|
-
setDefaultMode: KeyboardControllerNative.setDefaultMode,
|
|
45
|
-
setInputMode: KeyboardControllerNative.setInputMode,
|
|
46
|
-
setFocusTo: KeyboardControllerNative.setFocusTo,
|
|
47
|
-
dismiss,
|
|
48
|
-
isVisible,
|
|
49
|
-
state,
|
|
50
|
-
addListener: KeyboardControllerNative.addListener,
|
|
51
|
-
removeListeners: KeyboardControllerNative.removeListeners,
|
|
52
|
-
};
|
|
1
|
+
import { KeyboardControllerNative, KeyboardEvents } from "./bindings";
|
|
2
|
+
|
|
3
|
+
import type {
|
|
4
|
+
DismissOptions,
|
|
5
|
+
KeyboardControllerModule,
|
|
6
|
+
KeyboardEventData,
|
|
7
|
+
} from "./types";
|
|
8
|
+
|
|
9
|
+
let isClosed = false;
|
|
10
|
+
let lastEvent: KeyboardEventData | null = null;
|
|
11
|
+
|
|
12
|
+
KeyboardEvents.addListener("keyboardDidHide", (e) => {
|
|
13
|
+
isClosed = true;
|
|
14
|
+
lastEvent = e;
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
KeyboardEvents.addListener("keyboardDidShow", (e) => {
|
|
18
|
+
isClosed = false;
|
|
19
|
+
lastEvent = e;
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
const dismiss = async (
|
|
23
|
+
{ keepFocus }: DismissOptions = { keepFocus: false },
|
|
24
|
+
): Promise<void> => {
|
|
25
|
+
return new Promise((resolve) => {
|
|
26
|
+
if (isClosed) {
|
|
27
|
+
resolve();
|
|
28
|
+
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
const subscription = KeyboardEvents.addListener("keyboardDidHide", () => {
|
|
33
|
+
resolve(undefined);
|
|
34
|
+
subscription.remove();
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
KeyboardControllerNative.dismiss(keepFocus);
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
const isVisible = () => !isClosed;
|
|
41
|
+
const state = () => lastEvent;
|
|
42
|
+
|
|
43
|
+
export const KeyboardController: KeyboardControllerModule = {
|
|
44
|
+
setDefaultMode: KeyboardControllerNative.setDefaultMode,
|
|
45
|
+
setInputMode: KeyboardControllerNative.setInputMode,
|
|
46
|
+
setFocusTo: KeyboardControllerNative.setFocusTo,
|
|
47
|
+
dismiss,
|
|
48
|
+
isVisible,
|
|
49
|
+
state,
|
|
50
|
+
addListener: KeyboardControllerNative.addListener,
|
|
51
|
+
removeListeners: KeyboardControllerNative.removeListeners,
|
|
52
|
+
};
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
// @ts-expect-error because there is no corresponding type definition
|
|
2
|
-
import * as NativeAndroidManager from "react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid";
|
|
3
|
-
|
|
4
|
-
const RCTStatusBarManagerCompat =
|
|
5
|
-
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
6
|
-
require("./specs/NativeStatusBarManagerCompat").default;
|
|
7
|
-
|
|
8
|
-
// Copy original default manager to keep its original state and methods
|
|
9
|
-
const OriginalNativeAndroidManager = { ...NativeAndroidManager.default };
|
|
10
|
-
|
|
11
|
-
// Create a new object that modifies the necessary methods
|
|
12
|
-
// On Android < 11 RN uses legacy API which breaks EdgeToEdge mode in RN, so
|
|
13
|
-
// in order to use library on all available platforms we have to monkey patch
|
|
14
|
-
// default RN implementation and use modern `WindowInsetsControllerCompat`.
|
|
15
|
-
const ModifiedNativeAndroidManager = {
|
|
16
|
-
...NativeAndroidManager.default, // Spread original properties to keep existing functionality
|
|
17
|
-
setColor: (color: number, animated: boolean): void => {
|
|
18
|
-
RCTStatusBarManagerCompat.setColor(color, animated);
|
|
19
|
-
},
|
|
20
|
-
setTranslucent: (translucent: boolean): void => {
|
|
21
|
-
RCTStatusBarManagerCompat.setTranslucent(translucent);
|
|
22
|
-
},
|
|
23
|
-
/**
|
|
24
|
-
* - statusBarStyles can be:
|
|
25
|
-
* - 'default'
|
|
26
|
-
* - 'dark-content'
|
|
27
|
-
*/
|
|
28
|
-
setStyle: (statusBarStyle?: string): void => {
|
|
29
|
-
RCTStatusBarManagerCompat.setStyle(statusBarStyle);
|
|
30
|
-
},
|
|
31
|
-
setHidden: (hidden: boolean): void => {
|
|
32
|
-
RCTStatusBarManagerCompat.setHidden(hidden);
|
|
33
|
-
},
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
// Define a function to apply the monkey patch
|
|
37
|
-
export const applyMonkeyPatch = () => {
|
|
38
|
-
Object.assign(NativeAndroidManager.default, ModifiedNativeAndroidManager);
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
// Define a function to revert changes back to the original state
|
|
42
|
-
export const revertMonkeyPatch = () => {
|
|
43
|
-
Object.assign(NativeAndroidManager.default, OriginalNativeAndroidManager);
|
|
44
|
-
};
|
|
1
|
+
// @ts-expect-error because there is no corresponding type definition
|
|
2
|
+
import * as NativeAndroidManager from "react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid";
|
|
3
|
+
|
|
4
|
+
const RCTStatusBarManagerCompat =
|
|
5
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
6
|
+
require("./specs/NativeStatusBarManagerCompat").default;
|
|
7
|
+
|
|
8
|
+
// Copy original default manager to keep its original state and methods
|
|
9
|
+
const OriginalNativeAndroidManager = { ...NativeAndroidManager.default };
|
|
10
|
+
|
|
11
|
+
// Create a new object that modifies the necessary methods
|
|
12
|
+
// On Android < 11 RN uses legacy API which breaks EdgeToEdge mode in RN, so
|
|
13
|
+
// in order to use library on all available platforms we have to monkey patch
|
|
14
|
+
// default RN implementation and use modern `WindowInsetsControllerCompat`.
|
|
15
|
+
const ModifiedNativeAndroidManager = {
|
|
16
|
+
...NativeAndroidManager.default, // Spread original properties to keep existing functionality
|
|
17
|
+
setColor: (color: number, animated: boolean): void => {
|
|
18
|
+
RCTStatusBarManagerCompat.setColor(color, animated);
|
|
19
|
+
},
|
|
20
|
+
setTranslucent: (translucent: boolean): void => {
|
|
21
|
+
RCTStatusBarManagerCompat.setTranslucent(translucent);
|
|
22
|
+
},
|
|
23
|
+
/**
|
|
24
|
+
* - statusBarStyles can be:
|
|
25
|
+
* - 'default'
|
|
26
|
+
* - 'dark-content'
|
|
27
|
+
*/
|
|
28
|
+
setStyle: (statusBarStyle?: string): void => {
|
|
29
|
+
RCTStatusBarManagerCompat.setStyle(statusBarStyle);
|
|
30
|
+
},
|
|
31
|
+
setHidden: (hidden: boolean): void => {
|
|
32
|
+
RCTStatusBarManagerCompat.setHidden(hidden);
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
// Define a function to apply the monkey patch
|
|
37
|
+
export const applyMonkeyPatch = () => {
|
|
38
|
+
Object.assign(NativeAndroidManager.default, ModifiedNativeAndroidManager);
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
// Define a function to revert changes back to the original state
|
|
42
|
+
export const revertMonkeyPatch = () => {
|
|
43
|
+
Object.assign(NativeAndroidManager.default, OriginalNativeAndroidManager);
|
|
44
|
+
};
|
package/src/monkey-patch.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// stub for all platforms
|
|
2
|
-
const NOOP = () => {};
|
|
3
|
-
export const applyMonkeyPatch = NOOP;
|
|
4
|
-
export const revertMonkeyPatch = NOOP;
|
|
1
|
+
// stub for all platforms
|
|
2
|
+
const NOOP = () => {};
|
|
3
|
+
export const applyMonkeyPatch = NOOP;
|
|
4
|
+
export const revertMonkeyPatch = NOOP;
|
package/src/reanimated.native.ts
CHANGED
|
@@ -1,132 +1,132 @@
|
|
|
1
|
-
import { useEvent, useHandler } from "react-native-reanimated";
|
|
2
|
-
|
|
3
|
-
import type {
|
|
4
|
-
EventWithName,
|
|
5
|
-
FocusedInputLayoutChangedEvent,
|
|
6
|
-
FocusedInputLayoutHandlerHook,
|
|
7
|
-
FocusedInputSelectionChangedEvent,
|
|
8
|
-
FocusedInputSelectionHandlerHook,
|
|
9
|
-
FocusedInputTextChangedEvent,
|
|
10
|
-
FocusedInputTextHandlerHook,
|
|
11
|
-
KeyboardHandlerHook,
|
|
12
|
-
NativeEvent,
|
|
13
|
-
} from "./types";
|
|
14
|
-
|
|
15
|
-
type EventContext = Record<string, unknown>;
|
|
16
|
-
|
|
17
|
-
export const useAnimatedKeyboardHandler: KeyboardHandlerHook<
|
|
18
|
-
EventContext,
|
|
19
|
-
EventWithName<NativeEvent>
|
|
20
|
-
> = (handlers, dependencies) => {
|
|
21
|
-
const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
|
|
22
|
-
|
|
23
|
-
return useEvent(
|
|
24
|
-
(event) => {
|
|
25
|
-
"worklet";
|
|
26
|
-
const {
|
|
27
|
-
onKeyboardMoveStart,
|
|
28
|
-
onKeyboardMove,
|
|
29
|
-
onKeyboardMoveEnd,
|
|
30
|
-
onKeyboardMoveInteractive,
|
|
31
|
-
} = handlers;
|
|
32
|
-
|
|
33
|
-
if (
|
|
34
|
-
onKeyboardMoveStart &&
|
|
35
|
-
event.eventName.endsWith("onKeyboardMoveStart")
|
|
36
|
-
) {
|
|
37
|
-
onKeyboardMoveStart(event, context);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
if (onKeyboardMove && event.eventName.endsWith("onKeyboardMove")) {
|
|
41
|
-
onKeyboardMove(event, context);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
if (onKeyboardMoveEnd && event.eventName.endsWith("onKeyboardMoveEnd")) {
|
|
45
|
-
onKeyboardMoveEnd(event, context);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
if (
|
|
49
|
-
onKeyboardMoveInteractive &&
|
|
50
|
-
event.eventName.endsWith("onKeyboardMoveInteractive")
|
|
51
|
-
) {
|
|
52
|
-
onKeyboardMoveInteractive(event, context);
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
[
|
|
56
|
-
"onKeyboardMoveStart",
|
|
57
|
-
"onKeyboardMove",
|
|
58
|
-
"onKeyboardMoveEnd",
|
|
59
|
-
"onKeyboardMoveInteractive",
|
|
60
|
-
],
|
|
61
|
-
doDependenciesDiffer,
|
|
62
|
-
);
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
export const useFocusedInputLayoutHandler: FocusedInputLayoutHandlerHook<
|
|
66
|
-
EventContext,
|
|
67
|
-
EventWithName<FocusedInputLayoutChangedEvent>
|
|
68
|
-
> = (handlers, dependencies) => {
|
|
69
|
-
const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
|
|
70
|
-
|
|
71
|
-
return useEvent(
|
|
72
|
-
(event) => {
|
|
73
|
-
"worklet";
|
|
74
|
-
const { onFocusedInputLayoutChanged } = handlers;
|
|
75
|
-
|
|
76
|
-
if (
|
|
77
|
-
onFocusedInputLayoutChanged &&
|
|
78
|
-
event.eventName.endsWith("onFocusedInputLayoutChanged")
|
|
79
|
-
) {
|
|
80
|
-
onFocusedInputLayoutChanged(event, context);
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
["onFocusedInputLayoutChanged"],
|
|
84
|
-
doDependenciesDiffer,
|
|
85
|
-
);
|
|
86
|
-
};
|
|
87
|
-
|
|
88
|
-
export const useFocusedInputTextHandler: FocusedInputTextHandlerHook<
|
|
89
|
-
EventContext,
|
|
90
|
-
EventWithName<FocusedInputTextChangedEvent>
|
|
91
|
-
> = (handlers, dependencies) => {
|
|
92
|
-
const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
|
|
93
|
-
|
|
94
|
-
return useEvent(
|
|
95
|
-
(event) => {
|
|
96
|
-
"worklet";
|
|
97
|
-
const { onFocusedInputTextChanged } = handlers;
|
|
98
|
-
|
|
99
|
-
if (
|
|
100
|
-
onFocusedInputTextChanged &&
|
|
101
|
-
event.eventName.endsWith("onFocusedInputTextChanged")
|
|
102
|
-
) {
|
|
103
|
-
onFocusedInputTextChanged(event, context);
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
|
-
["onFocusedInputTextChanged"],
|
|
107
|
-
doDependenciesDiffer,
|
|
108
|
-
);
|
|
109
|
-
};
|
|
110
|
-
|
|
111
|
-
export const useFocusedInputSelectionHandler: FocusedInputSelectionHandlerHook<
|
|
112
|
-
EventContext,
|
|
113
|
-
EventWithName<FocusedInputSelectionChangedEvent>
|
|
114
|
-
> = (handlers, dependencies) => {
|
|
115
|
-
const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
|
|
116
|
-
|
|
117
|
-
return useEvent(
|
|
118
|
-
(event) => {
|
|
119
|
-
"worklet";
|
|
120
|
-
const { onFocusedInputSelectionChanged } = handlers;
|
|
121
|
-
|
|
122
|
-
if (
|
|
123
|
-
onFocusedInputSelectionChanged &&
|
|
124
|
-
event.eventName.endsWith("onFocusedInputSelectionChanged")
|
|
125
|
-
) {
|
|
126
|
-
onFocusedInputSelectionChanged(event, context);
|
|
127
|
-
}
|
|
128
|
-
},
|
|
129
|
-
["onFocusedInputSelectionChanged"],
|
|
130
|
-
doDependenciesDiffer,
|
|
131
|
-
);
|
|
132
|
-
};
|
|
1
|
+
import { useEvent, useHandler } from "react-native-reanimated";
|
|
2
|
+
|
|
3
|
+
import type {
|
|
4
|
+
EventWithName,
|
|
5
|
+
FocusedInputLayoutChangedEvent,
|
|
6
|
+
FocusedInputLayoutHandlerHook,
|
|
7
|
+
FocusedInputSelectionChangedEvent,
|
|
8
|
+
FocusedInputSelectionHandlerHook,
|
|
9
|
+
FocusedInputTextChangedEvent,
|
|
10
|
+
FocusedInputTextHandlerHook,
|
|
11
|
+
KeyboardHandlerHook,
|
|
12
|
+
NativeEvent,
|
|
13
|
+
} from "./types";
|
|
14
|
+
|
|
15
|
+
type EventContext = Record<string, unknown>;
|
|
16
|
+
|
|
17
|
+
export const useAnimatedKeyboardHandler: KeyboardHandlerHook<
|
|
18
|
+
EventContext,
|
|
19
|
+
EventWithName<NativeEvent>
|
|
20
|
+
> = (handlers, dependencies) => {
|
|
21
|
+
const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
|
|
22
|
+
|
|
23
|
+
return useEvent(
|
|
24
|
+
(event) => {
|
|
25
|
+
"worklet";
|
|
26
|
+
const {
|
|
27
|
+
onKeyboardMoveStart,
|
|
28
|
+
onKeyboardMove,
|
|
29
|
+
onKeyboardMoveEnd,
|
|
30
|
+
onKeyboardMoveInteractive,
|
|
31
|
+
} = handlers;
|
|
32
|
+
|
|
33
|
+
if (
|
|
34
|
+
onKeyboardMoveStart &&
|
|
35
|
+
event.eventName.endsWith("onKeyboardMoveStart")
|
|
36
|
+
) {
|
|
37
|
+
onKeyboardMoveStart(event, context);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
if (onKeyboardMove && event.eventName.endsWith("onKeyboardMove")) {
|
|
41
|
+
onKeyboardMove(event, context);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
if (onKeyboardMoveEnd && event.eventName.endsWith("onKeyboardMoveEnd")) {
|
|
45
|
+
onKeyboardMoveEnd(event, context);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
if (
|
|
49
|
+
onKeyboardMoveInteractive &&
|
|
50
|
+
event.eventName.endsWith("onKeyboardMoveInteractive")
|
|
51
|
+
) {
|
|
52
|
+
onKeyboardMoveInteractive(event, context);
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
[
|
|
56
|
+
"onKeyboardMoveStart",
|
|
57
|
+
"onKeyboardMove",
|
|
58
|
+
"onKeyboardMoveEnd",
|
|
59
|
+
"onKeyboardMoveInteractive",
|
|
60
|
+
],
|
|
61
|
+
doDependenciesDiffer,
|
|
62
|
+
);
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
export const useFocusedInputLayoutHandler: FocusedInputLayoutHandlerHook<
|
|
66
|
+
EventContext,
|
|
67
|
+
EventWithName<FocusedInputLayoutChangedEvent>
|
|
68
|
+
> = (handlers, dependencies) => {
|
|
69
|
+
const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
|
|
70
|
+
|
|
71
|
+
return useEvent(
|
|
72
|
+
(event) => {
|
|
73
|
+
"worklet";
|
|
74
|
+
const { onFocusedInputLayoutChanged } = handlers;
|
|
75
|
+
|
|
76
|
+
if (
|
|
77
|
+
onFocusedInputLayoutChanged &&
|
|
78
|
+
event.eventName.endsWith("onFocusedInputLayoutChanged")
|
|
79
|
+
) {
|
|
80
|
+
onFocusedInputLayoutChanged(event, context);
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
["onFocusedInputLayoutChanged"],
|
|
84
|
+
doDependenciesDiffer,
|
|
85
|
+
);
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
export const useFocusedInputTextHandler: FocusedInputTextHandlerHook<
|
|
89
|
+
EventContext,
|
|
90
|
+
EventWithName<FocusedInputTextChangedEvent>
|
|
91
|
+
> = (handlers, dependencies) => {
|
|
92
|
+
const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
|
|
93
|
+
|
|
94
|
+
return useEvent(
|
|
95
|
+
(event) => {
|
|
96
|
+
"worklet";
|
|
97
|
+
const { onFocusedInputTextChanged } = handlers;
|
|
98
|
+
|
|
99
|
+
if (
|
|
100
|
+
onFocusedInputTextChanged &&
|
|
101
|
+
event.eventName.endsWith("onFocusedInputTextChanged")
|
|
102
|
+
) {
|
|
103
|
+
onFocusedInputTextChanged(event, context);
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
["onFocusedInputTextChanged"],
|
|
107
|
+
doDependenciesDiffer,
|
|
108
|
+
);
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
export const useFocusedInputSelectionHandler: FocusedInputSelectionHandlerHook<
|
|
112
|
+
EventContext,
|
|
113
|
+
EventWithName<FocusedInputSelectionChangedEvent>
|
|
114
|
+
> = (handlers, dependencies) => {
|
|
115
|
+
const { context, doDependenciesDiffer } = useHandler(handlers, dependencies);
|
|
116
|
+
|
|
117
|
+
return useEvent(
|
|
118
|
+
(event) => {
|
|
119
|
+
"worklet";
|
|
120
|
+
const { onFocusedInputSelectionChanged } = handlers;
|
|
121
|
+
|
|
122
|
+
if (
|
|
123
|
+
onFocusedInputSelectionChanged &&
|
|
124
|
+
event.eventName.endsWith("onFocusedInputSelectionChanged")
|
|
125
|
+
) {
|
|
126
|
+
onFocusedInputSelectionChanged(event, context);
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
["onFocusedInputSelectionChanged"],
|
|
130
|
+
doDependenciesDiffer,
|
|
131
|
+
);
|
|
132
|
+
};
|
package/src/reanimated.ts
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
EventWithName,
|
|
3
|
-
FocusedInputLayoutChangedEvent,
|
|
4
|
-
FocusedInputLayoutHandlerHook,
|
|
5
|
-
FocusedInputSelectionChangedEvent,
|
|
6
|
-
FocusedInputSelectionHandlerHook,
|
|
7
|
-
FocusedInputTextChangedEvent,
|
|
8
|
-
FocusedInputTextHandlerHook,
|
|
9
|
-
KeyboardHandlerHook,
|
|
10
|
-
NativeEvent,
|
|
11
|
-
} from "./types";
|
|
12
|
-
|
|
13
|
-
const NOOP = () => () => {};
|
|
14
|
-
export const useAnimatedKeyboardHandler: KeyboardHandlerHook<
|
|
15
|
-
Record<string, unknown>,
|
|
16
|
-
EventWithName<NativeEvent>
|
|
17
|
-
> = NOOP;
|
|
18
|
-
export const useFocusedInputLayoutHandler: FocusedInputLayoutHandlerHook<
|
|
19
|
-
Record<string, unknown>,
|
|
20
|
-
EventWithName<FocusedInputLayoutChangedEvent>
|
|
21
|
-
> = NOOP;
|
|
22
|
-
export const useFocusedInputTextHandler: FocusedInputTextHandlerHook<
|
|
23
|
-
Record<string, unknown>,
|
|
24
|
-
EventWithName<FocusedInputTextChangedEvent>
|
|
25
|
-
> = NOOP;
|
|
26
|
-
export const useFocusedInputSelectionHandler: FocusedInputSelectionHandlerHook<
|
|
27
|
-
Record<string, unknown>,
|
|
28
|
-
EventWithName<FocusedInputSelectionChangedEvent>
|
|
29
|
-
> = NOOP;
|
|
1
|
+
import type {
|
|
2
|
+
EventWithName,
|
|
3
|
+
FocusedInputLayoutChangedEvent,
|
|
4
|
+
FocusedInputLayoutHandlerHook,
|
|
5
|
+
FocusedInputSelectionChangedEvent,
|
|
6
|
+
FocusedInputSelectionHandlerHook,
|
|
7
|
+
FocusedInputTextChangedEvent,
|
|
8
|
+
FocusedInputTextHandlerHook,
|
|
9
|
+
KeyboardHandlerHook,
|
|
10
|
+
NativeEvent,
|
|
11
|
+
} from "./types";
|
|
12
|
+
|
|
13
|
+
const NOOP = () => () => {};
|
|
14
|
+
export const useAnimatedKeyboardHandler: KeyboardHandlerHook<
|
|
15
|
+
Record<string, unknown>,
|
|
16
|
+
EventWithName<NativeEvent>
|
|
17
|
+
> = NOOP;
|
|
18
|
+
export const useFocusedInputLayoutHandler: FocusedInputLayoutHandlerHook<
|
|
19
|
+
Record<string, unknown>,
|
|
20
|
+
EventWithName<FocusedInputLayoutChangedEvent>
|
|
21
|
+
> = NOOP;
|
|
22
|
+
export const useFocusedInputTextHandler: FocusedInputTextHandlerHook<
|
|
23
|
+
Record<string, unknown>,
|
|
24
|
+
EventWithName<FocusedInputTextChangedEvent>
|
|
25
|
+
> = NOOP;
|
|
26
|
+
export const useFocusedInputSelectionHandler: FocusedInputSelectionHandlerHook<
|
|
27
|
+
Record<string, unknown>,
|
|
28
|
+
EventWithName<FocusedInputSelectionChangedEvent>
|
|
29
|
+
> = NOOP;
|
|
@@ -1,71 +1,71 @@
|
|
|
1
|
-
import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
|
|
2
|
-
|
|
3
|
-
import type { HostComponent } from "react-native";
|
|
4
|
-
import type { ViewProps } from "react-native/Libraries/Components/View/ViewPropTypes";
|
|
5
|
-
import type {
|
|
6
|
-
DirectEventHandler,
|
|
7
|
-
Double,
|
|
8
|
-
Int32,
|
|
9
|
-
} from "react-native/Libraries/Types/CodegenTypes";
|
|
10
|
-
|
|
11
|
-
type KeyboardMoveEvent = Readonly<{
|
|
12
|
-
height: Double;
|
|
13
|
-
progress: Double;
|
|
14
|
-
duration: Int32;
|
|
15
|
-
target: Int32;
|
|
16
|
-
}>;
|
|
17
|
-
|
|
18
|
-
type FocusedInputLayoutChangedEvent = Readonly<{
|
|
19
|
-
target: Int32;
|
|
20
|
-
parentScrollViewTarget: Int32;
|
|
21
|
-
layout: {
|
|
22
|
-
x: Double;
|
|
23
|
-
y: Double;
|
|
24
|
-
width: Double;
|
|
25
|
-
height: Double;
|
|
26
|
-
absoluteX: Double;
|
|
27
|
-
absoluteY: Double;
|
|
28
|
-
};
|
|
29
|
-
}>;
|
|
30
|
-
|
|
31
|
-
type FocusedInputTextChangedEvent = Readonly<{
|
|
32
|
-
text: string;
|
|
33
|
-
}>;
|
|
34
|
-
|
|
35
|
-
type FocusedInputSelectionChangedEvent = Readonly<{
|
|
36
|
-
target: Int32;
|
|
37
|
-
selection: {
|
|
38
|
-
start: {
|
|
39
|
-
x: Double;
|
|
40
|
-
y: Double;
|
|
41
|
-
position: Int32;
|
|
42
|
-
};
|
|
43
|
-
end: {
|
|
44
|
-
x: Double;
|
|
45
|
-
y: Double;
|
|
46
|
-
position: Int32;
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
}>;
|
|
50
|
-
|
|
51
|
-
export interface NativeProps extends ViewProps {
|
|
52
|
-
// props
|
|
53
|
-
enabled?: boolean;
|
|
54
|
-
statusBarTranslucent?: boolean;
|
|
55
|
-
navigationBarTranslucent?: boolean;
|
|
56
|
-
preserveEdgeToEdge?: boolean;
|
|
57
|
-
// callbacks
|
|
58
|
-
/// keyboard
|
|
59
|
-
onKeyboardMoveStart?: DirectEventHandler<KeyboardMoveEvent>;
|
|
60
|
-
onKeyboardMove?: DirectEventHandler<KeyboardMoveEvent>;
|
|
61
|
-
onKeyboardMoveEnd?: DirectEventHandler<KeyboardMoveEvent>;
|
|
62
|
-
onKeyboardMoveInteractive?: DirectEventHandler<KeyboardMoveEvent>;
|
|
63
|
-
/// focused input
|
|
64
|
-
onFocusedInputLayoutChanged?: DirectEventHandler<FocusedInputLayoutChangedEvent>;
|
|
65
|
-
onFocusedInputTextChanged?: DirectEventHandler<FocusedInputTextChangedEvent>;
|
|
66
|
-
onFocusedInputSelectionChanged?: DirectEventHandler<FocusedInputSelectionChangedEvent>;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
export default codegenNativeComponent<NativeProps>(
|
|
70
|
-
"RNKeyboardControllerView",
|
|
71
|
-
) as HostComponent<NativeProps>;
|
|
1
|
+
import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
|
|
2
|
+
|
|
3
|
+
import type { HostComponent } from "react-native";
|
|
4
|
+
import type { ViewProps } from "react-native/Libraries/Components/View/ViewPropTypes";
|
|
5
|
+
import type {
|
|
6
|
+
DirectEventHandler,
|
|
7
|
+
Double,
|
|
8
|
+
Int32,
|
|
9
|
+
} from "react-native/Libraries/Types/CodegenTypes";
|
|
10
|
+
|
|
11
|
+
type KeyboardMoveEvent = Readonly<{
|
|
12
|
+
height: Double;
|
|
13
|
+
progress: Double;
|
|
14
|
+
duration: Int32;
|
|
15
|
+
target: Int32;
|
|
16
|
+
}>;
|
|
17
|
+
|
|
18
|
+
type FocusedInputLayoutChangedEvent = Readonly<{
|
|
19
|
+
target: Int32;
|
|
20
|
+
parentScrollViewTarget: Int32;
|
|
21
|
+
layout: {
|
|
22
|
+
x: Double;
|
|
23
|
+
y: Double;
|
|
24
|
+
width: Double;
|
|
25
|
+
height: Double;
|
|
26
|
+
absoluteX: Double;
|
|
27
|
+
absoluteY: Double;
|
|
28
|
+
};
|
|
29
|
+
}>;
|
|
30
|
+
|
|
31
|
+
type FocusedInputTextChangedEvent = Readonly<{
|
|
32
|
+
text: string;
|
|
33
|
+
}>;
|
|
34
|
+
|
|
35
|
+
type FocusedInputSelectionChangedEvent = Readonly<{
|
|
36
|
+
target: Int32;
|
|
37
|
+
selection: {
|
|
38
|
+
start: {
|
|
39
|
+
x: Double;
|
|
40
|
+
y: Double;
|
|
41
|
+
position: Int32;
|
|
42
|
+
};
|
|
43
|
+
end: {
|
|
44
|
+
x: Double;
|
|
45
|
+
y: Double;
|
|
46
|
+
position: Int32;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
}>;
|
|
50
|
+
|
|
51
|
+
export interface NativeProps extends ViewProps {
|
|
52
|
+
// props
|
|
53
|
+
enabled?: boolean;
|
|
54
|
+
statusBarTranslucent?: boolean;
|
|
55
|
+
navigationBarTranslucent?: boolean;
|
|
56
|
+
preserveEdgeToEdge?: boolean;
|
|
57
|
+
// callbacks
|
|
58
|
+
/// keyboard
|
|
59
|
+
onKeyboardMoveStart?: DirectEventHandler<KeyboardMoveEvent>;
|
|
60
|
+
onKeyboardMove?: DirectEventHandler<KeyboardMoveEvent>;
|
|
61
|
+
onKeyboardMoveEnd?: DirectEventHandler<KeyboardMoveEvent>;
|
|
62
|
+
onKeyboardMoveInteractive?: DirectEventHandler<KeyboardMoveEvent>;
|
|
63
|
+
/// focused input
|
|
64
|
+
onFocusedInputLayoutChanged?: DirectEventHandler<FocusedInputLayoutChangedEvent>;
|
|
65
|
+
onFocusedInputTextChanged?: DirectEventHandler<FocusedInputTextChangedEvent>;
|
|
66
|
+
onFocusedInputSelectionChanged?: DirectEventHandler<FocusedInputSelectionChangedEvent>;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
export default codegenNativeComponent<NativeProps>(
|
|
70
|
+
"RNKeyboardControllerView",
|
|
71
|
+
) as HostComponent<NativeProps>;
|