RN 0.81: Build all library components against react-native 0.81 #3999

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed

JasonVMo wants to merge 32 commits into main from user/jasonvmo/build-81

apps/E2E/package.json

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -49,12 +49,12 @@
  
        "@fluentui-react-native/focus-zone": "workspace:*",

        "@fluentui-react-native/kit-config": "workspace:*",

        "@fluentui-react-native/scripts": "workspace:*",

        "@office-iss/react-native-win32": "^0.74.0",

        "@react-native/metro-babel-transformer": "^0.74.0",

        "@office-iss/react-native-win32": "^0.81.0",

        "@react-native/metro-babel-transformer": "^0.81.0",

        "@rnx-kit/metro-config": "catalog:",

        "@types/jasmine": "catalog:",

        "@types/node": "catalog:",

        "@types/react": "~18.2.0",

        "@types/react": "~19.1.0",

        "@wdio/appium-service": "catalog:",

        "@wdio/cli": "catalog:",

        "@wdio/globals": "catalog:",

    @@ -72,10 +72,10 @@
  
        "cross-env": "catalog:",

        "expect-webdriverio": "catalog:",

        "metro-config": "^0.80.3",

        "react": "18.2.0",

        "react-native": "^0.74.0",

        "react-native-macos": "^0.74.0",

        "react-native-windows": "^0.74.0",

        "react": "19.1.0",

        "react-native": "^0.81.0",

        "react-native-macos": "^0.81.0",

        "react-native-windows": "^0.81.0",

        "rimraf": "catalog:",

        "ts-node": "^10.7.0",

        "webdriverio": "catalog:"

apps/fluent-tester/ios/Podfile.lock

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1290,7 +1290,7 @@ PODS:
  
        - React-logger (= 0.74.7)

        - React-perflogger (= 0.74.7)

        - React-utils (= 0.74.7)

      - ReactNativeHost (0.5.15):

      - ReactNativeHost (0.5.16):

        - DoubleConversion

        - glog

        - RCT-Folly (= 2024.01.01.00)

    @@ -1569,7 +1569,7 @@ SPEC CHECKSUMS:
  
      React-runtimescheduler: 7ae98c85d480214a491c40799501c94c7a188d73

      React-utils: 269c55ca0a0a9d985fc8ab90898f7c1124784d73

      ReactCommon: 345cad6a151c60c5d80bcc2005457fac2e079b82

      ReactNativeHost: 91d43cc8ebaf158a27f8ae406a7e8b43ec823faa

      ReactNativeHost: 4296c5d13fdcafb9cb53f2f3b6ab5e427ab9a6dd

      ReactTestApp-DevSupport: 52ac76197e5accf579592aa3b9aa07fd0766f211

      ReactTestApp-Resources: 41fbfc3cae89be49adf9cfa9d3a9954456c65ab1

      RNSVG: d39a9be65c439dfb061955f7615f1f71a51ecede

apps/fluent-tester/macos/Podfile.lock

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1223,7 +1223,7 @@ PODS:
  
        - React-logger (= 0.74.30)

        - React-perflogger (= 0.74.30)

        - React-utils (= 0.74.30)

      - ReactNativeHost (0.5.15):

      - ReactNativeHost (0.5.16):

        - DoubleConversion

        - glog

        - RCT-Folly (= 2024.01.01.00)

    @@ -1516,7 +1516,7 @@ SPEC CHECKSUMS:
  
      React-runtimescheduler: abda2da3b75a17017ba04f034deb9cf0eef16734

      React-utils: ac5abf4d2d95d579be3b63fa44b46af2ca38544b

      ReactCommon: 1eab570cb54edc279d28066475dbcf7e5b44c29e

      ReactNativeHost: 91d43cc8ebaf158a27f8ae406a7e8b43ec823faa

      ReactNativeHost: 4296c5d13fdcafb9cb53f2f3b6ab5e427ab9a6dd

      ReactTestApp-DevSupport: 52ac76197e5accf579592aa3b9aa07fd0766f211

      ReactTestApp-Resources: 3c8739a3e3ed26f67f8ab68f13102fb9591301c8

      RNSVG: d39a9be65c439dfb061955f7615f1f71a51ecede

apps/tester-core/package.json

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -34,6 +34,7 @@
  
        "preset": "react-native"

      },

      "dependencies": {

        "@fluentui-react-native/adapters": "workspace:*",

        "@fluentui-react-native/android-theme": "workspace:*",

        "@fluentui-react-native/apple-theme": "workspace:*",

        "@fluentui-react-native/avatar": "workspace:*",

    @@ -98,20 +99,20 @@
  
        "@fluentui-react-native/eslint-config-rules": "workspace:*",

        "@fluentui-react-native/kit-config": "workspace:*",

        "@fluentui-react-native/scripts": "workspace:*",

        "@office-iss/react-native-win32": "^0.74.0",

        "@react-native-community/cli": "^13.6.4",

        "@react-native-community/cli-platform-android": "^13.6.4",

        "@react-native-community/cli-platform-ios": "^13.6.4",

        "@office-iss/react-native-win32": "^0.81.0",

        "@react-native-community/cli": "^20.0.0",

        "@react-native-community/cli-platform-android": "^20.0.0",

        "@react-native-community/cli-platform-ios": "^20.0.0",

        "@react-native-windows/cli": "^0.74.0",

        "@react-native/babel-preset": "^0.74.0",

        "@react-native/metro-babel-transformer": "^0.74.0",

        "@react-native/metro-config": "^0.74.0",

        "@react-native/metro-config": "^0.81.0",

        "@rnx-kit/cli": "catalog:",

        "@rnx-kit/metro-config": "catalog:",

        "@rnx-kit/metro-resolver-symlinks": "catalog:",

        "@types/jasmine": "catalog:",

        "@types/react": "~18.2.0",

        "@types/react-test-renderer": "^18.2.0",

        "@types/react": "~19.1.0",

        "@types/react-test-renderer": "^19.1.0",

        "@wdio/cli": "catalog:",

        "@wdio/globals": "catalog:",

        "@wdio/jasmine-framework": "catalog:",

    @@ -120,14 +121,14 @@
  
        "expect-webdriverio": "catalog:",

        "flow-bin": "^0.113.0",

        "metro-config": "^0.80.3",

        "react": "18.2.0",

        "react-native": "^0.74.0",

        "react-native-macos": "^0.74.0",

        "react-native-svg": ">=15.4.0 <15.13.0",

        "react": "19.1.0",

        "react-native": "^0.81.0",

        "react-native-macos": "^0.81.0",

        "react-native-svg": "^15.12.1",

        "react-native-svg-transformer": "^1.0.0",

        "react-native-test-app": "^3.9.2",

        "react-native-windows": "^0.74.0",

        "react-test-renderer": "18.2.0",

        "react-native-windows": "^0.81.0",

        "react-test-renderer": "19.1.0",

        "webdriverio": "catalog:"

      },

      "peerDependencies": {

apps/tester-core/src/FluentTester.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -111,10 +111,16 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
  
      const theme = useTheme();

      const themedStyles = getThemedStyles(theme);

      const removeBackHandler = React.useMemo(() => {

        return {

          remove: undefined,

        } as { remove?: () => void };

      }, []);

      const onBackPress = React.useCallback(() => {

        setOnTestListView(true);

        if (Platform.OS === 'android') {

          BackHandler.removeEventListener('hardwareBackPress', onBackPress);

        if (Platform.OS === 'android' && removeBackHandler.remove) {

          removeBackHandler.remove();

        }

        return true;

      }, []);

    @@ -187,7 +193,8 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
  
                        setOnTestListView(false);

                        setSelectedTestIndex(index);

                        if (Platform.OS === 'android') {

                          BackHandler.addEventListener('hardwareBackPress', onBackPress);

                          // add the listener and remember the remove function so it can be cleaned up later

                          removeBackHandler.remove = BackHandler.addEventListener('hardwareBackPress', onBackPress).remove;

                        }

                      }}

                      style={mobileStyles.testListItem}

apps/tester-core/src/TestComponents/Button/E2EButtonTest.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,5 +1,6 @@
  
    import * as React from 'react';

    import { View } from 'react-native';

    import type { NativeKeyEvent, HandledKeyEvent } from '@fluentui-react-native/adapters';

    import { ButtonV1 as Button, Text } from '@fluentui/react-native';

    import {

    @@ -15,26 +16,17 @@ import {
  
      BUTTON_FOCUSABLE_TEST_COMPONENT_LABEL,

    } from '@fluentui-react-native/e2e-testing';

    import { Stack } from '@fluentui-react-native/stack';

    import type { IKeyboardEvent } from '@office-iss/react-native-win32';

    import { stackStyle } from '../Common/styles';

    import { testProps } from '../Common/TestProps';

    function keyEvent(key: string) {

    function keyEvent(key: string): HandledKeyEvent {

      return {

        key,

        capsLockKey: false,

        shiftKey: false,

        ctrlKey: false,

        altKey: false,

        metaKey: false,

        numericPadKey: false,

        helpKey: false,

        functionKey: false,

        ArrowLeft: false,

        ArrowRight: false,

        ArrowUp: false,

        ArrowDown: false,

      };

    }

    @@ -49,14 +41,14 @@ export const E2EButtonTest: React.FunctionComponent = () => {
  
      const keyPressProps = {

        keyDownEvents: [keyEvent('a')],

        onKeyDown: (args: IKeyboardEvent) => {

        onKeyDown: (args: NativeKeyEvent) => {

          if (args.nativeEvent.key === 'a') {

            setKeyDetected('a (down)');

            args.stopPropagation();

          }

        },

        keyUpEvents: [keyEvent('b')],

        onKeyUp: (args: IKeyboardEvent) => {

        onKeyUp: (args: NativeKeyEvent) => {

          if (args.nativeEvent.key === 'b') {

            setKeyDetected('b (up)');

            args.stopPropagation();

apps/tester-core/src/TestComponents/Common/Slider.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,5 +1,5 @@
  
    import * as React from 'react';

    import type { ViewProps, StyleProp, ViewStyle } from 'react-native';

    import type { ViewProps, ViewStyle } from 'react-native';

    import { StyleSheet, Text, View } from 'react-native';

    import { Separator, Pressable } from '@fluentui/react-native';

    @@ -49,7 +49,7 @@ const styles = StyleSheet.create({
  
    const Track = Separator.customize({ separatorWidth: 4 });

    function onThumbRenderStyle(state: IPressableState, thumbLocation: number): StyleProp<ViewStyle> {

    function onThumbRenderStyle(state: IPressableState, thumbLocation: number): ViewStyle {

      return {

        ...styles.thumb,

        borderColor: state.pressed ? 'black' : state.hovered ? 'red' : '#7A7574',

apps/tester-core/src/TestComponents/Menu/MenuTest.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -319,9 +319,9 @@ const MenuNofM: React.FunctionComponent = () => {
  
              <MenuList>

                <MenuItem>A plain MenuItem</MenuItem>

                <MenuItem disabled>A disabled MenuItem</MenuItem>

                <MenuItem accessibilityPositionInSet={9}>A plain MenuItem</MenuItem>

                <MenuItem accessibilityPosInSet={9}>A plain MenuItem</MenuItem>

                <MenuDivider />

                {Platform.OS !== 'android' && <Submenu accessibilityPositionInSet={16} accessibilitySetSize={7} />}

                {Platform.OS !== 'android' && <Submenu accessibilityPosInSet={16} accessibilitySetSize={7} />}

                <MenuItem disabled accessibilitySetSize={2}>

                  A disabled MenuItem

                </MenuItem>

    @@ -352,7 +352,7 @@ const MenuWithCustomMenuTrigger: React.FunctionComponent<MenuProps> = (props: Me
  
              <MenuList>

                <MenuItem>A plain MenuItem</MenuItem>

                <MenuItem disabled>A disabled MenuItem</MenuItem>

                <MenuItem accessibilityPositionInSet={9}>A plain MenuItem</MenuItem>

                <MenuItem accessibilityPosInSet={9}>A plain MenuItem</MenuItem>

                <MenuDivider />

                {Platform.OS !== 'android' && <Submenu />}

                <MenuItem disabled accessibilitySetSize={2}>

apps/tester-core/src/TestComponents/RadioGroupLegacy/RadioGroupLegacyTest.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -43,12 +43,12 @@ const BasicRadioGroup: React.FunctionComponent = () => {
  
                content="Option A"

                buttonKey="A"

                accessibilityLabel="Test Accessibility Label"

                accessibilityPositionInSet={1}

                accessibilityPosInSet={1}

                accessibilitySetSize={4}

              />

              <RadioButton content="Option B" buttonKey="B" accessibilityPositionInSet={2} accessibilitySetSize={4} />

              <RadioButton content="Option C" buttonKey="C" accessibilityPositionInSet={3} accessibilitySetSize={4} />

              <RadioButton content="Option D" buttonKey="D" accessibilityPositionInSet={4} accessibilitySetSize={4} />

              <RadioButton content="Option B" buttonKey="B" accessibilityPosInSet={2} accessibilitySetSize={4} />

              <RadioButton content="Option C" buttonKey="C" accessibilityPosInSet={3} accessibilitySetSize={4} />

              <RadioButton content="Option D" buttonKey="D" accessibilityPosInSet={4} accessibilitySetSize={4} />

            </View>

          </RadioGroup>

        </View>

apps/tester-core/src/TestComponents/RadioGroupV1/DefaultRadioGroup.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -31,12 +31,12 @@ export const DefaultRadioGroup: React.FunctionComponent = () => {
  
                label="Option A"

                value="A"

                accessibilityLabel="Test Accessibility Label"

                accessibilityPositionInSet={1}

                accessibilityPosInSet={1}

                accessibilitySetSize={4}

              />

              <Radio label="Option B" value="B" accessibilityPositionInSet={2} accessibilitySetSize={4} />

              <Radio label="Option C" value="C" accessibilityPositionInSet={3} accessibilitySetSize={4} />

              <Radio label="Option D" value="D" accessibilityPositionInSet={4} accessibilitySetSize={4} />

              <Radio label="Option B" value="B" accessibilityPosInSet={2} accessibilitySetSize={4} />

              <Radio label="Option C" value="C" accessibilityPosInSet={3} accessibilitySetSize={4} />

              <Radio label="Option D" value="D" accessibilityPosInSet={4} accessibilitySetSize={4} />

            </View>

          </RadioGroup>

        </View>

change/@fluentui-react-native-158d9570-486d-4514-8aaa-b486039b0288.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui/react-native",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-adapters-7680741e-f8da-4e5b-951f-d3abdef2e5f8.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/adapters",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-android-theme-e919d661-353b-40cd-9fb0-552742a9d2fd.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/android-theme",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-apple-theme-5fcfc73c-22a2-4fe1-9d40-cf996b35e7d5.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/apple-theme",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-avatar-aef6dd7a-c5f1-407d-9b4f-41f84be772b0.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/avatar",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-badge-3aae3842-6f98-4039-94c0-cbe9a548a10d.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/badge",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-button-bbe1149d-921f-458d-8ccb-9c4fd0b1a35c.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/button",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-callout-7d0cd233-6c10-4ff7-8bd5-2674e52f0b4f.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/callout",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-checkbox-bd49a910-ab38-4fb3-9a67-3a7c116c4fcc.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/checkbox",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-chip-b7453eaf-7323-401f-9719-b178e955a3fb.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/chip",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-composition-a4724b89-133f-40ad-a5af-6ab2b2212a75.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/composition",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-contextual-menu-bba24827-af2a-41ef-8ff8-693b742618ca.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/contextual-menu",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-default-theme-9b3ba552-2005-4562-944f-b90c47f5f513.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/default-theme",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-divider-3b1c3f37-74b1-48ec-bf4d-d0cbddd59968.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/divider",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

change/@fluentui-react-native-drawer-c3c2e365-3ef7-4935-be32-88d8cb8caad8.json

-Original file line number
+Diff line change
@@ -0,0 +1,7 @@
+    {
+      "type": "minor",
+      "comment": "upgrade to RN 81, React 19, and fix builds",
+      "packageName": "@fluentui-react-native/drawer",
+      "email": "jasonmo@microsoft.com",
+      "dependentChangeType": "patch"
+    }

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

RN 0.81: Build all library components against react-native 0.81 #3999

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!

Uh oh!