Files
react-native/Libraries/Components/Touchable/TVTouchable.js
T
Eli White c24c8a039c Core files should depend on internals directly
Summary:
By depending on react-native, these files can't be flow strict until index.js is flow strict. By depending on the internals directly they can be flow strict as soon as their dependents are flow strict.

Changelog:
[Internal] Refactoring some core file imports to depend on internals directly

Reviewed By: zackargyle

Differential Revision: D18828324

fbshipit-source-id: 2a347c4e234a64edbb3e6f0ef6387ef1ce78badc
2019-12-05 13:33:58 -08:00

56 lines
1.5 KiB
JavaScript

/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @flow
* @format
*/
'use strict';
import invariant from 'invariant';
import ReactNative from '../../Renderer/shims/ReactNative.js';
import type {
BlurEvent,
FocusEvent,
PressEvent,
} from '../../Types/CoreEventTypes';
import Platform from '../../Utilities/Platform';
import TVEventHandler from '../../Components/AppleTV/TVEventHandler';
type TVTouchableConfig = $ReadOnly<{|
getDisabled: () => boolean,
onBlur: (event: BlurEvent) => mixed,
onFocus: (event: FocusEvent) => mixed,
onPress: (event: PressEvent) => mixed,
|}>;
export default class TVTouchable {
_tvEventHandler: TVEventHandler;
constructor(component: any, config: TVTouchableConfig) {
invariant(Platform.isTV, 'TVTouchable: Requires `Platform.isTV`.');
this._tvEventHandler = new TVEventHandler();
this._tvEventHandler.enable(component, (_, tvData) => {
tvData.dispatchConfig = {};
if (ReactNative.findNodeHandle(component) === tvData.tag) {
if (tvData.eventType === 'focus') {
config.onFocus(tvData);
} else if (tvData.eventType === 'blur') {
config.onBlur(tvData);
} else if (tvData.eventType === 'select') {
if (!config.getDisabled()) {
config.onPress(tvData);
}
}
}
});
}
destroy(): void {
this._tvEventHandler.disable();
}
}