Skip to content

v1.3.0
Compare
Choose a tag to compare
@shweaver-MSFT shweaver-MSFT released this 10 Jun 18:04
v1.3.0
518a36a
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Microsoft Graph Toolkit - Version 1.3.0

Version 1.3 is here! We've got tons of exciting improvements and fixes across the toolkit. So much good stuff!

Find any bugs or have a feature request? Submit an issue and tell us what you think!

What's New?

Update to msal.js v1.3

The underlying msal.js library has been update to version 1.3. This fixes a redirect loop issue when running in Teams.

New attributes on MgtPerson

  • show-presence: Render the user's presence indicator (Beta)
  • view: Set to control how the person is rendered. Default is avatar.
    • avatar - show only avatar
    • oneline - show avatar and first line (displayName by default)
    • twolines - show avatar and two lines of text (displayName and mail by default)
  • line1-property: Sets the property of the personDetails to use for the first line of text. Default is displayName.
  • line2-property: Sets the property of the personDetails to use for the second line of text. Default is mail.

Deprecated attributes
show-name and show-email are deprecated and replaced by the above properties. However, the component still works if these properties are used. Deprecated attributes will be removed in the next major release.

New attribute on MgtMsalProvider

  • redirect-uri: Specify the redirect uri value to use in Graph requests.

New templating support in MgtLogin

MgtLogin now supports custom templates for overriding parts of the component UX.

  • signed-in-button-content
  • signed-out-button-content
  • flyout-person-details
  • flyout-commands

New attributes on MgtPeoplePicker

  • type: Specify what type to search for. Default value is Person - available options are Any, Person, or, Group
  • group-type: Specify what type of group to search for. This attribute has an effect only when the type attribute is set to Any or Group. Default value is Any - available options are Any, Unified, Security, MailEnabledSecurity, Distribution
  • default-selected-user-ids: Specify users to display by default. Use this to set the initial state and preload the component with known users.
  • placeholder: Update the placeholder text in the input element.
  • selection-mode: Supports single and multiple selection mode.

Templating improvements

  • TemplateHelper.setBindingSyntax(): Change the default binding syntax from double curly brackets to anything else
  • TemplateHelper.globalContext: global context object available for converters and helpers in all templates

[New] React wrappers (preview)

Added a preview of autogenerated React wrappers for mgt components - npm

PR breakdown

MgtLogin

  • Adds support for 'email' property when setting userDetails attribute - #412
  • Adds template support to Login Component - #416

MgtPeoplePicker

  • Adds support for users and groups - #405
  • Adds UI refresh with Dark Mode - #411
  • Updates loading states to match with the MgtTeamsChannelPicker - #421
  • Adds support for defaultSelectedUserIds attribute - #394
  • Adds support for placeholder and selection-mode properties - #427

MgtPerson

  • Adds presence badge to person avatar - #399
  • Adds fetchImage property - #418
  • Fixes issue where presence was not getting cleared - #422
  • Deprecates show-name and show-email attributes in favor of new view attribute - #425

MgtPersonCard

  • Login person card css fix - #415

MgtTeamsChannelPicker

  • Adds default input background color - #420

Other

  • New Sample ASP.NET Core sample - #379
  • Adding setBindingSyntax and globalContext for templates - #460
  • Updates msal.js to 1.3 and fixes TeamsProvider redirect loop - #381
  • Adds redirect-uri attribute to MsalProvider - #403
  • Ensures types are correct and exported - #414
  • Assorted bug fixes
Assets 2
Loading