chore: update wc-3 with latest master

.devops/templates/cleanup.yml

@@ -12,7 +12,7 @@ steps:
   # In theory the "workspace: clean: all" setting should handle this, but it doesn't always seem to work.
   # ReallyClean is a custom task from our internal UI Fabric azure-devops-tasks repo which attempts to
   # delete the given directory with multiple retries.
-  - task: ReallyClean@0
-    inputs:
-      directory: $(Agent.BuildDirectory)
-    condition: always()
+  # - task: ReallyClean@0
+  #   inputs:
+  #     directory: $(Agent.BuildDirectory)
+  #   condition: always()

.devops/templates/runpublishvrscreenshot.yml

@@ -0,0 +1,75 @@
+parameters:
+  - name: fluentVersion
+    type: string
+    default: v8
+  - name: vrTestPackageName
+    type: string
+    default: '@fluentui/vr-tests'
+  - name: vrTestPackagePath
+    type: string
+    default: 'apps/vr-tests'
+  - name: shouldBuildstorybookaddon
+    type: boolean
+    default: false
+  - name: shouldBuildNorthstar
+    type: boolean
+    default: false
+
+steps:
+  - task: Bash@3
+    inputs:
+      filePath: yarn-ci.sh
+    displayName: yarn (install packages)
+
+  - script: |
+      isPR=${{lower(eq(variables['Build.Reason'], 'PullRequest'))}}
+      echo $isPR
+      if [[ $isPR == true ]]; then
+        packageAffected=$(yarn --silent check:affected-package --packages ${{ parameters.vrTestPackageName }} --pr=true)
+        if [[ $packageAffected == false ]]; then
+          echo "In PR pipeline but NOT affecting test package. Skipping test run"
+          echo "##vso[task.setvariable variable=vrTestSkip;]yes"
+        else
+          echo "In PR pipeline and affecting test package. NOT Skipping test run"
+          echo "##vso[task.setvariable variable=vrTestSkip;]no"
+        fi
+      else
+        echo "Not in PR pipeline. NOT Skipping test run"
+        echo "##vso[task.setvariable variable=vrTestSkip;]no"
+      fi
+    displayName: Check if vrTests should be skipped
+
+  - ${{ if eq(parameters.shouldBuildstorybookaddon, 'true') }}:
+      - script: |
+          yarn build --to @fluentui/react-storybook-addon
+        displayName: Build react-storybook-addon
+        condition: eq(variables['vrTestSkip'], 'no')
+
+  - ${{ if eq(parameters.shouldBuildNorthstar, 'true') }}:
+      - script: |
+          yarn build --to @fluentui/docs
+        displayName: Build react-northstar
+        condition: eq(variables['vrTestSkip'], 'no')
+
+  - script: |
+      yarn workspace ${{ parameters.vrTestPackageName }} vr:build
+    displayName: Build VR tests components package
+    condition: eq(variables['vrTestSkip'], 'no')
+
+  - script: |
+      yarn workspace ${{ parameters.vrTestPackageName }} vr:test --verbose
+    displayName: 'Run VR tests'
+    condition: eq(variables['vrTestSkip'], 'no')
+
+  - script: |
+      mkdir -p screenshots
+      cp -rf ${{ parameters.vrTestPackagePath }}/dist/screenshots/*.png screenshots/
+    displayName: Collate Artifacts
+    condition: eq(variables['vrTestSkip'], 'no')
+
+  - task: PublishBuildArtifacts@1
+    inputs:
+      PathtoPublish: 'screenshots'
+      ArtifactName: 'vrscreenshot${{ parameters.fluentVersion }}'
+      publishLocation: 'Container'
+    condition: eq(variables['vrTestSkip'], 'no')

.github/CODEOWNERS

@@ -28,7 +28,6 @@
 /.githooks @microsoft/fluentui-react-build
 /.storybook @microsoft/fluentui-react-build
 /.vscode @microsoft/fluentui-react-build
-/scripts @microsoft/fluentui-react-build
 /tools @microsoft/fluentui-react-build
 
 #### Root Build files
@@ -53,10 +52,36 @@
 /migrations.json @microsoft/fluentui-react-build
 
 #### Meta and License stuff
-/LICENSE @microsoft/fluentui-react-build @justSlone @jurokapsiar
-/packages/react/LICENSE @microsoft/fluentui-react-build @justSlone @jurokapsiar
-/.github/CODEOWNERS @microsoft/fluentui-react-build @justSlone @jurokapsiar
-/.github/ISSUE_TEMPLATE* @justSlone @jurokapsiar
+/LICENSE @microsoft/fluentui-react-build @justSlone @jurokapsiar @tudorpopams
+/packages/react/LICENSE @microsoft/fluentui-react-build @justSlone @jurokapsiar @tudorpopams
+/.github/CODEOWNERS @microsoft/fluentui-react-build @justSlone @jurokapsiar @tudorpopams
+/.github/ISSUE_TEMPLATE* @justSlone @jurokapsiar @tudorpopams
+
+## Tooling packages
+scripts/api-extractor @microsoft/fluentui-react-build
+scripts/babel @microsoft/fluentui-react-build
+scripts/beachball @microsoft/fluentui-react-build
+scripts/cypress @microsoft/fluentui-react-build
+scripts/dangerjs @microsoft/fluentui-react-build
+scripts/executors @microsoft/fluentui-react-build
+scripts/fluentui-publish @microsoft/fluentui-react-build
+scripts/generators @microsoft/fluentui-react-build
+scripts/github @microsoft/fluentui-react-build
+scripts/gulp @microsoft/fluentui-react-build @microsoft/teams-prg
+scripts/jest @microsoft/fluentui-react-build
+scripts/lint-staged @microsoft/fluentui-react-build
+scripts/monorepo @microsoft/fluentui-react-build
+scripts/package-manager @microsoft/fluentui-react-build
+scripts/prettier @microsoft/fluentui-react-build
+scripts/projects-test @microsoft/fluentui-react-build
+scripts/puppeteer @microsoft/fluentui-react-build
+scripts/storybook @microsoft/fluentui-react-build
+scripts/tasks @microsoft/fluentui-react-build
+scripts/triage-bot @microsoft/fluentui-react-build @microsoft/cxe-prg
+scripts/ts-node @microsoft/fluentui-react-build
+scripts/update-release-notes @microsoft/fluentui-react-build
+scripts/utils @microsoft/fluentui-react-build
+scripts/webpack @microsoft/fluentui-react-build
 
 #### Fluent UI N*
 packages/a11y-rules @microsoft/fluentui-northstar
@@ -84,11 +109,12 @@ apps/public-docsite-v9 @microsoft/cxe-red @microsoft/cxe-coastal @microsoft/flue
 apps/theming-designer @microsoft/fluentui-react
 apps/ssr-tests-v9 @microsoft/fluentui-react-build
 apps/stress-test @microsoft/cxe-red @spmonahan @micahgodbolt
+apps/recipes-react-components @microsoft/cxe-red @microsoft/cxe-coastal @microsoft/fluentui-react-build @sopranopillow
 
 #### Packages
-packages/azure-themes @hyoshis @Jacqueline-ms
+packages/azure-themes @robtaft-ms @Jacqueline-ms
 packages/bundle-size @microsoft/teams-prg
-packages/date-time-utilities @microsoft/fluent-date-time
+packages/date-time-utilities @microsoft/cxe-red
 packages/eslint-plugin @microsoft/fluentui-react-build
 packages/foundation-legacy @microsoft/cxe-red @khmakoto
 # packages/font-icons-mdl2
@@ -103,15 +129,14 @@ packages/react-cards @microsoft/cxe-red @khmakoto
 packages/react-charting @microsoft/charting-team
 packages/react-components/react-conformance-griffel @microsoft/teams-prg
 packages/react-components/react-context-selector @microsoft/teams-prg
-packages/react-date-time @microsoft/fluent-date-time
+packages/react-date-time @microsoft/cxe-red
 packages/react-docsite-components @microsoft/fluentui-v8-website
 packages/react-file-type-icons @jahnp @bigbadcapers
 packages/react-hooks @microsoft/cxe-red
 packages/react-monaco-editor @microsoft/fluentui-v8-website
 packages/react-components/react-positioning @microsoft/teams-prg
 packages/react-components/react-overflow @microsoft/teams-prg
 packages/react-components/react-shared-contexts @microsoft/teams-prg
-packages/react-components/react-storybook @microsoft/cxe-prg @microsoft/teams-prg
 packages/react-components/react-storybook-addon @microsoft/cxe-prg
 packages/react-components/react-tabster @microsoft/teams-prg
 packages/react-components/react-theme @microsoft/teams-prg
@@ -175,26 +200,35 @@ 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
+packages/react-components/react-virtualizer @microsoft/xc-uxe @Mitch-At-Work
+packages/react-components/react-skeleton @microsoft/cxe-red
+packages/tokens @microsoft/teams-prg
+packages/react-components/react-tags @microsoft/cxe-coastal @TristanWatanabe
+packages/react-components/react-data-grid-react-window @microsoft/teams-prg
+packages/react-components/react-migration-v0-v9 @microsoft/teams-prg
+packages/react-components/react-datepicker @microsoft/cxe-red @sopranopillow @khmakoto
+packages/react-components/react-migration-v8-v9 @microsoft/cxe-red @microsoft/cxe-coastal @geoffcoxmsft
+packages/react-components/react-breadcrumb @microsoft/cxe-prg
+packages/react-components/react-drawer @microsoft/cxe-prg
+packages/react-components/react-storybook-addon-codesandbox @microsoft/fluentui-react-build
+packages/react-components/babel-preset-storybook-full-source @microsoft/fluentui-react-build
 # <%= NX-CODEOWNER-PLACEHOLDER %>
 
-
-
 ## Components
 packages/react @microsoft/cxe-red @microsoft/cxe-coastal
 packages/react/src/components/ActivityItem @microsoft/cxe-red @microsoft/cxe-coastal @khmakoto
 packages/react/src/components/Announced @microsoft/cxe-red @microsoft/cxe-coastal @khmakoto
 packages/react/src/components/Breadcrumb @microsoft/cxe-red @microsoft/cxe-coastal @khmakoto
 packages/react/src/components/Button @microsoft/cxe-red @microsoft/cxe-coastal @khmakoto
-packages/react/src/components/Calendar @microsoft/fluent-date-time
-packages/react/src/components/CalendarDayGrid @microsoft/fluent-date-time
+packages/react/src/components/Calendar @microsoft/cxe-red
+packages/react/src/components/CalendarDayGrid @microsoft/cxe-red
 packages/react/src/components/Check @microsoft/cxe-red @microsoft/cxe-coastal @ThomasMichon @khmakoto
 packages/react/src/components/Checkbox @microsoft/cxe-red @microsoft/cxe-coastal @khmakoto
 packages/react/src/components/ChoiceGroup @microsoft/cxe-red @microsoft/cxe-coastal
 packages/react/src/components/Coachmark @microsoft/cxe-red @microsoft/cxe-coastal @leddie24
 packages/react/src/components/ColorPicker @microsoft/cxe-red @microsoft/cxe-coastal
-packages/react/src/components/DatePicker @microsoft/fluent-date-time
+packages/react/src/components/DatePicker @microsoft/cxe-red
 packages/react/src/components/DetailsList @microsoft/cxe-red @microsoft/cxe-coastal @ThomasMichon
 packages/react/src/components/DocumentCard @microsoft/cxe-red @microsoft/cxe-coastal @yiminwu
 packages/react/src/components/Fabric @microsoft/cxe-red @microsoft/cxe-coastal @dzearing
@@ -226,12 +260,25 @@ packages/react/src/components/Text @microsoft/cxe-red @microsoft/cxe-coastal @kh
 packages/react/src/components/TextField @microsoft/cxe-red @microsoft/cxe-coastal
 packages/react/src/components/Toggle @microsoft/cxe-red @microsoft/cxe-coastal @khmakoto
 packages/react/src/components/Tooltip @microsoft/cxe-red @microsoft/cxe-coastal @behowell
-packages/react/src/components/WeeklyDayPicker @microsoft/fluent-date-time
+packages/react/src/components/WeeklyDayPicker @microsoft/cxe-red
 
 ## Theming and styling
 packages/react/src/utilities/ThemeProvider @microsoft/cxe-red @microsoft/cxe-coastal @dzearing
-
+packages/fluent2-theme @microsoft/cxe-red @microsoft/cxe-coastal @geoffcoxmsft
 ## Experiments
 packages/react-experiments/src/components/Signals @ThomasMichon
 packages/react-experiments/src/components/Tile @ThomasMichon
 packages/react-experiments/src/components/TileList @ThomasMichon
+
+### generic rules for v-build. Might be tweaked based on needs.
+**/just.config.ts @microsoft/fluentui-react-build
+**/jest.config.js @microsoft/fluentui-react-build
+**/webpack.*.js @microsoft/fluentui-react-build
+**/.eslintrc.js @microsoft/fluentui-react-build
+**/.eslintrc.json @microsoft/fluentui-react-build
+**/tsconfig.json @microsoft/fluentui-react-build
+**/tsconfig.lib.json @microsoft/fluentui-react-build
+**/tsconfig.spec.json @microsoft/fluentui-react-build
+**/cypress.config.ts @microsoft/fluentui-react-build
+**/api-extractor.json @microsoft/fluentui-react-build
+**/api-extractor.unstable.json @microsoft/fluentui-react-build

.github/ISSUE_TEMPLATE/convergence_epic.md

@@ -1,48 +1,52 @@
 ---
-name: (internal) Component convergence epic
-about: (team member use only) Epic issue tracking convergence of a particular component
+name: (internal) Component implementation epic
+about: (team member use only) Epic issue tracking implementation of a particular component
 ---
 
 <!--
 These issues are used by core contributors to track the list of items that should be
-completed as part of converging a component. More info can be found here: https://github.com/microsoft/fluentui/wiki/Component-Convergence-Guide
+completed as part of creating a v9 component. More info can be found here: https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide
 -->
 
-## Preparation:
+💡 When you create a PR for any of the checklist items, add a link to this Epic under the PR's **Related Issues** section.
 
-- [ ] Open UI Research
+## Preparation
+
+- [ ] [Open UI Research](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#open-ui-research)
   - [link to https://open-ui.org/]
-- [ ] Open GitHub issues related to component
+- [ ] [Open GitHub issues related to component](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#find-open-issues-on-github)
   - [link to each issue]
-- [ ] react-\* package scaffolded with the right ownership in CODEOWNERS
-  - [link to package / PR]
-- [ ] Component Spec authored and reviewed
-  - [link to spec in component package / PR]
+- [ ] [Create react-\* package and component from template](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#component-package)
+  - [link to package: https://github.com/microsoft/fluentui/tree/master/packages/react-components/react-(your-component)]
+- [ ] (Optional) [Draft implementation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#draft-implementation)
+  - [link to draft implementation, if applicable]
+- [ ] [Component Spec authored](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#component-spec) and [reviewed](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#spec-review)
 
 ## Implementation
 
-[link to react-* package folder]
-
-- [ ] Component implementation
-  - [link(s) to component implementation related PRs]
-- [ ] Storybook stories
-  - [link(s) to stories PRs]
-- [ ] Add tests: Conformance, Unit, and VR -- add PRs to all
-  - [ ] Bundle size fixtures
-  - [ ] Conformance tests
-  - [ ] Unit tests
-  - [ ] VR tests
-  - [ ] Accessibility behavior tests
-  - [ ] Create an issue and run [manual accessibility tests](https://github.com/microsoft/fluentui/wiki/Manual-Accessibility-Review-Checklist): (issue link)
-  - [ ] Performance test scenario
-- [ ] README.md covering basic usage
-- [ ] MIGRATION.md guide (include v8 and v0)
+- [ ] [Component implementation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#implementation)
+- [ ] Initial conformance and unit tests (validate basic functionality)
+- [ ] [Initial documentation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#documentation)
+  - [ ] [Storybook stories](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#storybook-stories)
+  - [ ] README.md covering basic usage
+  - [ ] MIGRATION.md guide (include v8 and v0)
+- [ ] [Component released as unstable](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#unstable-release) from `@fluentui/react-components/unstable`
 
 ## Validation
 
-- [ ] Add and validate in UI Builder
-- [ ] Add and validate in docs site
-- [ ] Validate with token pipeline
-- [ ] Validate in product
-- [ ] Finalize migration guide
-  - [ ] Author codemods
+- [ ] [Add tests](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#tests)
+  - [ ] Unit and conformance tests
+  - [ ] VR tests
+  - [ ] Bundle size fixtures
+  - [ ] Performance test scenario
+  - [ ] Accessibility behavior tests
+  - [ ] Create an issue and run [manual accessibility tests](https://github.com/microsoft/fluentui/wiki/Manual-Accessibility-Review-Checklist): [link to issue]
+- [ ] [Validate with partners](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#validation)
+- [ ] [Run a bug bash with other FUI crews](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#bug-bash)
+- [ ] [Finalize documentation](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#finalize-documentation)
+  - [ ] Review and add any missing storybook stories
+  - [ ] Finalize migration guide
+- [ ] [Component released as stable](https://github.com/microsoft/fluentui/wiki/Component-Implementation-Guide#stable-release) from `@fluentui/react-components`
+  - [ ] Ensure exports are removed from from `@fluentui/react-components/unstable`
+  - [ ] In package.json: Remove the alpha/beta tag from the version number in package.json
+  - [ ] In package.json: Change beachball's `disallowedChangeTypes` to `"major", "prerelease"`

.github/PULL_REQUEST_TEMPLATE.md

@@ -12,7 +12,7 @@ PR flow tips:
 * [ ] Once you're ready (ideally the pipeline is passing) promote your PR to Ready for Review. This step will auto-assign reviewers for your PR.
 -->
 
-## Current Behavior
+## Previous Behavior
 
 <!-- This is the behavior we have today -->
 
@@ -24,4 +24,4 @@ PR flow tips:
 
 <!-- Please link the issue being fixed so it gets closed when this is merged. -->
 
-Fixes #
+- Fixes #

.github/workflows/check-packages.yml

@@ -15,7 +15,7 @@ jobs:
           node-version: 14.18.1
           cache: 'yarn'
 
-      - uses: tj-actions/changed-files@v32
+      - uses: tj-actions/changed-files@v34
         id: changed-files-specific
         with:
           files: |
@@ -38,7 +38,7 @@ jobs:
   dependency-mismatches:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
 
       - uses: actions/setup-node@v3
         with:
@@ -62,7 +62,7 @@ jobs:
   change-files:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
         with:
           fetch-depth: 0
 
@@ -83,5 +83,5 @@ jobs:
             core.exportVariable('BEACHBALL_VERSION', beachballVersion);
 
       - run: |
-          npx beachball@$BEACHBALL_VERSION check -b web-components-v3
+          npx beachball@$BEACHBALL_VERSION check --scope packages/web-components -b web-components-v3
           node ./scripts/beachball/check-wc-3-changefiles

.github/workflows/create-milestone.yml

@@ -16,10 +16,12 @@ jobs:
       - name: Create milestone
         run: |
           month=$(date +"%B")
+          month_numeric=$(date +"%m")
           quarter=$(date +"%q")
           year=$(date +"%Y")
           title="${month} Project Cycle Q${quarter} ${year}"
-          echo "Using title '${title}'"
-          gh api --method POST repos/microsoft/fluentui/milestones -f title="${title}"
+          due_on=$(date -v1d -v${month_numeric}m -v-1d +"%Y-%m-%dT%H:%M:%S%z")
+          echo "Using title '${title}' and setting due date: '${due-on}'"
+          gh api --method POST repos/microsoft/fluentui/milestones -f title="${title} -f due_on="${due_on}"
         env:
           GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

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

@@ -20,7 +20,7 @@ jobs:
         name: Checkout [master]
 
       - name: Verify react-compoenents has changed
-        uses: tj-actions/changed-files@v23.1
+        uses: tj-actions/changed-files@v34
         id: verify-react-components-changed
         with:
           files: |