@utrecht/web-component-library-stencil 1.0.0-alpha.162 → 1.0.0-alpha.166

package/dist/collection/node_modules/@storybook/ui/dist/modern/containers/panel.stories.js

@@ -1,16 +0,0 @@
-import React from 'react';
-export default {
-  title: 'UI/Addon Panel'
-};
-export const AllAddons = () => /*#__PURE__*/React.createElement("div", null, "By default all addon panels are rendered");
-AllAddons.displayName = "AllAddons";
-export const FilteredAddons = () => /*#__PURE__*/React.createElement("div", null, "By default all addon panels are rendered");
-FilteredAddons.displayName = "FilteredAddons";
-FilteredAddons.parameters = {
-  a11y: {
-    disable: true
-  },
-  actions: {
-    disable: true
-  }
-};

package/dist/collection/node_modules/@storybook/ui/dist/modern/containers/preview.js

@@ -1,68 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import global from 'global';
-import React from 'react';
-import { Consumer, isRoot, isGroup, isStory } from '@storybook/api';
-import { Preview } from '../components/preview/preview';
-const {
-  PREVIEW_URL
-} = global;
-
-const splitTitleAddExtraSpace = input => input.split('/').join(' / ').replace(/\s\s/, ' ');
-
-const getDescription = item => {
-  if (isRoot(item)) {
-    return item.name ? `${item.name} ⋅ Storybook` : 'Storybook';
-  }
-
-  if (isGroup(item)) {
-    return item.name ? `${item.name} ⋅ Storybook` : 'Storybook';
-  }
-
-  if (isStory(item)) {
-    const {
-      kind,
-      name
-    } = item;
-    return kind && name ? splitTitleAddExtraSpace(`${kind} - ${name} ⋅ Storybook`) : 'Storybook';
-  }
-
-  return 'Storybook';
-};
-
-const mapper = ({
-  api,
-  state
-}) => {
-  const {
-    layout,
-    location,
-    customQueryParams,
-    storyId,
-    refs,
-    viewMode,
-    path,
-    refId
-  } = state;
-  const story = api.getData(storyId, refId);
-  const docsOnly = story && story.parameters ? !!story.parameters.docsOnly : false;
-  return {
-    api,
-    story,
-    options: layout,
-    description: getDescription(story),
-    viewMode,
-    path,
-    refs,
-    storyId,
-    baseUrl: PREVIEW_URL || 'iframe.html',
-    queryParams: customQueryParams,
-    docsOnly,
-    location
-  };
-};
-
-const PreviewConnected = /*#__PURE__*/React.memo(props => /*#__PURE__*/React.createElement(Consumer, {
-  filter: mapper
-}, fromState => /*#__PURE__*/React.createElement(Preview, _extends({}, props, fromState))));
-export default PreviewConnected;

package/dist/collection/node_modules/@storybook/ui/dist/modern/containers/sidebar.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import { Consumer } from '@storybook/api';
-import { Sidebar as SidebarComponent } from '../components/sidebar/Sidebar';
-import { useMenu } from './menu';
-const Sidebar = /*#__PURE__*/React.memo(() => {
-  const mapper = ({
-    state,
-    api
-  }) => {
-    const {
-      ui: {
-        name,
-        url,
-        enableShortcuts
-      },
-      viewMode,
-      storyId,
-      refId,
-      layout: {
-        isToolshown,
-        isFullscreen,
-        showPanel,
-        showNav
-      },
-      storiesHash,
-      storiesConfigured,
-      storiesFailed,
-      refs
-    } = state;
-    const menu = useMenu(api, isToolshown, isFullscreen, showPanel, showNav, enableShortcuts);
-    return {
-      title: name,
-      url,
-      stories: storiesHash,
-      storiesFailed,
-      storiesConfigured,
-      refs,
-      storyId,
-      refId,
-      viewMode,
-      menu,
-      menuHighlighted: api.versionUpdateAvailable(),
-      enableShortcuts
-    };
-  };
-
-  return /*#__PURE__*/React.createElement(Consumer, {
-    filter: mapper
-  }, fromState => {
-    return /*#__PURE__*/React.createElement(SidebarComponent, fromState);
-  });
-});
-export default Sidebar;

package/dist/collection/node_modules/@storybook/ui/dist/modern/index.js

@@ -1,80 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import global from 'global';
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { Location, LocationProvider } from '@storybook/router';
-import { Provider as ManagerProvider } from '@storybook/api';
-import { ThemeProvider, ensure as ensureTheme } from '@storybook/theming';
-import { HelmetProvider } from 'react-helmet-async';
-import App from './app';
-import Provider from './provider';
-const {
-  DOCS_MODE
-} = global; // @ts-ignore
-
-ThemeProvider.displayName = 'ThemeProvider'; // @ts-ignore
-
-HelmetProvider.displayName = 'HelmetProvider';
-
-const getDocsMode = () => {
-  try {
-    return !!DOCS_MODE;
-  } catch (e) {
-    return false;
-  }
-};
-
-const Container = process.env.XSTORYBOOK_EXAMPLE_APP ? React.StrictMode : React.Fragment;
-export const Root = ({
-  provider,
-  history
-}) => /*#__PURE__*/React.createElement(Container, {
-  key: "container"
-}, /*#__PURE__*/React.createElement(HelmetProvider, {
-  key: "helmet.Provider"
-}, /*#__PURE__*/React.createElement(LocationProvider, {
-  key: "location.provider",
-  history: history
-}, /*#__PURE__*/React.createElement(Location, {
-  key: "location.consumer"
-}, locationData => /*#__PURE__*/React.createElement(ManagerProvider, _extends({
-  key: "manager",
-  provider: provider
-}, locationData, {
-  docsMode: getDocsMode()
-}), ({
-  state,
-  api
-}) => {
-  const panelCount = Object.keys(api.getPanels()).length;
-  const story = api.getData(state.storyId, state.refId);
-  const isLoading = story ? !!state.refs[state.refId] && !state.refs[state.refId].ready : !state.storiesFailed && !state.storiesConfigured;
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    key: "theme.provider",
-    theme: ensureTheme(state.theme)
-  }, /*#__PURE__*/React.createElement(App, {
-    key: "app",
-    viewMode: state.viewMode,
-    layout: isLoading ? Object.assign({}, state.layout, {
-      showPanel: false
-    }) : state.layout,
-    panelCount: panelCount,
-    docsOnly: story && story.parameters && story.parameters.docsOnly
-  }));
-})))));
-Root.displayName = "Root";
-
-function renderStorybookUI(domNode, provider) {
-  if (!(provider instanceof Provider)) {
-    throw new Error('provider is not extended from the base Provider');
-  }
-
-  ReactDOM.render( /*#__PURE__*/React.createElement(Root, {
-    key: "root",
-    provider: provider
-  }), domNode);
-}
-
-export { Provider };
-export { renderStorybookUI as default };

package/dist/collection/node_modules/@storybook/ui/dist/modern/keybinding.js

@@ -1,34 +0,0 @@
-const codeToKeyMap = {
-  // event.code => event.key
-  Space: ' ',
-  Slash: '/',
-  ArrowLeft: 'ArrowLeft',
-  ArrowUp: 'ArrowUp',
-  ArrowRight: 'ArrowRight',
-  ArrowDown: 'ArrowDown',
-  Escape: 'Escape',
-  Enter: 'Enter'
-};
-const allFalse = {
-  alt: false,
-  ctrl: false,
-  meta: false,
-  shift: false
-};
-export const matchesModifiers = (modifiers, event) => {
-  const {
-    alt,
-    ctrl,
-    meta,
-    shift
-  } = modifiers === false ? allFalse : modifiers;
-  if (typeof alt === 'boolean' && alt !== event.altKey) return false;
-  if (typeof ctrl === 'boolean' && ctrl !== event.ctrlKey) return false;
-  if (typeof meta === 'boolean' && meta !== event.metaKey) return false;
-  if (typeof shift === 'boolean' && shift !== event.shiftKey) return false;
-  return true;
-};
-export const matchesKeyCode = (code, event) => {
-  // event.code is preferable but not supported in IE
-  return event.code ? event.code === code : event.key === codeToKeyMap[code];
-};

package/dist/collection/node_modules/@storybook/ui/dist/modern/provider.js

@@ -1,15 +0,0 @@
-export default class Provider {
-  getElements(_type) {
-    throw new Error('Provider.getElements() is not implemented!');
-  }
-
-  handleAPI(_api) {
-    throw new Error('Provider.handleAPI() is not implemented!');
-  }
-
-  getConfig() {
-    console.error('Provider.getConfig() is not implemented!');
-    return {};
-  }
-
-}

package/dist/collection/node_modules/@storybook/ui/dist/modern/settings/SettingsFooter.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { styled } from '@storybook/theming';
-import { Link } from '@storybook/components';
-const Footer = styled.div(({
-  theme
-}) => ({
-  display: 'flex',
-  paddingTop: 20,
-  marginTop: 20,
-  borderTop: `1px solid ${theme.appBorderColor}`,
-  fontWeight: theme.typography.weight.bold,
-  '& > * + *': {
-    marginLeft: 20
-  }
-}));
-
-const SettingsFooter = props => /*#__PURE__*/React.createElement(Footer, props, /*#__PURE__*/React.createElement(Link, {
-  secondary: true,
-  href: "https://storybook.js.org",
-  cancel: false,
-  target: "_blank"
-}, "Docs"), /*#__PURE__*/React.createElement(Link, {
-  secondary: true,
-  href: "https://github.com/storybookjs/storybook",
-  cancel: false,
-  target: "_blank"
-}, "GitHub"), /*#__PURE__*/React.createElement(Link, {
-  secondary: true,
-  href: "https://storybook.js.org/support",
-  cancel: false,
-  target: "_blank"
-}, "Support"));
-
-SettingsFooter.displayName = "SettingsFooter";
-export default SettingsFooter;

package/dist/collection/node_modules/@storybook/ui/dist/modern/settings/SettingsFooter.stories.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import SettingsFooter from './SettingsFooter';
-export default {
-  component: SettingsFooter,
-  title: 'UI/Settings/SettingsFooter',
-  decorators: [(StoryFn, c) => /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '600px',
-      margin: '2rem auto'
-    }
-  }, /*#__PURE__*/React.createElement(StoryFn, c))]
-};
-export const basic = () => /*#__PURE__*/React.createElement(SettingsFooter, null);
-basic.displayName = "basic";

package/dist/collection/node_modules/@storybook/ui/dist/modern/settings/about.js

@@ -1,137 +0,0 @@
-import React, { Fragment } from 'react';
-import semver from '@storybook/semver';
-import { styled } from '@storybook/theming';
-import Markdown from 'markdown-to-jsx';
-import { StorybookIcon, SyntaxHighlighter, Link, DocumentWrapper } from '@storybook/components';
-import SettingsFooter from './SettingsFooter';
-const Header = styled.header(({
-  theme
-}) => ({
-  marginBottom: 20,
-  fontSize: theme.typography.size.m3,
-  fontWeight: theme.typography.weight.black,
-  alignItems: 'center',
-  display: 'flex',
-  '> svg': {
-    height: 32,
-    width: 'auto',
-    marginRight: 8
-  }
-}));
-const Subheading = styled.span(({
-  theme
-}) => ({
-  letterSpacing: '0.35em',
-  textTransform: 'uppercase',
-  fontWeight: theme.typography.weight.black,
-  fontSize: theme.typography.size.s2 - 1,
-  lineHeight: '24px',
-  color: theme.color.mediumdark
-}));
-const SubheadingLink = styled(Link)(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.s1
-}));
-const Subheader = styled.div({
-  display: 'flex',
-  justifyContent: 'space-between',
-  alignItems: 'center',
-  marginBottom: '.75rem'
-});
-const UpdateMessage = styled.div(({
-  status,
-  theme
-}) => {
-  if (status === 'positive') {
-    return {
-      background: theme.background.positive,
-      color: theme.color.positive
-    };
-  }
-
-  if (status === 'negative') {
-    return {
-      background: theme.background.negative,
-      color: theme.color.negative
-    };
-  }
-
-  return {
-    background: '#EAF3FC',
-    color: theme.color.darkest
-  };
-}, ({
-  theme
-}) => ({
-  fontWeight: theme.typography.weight.bold,
-  fontSize: theme.typography.size.s2,
-  padding: '10px 20px',
-  marginBottom: 24,
-  borderRadius: theme.appBorderRadius,
-  border: `1px solid ${theme.appBorderColor}`,
-  textAlign: 'center'
-}));
-const ErrorMessage = styled.div(({
-  theme
-}) => ({
-  fontWeight: theme.typography.weight.bold,
-  textAlign: 'center'
-}));
-const Upgrade = styled.div(({
-  theme
-}) => ({
-  marginTop: 20,
-  borderTop: `1px solid ${theme.appBorderColor}`
-}));
-const Container = styled.div({
-  padding: `3rem 20px`,
-  maxWidth: 600,
-  margin: '0 auto'
-});
-
-const AboutScreen = ({
-  latest = null,
-  current
-}) => {
-  const canUpdate = latest && semver.gt(latest.version, current.version);
-  let updateMessage;
-
-  if (latest) {
-    if (canUpdate) {
-      updateMessage = /*#__PURE__*/React.createElement(UpdateMessage, {
-        status: "positive"
-      }, "Storybook ", latest.version, " is available. Upgrade from ", current.version, " now.");
-    } else {
-      updateMessage = /*#__PURE__*/React.createElement(UpdateMessage, {
-        status: "neutral"
-      }, "Looking good! You're up to date.");
-    }
-  } else {
-    updateMessage = /*#__PURE__*/React.createElement(UpdateMessage, {
-      status: "negative"
-    }, "Oops! The latest version of Storybook couldn't be fetched.");
-  }
-
-  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(StorybookIcon, null), "Storybook ", current.version), updateMessage, latest ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Subheader, null, /*#__PURE__*/React.createElement(Subheading, null, latest.version, " Changelog"), /*#__PURE__*/React.createElement(SubheadingLink, {
-    secondary: true,
-    href: "https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md",
-    withArrow: true,
-    cancel: false,
-    target: "_blank"
-  }, "Read full changelog")), /*#__PURE__*/React.createElement(DocumentWrapper, null, /*#__PURE__*/React.createElement(Markdown, null, latest.info.plain))) : /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(Link, {
-    href: "https://github.com/storybookjs/storybook/releases",
-    target: "_blank",
-    withArrow: true,
-    secondary: true,
-    cancel: false
-  }, "Check Storybook's release history")), canUpdate && /*#__PURE__*/React.createElement(Upgrade, null, /*#__PURE__*/React.createElement(DocumentWrapper, null, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("b", null, "Upgrade all Storybook packages to latest:")), /*#__PURE__*/React.createElement(SyntaxHighlighter, {
-    language: "bash",
-    copyable: true,
-    padded: true,
-    bordered: true
-  }, "npx sb upgrade"))), /*#__PURE__*/React.createElement(SettingsFooter, null));
-};
-
-AboutScreen.displayName = "AboutScreen";
-export { AboutScreen };

package/dist/collection/node_modules/@storybook/ui/dist/modern/settings/about.stories.js

@@ -1,47 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { storiesOf } from '@storybook/react';
-import { actions as createActions } from '@storybook/addon-actions';
-import { AboutScreen } from './about';
-const info = {
-  plain: `- upgrade webpack & babel to latest\n- new addParameters and third argument to .add to pass data to addons\n- added the ability to theme storybook\n- improved ui for mobile devices\n- improved performance of addon-knobs`
-};
-const actions = createActions('onClose');
-storiesOf('UI/Settings/AboutScreen', module).addParameters({
-  component: AboutScreen
-}).addDecorator(storyFn => /*#__PURE__*/React.createElement("div", {
-  style: {
-    position: 'relative',
-    height: '100vh',
-    width: '100vw'
-  }
-}, storyFn())).add('up to date', () => /*#__PURE__*/React.createElement(AboutScreen, _extends({
-  latest: {
-    version: '5.0.0',
-    info
-  },
-  current: {
-    version: '5.0.0'
-  }
-}, actions))).add('old version race condition', () => /*#__PURE__*/React.createElement(AboutScreen, _extends({
-  latest: {
-    version: '5.0.0',
-    info
-  },
-  current: {
-    version: '5.0.3'
-  }
-}, actions))).add('new version required', () => /*#__PURE__*/React.createElement(AboutScreen, _extends({
-  latest: {
-    version: '5.0.3',
-    info
-  },
-  current: {
-    version: '5.0.0'
-  }
-}, actions))).add('failed to fetch new version', () => /*#__PURE__*/React.createElement(AboutScreen, _extends({
-  current: {
-    version: '5.0.0'
-  }
-}, actions)));

package/dist/collection/node_modules/@storybook/ui/dist/modern/settings/about_page.js

@@ -1,37 +0,0 @@
-import React, { Component } from 'react';
-import { useStorybookApi } from '@storybook/api';
-import { AboutScreen } from './about'; // Clear a notification on mount. This could be exported by core/notifications.js perhaps?
-
-class NotificationClearer extends Component {
-  componentDidMount() {
-    const {
-      api,
-      notificationId
-    } = this.props;
-    api.clearNotification(notificationId);
-  }
-
-  render() {
-    const {
-      children
-    } = this.props;
-    return children;
-  }
-
-}
-
-NotificationClearer.displayName = "NotificationClearer";
-
-const AboutPage = () => {
-  const api = useStorybookApi();
-  return /*#__PURE__*/React.createElement(NotificationClearer, {
-    api: api,
-    notificationId: "update"
-  }, /*#__PURE__*/React.createElement(AboutScreen, {
-    current: api.getCurrentVersion(),
-    latest: api.getLatestVersion()
-  }));
-};
-
-AboutPage.displayName = "AboutPage";
-export { AboutPage };

package/dist/collection/node_modules/@storybook/ui/dist/modern/settings/index.js

@@ -1,123 +0,0 @@
-import { useStorybookApi, useStorybookState } from '@storybook/api';
-import { IconButton, Icons, FlexBar, TabBar, TabButton, ScrollArea } from '@storybook/components';
-import { Location, Route } from '@storybook/router';
-import { styled } from '@storybook/theming';
-import global from 'global';
-import React, { Fragment } from 'react';
-import { AboutPage } from './about_page';
-import { ReleaseNotesPage } from './release_notes_page';
-import { ShortcutsPage } from './shortcuts_page';
-import { matchesModifiers, matchesKeyCode } from '../keybinding';
-const {
-  document
-} = global;
-const TabBarButton = /*#__PURE__*/React.memo(({
-  changeTab,
-  id,
-  title
-}) => /*#__PURE__*/React.createElement(Location, null, ({
-  path
-}) => {
-  const active = path.includes(`settings/${id}`);
-  return /*#__PURE__*/React.createElement(TabButton, {
-    id: `tabbutton-${id}`,
-    className: ['tabbutton'].concat(active ? ['tabbutton-active'] : []).join(' '),
-    type: "button",
-    key: "id",
-    active: active,
-    onClick: () => changeTab(id),
-    role: "tab"
-  }, title);
-}));
-const Content = styled(ScrollArea)({
-  position: 'absolute',
-  top: 40,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  overflow: 'auto'
-}, ({
-  theme
-}) => ({
-  background: theme.background.content
-}));
-
-const Pages = ({
-  changeTab,
-  onClose,
-  enableShortcuts = true,
-  hasReleaseNotes = false
-}) => {
-  React.useEffect(() => {
-    const handleEscape = event => {
-      if (!enableShortcuts || event.repeat) return;
-
-      if (matchesModifiers(false, event) && matchesKeyCode('Escape', event)) {
-        event.preventDefault();
-        onClose();
-      }
-    };
-
-    document.addEventListener('keydown', handleEscape);
-    return () => document.removeEventListener('keydown', handleEscape);
-  }, []);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FlexBar, {
-    border: true
-  }, /*#__PURE__*/React.createElement(TabBar, {
-    role: "tablist"
-  }, /*#__PURE__*/React.createElement(TabBarButton, {
-    id: "about",
-    title: "About",
-    changeTab: changeTab
-  }), hasReleaseNotes && /*#__PURE__*/React.createElement(TabBarButton, {
-    id: "release-notes",
-    title: "Release notes",
-    changeTab: changeTab
-  }), /*#__PURE__*/React.createElement(TabBarButton, {
-    id: "shortcuts",
-    title: "Keyboard shortcuts",
-    changeTab: changeTab
-  })), /*#__PURE__*/React.createElement(IconButton, {
-    onClick: e => {
-      e.preventDefault();
-      return onClose();
-    },
-    title: "Close settings page"
-  }, /*#__PURE__*/React.createElement(Icons, {
-    icon: "close"
-  }))), /*#__PURE__*/React.createElement(Content, {
-    vertical: true,
-    horizontal: false
-  }, /*#__PURE__*/React.createElement(Route, {
-    path: "about"
-  }, /*#__PURE__*/React.createElement(AboutPage, {
-    key: "about"
-  })), /*#__PURE__*/React.createElement(Route, {
-    path: "release-notes"
-  }, /*#__PURE__*/React.createElement(ReleaseNotesPage, {
-    key: "release-notes"
-  })), /*#__PURE__*/React.createElement(Route, {
-    path: "shortcuts"
-  }, /*#__PURE__*/React.createElement(ShortcutsPage, {
-    key: "shortcuts"
-  }))));
-};
-
-Pages.displayName = "Pages";
-
-const SettingsPages = () => {
-  const api = useStorybookApi();
-  const state = useStorybookState();
-
-  const changeTab = tab => api.changeSettingsTab(tab);
-
-  return /*#__PURE__*/React.createElement(Pages, {
-    hasReleaseNotes: !!api.releaseNotesVersion(),
-    enableShortcuts: state.ui.enableShortcuts,
-    changeTab: changeTab,
-    onClose: api.closeSettings
-  });
-};
-
-SettingsPages.displayName = "SettingsPages";
-export { SettingsPages as default };