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

package/Libraries/Lists/__flowtests__/FlatList-flowtest.js

@@ -1,118 +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';
-
-const FlatList = require('../FlatList').default;
-const React = require('react');
-
-function renderMyListItem(info: {
-  item: {title: string, ...},
-  index: number,
-  ...
-}) {
-  return <span />;
-}
-
-module.exports = {
-  testEverythingIsFine(): React.Node {
-    const data = [
-      {
-        title: 'Title Text',
-        key: 1,
-      },
-    ];
-    return <FlatList renderItem={renderMyListItem} data={data} />;
-  },
-
-  testBadDataWithTypicalItem(): React.Node {
-    const data = [
-      {
-        title: 6,
-        key: 1,
-      },
-    ];
-    // $FlowExpectedError - bad title type 6, should be string
-    return <FlatList renderItem={renderMyListItem} data={data} />;
-  },
-
-  testMissingFieldWithTypicalItem(): React.Node {
-    const data = [
-      {
-        key: 1,
-      },
-    ];
-    // $FlowExpectedError - missing title
-    return <FlatList renderItem={renderMyListItem} data={data} />;
-  },
-
-  testGoodDataWithBadCustomRenderItemFunction(): React.Node {
-    const data = [
-      {
-        widget: 6,
-        key: 1,
-      },
-    ];
-    return (
-      <FlatList
-        renderItem={info => (
-          <span>
-            {
-              // $FlowExpectedError - bad widgetCount type 6, should be Object
-              info.item.widget.missingProp
-            }
-          </span>
-        )}
-        data={data}
-      />
-    );
-  },
-
-  testBadRenderItemFunction(): $ReadOnlyArray<React.Node> {
-    const data = [
-      {
-        title: 'foo',
-        key: 1,
-      },
-    ];
-    return [
-      // $FlowExpectedError - title should be inside `item`
-      <FlatList renderItem={(info: {title: string}) => <span />} data={data} />,
-      <FlatList
-        // $FlowExpectedError - bad index type string, should be number
-        renderItem={(info: {item: any, index: string}) => <span />}
-        data={data}
-      />,
-      <FlatList
-        // $FlowExpectedError - bad title type number, should be string
-        renderItem={(info: {item: {title: number}}) => <span />}
-        // $FlowExpectedError - bad title type number, should be string
-        data={data}
-      />,
-      // EverythingIsFine
-      <FlatList
-        // $FlowExpectedError - bad title type number, should be string
-        renderItem={(info: {item: {title: string, ...}, ...}) => <span />}
-        data={data}
-      />,
-    ];
-  },
-
-  testOtherBadProps(): $ReadOnlyArray<React.Node> {
-    return [
-      // $FlowExpectedError - bad numColumns type "lots"
-      <FlatList renderItem={renderMyListItem} data={[]} numColumns="lots" />,
-      // $FlowExpectedError - bad windowSize type "big"
-      <FlatList renderItem={renderMyListItem} data={[]} windowSize="big" />,
-      // $FlowExpectedError - missing `data` prop
-      <FlatList renderItem={renderMyListItem} />,
-    ];
-  },
-};

package/Libraries/Lists/__flowtests__/SectionList-flowtest.js

@@ -1,134 +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
- * @format
- */
-
-'use strict';
-
-import SectionList from '../SectionList';
-import * as React from 'react';
-
-function renderMyListItem(info: {
-  item: {title: string, ...},
-  index: number,
-  ...
-}) {
-  return <span />;
-}
-
-const renderMyHeader = ({
-  section,
-}: {
-  section: {fooNumber: number, ...} & Object,
-  ...
-}) => <span />;
-
-module.exports = {
-  testGoodDataWithGoodItem(): React.Node {
-    const sections = [
-      {
-        key: 'a',
-        data: [
-          {
-            title: 'foo',
-            key: 1,
-          },
-        ],
-      },
-    ];
-    return <SectionList renderItem={renderMyListItem} sections={sections} />;
-  },
-
-  testBadRenderItemFunction(): $ReadOnlyArray<React.Node> {
-    const sections = [
-      {
-        key: 'a',
-        data: [
-          {
-            title: 'foo',
-            key: 1,
-          },
-        ],
-      },
-    ];
-    return [
-      <SectionList
-        // $FlowExpectedError - title should be inside `item`
-        renderItem={(info: {title: string, ...}) => <span />}
-        sections={sections}
-      />,
-      <SectionList
-        // $FlowExpectedError - bad index type string, should be number
-        renderItem={(info: {index: string}) => <span />}
-        sections={sections}
-      />,
-      // EverythingIsFine
-      <SectionList
-        renderItem={(info: {item: {title: string, ...}, ...}) => <span />}
-        sections={sections}
-      />,
-    ];
-  },
-
-  testBadInheritedDefaultProp(): React.MixedElement {
-    const sections: $FlowFixMe = [];
-    return (
-      <SectionList
-        renderItem={renderMyListItem}
-        sections={sections}
-        // $FlowExpectedError - bad windowSize type "big"
-        windowSize="big"
-      />
-    );
-  },
-
-  testMissingData(): React.MixedElement {
-    // $FlowExpectedError - missing `sections` prop
-    return <SectionList renderItem={renderMyListItem} />;
-  },
-
-  testBadSectionsShape(): React.MixedElement {
-    const sections = [
-      {
-        key: 'a',
-        items: [
-          {
-            title: 'foo',
-            key: 1,
-          },
-        ],
-      },
-    ];
-    // $FlowExpectedError - section missing `data` field
-    return <SectionList renderItem={renderMyListItem} sections={sections} />;
-  },
-
-  testBadSectionsMetadata(): React.MixedElement {
-    const sections = [
-      {
-        key: 'a',
-        fooNumber: 'string',
-        data: [
-          {
-            title: 'foo',
-            key: 1,
-          },
-        ],
-      },
-    ];
-    return (
-      <SectionList
-        renderSectionHeader={renderMyHeader}
-        renderItem={renderMyListItem}
-        /* $FlowExpectedError - section has bad meta data `fooNumber` field of
-         * type string */
-        sections={sections}
-      />
-    );
-  },
-};

package/Libraries/NewAppScreen/components/Colors.js

@@ -1,19 +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
- */
-
-export default {
-  primary: '#1292B4',
-  white: '#FFF',
-  lighter: '#F3F3F3',
-  light: '#DAE1E7',
-  dark: '#444',
-  darker: '#222',
-  black: '#000',
-};

package/Libraries/NewAppScreen/components/DebugInstructions.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 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 DebugInstructions: () => React.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/Header.js

@@ -1,75 +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 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 * as React from 'react';
-
-const Header = (): React.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,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,
-};