v2.5.0

[sebastienlevert]

We're excited to announce our v2.5.0 release of the Microsoft Graph Toolkit 🦒! In this release, we delivered a lot of styling-related issues, improvements to existing components and bug fixes for some of our authentication providers! We also released a brand new authentication provider supporting TeamsFx, empowering developers to build Teams applications with the help of the Microsoft Graph Toolkit! This was a real teamwork, with 9 contributors, including 3 from the community!

Updating your application

To update your application to use the newest version of Microsoft Graph Toolkit, navigate to your project directory and run:
npm i @microsoft/mgt@latest

If you’re using the Toolkit via mgt-loader, your application will be automatically updated to the newest version.

✨ New features

mgt-teamsfx-provider

• Adding support for TeamsFx by @sebastienlevert and @SLdragon Adding support for TeamsFx #1480

🎨 Enhancements

mgt

• Fix display of png images by @jocsch in Fix display of png images #1609

mgt-person-card

• [person-card] additional css custom properties for person-card by @vogtn in [person-card] additional css custom properties for person-card #1676

mgt-people-picker

• [people-picker] Search users only set in the user-ids when user-ids are set by @musale in [people-picker] Search users only set in the user-ids when user-ids are set #1669

mgt-spfx

• Updates mgt-spfx to [email protected] by @waldekmastykarz in Updates mgt-spfx to [email protected] #1691

🐞 Fixes

mgt

• [security]override the sabotaged version of node-ipc by @Mnickii in [security]override the sabotaged version of node-ipc #1616
• Set scripts without getting the HTML from the DOM by @musale in Set scripts without getting the HTML from the DOM #1656

mgt-agenda

• [mgt-agenda][accessibility] removing non-actionable content from tabindex by @vogtn in [mgt-agenda][accessibility] removing non-actionable content from tabindex #1645

mgt-people-picker

• mgt-people-picker: fix for issue [BUG] mgt-people-picker: hovering suggestions flyout twice breaks its container's layout #1651 by @stniemin in mgt-people-picker: fix for issue #1651 #1653
• [people-picker] Fix setting the filterQuery value for complete request URL paths. by @musale in [people-picker] Fix setting the filterQuery value for complete request URL paths. #1667
• Add allowed roles for elements with aria attributes by @musale in Add allowed roles for elements with aria attributes #1654

mgt-teams-msal2-provider

• [BUG] TeamsMsal2Provider issue with getting teams context #1441 - Fix for getContext without callback by @estruyf in #1441 - Fix for getContext without callback #1674

mgt.dev

• Add updates for zooming and screen resize CSS by @musale in Add updates for zooming and screen resize CSS #1613
• Announce nested controls when searching for a component and viewing components by @musale in Announce nested controls when searching for a component and viewing components #1646
• Add alt-text for file-icon image by @musale in Add alt-text for file-icon image #1643
• Call all the methods required in window.onload once by @musale in Call all the methods required in window.onload once #1683
• Enable viewing the storybook and components in high contrast by @musale in Enable viewing the storybook and components in high contrast #1623
• [accessibility] fix contrast in foreground and background colors by @Mnickii in [accessibility] fix contrast in foreground and background colors #1680
• Update the aria-label value for the expand/collapse button on the navigation menu by @musale in Update the aria-label value for the expand/collapse button on the navigation menu #1684

🎉 Celebrating our contributors

• @jocsch made their first contribution (Fix display of png images #1609)
• @stniemin made their first contribution (mgt-people-picker: fix for issue #1651 #1653)
• @estruyf made their first contribution (#1441 - Fix for getContext without callback #1674)

📃Changelog

The full changelog is available here

---

This discussion was created from the release v2.5.0.

[dcuccia]

@sebastienlevert exciting! Is there up to date guidance on how one might implement something similar to the new TeamsFx sample, but with Blazor? Some of the documentation there seems a bit stale, and the VS Code tools seem to be ahead of VS.

[sebastienlevert]

For now, the TeamsFx capabilities are limited to HTML / React. We are looking into expanding into the Blazor space but we don't have a good answer for now. What are the scenarios you are thinking about?

[dcuccia]

Thanks, that's what I was guessing. Main scenario is internal dashboards and ops tools. Would love our C# devs to inherit a trusted/baked AAD single-sign on experience through Teams Apps & TeamsFx modules combined with the productivity of Blazor, to focus on delivering business value in single-page app tools that surface internal data, query AppInsights, manage customer apps/configurations, etc., without worrying about additional infosec reviews for each new deployment/use case.