[react-ui] usePress from useKeyboard and useTap (#16772)

This implements 'usePress' in user-space as a combination of 'useKeyboard' and 'useTap'. The existing 'usePress' API is preserved for now. The previous 'usePress' implementation is moved to 'PressLegacy'.

Author: Nicolas Gallagher

packages/react-ui/accessibility/src/FocusGrid.js

@@ -7,11 +7,11 @@
  * @flow
  */
 
-importtype{KeyboardEvent}from'react-ui/events/src/dom/Keyboard';
+importtype{KeyboardEvent}from'react-ui/events/keyboard';
 
 importReactfrom'react';
 import{tabFocusableImpl}from'./TabbableScope';
-import{useKeyboard}from'../../events/keyboard';
+import{useKeyboard}from'react-ui/events/keyboard';
 
 typeGridComponentProps={
 children: React.Node,

packages/react-ui/accessibility/src/ReactTabFocus.js

@@ -8,16 +8,17 @@
  */
 
 importtype{ReactScopeMethods}from'shared/ReactTypes';
-importtype{KeyboardEvent}from'react-ui/events/src/dom/Keyboard';
+importtype{KeyboardEvent}from'react-ui/events/keyboard';
 
 importReactfrom'react';
 import{TabbableScope}from'./TabbableScope';
-import{useKeyboard}from'../../events/keyboard';
+import{useKeyboard}from'react-ui/events/keyboard';
 
 typeTabFocusControllerProps={
 children: React.Node,
 contain?: boolean,
 };
+
 const{useRef}=React;
 
 functiongetTabbableNodes(scope: ReactScopeMethods){

packages/react-ui/events/press-legacy.js

@@ -0,0 +1,12 @@
+/**
+ * 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
+ */
+
+'use strict';
+
+module.exports=require('./src/dom/PressLegacy');

packages/react-ui/events/src/dom/Keyboard.js

@@ -27,6 +27,7 @@ type KeyboardProps = {|
 onClick?: (e: KeyboardEvent)=> ?boolean,
 onKeyDown?: (e: KeyboardEvent)=> ?boolean,
 onKeyUp?: (e: KeyboardEvent)=> ?boolean,
+preventClick?: boolean,
 preventKeys?: PreventKeysArray,
 |};
 
@@ -256,6 +257,12 @@ const keyboardResponderImpl = {
 );
 }
 }elseif(type==='click'&&isVirtualClick(event)){
+if(props.preventClick!==false){
+// 'click' occurs before or after 'keyup', and may need native
+// behavior prevented
+nativeEvent.preventDefault();
+state.defaultPrevented=true;
+}
 constonClick=props.onClick;
 if(onClick!=null){
 dispatchKeyboardEvent(
@@ -266,10 +273,6 @@ const keyboardResponderImpl = {
 state.defaultPrevented,
 );
 }
-if(state.defaultPrevented&&!nativeEvent.defaultPrevented){
-// 'click' occurs before 'keyup' and may need native behavior prevented
-nativeEvent.preventDefault();
-}
 }elseif(type==='keyup'){
 state.isActive=false;
 constonKeyUp=props.onKeyUp;