microsoft · rectified95 · Jun 8, 2021 · Jun 7, 2021 · Jun 8, 2021 · Jun 8, 2021
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Integrate May 19th",
+  "packageName": "@office-iss/react-native-win32",
+  "email": "igklemen@microsoft.com",
+  "dependentChangeType": "patch"
+}
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate May 19th",
+  "packageName": "@rnw-scripts/babel-node-config",
+  "email": "igklemen@microsoft.com",
+  "dependentChangeType": "patch"
+}
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate May 19th",
+  "packageName": "@rnw-scripts/doxysaurus",
+  "email": "igklemen@microsoft.com",
+  "dependentChangeType": "patch"
+}
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate May 19th",
+  "packageName": "@rnw-scripts/integrate-rn",
+  "email": "igklemen@microsoft.com",
+  "dependentChangeType": "patch"
+}
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate May 19th",
+  "packageName": "@rnw-scripts/jest-debug-config",
+  "email": "igklemen@microsoft.com",
+  "dependentChangeType": "patch"
+}
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate May 19th",
+  "packageName": "@rnw-scripts/jest-e2e-config",
+  "email": "igklemen@microsoft.com",
+  "dependentChangeType": "patch"
+}
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate May 19th",
+  "packageName": "@rnw-scripts/jest-unittest-config",
+  "email": "igklemen@microsoft.com",
+  "dependentChangeType": "patch"
+}
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate May 19th",
+  "packageName": "node-rnw-rpc",
+  "email": "igklemen@microsoft.com",
+  "dependentChangeType": "patch"
+}
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Integrate May 19th",
+  "packageName": "react-native-platform-override",
+  "email": "igklemen@microsoft.com",
+  "dependentChangeType": "patch"
+}
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Integrate May 19th",
+  "packageName": "react-native-windows",
+  "email": "igklemen@microsoft.com",
+  "dependentChangeType": "patch"
+}
@@ -5,7 +5,7 @@
   "excludePatterns": [
     "src/js/examples-win32/**"
   ],
-  "baseVersion": "0.0.0-903eae491",
+  "baseVersion": "0.0.0-b2ec89fdf",
   "overrides": [
     {
       "type": "patch",

@@ -16,7 +16,7 @@
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.0.0-canary.93",
     "react": "17.0.2",
-    "react-native": "0.0.0-903eae491"
+    "react-native": "0.0.0-b2ec89fdf"
   },
   "devDependencies": {
     "@office-iss/react-native-win32": "^0.0.0-canary.93",
@@ -26,7 +26,7 @@
     "@types/node": "^14.14.22",
     "eslint": "7.12.0",
     "just-scripts": "^1.3.3",
-    "react-native": "0.0.0-903eae491",
+    "react-native": "0.0.0-b2ec89fdf",
     "react-native-platform-override": "^1.4.15",
     "typescript": "^3.8.3"
   }

@@ -111,4 +111,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.150.0
+^0.151.0
@@ -3,13 +3,13 @@
     ".flowconfig",
     "src/**"
   ],
-  "baseVersion": "0.0.0-903eae491",
+  "baseVersion": "0.0.0-b2ec89fdf",
   "overrides": [
     {
       "type": "derived",
       "file": ".flowconfig",
       "baseFile": ".flowconfig",
-      "baseHash": "4ffdd0f412a3de45ad8a532a4d105b22f0d5ea49"
+      "baseHash": "d1aa1043bb0f92bda99d69376c385189ce35a406"
     },
     {
       "type": "derived",

@@ -61,19 +61,19 @@
     "@types/react-native": "^0.64.4",
     "babel-eslint": "^10.1.0",
     "eslint": "7.12.0",
-    "flow-bin": "^0.150.0",
+    "flow-bin": "^0.151.0",
     "jscodeshift": "^0.11.0",
     "just-scripts": "^1.3.3",
     "prettier": "1.19.1",
     "react": "17.0.2",
-    "react-native": "0.0.0-903eae491",
+    "react-native": "0.0.0-b2ec89fdf",
     "react-native-platform-override": "^1.4.15",
     "react-shallow-renderer": "16.14.1",
     "typescript": "^3.8.3"
   },
   "peerDependencies": {
     "react": "17.0.2",
-    "react-native": "0.0.0-903eae491"
+    "react-native": "0.0.0-b2ec89fdf"
   },
   "beachball": {
     "defaultNpmTag": "canary",

@@ -5,7 +5,7 @@
   "excludePatterns": [
     "src/js/examples-win/**"
   ],
-  "baseVersion": "0.0.0-903eae491",
+  "baseVersion": "0.0.0-b2ec89fdf",
   "overrides": [
     {
       "type": "patch",

@@ -15,7 +15,7 @@
   },
   "peerDependencies": {
     "react": "17.0.2",
-    "react-native": "0.0.0-903eae491",
+    "react-native": "0.0.0-b2ec89fdf",
     "react-native-windows": "^0.0.0-canary.319"
   },
   "devDependencies": {
@@ -25,7 +25,7 @@
     "@types/node": "^14.14.22",
     "eslint": "7.12.0",
     "just-scripts": "^1.3.3",
-    "react-native": "0.0.0-903eae491",
+    "react-native": "0.0.0-b2ec89fdf",
     "react-native-platform-override": "^1.4.15",
     "react-native-windows": "^0.0.0-canary.319",
     "typescript": "^3.8.3"

@@ -1,11 +1,11 @@
 {
-  "baseVersion": "0.0.0-903eae491",
+  "baseVersion": "0.0.0-b2ec89fdf",
   "overrides": [
     {
       "type": "copy",
       "file": "package.json",
       "baseFile": "repo-config/package.json",
-      "baseHash": "764bb6c462ed2962a31a1f16b90332ba03d08e98"
+      "baseHash": "8ffeeb583d2173c076cd857c218afe4bfe432855"
     }
   ]
 }
@@ -9,8 +9,8 @@
     "url": "git@github.com:facebook/react-native.git"
   },
   "dependencies": {
-    "@babel/core": "^7.0.0",
-    "@babel/generator": "^7.5.0",
+    "@babel/core": "^7.14.0",
+    "@babel/generator": "^7.14.0",
     "@react-native-community/eslint-plugin": "*",
     "@reactions/component": "^2.0.2",
     "async": "^2.4.0",
@@ -33,7 +33,7 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-react-native": "3.10.0",
     "eslint-plugin-relay": "1.8.1",
-    "flow-bin": "^0.150.0",
+    "flow-bin": "^0.151.0",
     "jest": "^26.6.3",
     "jest-junit": "^10.0.0",
     "jscodeshift": "^0.11.0",

@@ -161,6 +161,18 @@ class AccessibilityExample extends React.Component<{}> {
           </TouchableOpacity>
         </RNTesterBlock>
 
+        <RNTesterBlock title="Disabled TouchableOpacity">
+          <TouchableOpacity
+            onPress={() => Alert.alert('Disabled Button has been pressed!')}
+            accessibilityLabel={'You are pressing Disabled TouchableOpacity'}
+            accessibilityState={{disabled: true}}>
+            <View>
+              <Text>
+                I am disabled. Clicking me will not trigger any action.
+              </Text>
+            </View>
+          </TouchableOpacity>
+        </RNTesterBlock>
         <RNTesterBlock title="View with multiple states">
           <View
             accessible={true}

@@ -13,6 +13,7 @@
 import type {RNTesterExampleModuleItem} from '../../types/RNTesterTypes';
 import RotatingImagesExample from './RotatingImagesExample';
 import ContinuousInteractionsExample from './ContinuousInteractionsExample';
+import LoopingExample from './LoopingExample';
 import MovingBoxExample from './MovingBoxExample';
 import FadeInViewExample from './FadeInViewExample';
 import ComposeAnimationsWithEasingExample from './ComposeAnimationsWithEasingExample';
@@ -32,5 +33,6 @@ exports.examples = ([
   RotatingImagesExample,
   MovingBoxExample,
   TransformBounceExample,
+  LoopingExample,
   ContinuousInteractionsExample,
 ]: Array<RNTesterExampleModuleItem>);
@@ -0,0 +1,72 @@
+/**
+ * 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 strict-local
+ * @format
+ */
+
+import RNTesterButton from '../../components/RNTesterButton';
+import type {RNTesterExampleModuleItem} from '../../types/RNTesterTypes';
+import {Animated, StyleSheet, Text, View} from 'react-native';
+import * as React from 'react';
+import {useEffect, useState} from 'react';
+
+export default ({
+  title: 'Looping Example',
+  name: 'loopingView',
+  description: 'Native looping animation that shrinks and fades out a view.',
+  render: () => <LoopingExample />,
+}: RNTesterExampleModuleItem);
+
+function LoopingExample(props: {}): React.Node {
+  const [running, setRunning] = useState(false);
+  const [opacity] = useState(() => new Animated.Value(1));
+  const [scale] = useState(() => new Animated.Value(1));
+
+  useEffect(() => {
+    if (!running) {
+      return;
+    }
+    const options = {
+      duration: 1000,
+      toValue: 0,
+      useNativeDriver: true,
+    };
+    const animation = Animated.loop(
+      Animated.parallel([
+        Animated.timing(opacity, options),
+        Animated.timing(scale, options),
+      ]),
+    );
+    animation.start();
+    return () => {
+      animation.reset();
+    };
+  }, [opacity, running, scale]);
+
+  return (
+    <View>
+      <RNTesterButton onPress={() => setRunning(!running)}>
+        Press to {running ? 'Reset' : 'Start'}
+      </RNTesterButton>
+      <Animated.View style={[styles.view, {opacity, transform: [{scale}]}]}>
+        <Text>Looping!</Text>
+      </Animated.View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  view: {
+    backgroundColor: 'deepskyblue',
+    borderWidth: 1,
+    borderColor: 'dodgerblue',
+    borderRadius: 10,
+    padding: 20,
+    alignItems: 'center',
+    margin: 20,
+  },
+});
@@ -367,7 +367,7 @@ class TokenizedTextExample extends React.Component<
 type SelectionExampleState = {
   selection: $ReadOnly<{|
     start: number,
-    end?: number,
+    end: number,
   |}>,
   value: string,
   ...
@@ -436,7 +436,8 @@ class SelectionExample extends React.Component<
         </View>
         <View>
           <Text testID={`${this.props.testID}-selection`}>
-            selection = {JSON.stringify(this.state.selection).replace(/"/g, '')}
+            selection ={' '}
+            {`{start:${this.state.selection.start},end:${this.state.selection.end}}`}
           </Text>
           <Text
             testID={`${this.props.testID}-cursor-start`}

@@ -1,11 +1,11 @@
 {
-  "baseVersion": "0.0.0-903eae491",
+  "baseVersion": "0.0.0-b2ec89fdf",
   "overrides": [
     {
       "type": "copy",
       "directory": "js",
       "baseDirectory": "packages/rn-tester/js",
-      "baseHash": "0a9b00ba0998eebf735bdf7b1698a975391fbc95",
+      "baseHash": "fc081c207d870c9aa70e92632c36d7c88ffec7b9",
       "issue": 4054
     },
     {

@@ -4,7 +4,7 @@
   "license": "MIT",
   "main": "babel.config.js",
   "devDependencies": {
-    "@babel/core": "^7.8.4",
+    "@babel/core": "^7.14.0",
     "@babel/preset-env": "^7.8.4",
     "@babel/preset-typescript": "^7.8.3",
     "@types/node": "^14.14.22",

@@ -23,7 +23,7 @@
     "yargs": "^16.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.8.4",
+    "@babel/core": "^7.14.0",
     "@babel/preset-env": "^7.8.4",
     "@babel/preset-typescript": "^7.8.3",
     "@rnw-scripts/eslint-config": "1.1.7",

@@ -25,7 +25,7 @@
     "yargs": "^16.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.8.4",
+    "@babel/core": "^7.14.0",
     "@babel/preset-env": "^7.8.4",
     "@babel/preset-typescript": "^7.8.3",
     "@rnw-scripts/eslint-config": "1.1.7",

@@ -7,7 +7,7 @@
     "@rnw-scripts/babel-node-config": "2.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.8.4",
+    "@babel/core": "^7.14.0",
     "@babel/preset-env": "^7.8.4",
     "@babel/preset-typescript": "^7.8.3",
     "babel-jest": "^26.3.0",

@@ -7,7 +7,7 @@
     "@rnw-scripts/babel-node-config": "2.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.8.4",
+    "@babel/core": "^7.14.0",
     "@babel/preset-env": "^7.8.4",
     "@babel/preset-typescript": "^7.8.3",
     "babel-jest": "^26.3.0",