Files
react-native/Libraries/Components/Touchable/TVTouchable.js
T
Nick Gerleman 161b910494 Do not explicitly include ".js" in Library imports (#28311)
Summary:
A few recent imports have explicitly added ".js" to the end of their path. This prevents Metro from resolving platform-specific JS files, e.g. "Foo.android.js" or "Foo.windows.js" instead of "Foo.js".

React Native Windows provides its own implementation of files in a few cases where stock React Native will share them between Android and iOS. We hope to reduce/eliminate these long term, but requiring explicit ".js" files currently breaks us in a couple of places where we have custom implementations.

This change is a quick regex replace of ES6 and CommonJS imports in 'Libraries/" to eliminate ".js".

## Changelog

[General] [Fixed] - Do not explicitly include ".js" in Library imports
Pull Request resolved: https://github.com/facebook/react-native/pull/28311

Test Plan: I haven't done any manual validation of this, but `flow-check` should catch any issues with this during CI.

Reviewed By: cpojer

Differential Revision: D20486466

Pulled By: TheSavior

fbshipit-source-id: 31e1ccc307967417d7d09c34c859f0b2b69eac84
2020-03-17 02:11:53 -07: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';
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();
}
}