Merge branch 'master' into pr/24665

.github/CODEOWNERS

@@ -83,6 +83,7 @@ apps/test-bundles @microsoft/fluentui-react
 apps/public-docsite-v9 @microsoft/cxe-red @microsoft/cxe-coastal @microsoft/fluentui-react-build
 apps/theming-designer @microsoft/fluentui-react
 apps/ssr-tests-v9 @microsoft/fluentui-react-build
+apps/stress-test @microsoft/cxe-red @spmonahan @micahgodbolt
 
 #### Packages
 packages/azure-themes @hyoshis @Jacqueline-ms
@@ -161,7 +162,6 @@ packages/react-components/react-tabs @microsoft/cxe-coastal @geoffcoxmsft
 packages/react-components/react-text @microsoft/cxe-prg
 packages/react-components/react-textarea @microsoft/cxe-red @sopranopillow
 packages/react-components/react-tooltip @microsoft/cxe-red @behowell @khmakoto
-packages/react-components/react-list @microsoft/teams-prg
 packages/react-components/react-toolbar @microsoft/teams-prg @chpalac @ling1726
 packages/react-components/react-portal-compat @microsoft/teams-prg
 packages/react-components/react-alert @microsoft/teams-prg
@@ -173,6 +173,10 @@ packages/react-components/babel-preset-global-context @microsoft/teams-prg
 packages/react-components/react-table @microsoft/teams-prg
 packages/react-components/react-progress @microsoft/cxe-red @tomi-msft
 packages/react-components/react-persona @microsoft/cxe-red @sopranopillow
+packages/react-components/react-avatar-context @microsoft/teams-prg
+packages/react-components/react-infobutton @microsoft/cxe-red @sopranopillow
+packages/react-migration-v8-v9 @microsoft/cxe-coastal @geoffcoxmsft
+packages/react-components/react-tree @microsoft/teams-prg
 # <%= NX-CODEOWNER-PLACEHOLDER %>
 
 

.github/actions/build-to/action.yml

@@ -0,0 +1,35 @@
+name: 'Build workspaces'
+description: 'Runs the build command for specific workspaces.'
+inputs:
+  # Because Github Actions doesn't support arrays as inputs we need to pass the workspaces as a string and split them
+  # by spaces https://github.com/community/community/discussions/11692
+  workspaces:
+    required: true
+    description: 'The workspaces you want to build. This parameter accepts multiple workspaces separated by a space.'
+  # This is based on the backfill cache provider options: https://github.com/microsoft/backfill#set-up-remote-cache
+  backfill-cache-provider:
+    required: false
+    description: 'The backfill cache provider'
+    default: 'azure-blob'
+  # Depending on the chosen cache provider there are multiple types of available options. In our case we use Azure Blob
+  # Storage. https://github.com/microsoft/backfill#microsoft-azure-blob-storage
+  backfill-cache-provider-options:
+    required: false
+    description: 'The backfill cache provider options'
+  # Flag to toggle backfill remote caching on / off
+  lage-write-remote-cache:
+    required: true
+    description: 'Whether to write to the remote cache'
+    default: 'true'
+
+runs:
+  using: 'composite'
+  steps:
+    - name: build package dependency tree (scripts:build)
+      working-directory: .
+      shell: bash
+      run: yarn build --to ${{ inputs.workspaces }}
+      env:
+        BACKFILL_CACHE_PROVIDER: ${{ inputs.backfill-cache-provider }}
+        BACKFILL_CACHE_PROVIDER_OPTIONS: ${{ inputs.backfill-cache-provider-options }}
+        LAGE_WRITE_REMOTE_CACHE: ${{ inputs.lage-write-remote-cache }}

.github/triage-bot.config.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "../scripts/triage-bot/triage-bot.schema.json",
+  "params": [
+    {
+      "keyword": "(@fluentui/react-northstar)",
+      "labels": ["Fluent UI react-northstar (v0)"],
+      "assignees": []
+    },
+    { "keyword": "(@fluentui/react)", "labels": ["Fluent UI react (v8)"], "assignees": [] },
+    {
+      "keyword": "(@fluentui/react-components)",
+      "labels": ["Fluent UI react-components (v9)"],
+      "assignees": []
+    },
+    {
+      "keyword": "(@fluentui/web-components)",
+      "labels": ["web-components"],
+      "assignees": ["chrisdholt"]
+    }
+  ]
+}

.github/workflows/check-packages.yml

@@ -3,6 +3,38 @@ on:
   pull_request:
 
 jobs:
+  dependency-deduplication:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 14.18.1
+          cache: 'yarn'
+
+      - uses: tj-actions/changed-files@v32
+        id: changed-files-specific
+        with:
+          files: |
+            yarn.lock
+
+      - name: Check package duplicates
+        if: steps.changed-files-specific.outputs.any_changed == 'true'
+        run: |
+          echo "yarn.lock changed! Verifying package deduplication ..."
+
+          npx yarn-deduplicate --strategy fewer --list --fail
+
+          if [[ $? -ne 0 ]]; then
+            echo "Your changes introduced package duplication 🚨"
+            echo "Run 'npx yarn-deduplicate --strategy fewer' to fix those."
+          else
+            echo "No duplicate packages introduced ✅"
+          fi
+
   dependency-mismatches:
     runs-on: ubuntu-latest
     steps:

.github/workflows/create-milestone.yml

@@ -5,6 +5,9 @@ on:
   schedule:
     - cron: '0 0 1 * *'
 
+permissions:
+  issues: write
+
 jobs:
   create-milestone:
     name: Create this month's milestone

.github/workflows/docsite-publish-chromatic.yml

@@ -0,0 +1,55 @@
+# Workflow name
+name: 'Docsite publish to Chromatic'
+
+on:
+  push:
+    branches:
+      - master
+  workflow_dispatch:
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    if: ${{ contains(github.event.head_commit.message, 'applying package updates') || github.event_name == 'workflow_dispatch' }}
+
+    outputs:
+      status: ${{ steps.verify-react-components-changed.outputs.any_changed == 'true' || github.event_name == 'workflow_dispatch' }}
+
+    steps:
+      - uses: actions/checkout@v3
+        name: Checkout [master]
+
+      - name: Verify react-compoenents has changed
+        uses: tj-actions/[email protected]
+        id: verify-react-components-changed
+        with:
+          files: |
+            packages/react-components/react-components/package.json
+  deploy:
+    runs-on: ubuntu-latest
+    needs: check
+    if: needs.check.outputs.status == 'true'
+
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 14.18.1
+          cache: 'yarn'
+
+      - name: Install packages
+        run: yarn install --frozen-lockfile
+
+      - name: Build dependencies
+        uses: ./.github/actions/build-to
+        with:
+          workspaces: '@fluentui/public-docsite-v9'
+          backfill-cache-provider-options: ${{ secrets.BACKFILL_CACHE_PROVIDER_OPTIONS }}
+
+      - name: Publish to Chromatic
+        run: yarn workspace @fluentui/public-docsite-v9 chromatic
+        env:
+          CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

.github/workflows/docsite-publish-ghpages.yml

@@ -0,0 +1,76 @@
+# Workflow name
+name: 'Docsite publish to Github Pages'
+
+on:
+  push:
+    branches:
+      - master
+  workflow_dispatch:
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    if: ${{ contains(github.event.head_commit.message, 'applying package updates') || github.event_name == 'workflow_dispatch' }}
+
+    outputs:
+      status: ${{ steps.verify-react-components-changed.outputs.any_changed == 'true' || github.event_name == 'workflow_dispatch' }}
+
+    steps:
+      - uses: actions/checkout@v3
+        name: Checkout [master]
+
+      - name: Verify react-compoenents has changed
+        uses: tj-actions/[email protected]
+        id: verify-react-components-changed
+        with:
+          files: |
+            packages/react-components/react-components/package.json
+  build:
+    runs-on: ubuntu-latest
+    needs: check
+    if: needs.check.outputs.status == 'true'
+
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 14.18.1
+          cache: 'yarn'
+
+      - name: Install packages
+        run: yarn install --frozen-lockfile
+
+      - name: Build dependencies
+        uses: ./.github/actions/build-to
+        with:
+          workspaces: '@fluentui/public-docsite-v9'
+          backfill-cache-provider-options: ${{ secrets.BACKFILL_CACHE_PROVIDER_OPTIONS }}
+
+      - name: Build storybook
+        run: yarn workspace @fluentui/public-docsite-v9 build-storybook
+
+      - name: Upload Pages Artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          path: './apps/public-docsite-v9/dist/storybook/'
+  deploy:
+    runs-on: ubuntu-latest
+    needs: build
+
+    # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
+    permissions:
+      pages: write # to deploy to Pages
+      id-token: write # to verify the deployment originates from an appropriate source
+
+    # Deploy to the github-pages environment
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1

.github/workflows/issues.yml

@@ -0,0 +1,21 @@
+name: Triage Bot
+on:
+  issues:
+    types:
+      - opened
+
+jobs:
+  triage-issue:
+    runs-on: ubuntu-latest
+
+    permissions:
+      issues: write
+
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/github-script@v6
+        with:
+          script: |
+            const config = require('./.github/triage-bot.config.json');
+            const run = require('./scripts/triage-bot');
+            await run({github,context,core,config});