@fluentui-react-native/tester 0.82.14 → 0.83.2

package/CHANGELOG.json

@@ -2,7 +2,167 @@
   "name": "@fluentui-react-native/tester",
   "entries": [
     {
-      "date": "Fri, 05 Aug 2022 19:59:48 GMT",
+      "date": "Mon, 08 Aug 2022 11:50:11 GMT",
+      "tag": "@fluentui-react-native/tester_v0.83.2",
+      "version": "0.83.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "v.kozova13@gmail.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "b9e1f165db6bd4bfbb61ce614ede3f8b43e315d2",
+            "comment": "Added CounterBadge"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/avatar to v1.1.34",
+            "commit": "b9e1f165db6bd4bfbb61ce614ede3f8b43e315d2"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/badge to v0.1.19",
+            "commit": "b9e1f165db6bd4bfbb61ce614ede3f8b43e315d2"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sun, 07 Aug 2022 20:38:13 GMT",
+      "tag": "@fluentui-react-native/tester_v0.83.1",
+      "version": "0.83.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "sanajmi@microsoft.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "757b02b2c8712c6936b615ff4e8cdfeed11352f3"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 05 Aug 2022 23:22:37 GMT",
+      "tag": "@fluentui-react-native/tester_v0.83.0",
+      "version": "0.83.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "sanajmi@microsoft.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "019d6b43385d09d2306918baa39838f522c565a6",
+            "comment": "Update out of date documentation"
+          }
+        ],
+        "minor": [
+          {
+            "author": "joannaquu@gmail.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "0d264fca5e03c4412f1d995eee43f3cc85042748",
+            "comment": "add support for compact mode"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/avatar to v1.1.33",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/badge to v0.1.18",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/button to v0.24.14",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/experimental-button to v0.16.14",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/experimental-checkbox to v0.12.10",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.4.17",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/experimental-tabs to v0.5.9",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/experimental-text to v0.11.1",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/icon to v0.13.4",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/interactive-hooks to v0.18.1",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/menu to v1.0.23",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/notification to v0.12.0",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/stack to v0.7.3",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/switch to v0.3.1",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/text to v0.14.0",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui/react-native to v0.32.5",
+            "commit": "b77d041fc8feb1088d2b4f1a1a755a9061148b97"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 05 Aug 2022 20:00:03 GMT",
       "tag": "@fluentui-react-native/tester_v0.82.14",
       "version": "0.82.14",
       "comments": {
@@ -17,13 +177,13 @@
             "author": "beachball",
             "package": "@fluentui-react-native/tester",
             "comment": "Bump @fluentui-react-native/experimental-avatar to v0.16.1",
-            "commit": "1e36771980f2e8e3b710949eb86e4233cad14bf1"
+            "commit": "162454407cd6e5fbf9c824339457c11d7f94f14c"
           },
           {
             "author": "beachball",
             "package": "@fluentui-react-native/tester",
             "comment": "Bump @fluentui-react-native/experimental-native-date-picker to v0.6.1",
-            "commit": "1e36771980f2e8e3b710949eb86e4233cad14bf1"
+            "commit": "162454407cd6e5fbf9c824339457c11d7f94f14c"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,12 +1,58 @@
 # Change Log - @fluentui-react-native/tester
 
-This log was last generated on Fri, 05 Aug 2022 19:59:48 GMT and should not be manually modified.
+This log was last generated on Mon, 08 Aug 2022 11:50:11 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.83.2
+
+Mon, 08 Aug 2022 11:50:11 GMT
+
+### Patches
+
+- Added CounterBadge (v.kozova13@gmail.com)
+- Bump @fluentui-react-native/avatar to v1.1.34
+- Bump @fluentui-react-native/badge to v0.1.19
+
+## 0.83.1
+
+Sun, 07 Aug 2022 20:38:13 GMT
+
+### Patches
+
+- undefined (sanajmi@microsoft.com)
+
+## 0.83.0
+
+Fri, 05 Aug 2022 23:22:37 GMT
+
+### Minor changes
+
+- add support for compact mode (joannaquu@gmail.com)
+- Bump @fluentui-react-native/avatar to v1.1.33
+- Bump @fluentui-react-native/badge to v0.1.18
+- Bump @fluentui-react-native/button to v0.24.14
+- Bump @fluentui-react-native/experimental-button to v0.16.14
+- Bump @fluentui-react-native/experimental-checkbox to v0.12.10
+- Bump @fluentui-react-native/experimental-menu-button to v0.4.17
+- Bump @fluentui-react-native/experimental-tabs to v0.5.9
+- Bump @fluentui-react-native/experimental-text to v0.11.1
+- Bump @fluentui-react-native/icon to v0.13.4
+- Bump @fluentui-react-native/interactive-hooks to v0.18.1
+- Bump @fluentui-react-native/menu to v1.0.23
+- Bump @fluentui-react-native/notification to v0.12.0
+- Bump @fluentui-react-native/stack to v0.7.3
+- Bump @fluentui-react-native/switch to v0.3.1
+- Bump @fluentui-react-native/text to v0.14.0
+- Bump @fluentui/react-native to v0.32.5
+
+### Patches
+
+- Update out of date documentation (sanajmi@microsoft.com)
+
 ## 0.82.14
 
-Fri, 05 Aug 2022 19:59:48 GMT
+Fri, 05 Aug 2022 20:00:03 GMT
 
 ### Patches
 

package/android/build.gradle

@@ -1,6 +1,7 @@
 buildscript {
     def androidTestAppDir = "../../../node_modules/react-native-test-app/android"
     apply(from: "${androidTestAppDir}/dependencies.gradle")
+    apply(from: "${androidTestAppDir}/test-app-util.gradle")
 
     repositories {
         mavenCentral()
@@ -8,8 +9,12 @@ buildscript {
     }
 
     dependencies {
-        classpath "com.android.tools.build:gradle:$androidPluginVersion"
-        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion"
+        classpath("com.android.tools.build:gradle:${androidPluginVersion}")
+
+        if (isNewArchitectureEnabled(project)) {
+            classpath("com.facebook.react:react-native-gradle-plugin")
+            classpath("de.undercouch:gradle-download-task:5.1.0")
+        }
     }
 }
 

package/app.json

@@ -3,6 +3,29 @@
   "displayName": "FluentTester",
   "singleApp": "fluent-tester",
   "components": [{ "appKey": "FluentTester", "displayName": "Fluent Tester", "slug": "fluent-tester" }],
+  "android": {
+    "icons": "assets/res"
+  },
+  "ios": {
+    "icons": {
+      "primaryIcon": {
+        "filename": "assets/fluent_app_icon_ios.png",
+        "prerendered": true
+      }
+    }
+  },
+  "macos": {
+    "icons": {
+      "primaryIcon": {
+        "filename": "assets/fluent_app_icon_macos.png",
+        "prerendered": true
+      },
+      "alternateIcon": {
+        "filename": "assets/fluent_app_icon_macos.png",
+        "prerendered": true
+      }
+    }
+  },
   "resources": {
     "android": ["dist/res", "dist/index.android.bundle"],
     "ios": ["dist/assets", "dist/index.ios.jsbundle"],

package/assets/res/drawable/fluent_app_icon_android_background.xml

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector
+    android:height="108dp"
+    android:width="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108"
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#3DDC84"
+          android:pathData="M0,0h108v108h-108z"/>
+    <path android:fillColor="#00000000" android:pathData="M9,0L9,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,0L19,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,0L29,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,0L39,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,0L49,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,0L59,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,0L69,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,0L79,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M89,0L89,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M99,0L99,108"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,9L108,9"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,19L108,19"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,29L108,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,39L108,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,49L108,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,59L108,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,69L108,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,79L108,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,89L108,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M0,99L108,99"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,29L89,29"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,39L89,39"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,49L89,49"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,59L89,59"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,69L89,69"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M19,79L89,79"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M29,19L29,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M39,19L39,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M49,19L49,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M59,19L59,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M69,19L69,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+    <path android:fillColor="#00000000" android:pathData="M79,19L79,89"
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+</vector>

package/assets/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/fluent_app_icon_android_background"/>
+    <foreground android:drawable="@mipmap/fluent_app_icon_android_foreground"/>
+</adaptive-icon>

package/assets/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/fluent_app_icon_android_background"/>
+    <foreground android:drawable="@mipmap/fluent_app_icon_android_foreground"/>
+</adaptive-icon>

package/docs/ios.md

@@ -13,10 +13,10 @@ yarn
 yarn build
 ```
 
-2. Then go into `apps/ios/src` folder and run pod install to pull in the project-level Cocoapod dependencies defined in the podfile, and to generate a valid xcworkspace:
+2. Then go into `apps/fluent-tester/ios` folder and run pod install to pull in the project-level Cocoapod dependencies defined in the podfile, and to generate a valid xcworkspace:
 
 ```sh
-cd apps/ios/src
+apps/fluent-tester/ios
 pod install
 ```
 
@@ -34,7 +34,7 @@ yarn ios
 Dependencies are managed by
 [`@rnx-kit/dep-check`](https://github.com/microsoft/rnx-kit/tree/main/packages/dep-check).
 If you're looking to upgrade `react-native`, look for the `rnx-kit` section in
-`/apps/ios/package.json`:
+`/apps/fluent-tester/package.json`:
 
 ```json
 {
@@ -64,15 +64,15 @@ You can debug native code in Xcode. To debug javascript code, you can either use
 
 ## Troubleshooting
 
-- The first time you yarn ios, you receive an error and have to run "FluentTester.xcworkspace" directly from Xcode. The workspace can be found in the apps/ios/src folder. After running the workspace the first time from Xcode, you will be able to `yarn ios` from the CLI.
-- If the packager didn't launch in a separate terminal and your iOS simulator just shows a white screen for your app, you can run `yarn start` from apps/ios to launch it separately
+- The first time you yarn ios, you receive an error and have to run "FluentTester.xcworkspace" directly from Xcode. The workspace can be found in the apps/fluent-tester/ios folder. After running the workspace the first time from Xcode, you will be able to `yarn ios` from the CLI.
+- If the packager didn't launch in a separate terminal and your iOS simulator just shows a white screen for your app, you can run `yarn start` from apps/fluent-tester to launch it separately
 - If you get the error: "Unable to resolve module... None of these files exist:...", close the packager and restart it by running `yarn start`. Note: you need to restart the packager when you switch to a different platform (e.g. from macOS or Android to iOS), but once it restarts you can reload the tester apps on all running platforms at once.
 - If you want to do direct debugging via xcode, after the pod install, you can launch src/FluentTester.xcworkspace and build/run the scheme "ReactTestApp"
 - If you want to have a clean rebuild of the generated iOS project, you can do the following:
 
 ```sh
-cd apps/ios/
-rm src/FluentTester.xcworkspace
-rm -r src/Pods/
-pod install --project-directory=src.
+cd apps/fluent-tester/ios
+rm FluentTester.xcworkspace
+rm -rf Pods/
+pod install
 ```

package/docs/macos.md

@@ -13,10 +13,10 @@ yarn
 yarn build
 ```
 
-2. Then go into `apps/macos/src` folder and run pod install to pull in the project-level Cocoapod dependencies defined in the podfile, and to generate a valid xcworkspace:
+2. Then go into `apps/fluent-tester/macos` folder and run pod install to pull in the project-level Cocoapod dependencies defined in the podfile, and to generate a valid xcworkspace:
 
 ```sh
-cd apps/macos/src
+cd apps/fluent-tester/macos
 pod install
 ```
 
@@ -43,7 +43,7 @@ You can debug native code in Xcode. To debug javascript code, you can either use
 Dependencies are managed by
 [`@rnx-kit/dep-check`](https://github.com/microsoft/rnx-kit/tree/main/packages/dep-check).
 If you're looking to upgrade `react-native`, look for the `rnx-kit` section in
-`/apps/macos/package.json`:
+`/apps/fluent-tester/package.json`:
 
 ```json
 {
@@ -69,8 +69,8 @@ You can read more about this tool here:
 - If you want to have a clean rebuild of the generated macOS project, you can do the following:
 
 ```sh
-cd apps/macos/
-rm src/FluentTester.xcworkspace
-rm -r src/Pods/
-pod install --project-directory=src.
+cd apps/fluent-tester/macos
+rm FluentTester.xcworkspace
+rm -r Pods/
+pod install
 ```

package/ios/Podfile.lock

@@ -10,11 +10,11 @@ PODS:
     - React-jsi (= 0.66.4)
     - ReactCommon/turbomodule/core (= 0.66.4)
   - fmt (6.2.1)
-  - FRNAvatar (0.16.0):
+  - FRNAvatar (0.16.1):
     - MicrosoftFluentUI (= 0.6.1)
     - MicrosoftFluentUI/Avatar_ios (= 0.6.1)
     - React
-  - FRNDatePicker (0.6.0):
+  - FRNDatePicker (0.6.1):
     - MicrosoftFluentUI (= 0.6.1)
     - React
   - glog (0.3.5)
@@ -443,15 +443,14 @@ PODS:
     - React-jsi (= 0.66.4)
     - React-logger (= 0.66.4)
     - React-perflogger (= 0.66.4)
-  - ReactTestApp-DevSupport (1.4.0):
+  - ReactTestApp-DevSupport (1.6.2):
     - React-Core
     - React-jsi
   - ReactTestApp-Resources (1.0.0-dev)
-  - RNCPicker (2.4.3):
+  - RNCPicker (2.4.2):
     - React-Core
   - RNSVG (12.3.0):
     - React-Core
-  - SwiftLint (0.47.1)
   - Yoga (1.14.0)
 
 DEPENDENCIES:
@@ -494,14 +493,12 @@ DEPENDENCIES:
   - ReactTestApp-Resources (from `..`)
   - "RNCPicker (from `../../../node_modules/@react-native-picker/picker`)"
   - RNSVG (from `../../../node_modules/react-native-svg`)
-  - SwiftLint
   - Yoga (from `../../../node_modules/react-native/ReactCommon/yoga`)
 
 SPEC REPOS:
   trunk:
     - fmt
     - MicrosoftFluentUI
-    - SwiftLint
 
 EXTERNAL SOURCES:
   boost:
@@ -587,8 +584,8 @@ SPEC CHECKSUMS:
   FBLazyVector: e5569e42a1c79ca00521846c223173a57aca1fe1
   FBReactNativeSpec: fe08c1cd7e2e205718d77ad14b34957cce949b58
   fmt: ff9d55029c625d3757ed641535fd4a75fedc7ce9
-  FRNAvatar: c516d270e12c0f6bf44bc12da08a5b244bdf4e1a
-  FRNDatePicker: a5e655082ae767dbd7b8967996347216a915994b
+  FRNAvatar: 106dad851d08d0cea35d56310b64db6a065c2099
+  FRNDatePicker: 75eb1d59c15ec0cfe681e91316105cd2fc206bea
   glog: 5337263514dd6f09803962437687240c5dc39aa4
   MicrosoftFluentUI: 28925cbf24aa550b9942f844d293b90d1a5db330
   RCT-Folly: a21c126816d8025b547704b777a2ba552f3d9fa9
@@ -617,11 +614,10 @@ SPEC CHECKSUMS:
   React-RCTVibration: e3ffca672dd3772536cb844274094b0e2c31b187
   React-runtimeexecutor: dec32ee6f2e2a26e13e58152271535fadff5455a
   ReactCommon: 57b69f6383eafcbd7da625bfa6003810332313c4
-  ReactTestApp-DevSupport: f304d297706114319929405239789b443b5c2fee
-  ReactTestApp-Resources: 810cb22ae7c4e042ce930887b2665f26d8011498
-  RNCPicker: a99807a74d9cd65c394f6e2a6c843a377b355b4d
+  ReactTestApp-DevSupport: 2fa32bc5aec307737d9836a8e40dfaa3745e7525
+  ReactTestApp-Resources: ecba662266ac5af3e30e1e3004c0fa8c0298b61a
+  RNCPicker: 0250e95ad170569a96f5b0555cdd5e65b9084dca
   RNSVG: 302bfc9905bd8122f08966dc2ce2d07b7b52b9f8
-  SwiftLint: f80f1be7fa96d30e0aa68e58d45d4ea1ccaac519
   Yoga: e7dc4e71caba6472ff48ad7d234389b91dadc280
 
 PODFILE CHECKSUM: 471bcded6dd3e64a1865525c60e6a27d0b4961a9

package/lib/FluentTesterApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FluentTesterApp.d.ts","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMjE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAMtE,CAAC"}
+{"version":3,"file":"FluentTesterApp.d.ts","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAiCjE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAYtE,CAAC"}

package/lib/FluentTesterApp.js

@@ -2,13 +2,44 @@
 import { __assign } from "tslib";
 import { ThemeProvider } from '@fluentui-react-native/theme';
 import * as React from 'react';
-import { Platform } from 'react-native';
+import { Platform, useWindowDimensions } from 'react-native';
 import { FluentTester } from './FluentTester';
 import { tests } from './testPages';
 import { testerTheme } from './theme/index';
-var isMobile = Platform.OS == 'android' || (Platform.OS === 'ios' && Platform.isPad === false);
+/**
+ * Hook that "guesses" our Size Class on iOS based on our window width.
+ * Note: this is hacky and should not be used.
+ *
+ * For more information about Size Classes, see the following:
+ * https://developer.apple.com/documentation/uikit/uitraitcollection
+ * https://developer.apple.com/design/human-interface-guidelines/foundations/layout/#platform-considerations
+ * @returns SizeClassIOS: enum determining our size class
+ */
+var useSizeClassIOS_DO_NOT_USE = function () {
+    if (Platform.OS === 'ios') {
+        /**
+         * Technically this violates the rules of hooks (calling hooks inside conditions) but Platform.OS checks are pretty non-conditional.
+         * This is necessary because useWindowDimensions() does not work in win32.
+         */
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        var width = useWindowDimensions().width;
+        if (Platform.isPad && width > 375) {
+            return 'regular';
+        }
+        else {
+            return 'compact';
+        }
+    }
+    else {
+        return undefined;
+    }
+};
 export var FluentTesterApp = function (props) {
+    var sizeClass = useSizeClassIOS_DO_NOT_USE();
+    var isMobile = Platform.OS == 'android' || (Platform.OS === 'ios' && Platform.isPad === false);
+    // If on iPad we are presented in a Split View or Slide Over context, show the single pane view.
+    var shouldShowSinglePane = isMobile || (!isMobile && sizeClass === 'compact');
     return (React.createElement(ThemeProvider, { theme: testerTheme },
-        React.createElement(FluentTester, __assign({ enabledTests: tests, enableSinglePaneView: isMobile }, props))));
+        React.createElement(FluentTester, __assign({ enabledTests: tests, enableSinglePaneView: shouldShowSinglePane }, props))));
 };
 //# sourceMappingURL=FluentTesterApp.js.map

package/lib/FluentTesterApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"FluentTesterApp.js","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,IAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;AAEjG,MAAM,CAAC,IAAM,eAAe,GAA+C,UAAC,KAAK;IAC/E,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,WAAW;QAC/B,oBAAC,YAAY,aAAC,YAAY,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,IAAM,KAAK,EAAI,CAClE,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"FluentTesterApp.js","sourceRoot":"","sources":["../src/FluentTesterApp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C;;;;;;;;GAQG;AACH,IAAM,0BAA0B,GAAuB;IACrD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB;;;WAGG;QACH,sDAAsD;QACtD,IAAM,KAAK,GAAG,mBAAmB,EAAE,CAAC,KAAK,CAAC;QAC1C,IAAI,QAAQ,CAAC,KAAK,IAAI,KAAK,GAAG,GAAG,EAAE;YACjC,OAAO,SAAS,CAAC;SAClB;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;KACF;SAAM;QACL,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAA+C,UAAC,KAAK;IAC/E,IAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,IAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAEjG,gGAAgG;IAChG,IAAM,oBAAoB,GAAG,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,SAAS,KAAK,SAAS,CAAC,CAAC;IAEhF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,WAAW;QAC/B,oBAAC,YAAY,aAAC,YAAY,EAAE,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,IAAM,KAAK,EAAI,CAC9E,CACjB,CAAC;AACJ,CAAC,CAAC"}