react-native-windows 0.71.10 → 0.72.0-preview.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-windows",
-  "version": "0.71.10",
+  "version": "0.72.0-preview.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -23,73 +23,77 @@
   "dependencies": {
     "@babel/runtime": "^7.0.0",
     "@jest/create-cache-key-function": "^29.2.1",
-    "@react-native-community/cli": "10.2.2",
-    "@react-native-community/cli-platform-android": "10.2.0",
-    "@react-native-community/cli-platform-ios": "10.2.1",
-    "@react-native-windows/cli": "0.71.5",
+    "@react-native-community/cli": "11.2.0",
+    "@react-native-community/cli-platform-android": "11.2.0",
+    "@react-native-community/cli-platform-ios": "11.2.0",
+    "@react-native-windows/cli": "0.72.0-preview.2",
     "@react-native/assets": "1.0.0",
-    "@react-native/normalize-color": "2.1.0",
-    "@react-native/polyfills": "2.0.0",
+    "@react-native/assets-registry": "^0.72.0",
+    "@react-native/codegen": "^0.72.3",
+    "@react-native/gradle-plugin": "^0.72.5",
+    "@react-native/js-polyfills": "^0.72.1",
+    "@react-native/normalize-colors": "^0.72.0",
+    "@react-native/virtualized-lists": "^0.72.2",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "base64-js": "^1.1.2",
-    "deprecated-react-native-prop-types": "^3.0.1",
+    "deprecated-react-native-prop-types": "^4.0.0",
     "event-target-shim": "^5.0.1",
+    "flow-enums-runtime": "^0.0.5",
     "invariant": "^2.2.4",
     "jest-environment-node": "^29.2.1",
+    "jsc-android": "^250231.0.0",
     "memoize-one": "^5.0.0",
-    "metro-react-native-babel-transformer": "0.73.9",
-    "metro-runtime": "0.73.9",
-    "metro-source-map": "0.73.9",
+    "metro-runtime": "0.76.2",
+    "metro-source-map": "0.76.2",
     "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1",
     "pretty-format": "^26.5.2",
     "promise": "^8.3.0",
-    "react-devtools-core": "^4.26.1",
-    "react-native-codegen": "^0.71.5",
+    "react-devtools-core": "^4.27.2",
     "react-refresh": "^0.4.0",
     "react-shallow-renderer": "^16.15.0",
     "regenerator-runtime": "^0.13.2",
     "scheduler": "^0.23.0",
     "source-map-support": "^0.5.19",
-    "stacktrace-parser": "^0.1.3",
-    "use-sync-external-store": "^1.0.0",
+    "stacktrace-parser": "^0.1.10",
     "whatwg-fetch": "^3.0.0",
-    "ws": "^6.2.2"
+    "ws": "^6.2.2",
+    "yargs": "^17.6.2"
   },
   "devDependencies": {
-    "@react-native-windows/codegen": "0.71.3",
+    "@react-native-windows/codegen": "0.72.0-preview.2",
     "@rnw-scripts/babel-react-native-config": "0.0.0",
-    "@rnw-scripts/eslint-config": "1.1.14",
-    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.0",
-    "@rnw-scripts/just-task": "2.3.3",
+    "@rnw-scripts/eslint-config": "1.1.15",
+    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.1",
+    "@rnw-scripts/just-task": "2.3.6",
     "@rnw-scripts/metro-dev-config": "0.0.0",
     "@rnx-kit/jest-preset": "^0.1.0",
-    "@types/node": "^14.14.22",
+    "@types/node": "^16.0.0",
     "@types/react": "^18.0.18",
     "eslint": "^8.19.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "flow-bin": "^0.191.0",
-    "jscodeshift": "^0.13.1",
+    "flow-bin": "^0.202.0",
+    "jscodeshift": "^0.14.0",
     "just-scripts": "^1.3.3",
-    "metro-config": "0.73.9",
+    "metro-config": "0.76.2",
     "prettier": "^2.4.1",
     "react": "18.2.0",
-    "react-native": "0.71.6",
-    "react-native-platform-override": "^1.8.3",
+    "react-native": "0.72.0-rc.1",
+    "react-native-platform-override": "^1.9.4",
     "react-refresh": "^0.4.0",
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
     "react": "18.2.0",
-    "react-native": "^0.71.0"
+    "react-native": "0.0.0-20230321-2153-7b86e3aae"
   },
   "beachball": {
-    "defaultNpmTag": "latest",
+    "defaultNpmTag": "preview",
     "disallowedChangeTypes": [
       "major",
       "minor",
-      "prerelease"
+      "patch"
     ],
     "gitTags": true
   },
@@ -117,7 +121,6 @@
     "/Shared",
     "/stubs",
     "/template",
-    "types",
     "/rntypes",
     "/.flowconfig",
     "/Directory.Build.props",
@@ -141,6 +144,6 @@
   ],
   "promoteRelease": true,
   "engines": {
-    "node": ">= 14"
+    "node": ">= 16"
   }
 }

package/rn-get-polyfills.js

@@ -9,4 +9,4 @@
 
 'use strict';
 
-module.exports = require('@react-native/polyfills');
+module.exports = require('@react-native/js-polyfills');

package/template/metro.config.js

@@ -32,5 +32,7 @@ module.exports = {
         inlineRequires: true,
       },
     }),
+    // This fixes the 'missing-asset-registry-path` error (see https://github.com/microsoft/react-native-windows/issues/11437)
+    assetRegistryPath: 'react-native/Libraries/Image/AssetRegistry',
   },
 };

package/Libraries/Animated/createAnimatedComponentInjection.js

@@ -1,48 +0,0 @@
-/**
- * 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.
- *
- * @flow strict-local
- * @format
- */
-
-import * as React from 'react';
-
-type createAnimatedComponent = <TProps: {...}, TInstance>(
-  Component: React.AbstractComponent<TProps, TInstance>,
-) => React.AbstractComponent<TProps, TInstance>;
-
-// This can be undefined, null, or the experimental implementation. If this is
-// null, that means `createAnimatedComponent` has already been initialized and
-// it is too late to call `inject`.
-let injected: ?createAnimatedComponent;
-
-/**
- * Call during bundle initialization to opt-in to new `createAnimatedComponent`.
- */
-export function inject(newInjected: createAnimatedComponent): void {
-  if (injected !== undefined) {
-    if (__DEV__) {
-      console.error(
-        'createAnimatedComponentInjection: ' +
-          (injected == null
-            ? 'Must be called before `createAnimatedComponent`.'
-            : 'Cannot be called more than once.'),
-      );
-    }
-    return;
-  }
-  injected = newInjected;
-}
-
-/**
- * Only called by `createAnimatedComponent.js`.
- */
-export function recordAndRetrieve(): createAnimatedComponent | null {
-  if (injected === undefined) {
-    injected = null;
-  }
-  return injected;
-}

package/Libraries/Animated/createAnimatedComponent_EXPERIMENTAL.js

@@ -1,48 +0,0 @@
-/**
- * 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.
- *
- * @flow strict-local
- * @format
- */
-
-import StyleSheet from '../StyleSheet/StyleSheet';
-import useMergeRefs from '../Utilities/useMergeRefs';
-import useAnimatedProps from './useAnimatedProps';
-import * as React from 'react';
-
-/**
- * Experimental implementation of `createAnimatedComponent` that is intended to
- * be compatible with concurrent rendering.
- */
-export default function createAnimatedComponent<TProps: {...}, TInstance>(
-  Component: React.AbstractComponent<TProps, TInstance>,
-): React.AbstractComponent<TProps, TInstance> {
-  return React.forwardRef((props, forwardedRef) => {
-    const [reducedProps, callbackRef] = useAnimatedProps<TProps, TInstance>(
-      props,
-    );
-    const ref = useMergeRefs<TInstance | null>(callbackRef, forwardedRef);
-
-    // Some components require explicit passthrough values for animation
-    // to work properly. For example, if an animated component is
-    // transformed and Pressable, onPress will not work after transform
-    // without these passthrough values.
-    // $FlowFixMe[prop-missing]
-    const {passthroughAnimatedPropExplicitValues, style} = reducedProps;
-    const {style: passthroughStyle, ...passthroughProps} =
-      passthroughAnimatedPropExplicitValues ?? {};
-    const mergedStyle = StyleSheet.compose(style, passthroughStyle);
-
-    return (
-      <Component
-        {...reducedProps}
-        {...passthroughProps}
-        style={mergedStyle}
-        ref={ref}
-      />
-    );
-  });
-}

package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.flow.js

@@ -1,208 +0,0 @@
-/**
- * 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.
- *
- * @flow strict-local
- * @format
- */
-
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {EventSubscription} from '../../vendor/emitter/EventEmitter';
-import type {ElementRef} from 'react';
-
-// Events that are only supported on Android.
-type AccessibilityEventDefinitionsAndroid = {
-  accessibilityServiceChanged: [boolean],
-};
-
-// Events that are only supported on iOS.
-type AccessibilityEventDefinitionsIOS = {
-  announcementFinished: [{announcement: string, success: boolean}],
-  boldTextChanged: [boolean],
-  grayscaleChanged: [boolean],
-  invertColorsChanged: [boolean],
-  reduceTransparencyChanged: [boolean],
-};
-
-type AccessibilityEventDefinitions = {
-  ...AccessibilityEventDefinitionsAndroid,
-  ...AccessibilityEventDefinitionsIOS,
-  change: [boolean], // screenReaderChanged
-  reduceMotionChanged: [boolean],
-  screenReaderChanged: [boolean],
-};
-
-type AccessibilityEventTypes = 'click' | 'focus';
-/**
- * Sometimes it's useful to know whether or not the device has a screen reader
- * that is currently active. The `AccessibilityInfo` API is designed for this
- * purpose. You can use it to query the current state of the screen reader as
- * well as to register to be notified when the state of the screen reader
- * changes.
- *
- * See https://reactnative.dev/docs/accessibilityinfo
- */
-export type AccessibilityInfoType = {
-  /**
-   * Query whether bold text is currently enabled.
-   *
-   * Returns a promise which resolves to a boolean.
-   * The result is `true` when bold text is enabled and `false` otherwise.
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo#isBoldTextEnabled
-   */
-  isBoldTextEnabled: () => Promise<boolean>,
-
-  /**
-   * Query whether grayscale is currently enabled.
-   *
-   * Returns a promise which resolves to a boolean.
-   * The result is `true` when grayscale is enabled and `false` otherwise.
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo#isGrayscaleEnabled
-   */
-  isGrayscaleEnabled: () => Promise<boolean>,
-
-  /**
-   * Query whether inverted colors are currently enabled.
-   *
-   * Returns a promise which resolves to a boolean.
-   * The result is `true` when invert color is enabled and `false` otherwise.
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo#isInvertColorsEnabled
-   */
-  isInvertColorsEnabled: () => Promise<boolean>,
-
-  /**
-   * Query whether reduced motion is currently enabled.
-   *
-   * Returns a promise which resolves to a boolean.
-   * The result is `true` when a reduce motion is enabled and `false` otherwise.
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo#isReduceMotionEnabled
-   */
-  isReduceMotionEnabled: () => Promise<boolean>,
-
-  /**
-   * Query whether reduce motion and prefer cross-fade transitions settings are currently enabled.
-   *
-   * Returns a promise which resolves to a boolean.
-   * The result is `true` when prefer cross-fade transitions is enabled and `false` otherwise.
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo#prefersCrossFadeTransitions
-   */
-  prefersCrossFadeTransitions: () => Promise<boolean>,
-
-  /**
-   * Query whether reduced transparency is currently enabled.
-   *
-   * Returns a promise which resolves to a boolean.
-   * The result is `true` when a reduce transparency is enabled and `false` otherwise.
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo#isReduceTransparencyEnabled
-   */
-  isReduceTransparencyEnabled: () => Promise<boolean>,
-
-  /**
-   * Query whether a screen reader is currently enabled.
-   *
-   * Returns a promise which resolves to a boolean.
-   * The result is `true` when a screen reader is enabled and `false` otherwise.
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo#isScreenReaderEnabled
-   */
-  isScreenReaderEnabled: () => Promise<boolean>,
-
-  /**
-   * Query whether Accessibility Service is currently enabled.
-   *
-   * Returns a promise which resolves to a boolean.
-   * The result is `true` when any service is enabled and `false` otherwise.
-   *
-   * @platform android
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo/#isaccessibilityserviceenabled-android
-   */
-  isAccessibilityServiceEnabled: () => Promise<boolean>,
-
-  /**
-   * Add an event handler. Supported events:
-   *
-   * - `reduceMotionChanged`: Fires when the state of the reduce motion toggle changes.
-   *   The argument to the event handler is a boolean. The boolean is `true` when a reduce
-   *   motion is enabled (or when "Transition Animation Scale" in "Developer options" is
-   *   "Animation off") and `false` otherwise.
-   * - `screenReaderChanged`: Fires when the state of the screen reader changes. The argument
-   *   to the event handler is a boolean. The boolean is `true` when a screen
-   *   reader is enabled and `false` otherwise.
-   *
-   * These events are only supported on iOS:
-   *
-   * - `boldTextChanged`: iOS-only event. Fires when the state of the bold text toggle changes.
-   *   The argument to the event handler is a boolean. The boolean is `true` when a bold text
-   *   is enabled and `false` otherwise.
-   * - `grayscaleChanged`: iOS-only event. Fires when the state of the gray scale toggle changes.
-   *   The argument to the event handler is a boolean. The boolean is `true` when a gray scale
-   *   is enabled and `false` otherwise.
-   * - `invertColorsChanged`: iOS-only event. Fires when the state of the invert colors toggle
-   *   changes. The argument to the event handler is a boolean. The boolean is `true` when a invert
-   *   colors is enabled and `false` otherwise.
-   * - `reduceTransparencyChanged`: iOS-only event. Fires when the state of the reduce transparency
-   *   toggle changes.  The argument to the event handler is a boolean. The boolean is `true`
-   *   when a reduce transparency is enabled and `false` otherwise.
-   * - `announcementFinished`: iOS-only event. Fires when the screen reader has
-   *   finished making an announcement. The argument to the event handler is a
-   *   dictionary with these keys:
-   *     - `announcement`: The string announced by the screen reader.
-   *     - `success`: A boolean indicating whether the announcement was
-   *       successfully made.
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo#addeventlistener
-   */
-  addEventListener<K: $Keys<AccessibilityEventDefinitions>>(
-    eventName: K,
-    handler: (...$ElementType<AccessibilityEventDefinitions, K>) => void,
-  ): EventSubscription,
-
-  /**
-   * Set accessibility focus to a React component.
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo#setaccessibilityfocus
-   */
-  setAccessibilityFocus: (reactTag: number) => void,
-
-  /**
-   * Send a named accessibility event to a HostComponent.
-   */
-  sendAccessibilityEvent: (
-    handle: ElementRef<HostComponent<mixed>>,
-    eventType: AccessibilityEventTypes,
-  ) => void,
-
-  /**
-   * Post a string to be announced by the screen reader.
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo#announceforaccessibility
-   */
-  announceForAccessibility: (announcement: string) => void,
-
-  /**
-   * Post a string to be announced by the screen reader.
-   * - `announcement`: The string announced by the screen reader.
-   * - `options`: An object that configures the reading options.
-   *   - `queue`: The announcement will be queued behind existing announcements. iOS only.
-   */
-  announceForAccessibilityWithOptions: (
-    announcement: string,
-    options: {queue?: boolean},
-  ) => void,
-
-  /**
-   * Get the recommended timeout for changes to the UI needed by this user.
-   *
-   * See https://reactnative.dev/docs/accessibilityinfo#getrecommendedtimeoutmillis
-   */
-  getRecommendedTimeoutMillis: (originalTimeout: number) => Promise<number>,
-};

package/Libraries/Components/ActivityIndicator/ActivityIndicator.flow.js

@@ -1,58 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow
- */
-
-'use strict';
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import {type ColorValue} from '../../StyleSheet/StyleSheet';
-import * as React from 'react';
-
-type IndicatorSize = number | 'small' | 'large';
-
-type IOSProps = $ReadOnly<{|
-  /**
-    Whether the indicator should hide when not animating.
-
-    @platform ios
-  */
-  hidesWhenStopped?: ?boolean,
-|}>;
-
-type Props = $ReadOnly<{|
-  ...ViewProps,
-  ...IOSProps,
-
-  /**
-   	Whether to show the indicator (`true`) or hide it (`false`).
-   */
-  animating?: ?boolean,
-
-  /**
-    The foreground color of the spinner.
-
-    @default {@platform android} `null` (system accent default color)
-    @default {@platform ios} '#999999'
-  */
-  color?: ?ColorValue,
-
-  /**
-    Size of the indicator.
-
-    @type enum(`'small'`, `'large'`)
-    @type {@platform android} number
-  */
-  size?: ?IndicatorSize,
-|}>;
-
-export type ActivityIndicator = React.AbstractComponent<
-  Props,
-  HostComponent<mixed>,
->;

package/Libraries/Components/DatePicker/DatePickerIOS.android.js

@@ -1,47 +0,0 @@
-/**
- * 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.
- *
- * @format
- */
-
-'use strict';
-import type {DatePickerIOSType} from './DatePickerIOS.flow';
-
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import View from '../View/View';
-import * as React from 'react';
-
-class DummyDatePickerIOS extends React.Component {
-  render() {
-    return (
-      <View style={[styles.dummyDatePickerIOS, this.props.style]}>
-        <Text style={styles.datePickerText}>
-          DatePickerIOS is not supported on this platform!
-        </Text>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  dummyDatePickerIOS: {
-    height: 100,
-    width: 300,
-    backgroundColor: '#ffbcbc',
-    borderWidth: 1,
-    borderColor: 'red',
-    alignItems: 'center',
-    justifyContent: 'center',
-    margin: 10,
-  },
-  datePickerText: {
-    color: '#333333',
-    margin: 20,
-  },
-});
-
-module.exports = (DummyDatePickerIOS: DatePickerIOSType);

package/Libraries/Components/DatePicker/DatePickerIOS.d.ts

@@ -1,92 +0,0 @@
-/**
- * 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.
- *
- * @format
- */
-
-import type * as React from 'react';
-import {Constructor} from '../../../types/private/Utilities';
-import {NativeMethods} from '../../../types/public/ReactNativeTypes';
-import {ViewProps} from '../View/ViewPropTypes';
-
-export interface DatePickerIOSProps extends ViewProps {
-  /**
-   * The currently selected date.
-   */
-  date?: Date | null | undefined;
-
-  /**
-   * Provides an initial value that will change when the user starts selecting
-   * a date. It is useful for simple use-cases where you do not want to deal
-   * with listening to events and updating the date prop to keep the
-   * controlled state in sync. The controlled state has known bugs which
-   * causes it to go out of sync with native. The initialDate prop is intended
-   * to allow you to have native be source of truth.
-   */
-  initialDate?: Date | null | undefined;
-
-  /**
-   * The date picker locale.
-   */
-  locale?: string | undefined;
-
-  /**
-   * Maximum date.
-   * Restricts the range of possible date/time values.
-   */
-  maximumDate?: Date | undefined;
-
-  /**
-   * Maximum date.
-   * Restricts the range of possible date/time values.
-   */
-  minimumDate?: Date | undefined;
-
-  /**
-   *  enum(1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30)
-   *  The interval at which minutes can be selected.
-   */
-  minuteInterval?: 1 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 15 | 20 | 30 | undefined;
-
-  /**
-   *  enum('date', 'time', 'datetime')
-   *  The date picker mode.
-   */
-  mode?: 'date' | 'time' | 'datetime' | undefined;
-
-  /**
-   * Date change handler.
-   * This is called when the user changes the date or time in the UI.
-   * The first and only argument is a Date object representing the new date and time.
-   */
-  onDateChange: (newDate: Date) => void;
-
-  /**
-   * Timezone offset in minutes.
-   * By default, the date picker will use the device's timezone. With this parameter, it is possible to force a certain timezone offset.
-   * For instance, to show times in Pacific Standard Time, pass -7 * 60.
-   */
-  timeZoneOffsetInMinutes?: number | undefined;
-
-  /**
-   * The date picker style
-   * This is only available on devices with iOS 14.0 and later.
-   * 'spinner' is the default style if this prop isn't set.
-   */
-  pickerStyle?: 'compact' | 'spinner' | 'inline' | undefined;
-}
-
-declare class DatePickerIOSComponent extends React.Component<DatePickerIOSProps> {}
-declare const DatePickerIOSBase: Constructor<NativeMethods> &
-  typeof DatePickerIOSComponent;
-
-/**
- * DatePickerIOS has been merged with DatePickerAndroid and will be removed in a future release.
- * It can now be installed and imported from `@react-native-community/datetimepicker` instead of 'react-native'.
- * @see https://github.com/react-native-community/datetimepicker
- * @deprecated
- */
-export class DatePickerIOS extends DatePickerIOSBase {}

package/Libraries/Components/DatePicker/DatePickerIOS.flow.android.js

@@ -1,14 +0,0 @@
-/**
- * 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.
- *
- * @flow strict
- * @format
- */
-
-'use strict';
-import * as React from 'react';
-
-export type DatePickerIOSType = React.ComponentType<>;