react-native-windows 0.79.5 → 0.80.0-preview.10

package/Libraries/NewAppScreen/components/DebugInstructions.js

@@ -1,41 +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 {Node} from 'react';
-
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import Platform from '../../Utilities/Platform';
-import React from 'react';
-
-const styles = StyleSheet.create({
-  highlight: {
-    fontWeight: '700',
-  },
-});
-
-const DebugInstructions: () => Node = Platform.select({
-  ios: () => (
-    <Text>
-      Press <Text style={styles.highlight}>Cmd + D</Text> in the simulator or{' '}
-      <Text style={styles.highlight}>Shake</Text> your device to open the Dev
-      Menu.
-    </Text>
-  ),
-  default: () => (
-    <Text>
-      Press <Text style={styles.highlight}>Cmd or Ctrl + M</Text> or{' '}
-      <Text style={styles.highlight}>Shake</Text> your device to open the Dev
-      Menu.
-    </Text>
-  ),
-});
-
-export default DebugInstructions;

package/Libraries/NewAppScreen/components/DebugInstructions.windows.js

@@ -1,30 +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 {Node} from 'react';
-
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import React from 'react';
-
-const styles = StyleSheet.create({
-  highlight: {
-    fontWeight: '700',
-  },
-});
-
-const DebugInstructions = (): Node => (
-  <Text>
-    Press <Text style={styles.highlight}>Ctrl+Shift+D</Text> to open the Dev
-    Menu.
-  </Text>
-);
-
-export default DebugInstructions;

package/Libraries/NewAppScreen/components/Header.js

@@ -1,77 +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 {Node} from 'react';
-
-import ImageBackground from '../../Image/ImageBackground';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import useColorScheme from '../../Utilities/useColorScheme';
-import Colors from './Colors';
-import HermesBadge from './HermesBadge';
-import React from 'react';
-
-const Header = (): Node => {
-  const isDarkMode = useColorScheme() === 'dark';
-  return (
-    <ImageBackground
-      accessibilityRole="image"
-      testID="new-app-screen-header"
-      source={require('./logo.png')}
-      style={[
-        styles.background,
-        {
-          backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
-        },
-      ]}
-      imageStyle={styles.logo}>
-      <HermesBadge />
-      <Text
-        style={[
-          styles.text,
-          {
-            color: isDarkMode ? Colors.white : Colors.black,
-          },
-        ]}>
-        Welcome to
-        {'\n'}
-        React Native
-      </Text>
-    </ImageBackground>
-  );
-};
-
-const styles = StyleSheet.create({
-  background: {
-    paddingBottom: 40,
-    paddingTop: 96,
-    paddingHorizontal: 32,
-  },
-  logo: {
-    opacity: 0.2,
-    overflow: 'visible',
-    resizeMode: 'cover',
-    /*
-     * These negative margins allow the image to be offset similarly across screen sizes and component sizes.
-     *
-     * The source logo.png image is 512x512px, so as such, these margins attempt to be relative to the
-     * source image's size.
-     */
-    marginLeft: -128,
-    marginBottom: -192,
-  },
-  text: {
-    fontSize: 40,
-    fontWeight: '700',
-    textAlign: 'center',
-  },
-});
-
-export default Header;

package/Libraries/NewAppScreen/components/HermesBadge.js

@@ -1,53 +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 {Node} from 'react';
-
-import View from '../../Components/View/View';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import useColorScheme from '../../Utilities/useColorScheme';
-import Colors from './Colors';
-import React from 'react';
-
-const HermesBadge = (): Node => {
-  const isDarkMode = useColorScheme() === 'dark';
-  const version =
-    global.HermesInternal?.getRuntimeProperties?.()['OSS Release Version'] ??
-    '';
-  return global.HermesInternal ? (
-    <View style={styles.badge}>
-      <Text
-        style={[
-          styles.badgeText,
-          {
-            color: isDarkMode ? Colors.light : Colors.dark,
-          },
-        ]}>
-        {`Engine: Hermes ${version}`}
-      </Text>
-    </View>
-  ) : null;
-};
-
-const styles = StyleSheet.create({
-  badge: {
-    position: 'absolute',
-    right: 12,
-    bottom: 8,
-  },
-  badgeText: {
-    fontSize: 14,
-    fontWeight: '600',
-    textAlign: 'right',
-  },
-});
-
-export default HermesBadge;

package/Libraries/NewAppScreen/components/LearnMoreLinks.js

@@ -1,148 +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 {Node} from 'react';
-
-import TouchableOpacity from '../../Components/Touchable/TouchableOpacity';
-import View from '../../Components/View/View';
-import openURLInBrowser from '../../Core/Devtools/openURLInBrowser';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import useColorScheme from '../../Utilities/useColorScheme';
-import Colors from './Colors';
-import React, {Fragment} from 'react';
-
-const links = [
-  {
-    id: 1,
-    title: 'The Basics',
-    link: 'https://reactnative.dev/docs/tutorial',
-    description: 'Explains a Hello World for React Native.',
-  },
-  {
-    id: 2,
-    title: 'Style',
-    link: 'https://reactnative.dev/docs/style',
-    description:
-      'Covers how to use the prop named style which controls the visuals.',
-  },
-  {
-    id: 3,
-    title: 'Layout',
-    link: 'https://reactnative.dev/docs/flexbox',
-    description: 'React Native uses flexbox for layout, learn how it works.',
-  },
-  {
-    id: 4,
-    title: 'Components',
-    link: 'https://reactnative.dev/docs/components-and-apis',
-    description: 'The full list of components and APIs inside React Native.',
-  },
-  {
-    id: 5,
-    title: 'Navigation',
-    link: 'https://reactnative.dev/docs/navigation',
-    description:
-      'How to handle moving between screens inside your application.',
-  },
-  {
-    id: 6,
-    title: 'Networking',
-    link: 'https://reactnative.dev/docs/network',
-    description: 'How to use the Fetch API in React Native.',
-  },
-  {
-    id: 7,
-    title: 'Debugging',
-    link: 'https://facebook.github.io/react-native/docs/debugging',
-    description:
-      'Learn about the tools available to debug and inspect your app.',
-  },
-  {
-    id: 8,
-    title: 'Help',
-    link: 'https://facebook.github.io/react-native/help',
-    description:
-      'Need more help? There are many other React Native developers who may have the answer.',
-  },
-  {
-    id: 9,
-    title: 'Follow us',
-    link: 'https://x.com/reactnative',
-    description:
-      'Stay in touch with the community, join in on Q&As and more by following React Native on X.',
-  },
-];
-
-const LinkList = (): Node => {
-  const isDarkMode = useColorScheme() === 'dark';
-  return (
-    <View style={styles.container}>
-      {links.map(({id, title, link, description}) => (
-        <Fragment key={id}>
-          <View
-            style={[
-              styles.separator,
-              {
-                backgroundColor: isDarkMode ? Colors.dark : Colors.light,
-              },
-            ]}
-          />
-          <TouchableOpacity
-            accessibilityRole="button"
-            onPress={() => openURLInBrowser(link)}
-            style={styles.linkContainer}>
-            <Text style={styles.link}>{title}</Text>
-            <Text
-              style={[
-                styles.description,
-                {
-                  color: isDarkMode ? Colors.lighter : Colors.dark,
-                },
-              ]}>
-              {description}
-            </Text>
-          </TouchableOpacity>
-        </Fragment>
-      ))}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    marginTop: 32,
-    paddingHorizontal: 24,
-  },
-  linkContainer: {
-    flexWrap: 'wrap',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    paddingVertical: 8,
-  },
-  link: {
-    flex: 2,
-    fontSize: 18,
-    fontWeight: '400',
-    color: Colors.primary,
-  },
-  description: {
-    flex: 3,
-    paddingVertical: 16,
-    fontWeight: '400',
-    fontSize: 18,
-  },
-  separator: {
-    height: StyleSheet.hairlineWidth,
-  },
-});
-
-export default LinkList;

package/Libraries/NewAppScreen/components/ReloadInstructions.js

@@ -1,39 +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 {Node} from 'react';
-
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import Platform from '../../Utilities/Platform';
-import React from 'react';
-
-const styles = StyleSheet.create({
-  highlight: {
-    fontWeight: '700',
-  },
-});
-
-const ReloadInstructions: () => Node = Platform.select({
-  ios: () => (
-    <Text>
-      Press <Text style={styles.highlight}>Cmd + R</Text> in the simulator to
-      reload your app's code.
-    </Text>
-  ),
-  default: () => (
-    <Text>
-      Double tap <Text style={styles.highlight}>R</Text> on your keyboard to
-      reload your app's code.
-    </Text>
-  ),
-});
-
-export default ReloadInstructions;

package/Libraries/NewAppScreen/components/ReloadInstructions.windows.js

@@ -1,31 +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 {Node} from 'react';
-
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Text from '../../Text/Text';
-import React from 'react';
-
-const styles = StyleSheet.create({
-  highlight: {
-    fontWeight: '700',
-  },
-});
-
-const ReloadInstructions = (): Node => (
-  <Text>
-    Press <Text style={styles.highlight}>Ctrl+Shift+D</Text> and select{' '}
-    <Text style={styles.highlight}>Reload javascript</Text> to reload your app's
-    code.
-  </Text>
-);
-
-export default ReloadInstructions;

package/Libraries/NewAppScreen/index.js

@@ -1,25 +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 Colors from './components/Colors';
-import DebugInstructions from './components/DebugInstructions';
-import Header from './components/Header';
-import HermesBadge from './components/HermesBadge';
-import LearnMoreLinks from './components/LearnMoreLinks';
-import ReloadInstructions from './components/ReloadInstructions';
-
-export {
-  Colors,
-  Header,
-  HermesBadge,
-  LearnMoreLinks,
-  DebugInstructions,
-  ReloadInstructions,
-};

package/Libraries/StyleSheet/__flowtests__/StyleSheet-flowtest.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.
- *
- * @flow strict-local
- * @format
- */
-
-'use strict';
-
-import type {ImageStyleProp, TextStyleProp} from '../StyleSheet';
-
-const StyleSheet = require('../StyleSheet').default;
-const imageStyle = {tintColor: 'rgb(0, 0, 0)'};
-const textStyle = {color: 'rgb(0, 0, 0)'};
-
-module.exports = {
-  testGoodCompose() {
-    (StyleSheet.compose(imageStyle, imageStyle): ImageStyleProp);
-
-    (StyleSheet.compose(textStyle, textStyle): TextStyleProp);
-
-    (StyleSheet.compose(null, null): TextStyleProp);
-
-    (StyleSheet.compose(textStyle, null): TextStyleProp);
-
-    (StyleSheet.compose(
-      textStyle,
-      Math.random() < 0.5 ? textStyle : null,
-    ): TextStyleProp);
-
-    (StyleSheet.compose([textStyle], null): TextStyleProp);
-
-    (StyleSheet.compose([textStyle], null): TextStyleProp);
-
-    (StyleSheet.compose([textStyle], [textStyle]): TextStyleProp);
-  },
-
-  testBadCompose() {
-    // $FlowExpectedError - Incompatible type.
-    (StyleSheet.compose(textStyle, textStyle): ImageStyleProp);
-
-    // $FlowExpectedError - Incompatible type.
-    (StyleSheet.compose(
-      // $FlowExpectedError - Incompatible type.
-      [textStyle],
-      null,
-    ): ImageStyleProp);
-
-    // $FlowExpectedError - Incompatible type.
-    (StyleSheet.compose(
-      Math.random() < 0.5 ? textStyle : null,
-      null,
-    ): ImageStyleProp);
-  },
-};

package/Libraries/Utilities/__mocks__/BackHandler.js

@@ -1,45 +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';
-
-const _backPressSubscriptions = new Set();
-
-const BackHandler = {
-  exitApp: jest.fn(),
-
-  addEventListener: function (
-    eventName: BackPressEventName,
-    handler: () => ?boolean,
-  ): {remove: () => void} {
-    _backPressSubscriptions.add(handler);
-    return {
-      remove: () => {
-        _backPressSubscriptions.delete(handler);
-      },
-    };
-  },
-
-  mockPressBack: function () {
-    let invokeDefault = true;
-    const subscriptions = [..._backPressSubscriptions].reverse();
-    for (let i = 0; i < subscriptions.length; ++i) {
-      if (subscriptions[i]()) {
-        invokeDefault = false;
-        break;
-      }
-    }
-
-    if (invokeDefault) {
-      BackHandler.exitApp();
-    }
-  },
-};
-
-module.exports = BackHandler;

package/Libraries/Utilities/__mocks__/GlobalPerformanceLogger.js

@@ -1,16 +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';
-
-const GlobalPerformanceLogger = jest
-  .unmock('../createPerformanceLogger')
-  .genMockFromModule('../GlobalPerformanceLogger').default;
-
-export default GlobalPerformanceLogger;

package/Libraries/Utilities/__mocks__/PixelRatio.js

@@ -1,25 +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';
-
-const PixelRatio = {
-  get: jest.fn().mockReturnValue(2),
-  getFontScale: jest.fn(() => PixelRatio.get()),
-  getPixelSizeForLayoutSize: jest.fn(layoutSize =>
-    Math.round(layoutSize * PixelRatio.get()),
-  ),
-  roundToNearestPixel: jest.fn(layoutSize => {
-    const ratio = PixelRatio.get();
-    return Math.round(layoutSize * ratio) / ratio;
-  }),
-  startDetecting: jest.fn(),
-};
-
-export default PixelRatio;

package/Libraries/WebSocket/WebSocketEvent.js

@@ -1,30 +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 strict-local
- */
-
-'use strict';
-
-/**
- * Event object passed to the `onopen`, `onclose`, `onmessage`, `onerror`
- * callbacks of `WebSocket`.
- *
- * The `type` property is "open", "close", "message", "error" respectively.
- *
- * In case of "message", the `data` property contains the incoming data.
- */
-class WebSocketEvent {
-  type: string;
-
-  constructor(type: string, eventInitDict: ?{...}) {
-    this.type = type.toString();
-    Object.assign(this, eventInitDict);
-  }
-}
-
-export default WebSocketEvent;