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

v1.1.0

This release introduces the mgt-get component, the Proxy provider, and many improvements and bug fixes to existing components:

New Component: mgt-get

A new component that allows you to make any GET query from Microsoft Graph directly in your HTML. The component does not provide a default UI and requires the developer to write a template. Read the docs for more details

Example

<mgt-get resource="/me/messages" version="beta" scopes="mail.read" max-pages="2">
  <template>
    emails: {{value.length}}
  </template>
  <template data-type="loading">
    loading
  </template>
</mgt-get>

New Provider: ProxyProvider

A new provider that proxies all Microsoft Graph requests to your own backend. This enables developers to still use server side authentication while enabling all the components to access the Microsoft Graph. Read the docs for more details

Updates and Fixes

Person Card

• Added inherit-details attribute to make it easier to re-template the person card component in mgt-person - #155
• Added new way to render flyouts and ensure they are always within window bounds when possible - #222
• Fixed in issue where mailto link was blocked in an iframe - #201
• Fixed issue opening person-card with touch - #228

People Picker

• Added selectedPeople property to get and set the selected people - #157
• Added new loading view when the graph call takes longer than 400ms - #163
• Added the loading and error templates - #163
• Added hover states when hovering over people that can be selected - #163
• Updated cursor to react appropriately when hovering over people and buttons - #163
• Fixed issue where the wrong image would be displayed for a person - #188

Person

• Added image to data context for default template - #177 (thanks Michael Huynh)
• Fixed an issue where the color of the person could not be updated - #166 (thanks Harrison)
• Fixed initials not resizing with the component - #200
• Fixed issue where person with and without image were not rendered the same - #207
• Fixed an issue where the person-card was closing too soon - #209

Tasks

• Added ability to assign or change assignment of people - #188
• Added person card on hover of assigned people - #188
• Added new templates for tasks (task and task-details) - #188
• Added new property (isNewTaskVisible) to programmatically show the new task view - #188
• Added the taskClick event that fires when a task is clicked or tapped - #188
• Added new attribute (group-id) to only load tasks for a specific group - #190 (thanks Iryna Mykoliuk)
• Added new function property (taskFilter) to allow filtering of tasks - #211
• Fixed an issue where the the timezone was not handled appropriately and would break adding tasks - #171

Login

• Fixed issue where sign out was not doing a real sign out - #225

Agenda

• Added eventClick event when event is clicked or taped - #181

People

• Added person-card attribute to enable person card on hover or click - #188
• Added user-ids attribute to populate component with only user ids - #188
• Fixed an issue where images with and without initials were missaligned - #175 (thanks Loagan Arnett)
• Fixed alignment of overflow count - #208

Templates

• Optimized slot re-rendering - #186 (thanks Michael Huynh)
• Added $index and $parent properties - #196
• Fixed exception when empty template was used in a component - #156
• Fixed an issue where template children were rendered out of order - #195

v1.0.0

First general availability release!!!

All components and providers are now generally available and supported. This includes:

Components:

• mgt-login
• mgt-person
• mgt-person-card
• mgt-people
• mgt-people-picker
• mgt-agenda
• mgt-tasks

Providers:

• Msal Provider
• SharePoint Provider
• Teams Provider
• Simple Provider

This release introduces a new component, the person card (mgt-person-card #145), and many different improvements and bug fixes, including:

• Added group-id property to mgt-people - #150
• Fixed end date calculation for mgt-agenda - #147 (thanks Jason Johnston)
• Fixed show-max on mgt-people-picker - #143
• Fixed event handler handling in mgt-people-picker - #141
• Fixed mouse tracking in mgt-people-picker - #139
• Fixed visibility of mgt-person after logout - #145
• Fixed sign out issue in MsalProvider - #145
• Fixed broken loading state in MsalProvider - 962d62a

v0.2.2

• Updated all components to latest accessibility guidelines #126

• PeoplePicker - #136

  • fixed highlighting first person
  • fixed loading delay
  • fixed person overflow on narrow views
  • vertically centered name and cross button
  • removed random console.log

• TeamsProvider improvements and bug fixes #132

  • Added scope attribute to mgt-teams-provider
  • Added loginHint to attempt SSO in Teams
  • Fixed bug with teams-provider not respecting scopes when authenticating
  • Fixed bug where authentication succeeds but teams reports user canceled the authentication
  • Fixed TeamsProvider.isAvailable - it now works on all platforms
  • Added ability to specify teams library via code #128

• Added depends-on attribute to all provider components to enable usage of multiple providers on a single page #132

• Random:

  • Updated msal, graph sdk, and lit element to latest version #123 #137
  • Added tslint to enable better code styles #129

v0.2.0

Components:

• NEW PeoplePicker - Nicolas Vogt [PR]
• Agenda
  • Added group-id and show-max attributes - [PR]
• Tasks
  • Added hide-header attribute - [PR]

Providers:

• MsalProvider
  • Fixed MsalProvider.getAccessToken() not rejecting a promise and returning null - [PR]

Developer Experience:

• Added support for template converters - [PR]
• Added CommonJS bundle - [PR]
• Added support for batching requests to the Microsoft Graph - [PR]

v0.1.1

This update includes

• Tasks component updates:

  1. Fixed issue where target-id and initial-id were not working in certain scenarios
  2. Added loading UI when tasks are loading
  3. Fixed issue with due DateTime being set to 1970 for new todo tasks

• Experimental property to disable shadow dom for components

• Teams provider update to remove dependency on the Teams js sdk