microsoft-graph-toolkit feat: add custom element disambiguation

feat: add custom element disambiguation

Open gavinbarron opened this issue 1 year ago • 5 comments

Closes #1765

PR Type

Feature

Description of the changes

Adds the ability for developers to add a custom segment to the custom elements registered with the browser. Provides a new customElement decorator to wrap the lit implementation and set tag prefixes appropriately. Updates all usages of customElement to use the mgt specific implementation Adds a new mgtHtml string literal tag function to dynamically rewrite mgt tags as needed at runtime which wraps the html tag function from lit Updates SCSS to avoid using element name based CSS selectors and adds classes to elements in markup where needed. Updates React generator script to use base tag names. Updates Mgt React wraper to add the appropriate prefix to tags being written to the DOM. Updates React sample app to demonstrate usage of customElementHelper.withDisambiguation('foo').

PR checklist

[x] Project builds (yarn build) and changes have been tested in at least two supported browsers (Edge + non-Chromium based browser)
[x] All public APIs (classes, methods, etc) have been documented following the jsdoc syntax
[ ] Stories have been added and existing stories have been tested
[ ] Added appropriate documentation. Docs PR:
[x] License header has been added to all new source files (yarn setLicense)
[x] Contains NO breaking changes