@office-iss/react-native-win32 0.0.0-canary.27 → 0.0.0-canary.270

package/Libraries/Components/Touchable/TouchableOpacity.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8,18 +8,16 @@
  * @format
  */
 
-'use strict';
+import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
+import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
 
+import Animated from '../../Animated/Animated';
+import Easing from '../../Animated/Easing';
 import Pressability, {
   type PressabilityConfig,
 } from '../../Pressability/Pressability';
 import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
-import TVTouchable from './TVTouchable';
-import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
-import Animated from 'react-native/Libraries/Animated/src/Animated';
-import Easing from 'react-native/Libraries/Animated/src/Easing';
-import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
-import flattenStyle from 'react-native/Libraries/StyleSheet/flattenStyle';
+import flattenStyle from '../../StyleSheet/flattenStyle';
 import Platform from '../../Utilities/Platform';
 import * as React from 'react';
 
@@ -39,7 +37,7 @@ type Props = $ReadOnly<{|
   activeOpacity?: ?number,
   style?: ?ViewStyleProp,
 
-  hostRef: React.Ref<typeof Animated.View>,
+  hostRef?: ?React.RefSetter<React.ElementRef<typeof Animated.View>>,
 |}>;
 
 type State = $ReadOnly<{|
@@ -132,8 +130,6 @@ type State = $ReadOnly<{|
  *
  */
 class TouchableOpacity extends React.Component<Props, State> {
-  _tvTouchable: ?TVTouchable;
-
   state: State = {
     anim: new Animated.Value(this._getChildStyleOpacityWithDefault()),
     pressability: new Pressability(this._createPressabilityConfig()),
@@ -142,11 +138,15 @@ class TouchableOpacity extends React.Component<Props, State> {
   _createPressabilityConfig(): PressabilityConfig {
     return {
       cancelable: !this.props.rejectResponderTermination,
-      disabled: this.props.disabled,
+      disabled:
+        this.props.disabled ??
+        this.props['aria-disabled'] ??
+        this.props.accessibilityState?.disabled,
       hitSlop: this.props.hitSlop,
       delayLongPress: this.props.delayLongPress,
       delayPressIn: this.props.delayPressIn,
       delayPressOut: this.props.delayPressOut,
+      minPressDuration: 0,
       pressRectOffset: this.props.pressRetentionOffset,
       onBlur: event => {
         if (Platform.isTV) {
@@ -206,6 +206,8 @@ class TouchableOpacity extends React.Component<Props, State> {
   }
 
   _getChildStyleOpacityWithDefault(): number {
+    // $FlowFixMe[underconstrained-implicit-instantiation]
+    // $FlowFixMe[prop-missing]
     const opacity = flattenStyle(this.props.style)?.opacity;
     return typeof opacity === 'number' ? opacity : 1;
   }
@@ -213,28 +215,68 @@ class TouchableOpacity extends React.Component<Props, State> {
   render(): React.Node {
     // BACKWARD-COMPATIBILITY: Focus and blur events were never supported before
     // adopting `Pressability`, so preserve that behavior.
-    const {
-      onBlur,
-      onFocus,
-      ...eventHandlersWithoutBlurAndFocus
-    } = this.state.pressability.getEventHandlers();
+    const {onBlur, onFocus, ...eventHandlersWithoutBlurAndFocus} =
+      this.state.pressability.getEventHandlers();
+
+    let _accessibilityState = {
+      busy: this.props['aria-busy'] ?? this.props.accessibilityState?.busy,
+      checked:
+        this.props['aria-checked'] ?? this.props.accessibilityState?.checked,
+      disabled:
+        this.props['aria-disabled'] ?? this.props.accessibilityState?.disabled,
+      expanded:
+        this.props['aria-expanded'] ?? this.props.accessibilityState?.expanded,
+      selected:
+        this.props['aria-selected'] ?? this.props.accessibilityState?.selected,
+    };
+
+    _accessibilityState =
+      this.props.disabled != null
+        ? {
+            ..._accessibilityState,
+            disabled: this.props.disabled,
+          }
+        : _accessibilityState;
 
+    const accessibilityValue = {
+      max: this.props['aria-valuemax'] ?? this.props.accessibilityValue?.max,
+      min: this.props['aria-valuemin'] ?? this.props.accessibilityValue?.min,
+      now: this.props['aria-valuenow'] ?? this.props.accessibilityValue?.now,
+      text: this.props['aria-valuetext'] ?? this.props.accessibilityValue?.text,
+    };
+
+    const accessibilityLiveRegion =
+      this.props['aria-live'] === 'off'
+        ? 'none'
+        : this.props['aria-live'] ?? this.props.accessibilityLiveRegion;
+
+    const accessibilityLabel =
+      this.props['aria-label'] ?? this.props.accessibilityLabel;
     return (
       <Animated.View
         accessible={this.props.accessible !== false}
-        accessibilityLabel={this.props.accessibilityLabel}
+        accessibilityLabel={accessibilityLabel}
         accessibilityHint={this.props.accessibilityHint}
+        accessibilityLanguage={this.props.accessibilityLanguage}
         accessibilityRole={this.props.accessibilityRole}
-        accessibilityState={this.props.accessibilityState}
+        accessibilityState={_accessibilityState}
         accessibilityActions={this.props.accessibilityActions}
         onAccessibilityAction={this.props.onAccessibilityAction}
-        accessibilityValue={this.props.accessibilityValue}
-        importantForAccessibility={this.props.importantForAccessibility}
-        accessibilityLiveRegion={this.props.accessibilityLiveRegion}
-        accessibilityViewIsModal={this.props.accessibilityViewIsModal}
-        accessibilityElementsHidden={this.props.accessibilityElementsHidden}
+        accessibilityValue={accessibilityValue}
+        importantForAccessibility={
+          this.props['aria-hidden'] === true
+            ? 'no-hide-descendants'
+            : this.props.importantForAccessibility
+        }
+        accessibilityViewIsModal={
+          this.props['aria-modal'] ?? this.props.accessibilityViewIsModal
+        }
+        accessibilityLiveRegion={accessibilityLiveRegion}
+        accessibilityElementsHidden={
+          this.props['aria-hidden'] ?? this.props.accessibilityElementsHidden
+        }
         style={[this.props.style, {opacity: this.state.anim}]}
-        nativeID={this.props.nativeID}
+        nativeID={this.props.id ?? this.props.nativeID}
         testID={this.props.testID}
         onLayout={this.props.onLayout}
         nextFocusDown={this.props.nextFocusDown}
@@ -245,7 +287,9 @@ class TouchableOpacity extends React.Component<Props, State> {
         hasTVPreferredFocus={this.props.hasTVPreferredFocus}
         hitSlop={this.props.hitSlop}
         focusable={
-          this.props.focusable !== false && this.props.onPress !== undefined
+          this.props.focusable !== false &&
+          this.props.onPress !== undefined &&
+          !this.props.disabled
         }
         ref={this.props.hostRef}
         {...eventHandlersWithoutBlurAndFocus}>
@@ -257,46 +301,38 @@ class TouchableOpacity extends React.Component<Props, State> {
     );
   }
 
-  componentDidMount(): void {
-    if (Platform.isTV) {
-      this._tvTouchable = new TVTouchable(this, {
-        getDisabled: () => this.props.disabled === true,
-        onBlur: event => {
-          if (this.props.onBlur != null) {
-            this.props.onBlur(event);
-          }
-        },
-        onFocus: event => {
-          if (this.props.onFocus != null) {
-            this.props.onFocus(event);
-          }
-        },
-        onPress: event => {
-          if (this.props.onPress != null) {
-            this.props.onPress(event);
-          }
-        },
-      });
-    }
-  }
-
   componentDidUpdate(prevProps: Props, prevState: State) {
     this.state.pressability.configure(this._createPressabilityConfig());
-    if (this.props.disabled !== prevProps.disabled) {
+    if (
+      this.props.disabled !== prevProps.disabled ||
+      // $FlowFixMe[underconstrained-implicit-instantiation]
+      // $FlowFixMe[prop-missing]
+      flattenStyle(prevProps.style)?.opacity !==
+        // $FlowFixMe[underconstrained-implicit-instantiation]
+        // $FlowFixMe[prop-missing]
+        flattenStyle(this.props.style)?.opacity
+    ) {
       this._opacityInactive(250);
     }
   }
 
+  componentDidMount(): void {
+    this.state.pressability.configure(this._createPressabilityConfig());
+  }
+
   componentWillUnmount(): void {
-    if (Platform.isTV) {
-      if (this._tvTouchable != null) {
-        this._tvTouchable.destroy();
-      }
-    }
     this.state.pressability.reset();
+    this.state.anim.resetAnimation();
   }
 }
 
-module.exports = (React.forwardRef((props, hostRef) => (
-  <TouchableOpacity {...props} hostRef={hostRef} />
-)): React.ComponentType<$ReadOnly<$Diff<Props, {|hostRef: mixed|}>>>);
+const Touchable: React.AbstractComponent<
+  Props,
+  React.ElementRef<typeof Animated.View>,
+> = React.forwardRef((props, ref) => (
+  <TouchableOpacity {...props} hostRef={ref} />
+));
+
+Touchable.displayName = 'TouchableOpacity';
+
+module.exports = Touchable;

package/Libraries/Components/Touchable/TouchableWin32.Props.d.ts

@@ -1,34 +1,37 @@
-import { Insets, ViewStyle } from 'react-native';
-import { IPressEvent, IRenderChild, IRenderStyle } from './TouchableWin32.Types';
-import { IViewWin32Props, IKeyboardEvent } from '../View/ViewWin32.Props';
-export interface ITouchableWin32State {
-    isPressed: boolean;
-    isFocused: boolean;
-    isHovered: boolean;
-}
-export interface ITouchableWin32Props extends IViewWin32Props {
-    rejectResponderTermination?: boolean;
-    disabled?: boolean;
-    touchableHandleActivePressIn?: (e: IPressEvent) => void;
-    touchableHandleActivePressOut?: (e: IPressEvent) => void;
-    touchableHandlePress?: (e: IPressEvent) => void;
-    touchableHandleKeyPress?: (e: IKeyboardEvent) => void;
-    touchableHandleKeyPressDown?: (e: IKeyboardEvent) => void;
-    touchableHandleLongPress?: (e: IPressEvent) => void;
-    touchableGetHighlightDelayMS?: () => number;
-    touchableGetPressRectOffset?: () => Insets;
-    touchableGetLongPressDelayMS?: () => number;
-    touchableGetPressOutDelayMS?: () => number;
-    touchableGetHitSlop?: () => Insets;
-    touchSoundDisabled?: boolean;
-    onLongPress?: () => void;
-    children?: IRenderChild<ITouchableWin32State>;
-    renderStyle?: IRenderStyle<ITouchableWin32State, ViewStyle>;
-    /**
-     * Filters keys for touchableHandleKeyPress / touchableHandleKeyPressDown events.
-     * Space and Enter keys result in touchableHandleKeyPress(Down) in the event
-     * that no filterKeys function is provided as a callback. All keyboard events
-     * will result in onKeyUp and onKeyDown getting fired regardless of filterKeys.
-     */
-    filterKeys?: (str: string) => boolean;
-}
+import { ViewStyle } from 'react-native';
+import { Insets } from 'react-native/types/public/Insets';
+import { IPressEvent, IRenderChild, IRenderStyle } from './TouchableWin32.Types';
+import { IViewWin32Props, IKeyboardEvent } from '../View/ViewPropTypes';
+export interface ITouchableWin32State {
+    isPressed: boolean;
+    isFocused: boolean;
+    isHovered: boolean;
+}
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+export interface ITouchableWin32Props extends Omit<IViewWin32Props, 'children'> {
+    rejectResponderTermination?: boolean;
+    disabled?: boolean;
+    touchableHandleActivePressIn?: (e: IPressEvent) => void;
+    touchableHandleActivePressOut?: (e: IPressEvent) => void;
+    touchableHandlePress?: (e: IPressEvent) => void;
+    touchableHandleKeyPress?: (e: IKeyboardEvent) => void;
+    touchableHandleKeyPressDown?: (e: IKeyboardEvent) => void;
+    touchableHandleLongPress?: (e: IPressEvent) => void;
+    touchableGetHighlightDelayMS?: () => number;
+    touchableGetPressRectOffset?: () => Insets;
+    touchableGetLongPressDelayMS?: () => number;
+    touchableGetPressOutDelayMS?: () => number;
+    touchableGetHitSlop?: () => Insets;
+    touchSoundDisabled?: boolean;
+    onLongPress?: () => void;
+    children?: IRenderChild<ITouchableWin32State>;
+    renderStyle?: IRenderStyle<ITouchableWin32State, ViewStyle>;
+    /**
+     * Filters keys for touchableHandleKeyPress / touchableHandleKeyPressDown events.
+     * Space and Enter keys result in touchableHandleKeyPress(Down) in the event
+     * that no filterKeys function is provided as a callback. All keyboard events
+     * will result in onKeyUp and onKeyDown getting fired regardless of filterKeys.
+     */
+    filterKeys?: (str: string) => boolean;
+}
+export {};

package/Libraries/Components/Touchable/TouchableWin32.Props.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG91Y2hhYmxlV2luMzIuUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvTGlicmFyaWVzL0NvbXBvbmVudHMvVG91Y2hhYmxlL1RvdWNoYWJsZVdpbjMyLlByb3BzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5zZXRzLCBWaWV3U3R5bGUgfSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbXBvcnQgeyBJUHJlc3NFdmVudCwgSVJlbmRlckNoaWxkLCBJUmVuZGVyU3R5bGUgfSBmcm9tICcuL1RvdWNoYWJsZVdpbjMyLlR5cGVzJztcbmltcG9ydCB7IElWaWV3V2luMzJQcm9wcywgSUtleWJvYXJkRXZlbnQgfSBmcm9tICcuLi9WaWV3L1ZpZXdXaW4zMi5Qcm9wcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSVRvdWNoYWJsZVdpbjMyU3RhdGUge1xuICBpc1ByZXNzZWQ6IGJvb2xlYW47XG4gIGlzRm9jdXNlZDogYm9vbGVhbjtcbiAgaXNIb3ZlcmVkOiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElUb3VjaGFibGVXaW4zMlByb3BzIGV4dGVuZHMgSVZpZXdXaW4zMlByb3BzIHtcbiAgcmVqZWN0UmVzcG9uZGVyVGVybWluYXRpb24/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHRvdWNoYWJsZUhhbmRsZUFjdGl2ZVByZXNzSW4/OiAoZTogSVByZXNzRXZlbnQpID0+IHZvaWQ7XG4gIHRvdWNoYWJsZUhhbmRsZUFjdGl2ZVByZXNzT3V0PzogKGU6IElQcmVzc0V2ZW50KSA9PiB2b2lkO1xuICB0b3VjaGFibGVIYW5kbGVQcmVzcz86IChlOiBJUHJlc3NFdmVudCkgPT4gdm9pZDtcbiAgdG91Y2hhYmxlSGFuZGxlS2V5UHJlc3M/OiAoZTogSUtleWJvYXJkRXZlbnQpID0+IHZvaWQ7XG4gIHRvdWNoYWJsZUhhbmRsZUtleVByZXNzRG93bj86IChlOiBJS2V5Ym9hcmRFdmVudCkgPT4gdm9pZDtcbiAgdG91Y2hhYmxlSGFuZGxlTG9uZ1ByZXNzPzogKGU6IElQcmVzc0V2ZW50KSA9PiB2b2lkO1xuICB0b3VjaGFibGVHZXRIaWdobGlnaHREZWxheU1TPzogKCkgPT4gbnVtYmVyO1xuICB0b3VjaGFibGVHZXRQcmVzc1JlY3RPZmZzZXQ/OiAoKSA9PiBJbnNldHM7XG4gIHRvdWNoYWJsZUdldExvbmdQcmVzc0RlbGF5TVM/OiAoKSA9PiBudW1iZXI7XG4gIHRvdWNoYWJsZUdldFByZXNzT3V0RGVsYXlNUz86ICgpID0+IG51bWJlcjtcbiAgdG91Y2hhYmxlR2V0SGl0U2xvcD86ICgpID0+IEluc2V0cztcbiAgdG91Y2hTb3VuZERpc2FibGVkPzogYm9vbGVhbjtcbiAgb25Mb25nUHJlc3M/OiAoKSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IElSZW5kZXJDaGlsZDxJVG91Y2hhYmxlV2luMzJTdGF0ZT47XG4gIC8vIFR5cGVzY3JpcHQgd2lsbCBub3QgYWxsb3cgYW4gZXh0ZW5zaW9uIG9mIHRoZSBJVmlldyogaW50ZXJmYWNlXG4gIC8vIHRoYXQgYWxsb3dzIHN0eWxlIHRvIHRha2Ugb24gYSBmdW5jdGlvbiB2YWx1ZS4gVGhpcyBpcyBub3QgYSBwcm9ibGVtXG4gIC8vIHdpdGggY2hpbGRyZW4sIHByZXN1bWFibHkgYmVjYXVzZSBmdW5jdGlvbiBjb21wb25lbnRzIGFyZSB2YWxpZCBhcyBjaGlsZHJlbi5cbiAgLy8gQXMgc3VjaCwgYSByZW5kZXJTdHlsZSBwcm9wIHRoYXQgdGFrZXMgYSBmdW5jdGlvbiB2YWx1ZSBpcyBwcm92aWRlZFxuICAvLyBpbnN0ZWFkLCBpbiBjb25qdW5jdGlvbiB3aXRoIHRoZSBiYXNlIHN0eWxlIHByb3AgKFN0eWxlUHJvcDxWaWV3U3R5bGU+KS5cbiAgLy8gVGhlIHN0eWxlIHByb3Agd2lsbCBvbmx5IGJlIHVzZWQgaWYgYSByZW5kZXJTdHlsZSBpcyBub3QgcHJvdmlkZWQuXG4gIHJlbmRlclN0eWxlPzogSVJlbmRlclN0eWxlPElUb3VjaGFibGVXaW4zMlN0YXRlLCBWaWV3U3R5bGU+O1xuICAvKipcbiAgICogRmlsdGVycyBrZXlzIGZvciB0b3VjaGFibGVIYW5kbGVLZXlQcmVzcyAvIHRvdWNoYWJsZUhhbmRsZUtleVByZXNzRG93biBldmVudHMuXG4gICAqIFNwYWNlIGFuZCBFbnRlciBrZXlzIHJlc3VsdCBpbiB0b3VjaGFibGVIYW5kbGVLZXlQcmVzcyhEb3duKSBpbiB0aGUgZXZlbnRcbiAgICogdGhhdCBubyBmaWx0ZXJLZXlzIGZ1bmN0aW9uIGlzIHByb3ZpZGVkIGFzIGEgY2FsbGJhY2suIEFsbCBrZXlib2FyZCBldmVudHNcbiAgICogd2lsbCByZXN1bHQgaW4gb25LZXlVcCBhbmQgb25LZXlEb3duIGdldHRpbmcgZmlyZWQgcmVnYXJkbGVzcyBvZiBmaWx0ZXJLZXlzLlxuICAgKi9cbiAgZmlsdGVyS2V5cz86IChzdHI6IHN0cmluZykgPT4gYm9vbGVhbjtcbn1cbiJdfQ==
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=TouchableWin32.Props.js.map

package/Libraries/Components/Touchable/TouchableWin32.Props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableWin32.Props.js","sourceRoot":"","sources":["../../../src-win/Libraries/Components/Touchable/TouchableWin32.Props.tsx"],"names":[],"mappings":"","sourcesContent":["import {ViewStyle} from 'react-native';\nimport {Insets} from 'react-native/types/public/Insets';\n\nimport { IPressEvent, IRenderChild, IRenderStyle } from './TouchableWin32.Types';\nimport { IViewWin32Props, IKeyboardEvent } from '../View/ViewPropTypes';\n\nexport interface ITouchableWin32State {\n  isPressed: boolean;\n  isFocused: boolean;\n  isHovered: boolean;\n}\n\ntype Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\n\nexport interface ITouchableWin32Props extends Omit <IViewWin32Props, 'children'> {\n  rejectResponderTermination?: boolean;\n  disabled?: boolean;\n  touchableHandleActivePressIn?: (e: IPressEvent) => void;\n  touchableHandleActivePressOut?: (e: IPressEvent) => void;\n  touchableHandlePress?: (e: IPressEvent) => void;\n  touchableHandleKeyPress?: (e: IKeyboardEvent) => void;\n  touchableHandleKeyPressDown?: (e: IKeyboardEvent) => void;\n  touchableHandleLongPress?: (e: IPressEvent) => void;\n  touchableGetHighlightDelayMS?: () => number;\n  touchableGetPressRectOffset?: () => Insets;\n  touchableGetLongPressDelayMS?: () => number;\n  touchableGetPressOutDelayMS?: () => number;\n  touchableGetHitSlop?: () => Insets;\n  touchSoundDisabled?: boolean;\n  onLongPress?: () => void;\n  children?: IRenderChild<ITouchableWin32State>;\n  // Typescript will not allow an extension of the IView* interface\n  // that allows style to take on a function value. This is not a problem\n  // with children, presumably because function components are valid as children.\n  // As such, a renderStyle prop that takes a function value is provided\n  // instead, in conjunction with the base style prop (StyleProp<ViewStyle>).\n  // The style prop will only be used if a renderStyle is not provided.\n  renderStyle?: IRenderStyle<ITouchableWin32State, ViewStyle>;\n  /**\n   * Filters keys for touchableHandleKeyPress / touchableHandleKeyPressDown events.\n   * Space and Enter keys result in touchableHandleKeyPress(Down) in the event\n   * that no filterKeys function is provided as a callback. All keyboard events\n   * will result in onKeyUp and onKeyDown getting fired regardless of filterKeys.\n   */\n  filterKeys?: (str: string) => boolean;\n}\n"]}

package/Libraries/Components/Touchable/TouchableWin32.Types.d.ts

@@ -1,114 +1,114 @@
-import * as React from 'react';
-import { GestureResponderEvent, StyleProp, NativeSyntheticEvent } from 'react-native';
-/**
- * Gesture responder states
- */
-export declare type IState = 'NOT_RESPONDER' | 'RESPONDER_INACTIVE_PRESS_IN' | 'RESPONDER_INACTIVE_PRESS_OUT' | 'RESPONDER_ACTIVE_PRESS_IN' | 'RESPONDER_ACTIVE_PRESS_OUT' | 'RESPONDER_ACTIVE_LONG_PRESS_IN' | 'RESPONDER_ACTIVE_LONG_PRESS_OUT' | 'ERROR';
-/**
- * Signals into the gesture responder system
- */
-export declare type ISignal = 'DELAY' | 'RESPONDER_GRANT' | 'RESPONDER_RELEASE' | 'RESPONDER_TERMINATED' | 'ENTER_PRESS_RECT' | 'LEAVE_PRESS_RECT' | 'LONG_PRESS_DETECTED';
-declare type ISignalTransitions = {
-    [P in ISignal]: IState;
-};
-/**
- * Map of State to [Signal to State],
- * describing state transition maps
- */
-export declare type ITransitions = {
-    [P in IState]: ISignalTransitions;
-};
-/**
- * Describes lookup maps of states meeting
- * some specified criteria
- */
-export declare type IStateConditions = {
-    [P in IState]: boolean;
-};
-/**
- * Describes the position at which an event occurred
- */
-export interface IPosition {
-    left: number;
-    top: number;
-}
-/**
- * Describes the height and width of a control
- */
-export interface IDimensions {
-    width: number;
-    height: number;
-}
-/**
- * Describes a touch
- */
-export interface ITouchInfo {
-    touchActive: boolean;
-    startPageX: number;
-    startPageY: number;
-    startTimeStamp: number;
-    currentPageX: number;
-    currentPageY: number;
-    currentTimeStamp: number;
-    previousPageX: number;
-    previousPageY: number;
-    previousTimeStamp: number;
-}
-/**
- * More fully defines an event by augmenting touchHistory
- */
-export interface IResponderSyntheticEvent<T> extends NativeSyntheticEvent<T> {
-    touchHistory: {
-        indexOfSingleActiveTouch: number;
-        mostRecentTimeStamp: number;
-        numberActiveTouches: number;
-        touchBank: ITouchInfo[];
-    };
-}
-/**
- * This encompasses all information used by TouchableWin32 based controls
- * during callbacks and in response to press events
- */
-export declare type IPressEvent = IResponderSyntheticEvent<{
-    changedTouches: IPressEvent[];
-    force: number;
-    identifier: number;
-    locationX: number;
-    locationY: number;
-    pageX: number;
-    pageY: number;
-    target?: number;
-    timestamp: number;
-    touches: IPressEvent[];
-}> & GestureResponderEvent;
-/**
- * Describes both the global and relative position of a press
- */
-export interface IPressInLocation {
-    pageX: number;
-    pageY: number;
-    locationX: number;
-    locationY: number;
-}
-/**
- * Used by IRenderChild, it simply describes a function that takes
- * some generic state type T and returns a ReactNode
- */
-export declare type IChildAsFunction<T> = (state: T) => React.ReactNode;
-/**
- * An IRenderChild describes children as a function that take the current
- * state of the parent component. It is up to the parent to invoke the function
- * and make proper use of the more typical ReactNode object that is returned
- * This is an especially helpful construct when children of a Touchable require
- * knowledge of the interaction state of their parent to properly render themselves
- * (e.g. foreground color of a text child)
- */
-export declare type IRenderChild<T> = IChildAsFunction<T> | React.ReactNode;
-/**
- * An IRenderStyle describes style as a function that takes the current
- * state of the parent component. It is up to the parent to invoke the function
- * and make proper use of the more typical StyleProp<S> object that is returned
- * This is convenient for when styles need to be calculated depending on interaction states.
- */
-export declare type IRenderStyle<T, S> = (state: T) => StyleProp<S>;
-export {};
+import React from 'react';
+import { GestureResponderEvent, StyleProp, NativeSyntheticEvent } from 'react-native';
+/**
+ * Gesture responder states
+ */
+export type IState = 'NOT_RESPONDER' | 'RESPONDER_INACTIVE_PRESS_IN' | 'RESPONDER_INACTIVE_PRESS_OUT' | 'RESPONDER_ACTIVE_PRESS_IN' | 'RESPONDER_ACTIVE_PRESS_OUT' | 'RESPONDER_ACTIVE_LONG_PRESS_IN' | 'RESPONDER_ACTIVE_LONG_PRESS_OUT' | 'ERROR';
+/**
+ * Signals into the gesture responder system
+ */
+export type ISignal = 'DELAY' | 'RESPONDER_GRANT' | 'RESPONDER_RELEASE' | 'RESPONDER_TERMINATED' | 'ENTER_PRESS_RECT' | 'LEAVE_PRESS_RECT' | 'LONG_PRESS_DETECTED';
+type ISignalTransitions = {
+    [P in ISignal]: IState;
+};
+/**
+ * Map of State to [Signal to State],
+ * describing state transition maps
+ */
+export type ITransitions = {
+    [P in IState]: ISignalTransitions;
+};
+/**
+ * Describes lookup maps of states meeting
+ * some specified criteria
+ */
+export type IStateConditions = {
+    [P in IState]: boolean;
+};
+/**
+ * Describes the position at which an event occurred
+ */
+export interface IPosition {
+    left: number;
+    top: number;
+}
+/**
+ * Describes the height and width of a control
+ */
+export interface IDimensions {
+    width: number;
+    height: number;
+}
+/**
+ * Describes a touch
+ */
+export interface ITouchInfo {
+    touchActive: boolean;
+    startPageX: number;
+    startPageY: number;
+    startTimeStamp: number;
+    currentPageX: number;
+    currentPageY: number;
+    currentTimeStamp: number;
+    previousPageX: number;
+    previousPageY: number;
+    previousTimeStamp: number;
+}
+/**
+ * More fully defines an event by augmenting touchHistory
+ */
+export interface IResponderSyntheticEvent<T> extends NativeSyntheticEvent<T> {
+    touchHistory: {
+        indexOfSingleActiveTouch: number;
+        mostRecentTimeStamp: number;
+        numberActiveTouches: number;
+        touchBank: ITouchInfo[];
+    };
+}
+/**
+ * This encompasses all information used by TouchableWin32 based controls
+ * during callbacks and in response to press events
+ */
+export type IPressEvent = IResponderSyntheticEvent<{
+    changedTouches: IPressEvent[];
+    force: number;
+    identifier: number;
+    locationX: number;
+    locationY: number;
+    pageX: number;
+    pageY: number;
+    target?: number;
+    timestamp: number;
+    touches: IPressEvent[];
+}> & GestureResponderEvent;
+/**
+ * Describes both the global and relative position of a press
+ */
+export interface IPressInLocation {
+    pageX: number;
+    pageY: number;
+    locationX: number;
+    locationY: number;
+}
+/**
+ * Used by IRenderChild, it simply describes a function that takes
+ * some generic state type T and returns a ReactNode
+ */
+export type IChildAsFunction<T> = (state: T) => React.ReactNode;
+/**
+ * An IRenderChild describes children as a function that take the current
+ * state of the parent component. It is up to the parent to invoke the function
+ * and make proper use of the more typical ReactNode object that is returned
+ * This is an especially helpful construct when children of a Touchable require
+ * knowledge of the interaction state of their parent to properly render themselves
+ * (e.g. foreground color of a text child)
+ */
+export type IRenderChild<T> = IChildAsFunction<T> | React.ReactNode;
+/**
+ * An IRenderStyle describes style as a function that takes the current
+ * state of the parent component. It is up to the parent to invoke the function
+ * and make proper use of the more typical StyleProp<S> object that is returned
+ * This is convenient for when styles need to be calculated depending on interaction states.
+ */
+export type IRenderStyle<T, S> = (state: T) => StyleProp<S>;
+export {};

package/Libraries/Components/Touchable/TouchableWin32.Types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG91Y2hhYmxlV2luMzIuVHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvTGlicmFyaWVzL0NvbXBvbmVudHMvVG91Y2hhYmxlL1RvdWNoYWJsZVdpbjMyLlR5cGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgR2VzdHVyZVJlc3BvbmRlckV2ZW50LCBTdHlsZVByb3AsIE5hdGl2ZVN5bnRoZXRpY0V2ZW50IH0gZnJvbSAncmVhY3QtbmF0aXZlJztcblxuLyoqXG4gKiBHZXN0dXJlIHJlc3BvbmRlciBzdGF0ZXNcbiAqL1xuZXhwb3J0IHR5cGUgSVN0YXRlID1cbiAgfCAnTk9UX1JFU1BPTkRFUidcbiAgfCAnUkVTUE9OREVSX0lOQUNUSVZFX1BSRVNTX0lOJ1xuICB8ICdSRVNQT05ERVJfSU5BQ1RJVkVfUFJFU1NfT1VUJ1xuICB8ICdSRVNQT05ERVJfQUNUSVZFX1BSRVNTX0lOJ1xuICB8ICdSRVNQT05ERVJfQUNUSVZFX1BSRVNTX09VVCdcbiAgfCAnUkVTUE9OREVSX0FDVElWRV9MT05HX1BSRVNTX0lOJ1xuICB8ICdSRVNQT05ERVJfQUNUSVZFX0xPTkdfUFJFU1NfT1VUJ1xuICB8ICdFUlJPUic7XG5cbi8qKlxuICogU2lnbmFscyBpbnRvIHRoZSBnZXN0dXJlIHJlc3BvbmRlciBzeXN0ZW1cbiAqL1xuZXhwb3J0IHR5cGUgSVNpZ25hbCA9XG4gIHwgJ0RFTEFZJ1xuICB8ICdSRVNQT05ERVJfR1JBTlQnXG4gIHwgJ1JFU1BPTkRFUl9SRUxFQVNFJ1xuICB8ICdSRVNQT05ERVJfVEVSTUlOQVRFRCdcbiAgfCAnRU5URVJfUFJFU1NfUkVDVCdcbiAgfCAnTEVBVkVfUFJFU1NfUkVDVCdcbiAgfCAnTE9OR19QUkVTU19ERVRFQ1RFRCc7XG5cbnR5cGUgSVNpZ25hbFRyYW5zaXRpb25zID0geyBbUCBpbiBJU2lnbmFsXTogSVN0YXRlIH07XG5cbi8qKlxuICogTWFwIG9mIFN0YXRlIHRvIFtTaWduYWwgdG8gU3RhdGVdLFxuICogZGVzY3JpYmluZyBzdGF0ZSB0cmFuc2l0aW9uIG1hcHNcbiAqL1xuZXhwb3J0IHR5cGUgSVRyYW5zaXRpb25zID0geyBbUCBpbiBJU3RhdGVdOiBJU2lnbmFsVHJhbnNpdGlvbnMgfTtcblxuLyoqXG4gKiBEZXNjcmliZXMgbG9va3VwIG1hcHMgb2Ygc3RhdGVzIG1lZXRpbmdcbiAqIHNvbWUgc3BlY2lmaWVkIGNyaXRlcmlhXG4gKi9cbmV4cG9ydCB0eXBlIElTdGF0ZUNvbmRpdGlvbnMgPSB7IFtQIGluIElTdGF0ZV06IGJvb2xlYW4gfTtcblxuLyoqXG4gKiBEZXNjcmliZXMgdGhlIHBvc2l0aW9uIGF0IHdoaWNoIGFuIGV2ZW50IG9jY3VycmVkXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgSVBvc2l0aW9uIHtcbiAgbGVmdDogbnVtYmVyO1xuICB0b3A6IG51bWJlcjtcbn1cblxuLyoqXG4gKiBEZXNjcmliZXMgdGhlIGhlaWdodCBhbmQgd2lkdGggb2YgYSBjb250cm9sXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgSURpbWVuc2lvbnMge1xuICB3aWR0aDogbnVtYmVyO1xuICBoZWlnaHQ6IG51bWJlcjtcbn1cblxuLyoqXG4gKiBEZXNjcmliZXMgYSB0b3VjaFxuICovXG5leHBvcnQgaW50ZXJmYWNlIElUb3VjaEluZm8ge1xuICB0b3VjaEFjdGl2ZTogYm9vbGVhbjtcbiAgc3RhcnRQYWdlWDogbnVtYmVyO1xuICBzdGFydFBhZ2VZOiBudW1iZXI7XG4gIHN0YXJ0VGltZVN0YW1wOiBudW1iZXI7XG4gIGN1cnJlbnRQYWdlWDogbnVtYmVyO1xuICBjdXJyZW50UGFnZVk6IG51bWJlcjtcbiAgY3VycmVudFRpbWVTdGFtcDogbnVtYmVyO1xuICBwcmV2aW91c1BhZ2VYOiBudW1iZXI7XG4gIHByZXZpb3VzUGFnZVk6IG51bWJlcjtcbiAgcHJldmlvdXNUaW1lU3RhbXA6IG51bWJlcjtcbn1cblxuLyoqXG4gKiBNb3JlIGZ1bGx5IGRlZmluZXMgYW4gZXZlbnQgYnkgYXVnbWVudGluZyB0b3VjaEhpc3RvcnlcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBJUmVzcG9uZGVyU3ludGhldGljRXZlbnQ8VD4gZXh0ZW5kcyBOYXRpdmVTeW50aGV0aWNFdmVudDxUPiB7XG4gIHRvdWNoSGlzdG9yeToge1xuICAgIGluZGV4T2ZTaW5nbGVBY3RpdmVUb3VjaDogbnVtYmVyO1xuICAgIG1vc3RSZWNlbnRUaW1lU3RhbXA6IG51bWJlcjtcbiAgICBudW1iZXJBY3RpdmVUb3VjaGVzOiBudW1iZXI7XG4gICAgdG91Y2hCYW5rOiBJVG91Y2hJbmZvW107XG4gIH07XG59XG5cbi8qKlxuICogVGhpcyBlbmNvbXBhc3NlcyBhbGwgaW5mb3JtYXRpb24gdXNlZCBieSBUb3VjaGFibGVXaW4zMiBiYXNlZCBjb250cm9sc1xuICogZHVyaW5nIGNhbGxiYWNrcyBhbmQgaW4gcmVzcG9uc2UgdG8gcHJlc3MgZXZlbnRzXG4gKi9cbmV4cG9ydCB0eXBlIElQcmVzc0V2ZW50ID0gSVJlc3BvbmRlclN5bnRoZXRpY0V2ZW50PHtcbiAgY2hhbmdlZFRvdWNoZXM6IElQcmVzc0V2ZW50W107XG4gIGZvcmNlOiBudW1iZXI7XG4gIGlkZW50aWZpZXI6IG51bWJlcjtcbiAgbG9jYXRpb25YOiBudW1iZXI7XG4gIGxvY2F0aW9uWTogbnVtYmVyO1xuICBwYWdlWDogbnVtYmVyO1xuICBwYWdlWTogbnVtYmVyO1xuICB0YXJnZXQ/OiBudW1iZXI7XG4gIHRpbWVzdGFtcDogbnVtYmVyO1xuICB0b3VjaGVzOiBJUHJlc3NFdmVudFtdO1xufT4gJlxuICBHZXN0dXJlUmVzcG9uZGVyRXZlbnQ7XG5cbi8qKlxuICogRGVzY3JpYmVzIGJvdGggdGhlIGdsb2JhbCBhbmQgcmVsYXRpdmUgcG9zaXRpb24gb2YgYSBwcmVzc1xuICovXG5leHBvcnQgaW50ZXJmYWNlIElQcmVzc0luTG9jYXRpb24ge1xuICBwYWdlWDogbnVtYmVyO1xuICBwYWdlWTogbnVtYmVyO1xuICBsb2NhdGlvblg6IG51bWJlcjtcbiAgbG9jYXRpb25ZOiBudW1iZXI7XG59XG5cbi8qKlxuICogVXNlZCBieSBJUmVuZGVyQ2hpbGQsIGl0IHNpbXBseSBkZXNjcmliZXMgYSBmdW5jdGlvbiB0aGF0IHRha2VzXG4gKiBzb21lIGdlbmVyaWMgc3RhdGUgdHlwZSBUIGFuZCByZXR1cm5zIGEgUmVhY3ROb2RlXG4gKi9cbmV4cG9ydCB0eXBlIElDaGlsZEFzRnVuY3Rpb248VD4gPSAoc3RhdGU6IFQpID0+IFJlYWN0LlJlYWN0Tm9kZTtcblxuLyoqXG4gKiBBbiBJUmVuZGVyQ2hpbGQgZGVzY3JpYmVzIGNoaWxkcmVuIGFzIGEgZnVuY3Rpb24gdGhhdCB0YWtlIHRoZSBjdXJyZW50XG4gKiBzdGF0ZSBvZiB0aGUgcGFyZW50IGNvbXBvbmVudC4gSXQgaXMgdXAgdG8gdGhlIHBhcmVudCB0byBpbnZva2UgdGhlIGZ1bmN0aW9uXG4gKiBhbmQgbWFrZSBwcm9wZXIgdXNlIG9mIHRoZSBtb3JlIHR5cGljYWwgUmVhY3ROb2RlIG9iamVjdCB0aGF0IGlzIHJldHVybmVkXG4gKiBUaGlzIGlzIGFuIGVzcGVjaWFsbHkgaGVscGZ1bCBjb25zdHJ1Y3Qgd2hlbiBjaGlsZHJlbiBvZiBhIFRvdWNoYWJsZSByZXF1aXJlXG4gKiBrbm93bGVkZ2Ugb2YgdGhlIGludGVyYWN0aW9uIHN0YXRlIG9mIHRoZWlyIHBhcmVudCB0byBwcm9wZXJseSByZW5kZXIgdGhlbXNlbHZlc1xuICogKGUuZy4gZm9yZWdyb3VuZCBjb2xvciBvZiBhIHRleHQgY2hpbGQpXG4gKi9cbmV4cG9ydCB0eXBlIElSZW5kZXJDaGlsZDxUPiA9IElDaGlsZEFzRnVuY3Rpb248VD4gfCBSZWFjdC5SZWFjdE5vZGU7XG5cbi8qKlxuICogQW4gSVJlbmRlclN0eWxlIGRlc2NyaWJlcyBzdHlsZSBhcyBhIGZ1bmN0aW9uIHRoYXQgdGFrZXMgdGhlIGN1cnJlbnRcbiAqIHN0YXRlIG9mIHRoZSBwYXJlbnQgY29tcG9uZW50LiBJdCBpcyB1cCB0byB0aGUgcGFyZW50IHRvIGludm9rZSB0aGUgZnVuY3Rpb25cbiAqIGFuZCBtYWtlIHByb3BlciB1c2Ugb2YgdGhlIG1vcmUgdHlwaWNhbCBTdHlsZVByb3A8Uz4gb2JqZWN0IHRoYXQgaXMgcmV0dXJuZWRcbiAqIFRoaXMgaXMgY29udmVuaWVudCBmb3Igd2hlbiBzdHlsZXMgbmVlZCB0byBiZSBjYWxjdWxhdGVkIGRlcGVuZGluZyBvbiBpbnRlcmFjdGlvbiBzdGF0ZXMuXG4gKi9cbmV4cG9ydCB0eXBlIElSZW5kZXJTdHlsZTxULCBTPiA9IChzdGF0ZTogVCkgPT4gU3R5bGVQcm9wPFM+O1xuIl19
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=TouchableWin32.Types.js.map

package/Libraries/Components/Touchable/TouchableWin32.Types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TouchableWin32.Types.js","sourceRoot":"","sources":["../../../src-win/Libraries/Components/Touchable/TouchableWin32.Types.tsx"],"names":[],"mappings":"","sourcesContent":["import React from 'react'\nimport { GestureResponderEvent, StyleProp, NativeSyntheticEvent } from 'react-native';\n\n/**\n * Gesture responder states\n */\nexport type IState =\n  | 'NOT_RESPONDER'\n  | 'RESPONDER_INACTIVE_PRESS_IN'\n  | 'RESPONDER_INACTIVE_PRESS_OUT'\n  | 'RESPONDER_ACTIVE_PRESS_IN'\n  | 'RESPONDER_ACTIVE_PRESS_OUT'\n  | 'RESPONDER_ACTIVE_LONG_PRESS_IN'\n  | 'RESPONDER_ACTIVE_LONG_PRESS_OUT'\n  | 'ERROR';\n\n/**\n * Signals into the gesture responder system\n */\nexport type ISignal =\n  | 'DELAY'\n  | 'RESPONDER_GRANT'\n  | 'RESPONDER_RELEASE'\n  | 'RESPONDER_TERMINATED'\n  | 'ENTER_PRESS_RECT'\n  | 'LEAVE_PRESS_RECT'\n  | 'LONG_PRESS_DETECTED';\n\ntype ISignalTransitions = { [P in ISignal]: IState };\n\n/**\n * Map of State to [Signal to State],\n * describing state transition maps\n */\nexport type ITransitions = { [P in IState]: ISignalTransitions };\n\n/**\n * Describes lookup maps of states meeting\n * some specified criteria\n */\nexport type IStateConditions = { [P in IState]: boolean };\n\n/**\n * Describes the position at which an event occurred\n */\nexport interface IPosition {\n  left: number;\n  top: number;\n}\n\n/**\n * Describes the height and width of a control\n */\nexport interface IDimensions {\n  width: number;\n  height: number;\n}\n\n/**\n * Describes a touch\n */\nexport interface ITouchInfo {\n  touchActive: boolean;\n  startPageX: number;\n  startPageY: number;\n  startTimeStamp: number;\n  currentPageX: number;\n  currentPageY: number;\n  currentTimeStamp: number;\n  previousPageX: number;\n  previousPageY: number;\n  previousTimeStamp: number;\n}\n\n/**\n * More fully defines an event by augmenting touchHistory\n */\nexport interface IResponderSyntheticEvent<T> extends NativeSyntheticEvent<T> {\n  touchHistory: {\n    indexOfSingleActiveTouch: number;\n    mostRecentTimeStamp: number;\n    numberActiveTouches: number;\n    touchBank: ITouchInfo[];\n  };\n}\n\n/**\n * This encompasses all information used by TouchableWin32 based controls\n * during callbacks and in response to press events\n */\nexport type IPressEvent = IResponderSyntheticEvent<{\n  changedTouches: IPressEvent[];\n  force: number;\n  identifier: number;\n  locationX: number;\n  locationY: number;\n  pageX: number;\n  pageY: number;\n  target?: number;\n  timestamp: number;\n  touches: IPressEvent[];\n}> &\n  GestureResponderEvent;\n\n/**\n * Describes both the global and relative position of a press\n */\nexport interface IPressInLocation {\n  pageX: number;\n  pageY: number;\n  locationX: number;\n  locationY: number;\n}\n\n/**\n * Used by IRenderChild, it simply describes a function that takes\n * some generic state type T and returns a ReactNode\n */\nexport type IChildAsFunction<T> = (state: T) => React.ReactNode;\n\n/**\n * An IRenderChild describes children as a function that take the current\n * state of the parent component. It is up to the parent to invoke the function\n * and make proper use of the more typical ReactNode object that is returned\n * This is an especially helpful construct when children of a Touchable require\n * knowledge of the interaction state of their parent to properly render themselves\n * (e.g. foreground color of a text child)\n */\nexport type IRenderChild<T> = IChildAsFunction<T> | React.ReactNode;\n\n/**\n * An IRenderStyle describes style as a function that takes the current\n * state of the parent component. It is up to the parent to invoke the function\n * and make proper use of the more typical StyleProp<S> object that is returned\n * This is convenient for when styles need to be calculated depending on interaction states.\n */\nexport type IRenderStyle<T, S> = (state: T) => StyleProp<S>;\n"]}