mynode/packages/app-mobile/utils/focusView.ts

import { focus } from '@joplin/lib/utils/focusHandler';
import Logger from '@joplin/utils/Logger';
import { AccessibilityInfo, findNodeHandle, Platform, UIManager, View } from 'react-native';

const logger = Logger.create('focusView');

interface Options {
	// Web only
	scrollIntoView?: boolean;
}

const focusView = (source: string, view: View|HTMLElement, { scrollIntoView = true }: Options = {}) => {
	const autoFocus = () => {
		if (Platform.OS === 'web') {
			if (!scrollIntoView && view instanceof HTMLElement) {
				// eslint-disable-next-line no-restricted-properties -- already in a call to focus()
				view.focus({ preventScroll: true });
			} else {
				// react-native-web defines UIManager.focus for setting the keyboard focus. However,
				// this property is not available in standard react-native. As such, access it using type
				// narrowing:
				// eslint-disable-next-line no-restricted-properties
				if (!('focus' in UIManager) || typeof UIManager.focus !== 'function') {
					throw new Error('Failed to focus sidebar. UIManager.focus is not a function.');
				}

				// eslint-disable-next-line no-restricted-properties -- already in a call to focus()
				UIManager.focus(view);
			}
		} else {
			const handle = findNodeHandle(view as View);
			if (handle !== null) {
				AccessibilityInfo.setAccessibilityFocus(handle);
			} else {
				logger.warn('Couldn\'t find a view to focus.');
			}
		}
	};

	focus(`focusView:${source}`, {
		focus: autoFocus,
	});
};

export default focusView;