Add storybook integration to demo components

Author: beth-panx

.gitignore

@@ -36,3 +36,6 @@ testResults/junit.xml
 package-lock.json
 
 *-css.ts
+
+# storybook
+storybook-static/

.storybook/main.js

@@ -0,0 +1,11 @@
+module.exports = {
+  presets: ['@storybook/addon-docs/preset'],
+  stories: ['../stories/**/*.stories.(js|mdx)'],
+  addons: [
+    '@storybook/addon-a11y/register',
+    '@storybook/addon-actions/register',
+    '@storybook/addon-knobs/register',
+    '@storybook/addon-links/register',
+    '@storybook/addon-storysource/register'
+  ]
+};

.storybook/manager.js

@@ -0,0 +1,13 @@
+import addonAPI from '@storybook/addons';
+import { STORIES_CONFIGURED, STORY_MISSING } from '@storybook/core-events';
+
+addonAPI.register('microsoft/graph-toolkit', storybookAPI => {
+  storybookAPI.on(STORIES_CONFIGURED, (kind, story) => {
+    if (storybookAPI.getUrlState().path === '/story/*') {
+      storybookAPI.selectStory('mgt-login', 'login');
+    }
+  });
+  storybookAPI.on(STORY_MISSING, (kind, story) => {
+    storybookAPI.selectStory('mgt-login', 'login');
+  });
+});

.storybook/preview.js

@@ -0,0 +1,23 @@
+/* global window */
+
+import { configure, addParameters, setCustomElements } from '@storybook/web-components';
+import customElements from '../custom-elements.json';
+
+setCustomElements(customElements);
+
+addParameters({
+  docs: {
+    iframeHeight: '200px'
+  }
+});
+
+// force full reload to not reregister web components
+const req = require.context('../stories', true, /\.stories\.(js|mdx)$/);
+configure(req, module);
+if (module.hot) {
+  module.hot.accept(req.id, () => {
+    const currentLocationHref = window.location.href;
+    window.history.pushState(null, null, currentLocationHref);
+    window.location.reload();
+  });
+}