v1.3.1

This minor release includes:

• Fixes mgt.dev code editor indentation #307
• Fixes stroke around person presence status #429
• Fixes people-picker initial height and name alignment #431
• Fixed duplicate image issue with person/people-picker #432
• Fixes people-picker overflow for selected people in IE11 #437
• Fixes team mouse selection in teams-channel-picker on IE11 #444
• Fixes teams-channel-picker results dropdown overflow #473
• Fixes bug where people-picker flyout won't hide in Safari #476
• Fixes MsalProvider login redirect loop in EI11 #479
• Fixes repo license not being detected in readme #490
• Fixes people-picker handling of custom colors in overflow #492
• Fixes teams-channel-picker overflow handling #493

v1.3.0

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

v1.3.0-preview.3

Preview of 1.3.0

v1.3.0-preview.2

Preview of 1.3.0

v1.3.0-preview.1

Preview of 1.3.0

v1.2.5

• Fix for nested templates in Edge Classic #409
• Fix for unicode regex in IE and Firefox #408

v1.2.4

This minor update includes:

• Fixes issue with polling not respecting max pages #393
• Person initials for non English letters #388

v1.2.3

This hotfix includes:

• Fixes <mgt-person person-card="click"> not working #373
• Fixes inherit-details not working unless there is a signed in provider #374
• Fixes bundle issues for Edge Classic and IE #377

v1.2

We are introducing a new component - Teams Channel Picker! 🎉This enables a user to select a channel from teams that this user is in. On top of the new component, there are many improvements we made based on feature requests and bug reports from the community to our existing components.

You may notice that we have refactored our code quite a bit to make it robust and even more modular. We are preparing and aiming to create multiple packages for version 2.0 in order to fulfill customer requests around beta apis in components.

Updates and Fixes

mgt-teams-channel-picker

• New component! 🙌 #249

mgt-person

• Calculate person avatar background color based on initials. #319
• Fixes initials logic #361 🏆Thanks to our community contributor @RobPethick

mgt-person-card

• mgt-person-card can now be used as standalone component. #359
• mgt-person-card will fetch additional data when used as template. #359
• mgt-person-card can now deep link into Teams chat. #359
• Fix bug of default font family not applied. #337
• Use the latest mgt-flyout update. #354
• Add custom css properties. #363
• Fix bug when chat button is clicked within Teams platform. #365

mgt-get

• Add polling-rate attribute to support polling. Add refresh() method to refresh data manually. Add value template when expecting the response from the graph to contain an array of items. #252

mgt-agenda

• Add support for paging #340

mgt-people

• Fix bug to update mgt-people when user-ids change. #311
• Fix bug of rendering repetitive people. #348

mgt-people-picker

• Fix bug to avoid dropdown flick. #336
• Refactor group-id property to call loadState only when changed in setter. #349
• Use the latest mgt-flyout update. #355

Project

• Flyout in components such as mgt-person and mgt-login (and others) now renders on top of everything (#292) and supports window segmentation (#273)
• Separate the beta graph logic from the production graph logic refactor. #287
• Data loading structure for BaseComponent. #297
• Simplified Batch logic. #301
• Add protected render methods starting with mgt-agenda. #304
• Add protected render methods to mgt-login. #312
• Update render methods in mgt-people. #314
• Update render methods in mgt-person. #327
• Update render methods in mgt-people-picker. #332
• Update render methods in mgt-person-card. #335
• Update lit-elememt to 2.3.1. #341
• Update templating so both {{expression}} and {{{expression}}} act the same. Update expressions in attributes (such as data-for or data-if) now work with or without curly braces. #252

Playground

• Add examples to storybook (mgt.dev). #280
• Auto generation of custom-elements.json. #291
• New favicon and styles. #296
• Add telemetry. #306
• Fix iframe embed scroll bug. #317
• Change code editor to light theme. #350

v1.1.1

This release includes minor fixes and updates to existing components. The most notable improvements are focused around mgt-tasks and the level of customization/re-templating it supports.

Updates and Fixes

mgt-tasks

• Updated styling on mgt-tasks - #224
• Added new hide-options property on mgt-tasks - #256
• Added additional CSS custom properties on mgt-tasks - #271

mgt-login

• Fixed issue with mgt-login popup not opening - #272

Providers

• Added signed-out attribute to mgt-mock-provider - #236
• Added default provider when addons are not loaded - #250
• Fixed enum comment error - #275

Graph

• Added component header to graph calls - #240
• Fixed broken MockProvider caused in #240 - #245
• Updated BaseGraph to always use the same client instance - #251

Project

• Replaced owc-dev-server and browser-sync with es-dev-server. Updated npm packages - #235