KeyboardAccessoryView - fix "Argument appears to not be a ReactComponent" (#3710)

Author: M-i-k-e-l

lib/components/Keyboard/KeyboardInput/TextInputKeyboardManager/TextInputKeyboardManager.ios.ts

@@ -44,7 +44,7 @@ export default class TextInputKeyboardManager {
 }
 
 function findNodeHandle(ref: any) {
-  return ReactNative.findNodeHandle(ref.current || ref);
+  return ref.current?.getNodeHandle?.() || ref?.getNodeHandle?.() || ReactNative.findNodeHandle(ref.current || ref);
 }
 
 const springAnimation = {

lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilib-native",
-  "version": "4.5.1",
+  "version": "4.5.2",
   "homepage": "https://github.com/wix/react-native-ui-lib",
   "description": "uilib native components (separated from js components)",
   "main": "components/index",

src/components/textField/useImperativeInputHandle.ts

@@ -1,12 +1,13 @@
 import React, {useContext, useImperativeHandle, useRef} from 'react';
-import {TextInput, TextInputProps} from 'react-native';
+import {findNodeHandle, TextInput, TextInputProps} from 'react-native';
 import FieldContext from './FieldContext';
 
 const useImperativeInputHandle = (ref: React.Ref<any>, props: Pick<TextInputProps, 'onChangeText'>) => {
   const inputRef = useRef<TextInput>();
   const context = useContext(FieldContext);
   useImperativeHandle(ref, () => {
     return {
+      getNodeHandle: () => inputRef.current ? findNodeHandle(inputRef.current) : null,
       isFocused: () => inputRef.current?.isFocused(),
       focus: () => inputRef.current?.focus(),
       blur: () => inputRef.current?.blur(),