react-native-windows 0.75.4 → 0.76.0-preview.1

package/index.js

@@ -9,6 +9,7 @@
  */
 
 'use strict';
+'use client';
 
 // APIs
 import typeof ActionSheetIOS from './Libraries/ActionSheetIOS/ActionSheetIOS';
@@ -59,6 +60,7 @@ import typeof VirtualizedList from './Libraries/Lists/VirtualizedList';
 import typeof VirtualizedSectionList from './Libraries/Lists/VirtualizedSectionList';
 import typeof LogBox from './Libraries/LogBox/LogBox';
 import typeof Modal from './Libraries/Modal/Modal';
+// $FlowFixMe[invalid-exported-annotation]
 import typeof NativeDialogManagerAndroid from './Libraries/NativeModules/specs/NativeDialogManagerAndroid';
 import typeof Networking from './Libraries/Network/RCTNetworking';
 import typeof * as Systrace from './Libraries/Performance/Systrace';
@@ -80,7 +82,7 @@ import typeof StyleSheet from './Libraries/StyleSheet/StyleSheet';
 import typeof Text from './Libraries/Text/Text';
 import typeof * as TurboModuleRegistry from './Libraries/TurboModule/TurboModuleRegistry';
 import typeof UTFSequence from './Libraries/UTFSequence';
-import typeof Appearance from './Libraries/Utilities/Appearance';
+import typeof * as Appearance from './Libraries/Utilities/Appearance';
 import typeof BackHandler from './Libraries/Utilities/BackHandler';
 import typeof DeviceInfo from './Libraries/Utilities/DeviceInfo';
 import typeof DevSettings from './Libraries/Utilities/DevSettings';

package/index.windows.js

@@ -9,6 +9,7 @@
  */
 
 'use strict';
+'use client';
 
 // APIs
 import typeof ActionSheetIOS from './Libraries/ActionSheetIOS/ActionSheetIOS';
@@ -61,6 +62,7 @@ import typeof VirtualizedList from './Libraries/Lists/VirtualizedList';
 import typeof VirtualizedSectionList from './Libraries/Lists/VirtualizedSectionList';
 import typeof LogBox from './Libraries/LogBox/LogBox';
 import typeof Modal from './Libraries/Modal/Modal';
+// $FlowFixMe[invalid-exported-annotation]
 import typeof NativeDialogManagerAndroid from './Libraries/NativeModules/specs/NativeDialogManagerAndroid';
 import typeof Networking from './Libraries/Network/RCTNetworking';
 import typeof * as Systrace from './Libraries/Performance/Systrace';
@@ -82,7 +84,7 @@ import typeof StyleSheet from './Libraries/StyleSheet/StyleSheet';
 import typeof Text from './Libraries/Text/Text';
 import typeof * as TurboModuleRegistry from './Libraries/TurboModule/TurboModuleRegistry';
 import typeof UTFSequence from './Libraries/UTFSequence';
-import typeof Appearance from './Libraries/Utilities/Appearance';
+import typeof * as Appearance from './Libraries/Utilities/Appearance';
 import typeof BackHandler from './Libraries/Utilities/BackHandler';
 import typeof DeviceInfo from './Libraries/Utilities/DeviceInfo';
 import typeof DevSettings from './Libraries/Utilities/DevSettings';

package/jest/mockComponent.js

@@ -16,7 +16,10 @@ module.exports = (moduleName, instanceMethods, isESModule) => {
   const React = require('react');
 
   const SuperClass =
-    typeof RealComponent === 'function' ? RealComponent : React.Component;
+    typeof RealComponent === 'function' &&
+    RealComponent.prototype.constructor instanceof React.Component
+      ? RealComponent
+      : React.Component;
 
   const name =
     RealComponent.displayName ||

package/jest/mockModal.js

@@ -12,13 +12,11 @@
 
 'use strict';
 
-import typeof Modal from '../Libraries/Modal/Modal';
-
 const React = require('react');
 
 function mockModal(BaseComponent: $FlowFixMe) {
   class ModalMock extends BaseComponent {
-    render(): React.Element<Modal> | null {
+    render(): React.MixedElement | null {
       if (this.props.visible === false) {
         return null;
       }

package/jest/mockScrollView.js

@@ -20,7 +20,7 @@ const RCTScrollView: $FlowFixMe = requireNativeComponent('RCTScrollView');
 
 function mockScrollView(BaseComponent: $FlowFixMe) {
   class ScrollViewMock extends BaseComponent {
-    render(): React.Element<typeof RCTScrollView> {
+    render(): React.MixedElement {
       return (
         <RCTScrollView {...this.props}>
           {this.props.refreshControl}

package/jest/renderer.js

@@ -16,7 +16,7 @@ import * as React from 'react';
 import TestRenderer from 'react-test-renderer';
 
 export async function create(
-  Component: React.Element<any>,
+  Component: React.MixedElement,
 ): Promise<ReactTestRenderer> {
   let component;
   await TestRenderer.act(async () => {
@@ -33,7 +33,7 @@ export async function unmount(testRenderer: ReactTestRenderer) {
 
 export async function update(
   testRenderer: ReactTestRenderer,
-  element: React.Element<any>,
+  element: React.MixedElement,
 ) {
   await TestRenderer.act(async () => {
     testRenderer.update(element);

package/jest/setup.js

@@ -146,17 +146,17 @@ jest
         remove: jest.fn(),
       })),
       announceForAccessibility: jest.fn(),
-      isAccessibilityServiceEnabled: jest.fn(),
-      isBoldTextEnabled: jest.fn(),
-      isGrayscaleEnabled: jest.fn(),
-      isInvertColorsEnabled: jest.fn(),
-      isReduceMotionEnabled: jest.fn(),
-      prefersCrossFadeTransitions: jest.fn(),
-      isReduceTransparencyEnabled: jest.fn(),
+      isAccessibilityServiceEnabled: jest.fn(() => Promise.resolve(false)),
+      isBoldTextEnabled: jest.fn(() => Promise.resolve(false)),
+      isGrayscaleEnabled: jest.fn(() => Promise.resolve(false)),
+      isInvertColorsEnabled: jest.fn(() => Promise.resolve(false)),
+      isReduceMotionEnabled: jest.fn(() => Promise.resolve(false)),
+      prefersCrossFadeTransitions: jest.fn(() => Promise.resolve(false)),
+      isReduceTransparencyEnabled: jest.fn(() => Promise.resolve(false)),
       isScreenReaderEnabled: jest.fn(() => Promise.resolve(false)),
       setAccessibilityFocus: jest.fn(),
       sendAccessibilityEvent: jest.fn(),
-      getRecommendedTimeoutMillis: jest.fn(),
+      getRecommendedTimeoutMillis: jest.fn(() => Promise.resolve(false)),
     },
   }))
   .mock('../Libraries/Components/Clipboard/Clipboard', () => ({
@@ -287,7 +287,14 @@ jest
     },
     PlatformConstants: {
       getConstants() {
-        return {};
+        return {
+          reactNativeVersion: {
+            major: 1000,
+            minor: 0,
+            patch: 0,
+            prerelease: undefined,
+          },
+        };
       },
     },
     PushNotificationManager: {
@@ -385,10 +392,6 @@ jest
   .mock('../Libraries/ReactNative/requireNativeComponent', () => {
     return jest.requireActual('./mockNativeComponent');
   })
-  .mock(
-    '../Libraries/Utilities/verifyComponentAttributeEquivalence',
-    () => function () {},
-  )
   .mock('../Libraries/Vibration/Vibration', () => ({
     vibrate: jest.fn(),
     cancel: jest.fn(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-windows",
-  "version": "0.75.4",
+  "version": "0.76.0-preview.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -16,31 +16,31 @@
     "flow-check": "rnw-scripts flow-check",
     "lint:fix": "rnw-scripts lint:fix",
     "lint": "rnw-scripts lint",
-    "start": "react-native start",
+    "start": "npx @react-native-community/cli start",
     "validate-overrides": "react-native-platform-override validate",
     "test": "jest"
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
     "@jest/create-cache-key-function": "^29.6.3",
-    "@react-native-community/cli": "14.1.0",
-    "@react-native-community/cli-platform-android": "14.1.0",
-    "@react-native-community/cli-platform-ios": "14.1.0",
-    "@react-native-windows/cli": "0.75.3",
+    "@react-native-community/cli": "14.0.0",
+    "@react-native-community/cli-platform-android": "14.0.0",
+    "@react-native-community/cli-platform-ios": "14.0.0",
+    "@react-native-windows/cli": "0.76.0-preview.1",
     "@react-native/assets": "1.0.0",
-    "@react-native/assets-registry": "0.75.3",
-    "@react-native/codegen": "0.75.3",
-    "@react-native/community-cli-plugin": "0.75.3",
-    "@react-native/gradle-plugin": "0.75.3",
-    "@react-native/js-polyfills": "0.75.3",
-    "@react-native/normalize-colors": "0.75.3",
-    "@react-native/virtualized-lists": "0.75.3",
+    "@react-native/assets-registry": "0.76.0-rc.0",
+    "@react-native/codegen": "0.76.0-rc.0",
+    "@react-native/community-cli-plugin": "0.76.0-rc.0",
+    "@react-native/gradle-plugin": "0.76.0-rc.0",
+    "@react-native/js-polyfills": "0.76.0-rc.0",
+    "@react-native/normalize-colors": "0.76.0-rc.0",
+    "@react-native/virtualized-lists": "0.76.0-rc.0",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
     "base64-js": "^1.5.1",
     "chalk": "^4.0.0",
-    "commander": "^9.4.1",
+    "commander": "^12.0.0",
     "event-target-shim": "^5.0.1",
     "flow-enums-runtime": "^0.0.6",
     "glob": "^7.1.1",
@@ -48,11 +48,11 @@
     "jest-environment-node": "^29.6.3",
     "jsc-android": "^250231.0.0",
     "memoize-one": "^5.0.0",
-    "metro-runtime": "^0.80.3",
-    "metro-source-map": "^0.80.3",
+    "metro-runtime": "^0.80.10",
+    "metro-source-map": "^0.80.10",
     "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1",
-    "pretty-format": "^26.5.2",
+    "pretty-format": "^29.7.0",
     "promise": "^8.3.0",
     "react-devtools-core": "^5.3.1",
     "react-refresh": "^0.14.0",
@@ -63,43 +63,43 @@
     "source-map-support": "^0.5.19",
     "stacktrace-parser": "^0.1.10",
     "whatwg-fetch": "^3.0.0",
-    "ws": "^6.2.2",
+    "ws": "^6.2.3",
     "yargs": "^17.6.2"
   },
   "devDependencies": {
-    "@react-native-windows/codegen": "0.75.1",
-    "@react-native/metro-config": "0.75.3",
+    "@react-native-windows/codegen": "0.76.0-preview.1",
+    "@react-native/metro-config": "0.76.0-nightly-20240701-9f6cb21ed",
     "@rnw-scripts/babel-react-native-config": "0.0.0",
-    "@rnw-scripts/eslint-config": "1.2.23",
-    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.27",
-    "@rnw-scripts/just-task": "2.3.40",
+    "@rnw-scripts/eslint-config": "1.2.27",
+    "@rnw-scripts/jest-out-of-tree-snapshot-resolver": "^1.1.31",
+    "@rnw-scripts/just-task": "2.3.44",
     "@rnw-scripts/metro-dev-config": "0.0.0",
     "@rnx-kit/jest-preset": "^0.1.17",
     "@types/node": "^18.0.0",
     "@types/react": "^18.2.6",
     "eslint": "^8.19.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "flow-bin": "^0.217.2",
+    "flow-bin": "^0.245.2",
     "jscodeshift": "^0.14.0",
     "just-scripts": "^1.3.3",
     "prettier": "2.8.8",
     "react": "18.3.1",
-    "react-native": "0.75.3",
-    "react-native-platform-override": "^1.9.42",
+    "react-native": "0.76.0-rc.0",
+    "react-native-platform-override": "^1.9.46",
     "react-refresh": "^0.14.0",
     "typescript": "5.0.4"
   },
   "peerDependencies": {
     "@types/react": "^18.2.6",
     "react": "^18.2.0",
-    "react-native": "^0.75.3"
+    "react-native": "0.76.0-rc.0"
   },
   "beachball": {
-    "defaultNpmTag": "latest",
+    "defaultNpmTag": "preview",
     "disallowedChangeTypes": [
       "major",
       "minor",
-      "prerelease",
+      "patch",
       "premajor",
       "preminor",
       "prepatch"