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

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/react/propTypes/generateFuncSignature.js

@@ -1,57 +0,0 @@
-export function generateFuncSignature(params, returns) {
-  const hasParams = params != null;
-  const hasReturns = returns != null;
-
-  if (!hasParams && !hasReturns) {
-    return '';
-  }
-
-  const funcParts = [];
-
-  if (hasParams) {
-    const funcParams = params.map(x => {
-      const prettyName = x.getPrettyName();
-      const typeName = x.getTypeName();
-
-      if (typeName != null) {
-        return `${prettyName}: ${typeName}`;
-      }
-
-      return prettyName;
-    });
-    funcParts.push(`(${funcParams.join(', ')})`);
-  } else {
-    funcParts.push('()');
-  }
-
-  if (hasReturns) {
-    funcParts.push(`=> ${returns.getTypeName()}`);
-  }
-
-  return funcParts.join(' ');
-}
-export function generateShortFuncSignature(params, returns) {
-  const hasParams = params != null;
-  const hasReturns = returns != null;
-
-  if (!hasParams && !hasReturns) {
-    return '';
-  }
-
-  const funcParts = [];
-
-  if (hasParams) {
-    funcParts.push('( ... )');
-  } else {
-    funcParts.push('()');
-  }
-
-  if (hasReturns) {
-    funcParts.push(`=> ${returns.getTypeName()}`);
-  }
-
-  return funcParts.join(' ');
-}
-export function toMultilineSignature(signature) {
-  return signature.replace(/,/g, ',\r\n');
-}

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/react/propTypes/handleProp.js

@@ -1,39 +0,0 @@
-import { createType } from './createType';
-import { createDefaultValue, createDefaultValueFromRawDefaultProp } from '../lib/defaultValues';
-import { keepOriginalDefinitionOrder } from './sortProps';
-import { rawDefaultPropTypeResolvers } from './rawDefaultPropResolvers';
-export function enhancePropTypesProp(extractedProp, rawDefaultProp) {
-  const {
-    propDef
-  } = extractedProp;
-  const newtype = createType(extractedProp);
-
-  if (newtype != null) {
-    propDef.type = newtype;
-  }
-
-  const {
-    defaultValue
-  } = extractedProp.docgenInfo;
-
-  if (defaultValue != null && defaultValue.value != null) {
-    const newDefaultValue = createDefaultValue(defaultValue.value);
-
-    if (newDefaultValue != null) {
-      propDef.defaultValue = newDefaultValue;
-    }
-  } else if (rawDefaultProp != null) {
-    const newDefaultValue = createDefaultValueFromRawDefaultProp(rawDefaultProp, propDef, rawDefaultPropTypeResolvers);
-
-    if (newDefaultValue != null) {
-      propDef.defaultValue = newDefaultValue;
-    }
-  }
-
-  return propDef;
-}
-export function enhancePropTypesProps(extractedProps, component) {
-  const rawDefaultProps = component.defaultProps != null ? component.defaultProps : {};
-  const enhancedProps = extractedProps.map(x => enhancePropTypesProp(x, rawDefaultProps[x.propDef.name]));
-  return keepOriginalDefinitionOrder(enhancedProps, component);
-}

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/react/propTypes/rawDefaultPropResolvers.js

@@ -1,31 +0,0 @@
-import { extractFunctionName, createTypeResolvers } from '../lib/defaultValues';
-import { createSummaryValue } from '../../../lib';
-import { FUNCTION_CAPTION, ELEMENT_CAPTION } from '../lib';
-import { getPrettyElementIdentifier, getPrettyFuncIdentifier } from '../lib/defaultValues/prettyIdentifier';
-import { inspectValue } from '../lib/inspection';
-
-const funcResolver = (rawDefaultProp, {
-  name,
-  type
-}) => {
-  const isElement = type.summary === 'element' || type.summary === 'elementType';
-  const funcName = extractFunctionName(rawDefaultProp, name);
-
-  if (funcName != null) {
-    // Try to display the name of the component. The body of the component is omitted since the code has been transpiled.
-    if (isElement) {
-      return createSummaryValue(getPrettyElementIdentifier(funcName));
-    }
-
-    const {
-      hasParams
-    } = inspectValue(rawDefaultProp.toString()).inferredType;
-    return createSummaryValue(getPrettyFuncIdentifier(funcName, hasParams));
-  }
-
-  return createSummaryValue(isElement ? ELEMENT_CAPTION : FUNCTION_CAPTION);
-};
-
-export const rawDefaultPropTypeResolvers = createTypeResolvers({
-  function: funcResolver
-});

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/react/propTypes/sortProps.js

@@ -1,14 +0,0 @@
-// react-docgen doesn't returned the props in the order they were defined in the "propTypes" object of the component.
-// This function re-order them by their original definition order.
-export function keepOriginalDefinitionOrder(extractedProps, component) {
-  // eslint-disable-next-line react/forbid-foreign-prop-types
-  const {
-    propTypes
-  } = component;
-
-  if (propTypes != null) {
-    return Object.keys(propTypes).map(x => extractedProps.find(y => y.name === x)).filter(x => x);
-  }
-
-  return extractedProps;
-}

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/react/react-argtypes.stories.js

@@ -1,78 +0,0 @@
-import React, { useState } from 'react';
-import mapValues from 'lodash/mapValues';
-import { storiesOf } from '@storybook/react';
-import { ArgsTable } from '@storybook/components';
-import { inferControls } from '@storybook/client-api';
-import { extractArgTypes } from './extractArgTypes';
-
-const argsTableProps = component => {
-  const argTypes = extractArgTypes(component);
-  const parameters = {
-    __isArgsStory: true,
-    argTypes
-  };
-  const rows = inferControls({
-    parameters
-  });
-  return {
-    rows
-  };
-};
-
-const ArgsStory = ({
-  component
-}) => {
-  const {
-    rows
-  } = argsTableProps(component);
-  const initialArgs = mapValues(rows, argType => argType.defaultValue);
-  const [args, setArgs] = useState(initialArgs);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("b", null, "NOTE:"), " these stories are to help visualise the snapshot tests in", ' ', /*#__PURE__*/React.createElement("code", null, "./react-properties.test.js"), "."), /*#__PURE__*/React.createElement(ArgsTable, {
-    rows: rows,
-    args: args,
-    updateArgs: val => setArgs(Object.assign({}, args, val))
-  }), /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "arg name"), /*#__PURE__*/React.createElement("th", null, "argType"))), /*#__PURE__*/React.createElement("tbody", null, Object.entries(args).map(([key, val]) => /*#__PURE__*/React.createElement("tr", {
-    key: key
-  }, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("code", null, key)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("pre", null, JSON.stringify(rows[key]))))))));
-};
-
-const typescriptFixtures = ['aliases', 'arrays', 'enums', 'functions', 'interfaces', 'intersections', 'records', 'scalars', 'tuples', 'unions', 'optionals'];
-const typescriptStories = storiesOf('ArgTypes/TypeScript', module);
-typescriptFixtures.forEach(fixture => {
-  // eslint-disable-next-line import/no-dynamic-require, global-require, no-shadow
-  const {
-    Component
-  } = require(`../../lib/convert/__testfixtures__/typescript/${fixture}`);
-
-  typescriptStories.add(fixture, () => /*#__PURE__*/React.createElement(ArgsStory, {
-    component: Component
-  }));
-});
-const proptypesFixtures = ['arrays', 'enums', 'misc', 'objects', 'react', 'scalars'];
-const proptypesStories = storiesOf('ArgTypes/PropTypes', module);
-proptypesFixtures.forEach(fixture => {
-  // eslint-disable-next-line import/no-dynamic-require, global-require, no-shadow
-  const {
-    Component
-  } = require(`../../lib/convert/__testfixtures__/proptypes/${fixture}`);
-
-  proptypesStories.add(fixture, () => /*#__PURE__*/React.createElement(ArgsStory, {
-    component: Component
-  }));
-});
-const issuesFixtures = ['js-class-component', 'js-function-component', 'js-function-component-inline-defaults', 'js-function-component-inline-defaults-no-propTypes', 'ts-function-component', 'ts-function-component-inline-defaults', '9399-js-proptypes-shape', '8663-js-styled-components', '9626-js-default-values', '9668-js-proptypes-no-jsdoc', '8143-ts-react-fc-generics', '8143-ts-imported-types', '8279-js-styled-docgen', '8140-js-prop-types-oneof', '9023-js-hoc', '8740-ts-multi-props', '9556-ts-react-default-exports', '9592-ts-styled-props', '9591-ts-import-types', '9721-ts-deprecated-jsdoc', '9827-ts-default-values', '9586-js-react-memo', '9575-ts-camel-case', '9493-ts-display-name', '8894-9511-ts-forward-ref', '9465-ts-type-props', '8428-js-static-prop-types', '9764-ts-extend-props', '9922-ts-component-props'];
-const issuesStories = storiesOf('ArgTypes/Issues', module);
-issuesFixtures.forEach(fixture => {
-  // eslint-disable-next-line import/no-dynamic-require, global-require
-  const {
-    component
-  } = require(`./__testfixtures__/${fixture}/input`);
-
-  issuesStories.add(fixture, () => /*#__PURE__*/React.createElement(ArgsStory, {
-    component: component
-  }), {
-    chromatic: {
-      disable: true
-    }
-  });
-});

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/react/typeScript/handleProp.js

@@ -1,28 +0,0 @@
-import { createDefaultValue, createDefaultValueFromRawDefaultProp } from '../lib/defaultValues';
-export function enhanceTypeScriptProp(extractedProp, rawDefaultProp) {
-  const {
-    propDef
-  } = extractedProp;
-  const {
-    defaultValue
-  } = extractedProp.docgenInfo;
-
-  if (defaultValue != null && defaultValue.value != null) {
-    const newDefaultValue = createDefaultValue(defaultValue.value);
-
-    if (newDefaultValue != null) {
-      propDef.defaultValue = newDefaultValue;
-    }
-  } else if (rawDefaultProp != null) {
-    const newDefaultValue = createDefaultValueFromRawDefaultProp(rawDefaultProp, propDef);
-
-    if (newDefaultValue != null) {
-      propDef.defaultValue = newDefaultValue;
-    }
-  }
-
-  return propDef;
-}
-export function enhanceTypeScriptProps(extractedProps) {
-  return extractedProps.map(prop => enhanceTypeScriptProp(prop));
-}

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/svelte/config.js

@@ -1,13 +0,0 @@
-import { extractArgTypes } from './extractArgTypes';
-import { extractComponentDescription } from './extractComponentDescription';
-import { prepareForInline } from './prepareForInline';
-import { sourceDecorator } from './sourceDecorator';
-export const parameters = {
-  docs: {
-    inlineStories: true,
-    prepareForInline,
-    extractArgTypes,
-    extractComponentDescription
-  }
-};
-export const decorators = [sourceDecorator];

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/svelte/extractArgTypes.js

@@ -1,116 +0,0 @@
-import { logger } from '@storybook/client-logger';
-
-function hasKeyword(keyword, keywords) {
-  return keywords ? keywords.find(k => k.name === keyword) != null : false;
-}
-
-export const extractArgTypes = component => {
-  try {
-    // eslint-disable-next-line no-underscore-dangle
-    const docgen = component.__docgen;
-
-    if (docgen) {
-      return createArgTypes(docgen);
-    }
-  } catch (err) {
-    logger.log(`Error extracting argTypes: ${err}`);
-  }
-
-  return {};
-};
-export const createArgTypes = docgen => {
-  const results = {};
-  docgen.data.forEach(item => {
-    var _item$type, _item$type2;
-
-    results[item.name] = {
-      control: parseTypeToControl(item.type),
-      name: item.name,
-      description: item.description,
-      type: {
-        required: hasKeyword('required', item.keywords),
-        name: (_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.text
-      },
-      table: {
-        type: {
-          summary: (_item$type2 = item.type) === null || _item$type2 === void 0 ? void 0 : _item$type2.text
-        },
-        defaultValue: {
-          summary: item.defaultValue
-        },
-        category: 'properties'
-      }
-    };
-  });
-  docgen.events.forEach(item => {
-    results[`event_${item.name}`] = {
-      name: item.name,
-      description: item.description,
-      type: {
-        name: 'void'
-      },
-      table: {
-        category: 'events'
-      }
-    };
-  });
-  docgen.slots.forEach(item => {
-    var _item$params;
-
-    results[`slot_${item.name}`] = {
-      name: item.name,
-      description: [item.description, (_item$params = item.params) === null || _item$params === void 0 ? void 0 : _item$params.map(p => `\`${p.name}\``).join(' ')].filter(p => p).join('\n\n'),
-      type: {
-        name: 'void'
-      },
-      table: {
-        category: 'slots'
-      }
-    };
-  });
-  return results;
-};
-/**
- * Function to convert the type from sveltedoc-parser to a storybook type
- * @param typeName
- * @returns string
- */
-
-const parseTypeToControl = type => {
-  if (!type) {
-    return null;
-  }
-
-  if (type.kind === 'type') {
-    switch (type.type) {
-      case 'string':
-        return {
-          type: 'text'
-        };
-
-      case 'enum':
-        return {
-          type: 'radio'
-        };
-
-      case 'any':
-        return {
-          type: 'object'
-        };
-
-      default:
-        return {
-          type: type.type
-        };
-    }
-  } else if (type.kind === 'union') {
-    if (Array.isArray(type.type) && !type.type.find(t => t.type !== 'string')) {
-      return {
-        type: 'radio',
-        options: type.type.filter(t => t.kind === 'const').map(t => t.value)
-      };
-    }
-  }
-
-  return null;
-};

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/svelte/extractComponentDescription.js

@@ -1,10 +0,0 @@
-export function extractComponentDescription(component) {
-  if (!component) {
-    return null;
-  }
-
-  const {
-    __docgen = {}
-  } = component;
-  return __docgen.description;
-}

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/svelte/prepareForInline.js

@@ -1,18 +0,0 @@
-import React from 'react'; // @ts-ignore
-
-import HOC from './HOC.svelte';
-export const prepareForInline = storyFn => {
-  const el = React.useRef(null);
-  React.useEffect(() => {
-    const root = new HOC({
-      target: el.current,
-      props: {
-        storyFn
-      }
-    });
-    return () => root.$destroy();
-  });
-  return /*#__PURE__*/React.createElement('div', {
-    ref: el
-  });
-};

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/svelte/preset.js

@@ -1,11 +0,0 @@
-import path from 'path';
-export async function webpackFinal(webpackConfig, options) {
-  const svelteOptions = await options.presets.apply('svelteOptions', {}, options);
-  webpackConfig.module.rules.push({
-    test: /\.svelte$/,
-    loader: path.resolve(`${__dirname}/svelte-docgen-loader`),
-    enforce: 'post',
-    options: svelteOptions
-  });
-  return webpackConfig;
-}

package/dist/collection/node_modules/@storybook/addon-docs/dist/modern/frameworks/svelte/sourceDecorator.js

@@ -1,185 +0,0 @@
-import { addons } from '@storybook/addons';
-import { SourceType, SNIPPET_RENDERED } from '../../shared';
-/**
- * Check if the sourcecode should be generated.
- *
- * @param context StoryContext
- */
-
-const skipSourceRender = context => {
-  var _context$parameters$d;
-
-  const sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
-  const isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
-
-  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.DYNAMIC) {
-    return false;
-  } // never render if the user is forcing the block to render code, or
-  // if the user provides code, or if it's not an args story.
-
-
-  return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.CODE;
-};
-/**
- * Transform a key/value to a svelte declaration as string.
- *
- * Default values are ommited
- *
- * @param key Key
- * @param value Value
- * @param argTypes Component ArgTypes
- */
-
-
-function toSvelteProperty(key, value, argTypes) {
-  if (value === undefined || value === null) {
-    return null;
-  } // default value ?
-
-
-  if (argTypes[key] && argTypes[key].defaultValue === value) {
-    return null;
-  }
-
-  if (value === true) {
-    return key;
-  }
-
-  if (typeof value === 'string') {
-    return `${key}=${JSON.stringify(value)}`;
-  }
-
-  return `${key}={${JSON.stringify(value)}}`;
-}
-/**
- * Extract a component name.
- *
- * @param component Component
- */
-
-
-function getComponentName(component) {
-  if (component == null) {
-    return null;
-  }
-
-  const {
-    __docgen = {}
-  } = component;
-  let {
-    name
-  } = __docgen;
-
-  if (!name) {
-    return component.name;
-  }
-
-  if (name.endsWith('.svelte')) {
-    name = name.substring(0, name.length - 7);
-  }
-
-  return name;
-}
-/**
- * Generate a svelte template.
- *
- * @param component Component
- * @param args Args
- * @param argTypes ArgTypes
- * @param slotProperty Property used to simulate a slot
- */
-
-
-export function generateSvelteSource(component, args, argTypes, slotProperty) {
-  const name = getComponentName(component);
-
-  if (!name) {
-    return null;
-  }
-
-  const props = Object.entries(args).filter(([k]) => k !== slotProperty).map(([k, v]) => toSvelteProperty(k, v, argTypes)).filter(p => p).join(' ');
-  const slotValue = slotProperty ? args[slotProperty] : null;
-
-  if (slotValue) {
-    return `<${name} ${props}>\n    ${slotValue}\n</${name}>`;
-  }
-
-  return `<${name} ${props}/>`;
-}
-/**
- * Check if the story component is a wrapper to the real component.
- *
- * A component can be annoted with @wrapper to indicate that
- * it's just a wrapper for the real tested component. If it's the case
- * then the code generated references the real component, not the wrapper.
- *
- * moreover, a wrapper can annotate a property with @slot : this property
- * is then assumed to be an alias to the default slot.
- *
- * @param component Component
- */
-
-function getWrapperProperties(component) {
-  const {
-    __docgen
-  } = component;
-
-  if (!__docgen) {
-    return {
-      wrapper: false
-    };
-  } // the component should be declared as a wrapper
-
-
-  if (!__docgen.keywords.find(kw => kw.name === 'wrapper')) {
-    return {
-      wrapper: false
-    };
-  }
-
-  const slotProp = __docgen.data.find(prop => prop.keywords.find(kw => kw.name === 'slot'));
-
-  return {
-    wrapper: true,
-    slotProperty: slotProp === null || slotProp === void 0 ? void 0 : slotProp.name
-  };
-}
-/**
- * Svelte source decorator.
- * @param storyFn Fn
- * @param context  StoryContext
- */
-
-
-export const sourceDecorator = (storyFn, context) => {
-  const story = storyFn();
-
-  if (skipSourceRender(context)) {
-    return story;
-  }
-
-  const channel = addons.getChannel();
-  const {
-    parameters = {},
-    args = {}
-  } = context || {};
-  let {
-    Component: component = {}
-  } = story;
-  const {
-    wrapper,
-    slotProperty
-  } = getWrapperProperties(component);
-
-  if (wrapper) {
-    component = parameters.component;
-  }
-
-  const source = generateSvelteSource(component, args, context === null || context === void 0 ? void 0 : context.argTypes, slotProperty);
-
-  if (source) {
-    channel.emit(SNIPPET_RENDERED, (context || {}).id, source);
-  }
-
-  return story;
-};