Bump Adaptive Cards to 2.10.0

[compulim]

Related #4015. Fixed #4034.

Changelog Entry

Fixed

• Fixes #4015. Added role="heading" to titles of rich card, by @compulim, in PR #4074

Changed

• Bumped all dependencies to the latest versions, by @compulim in PR #4074
  • Production dependencies
    • @babel/runtime@7.15.4
    • adaptivecards@2.10.0
    • base64-arraybuffer@1.0.1
    • core-js@3.18.3
    • markdown-it-attrs-es5@2.0.1
    • react-film@3.1.0
    • react-say@2.1.0
    • react-scroll-to-bottom@4.2.0
  • Development dependencies
    • @babel/cli@^7.15.7
    • @babel/core@^7.15.8
    • @babel/plugin-proposal-object-rest-spread@^7.15.6
    • @babel/plugin-transform-runtime@^7.15.8
    • @babel/preset-env@^7.15.8
    • @babel/preset-typescript@^7.15.0
    • @types/node@^16.10.9
    • @types/react@^17.0.29
    • @typescript-eslint/eslint-plugin@^4.33.0
    • @typescript-eslint/parser@^4.33.0
    • babel-jest@^27.2.5
    • concurrently@^6.3.0
    • core-js@^3.18.3
    • esbuild@^0.12.29
    • eslint-plugin-prettier@^3.4.1
    • eslint-plugin-react@^7.26.1
    • eslint@^7.32.0
    • istanbul-lib-coverage@^3.0.2
    • jest-environment-node@^27.2.5
    • jest@^27.2.5
    • node-fetch@^2.6.5
    • prettier@^2.4.1
    • restify@^8.6.0
    • selenium-webdriver@^4.0.0
    • serve@^12.0.1
    • strip-ansi@^6.0.1
    • terser-webpack-plugin@^5.2.4
    • webpack-cli@^4.9.0
    • webpack@^5.58.2

Description

Bumping to Adaptive Cards 2.10, which support schema 1.5.

A new TextBlock.style was added in AC schema 1.5 to support an accessibility feature: card title should have role="heading".

We are updating our rich card renderer on our side to support this feature and this is related to #4015.

Also, we are bumping all our dependencies.

Design

There should be no visual updates related to the TextBlock.style = 'heading'.

However, AC 2.10 updated its layout a bit. We are updating our tests to follow their new style. The follow screenshot is from __tests__/adaptiveCards.js "container styles" test.

After bump deps, all our peer deps should now support react@17 (i.e. react >= 16.8.6).

Updated to prettier@2.4, they renamed jsxBracketSameLine to bracketSameLine, https://prettier.io/blog/2021/09/09/2.4.0.html.

Specific Changes

• Bump to adaptivecards@2.10.0
• Bump dependencies to reduce vulnerability ranking
• Updated all .prettierrc.yml to use bracketSameLine over jsxBracketSameLine
• Added devcontainer.json for GitHub Codespaces

• I have added tests and executed them locally
• I have updated CHANGELOG.md
• I have updated documentation

Review Checklist

This section is for contributors to review your work.

• Accessibility reviewed (tab order, content readability, alt text, color contrast)
• Browser and platform compatibilities reviewed
• CSS styles reviewed (minimal rules, no z-index)
• Documents reviewed (docs, samples, live demo)
• Internationalization reviewed (strings, unit formatting)
• package.json and package-lock.json reviewed
• Security reviewed (no data URIs, check for nonce leak)
• Tests reviewed (coverage, legitimacy)

[cwhitten]

Is the .devcontainer directory needed for this change?

[compulim]

Not exactly for bumping AC 2.10 or accessibility. But I included it for even-simpler GitHub Codespaces experience, i.e. it will npm install and build everything on boot.