@office-iss/react-native-win32 0.0.0-canary.293 → 0.0.0-canary.294

package/Libraries/NewAppScreen/components/HermesBadge.js

@@ -1,51 +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 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 * as React from 'react';
-
-const HermesBadge = (): React.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,146 +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 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 * as React 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 = (): React.Node => {
-  const isDarkMode = useColorScheme() === 'dark';
-  return (
-    <View style={styles.container}>
-      {links.map(({id, title, link, description}) => (
-        <React.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>
-        </React.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,37 +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 Text from '../../Text/Text';
-import Platform from '../../Utilities/Platform';
-import * as React from 'react';
-
-const styles = StyleSheet.create({
-  highlight: {
-    fontWeight: '700',
-  },
-});
-
-const ReloadInstructions: () => React.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/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/types/modules/LaunchScreen.d.ts

@@ -1,26 +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
- */
-
-// Adds the JSX elements used in the launch screen.
-
-declare module 'react-native/Libraries/NewAppScreen' {
-  export const Header: any;
-  export const LearnMoreLinks: any;
-  export const Colors: {
-    primary: string;
-    white: string;
-    lighter: string;
-    light: string;
-    dark: string;
-    darker: string;
-    black: string;
-  };
-  export const DebugInstructions: any;
-  export const ReloadInstructions: any;
-}