add CursorValue flow type

Author: ryanlntn

Libraries/Components/Touchable/TouchableWithoutFeedback.js

@@ -23,6 +23,7 @@ import type {
   AccessibilityValue,
 } from '../../Components/View/ViewAccessibility';
 import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
+import type {CursorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {
   BlurEvent,
   FocusEvent,
@@ -54,28 +55,7 @@ type Props = $ReadOnly<{|
   accessibilityViewIsModal?: ?boolean,
   accessible?: ?boolean,
   children?: ?React.Node,
-  cursor?: ?(
-    | 'alias'
-    | 'auto'
-    | 'col-resize'
-    | 'context-menu'
-    | 'copy'
-    | 'crosshair'
-    | 'default'
-    | 'disappearing-item'
-    | 'e-resize'
-    | 'grab'
-    | 'grabbing'
-    | 'n-resize'
-    | 'no-drop'
-    | 'not-allowed'
-    | 'pointer'
-    | 'row-resize'
-    | 's-resize'
-    | 'text'
-    | 'vertical-text'
-    | 'w-resize'
-  ),
+  cursor?: ?CursorValue,
   delayLongPress?: ?number,
   delayPressIn?: ?number,
   delayPressOut?: ?number,

Libraries/Components/View/ViewPropTypes.js

@@ -23,6 +23,7 @@ import type {
 import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
 import type {Node} from 'react';
 import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
+import type {CursorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {
   AccessibilityRole,
   AccessibilityState,
@@ -630,26 +631,5 @@ export type ViewProps = $ReadOnly<{|
   /*
    * Sets the type of mouse cursor, to show when the mouse pointer is over the view.
    */
-  cursor?: ?(
-    | 'alias'
-    | 'auto'
-    | 'col-resize'
-    | 'context-menu'
-    | 'copy'
-    | 'crosshair'
-    | 'default'
-    | 'disappearing-item'
-    | 'e-resize'
-    | 'grab'
-    | 'grabbing'
-    | 'n-resize'
-    | 'no-drop'
-    | 'not-allowed'
-    | 'pointer'
-    | 'row-resize'
-    | 's-resize'
-    | 'text'
-    | 'vertical-text'
-    | 'w-resize'
-  ),
+  cursor?: ?CursorValue,
 |}>;

Libraries/StyleSheet/StyleSheetTypes.js

@@ -14,6 +14,29 @@ const AnimatedNode = require('../Animated/src/nodes/AnimatedNode');
 
 import type {NativeColorValue} from './PlatformColorValueTypes';
 
+export type CursorValue = ?(
+  | 'alias'
+  | 'auto'
+  | 'col-resize'
+  | 'context-menu'
+  | 'copy'
+  | 'crosshair'
+  | 'default'
+  | 'disappearing-item'
+  | 'e-resize'
+  | 'grab'
+  | 'grabbing'
+  | 'n-resize'
+  | 'no-drop'
+  | 'not-allowed'
+  | 'pointer'
+  | 'row-resize'
+  | 's-resize'
+  | 'text'
+  | 'vertical-text'
+  | 'w-resize'
+)
+
 export type ColorValue = null | string | NativeColorValue;
 
 export type ColorArrayValue = null | $ReadOnlyArray<ColorValue>;
@@ -583,28 +606,7 @@ export type ____ViewStyle_Internal = $ReadOnly<{|
   borderTopWidth?: number | AnimatedNode,
   opacity?: number | AnimatedNode,
   elevation?: number,
-  cursor?: ?(
-    | 'alias'
-    | 'auto'
-    | 'col-resize'
-    | 'context-menu'
-    | 'copy'
-    | 'crosshair'
-    | 'default'
-    | 'disappearing-item'
-    | 'e-resize'
-    | 'grab'
-    | 'grabbing'
-    | 'n-resize'
-    | 'no-drop'
-    | 'not-allowed'
-    | 'pointer'
-    | 'row-resize'
-    | 's-resize'
-    | 'text'
-    | 'vertical-text'
-    | 'w-resize'
-  ),
+  cursor?: CursorValue,
 |}>;
 
 export type ____FontWeight_Internal =