@storybook/web-components 7.0.0-alpha.1 → 7.0.0-alpha.2

package/dist/cjs/config.js

@@ -1,11 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.keys.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -16,20 +10,18 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "argTypesEnhancers", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _config.argTypesEnhancers;
   }
 });
 Object.defineProperty(exports, "decorators", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _config.decorators;
   }
 });
 exports.parameters = void 0;
 
-require("core-js/modules/es.object.assign.js");
-
 var _config = require("./docs/config");
 
 var _config2 = require("./preview/config");
@@ -40,12 +32,12 @@ Object.keys(_config2).forEach(function (key) {
   if (key in exports && exports[key] === _config2[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _config2[key];
     }
   });
 });
-var parameters = Object.assign({
+const parameters = Object.assign({
   framework: 'web-components'
 }, _config.parameters);
 exports.parameters = parameters;

package/dist/cjs/customElements.js

@@ -33,7 +33,8 @@ function isValidMetaData(customElements) {
     return true;
   }
 
-  throw new Error("You need to setup valid meta data in your config.js via setCustomElements().\n    See the readme of addon-docs for web components for more details.");
+  throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
+    See the readme of addon-docs for web components for more details.`);
 }
 /**
  * @param customElements any for now as spec is not super stable yet

package/dist/cjs/docs/config.js

@@ -11,16 +11,13 @@ var _customElements = require("./custom-elements");
 
 var _sourceDecorator = require("./sourceDecorator");
 
-var _prepareForInline = require("./prepareForInline");
-
-var decorators = [_sourceDecorator.sourceDecorator];
+const decorators = [_sourceDecorator.sourceDecorator];
 exports.decorators = decorators;
-var parameters = {
+const parameters = {
   docs: {
     extractArgTypes: _customElements.extractArgTypes,
     extractComponentDescription: _customElements.extractComponentDescription,
     inlineStories: true,
-    prepareForInline: _prepareForInline.prepareForInline,
     source: {
       type: _docsTools.SourceType.DYNAMIC,
       language: 'html'
@@ -28,5 +25,5 @@ var parameters = {
   }
 };
 exports.parameters = parameters;
-var argTypesEnhancers = [_docsTools.enhanceArgTypes];
+const argTypesEnhancers = [_docsTools.enhanceArgTypes];
 exports.argTypesEnhancers = argTypesEnhancers;

package/dist/cjs/docs/custom-elements.js

@@ -5,26 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractComponentDescription = exports.extractArgTypesFromElements = exports.extractArgTypes = void 0;
 
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.replace.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.array.filter.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.array.find.js");
-
-require("core-js/modules/es.object.assign.js");
-
 var _clientLogger = require("@storybook/client-logger");
 
 var _ = require("..");
@@ -32,7 +12,7 @@ var _ = require("..");
 function mapItem(item, category) {
   var _item$type, _item$type2;
 
-  var type = category === 'properties' ? {
+  const type = category === 'properties' ? {
     name: ((_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.text) || item.type
   } : {
     name: 'void'
@@ -41,9 +21,9 @@ function mapItem(item, category) {
     name: item.name,
     required: false,
     description: item.description,
-    type: type,
+    type,
     table: {
-      category: category,
+      category,
       type: {
         summary: ((_item$type2 = item.type) === null || _item$type2 === void 0 ? void 0 : _item$type2.text) || item.type
       },
@@ -55,14 +35,12 @@ function mapItem(item, category) {
 }
 
 function mapEvent(item) {
-  var name = item.name.replace(/(-|_|:|\.|\s)+(.)?/g, function (_match, _separator, chr) {
+  let name = item.name.replace(/(-|_|:|\.|\s)+(.)?/g, (_match, _separator, chr) => {
     return chr ? chr.toUpperCase() : '';
-  }).replace(/^([A-Z])/, function (match) {
-    return match.toLowerCase();
-  });
-  name = "on".concat(name.charAt(0).toUpperCase() + name.substr(1));
+  }).replace(/^([A-Z])/, match => match.toLowerCase());
+  name = `on${name.charAt(0).toUpperCase() + name.substr(1)}`;
   return [{
-    name: name,
+    name,
     action: {
       name: item.name
     },
@@ -73,14 +51,12 @@ function mapEvent(item) {
 }
 
 function mapData(data, category) {
-  return data && data.filter(function (item) {
-    return item && item.name;
-  }).reduce(function (acc, item) {
+  return data && data.filter(item => item && item.name).reduce((acc, item) => {
     if (item.kind === 'method') return acc;
 
     switch (category) {
       case 'events':
-        mapEvent(item).forEach(function (argType) {
+        mapEvent(item).forEach(argType => {
           acc[argType.name] = argType;
         });
         break;
@@ -94,34 +70,32 @@ function mapData(data, category) {
   }, {});
 }
 
-var getMetaDataExperimental = function getMetaDataExperimental(tagName, customElements) {
+const getMetaDataExperimental = (tagName, customElements) => {
   if (!(0, _.isValidComponent)(tagName) || !(0, _.isValidMetaData)(customElements)) {
     return null;
   }
 
-  var metaData = customElements.tags.find(function (tag) {
-    return tag.name.toUpperCase() === tagName.toUpperCase();
-  });
+  const metaData = customElements.tags.find(tag => tag.name.toUpperCase() === tagName.toUpperCase());
 
   if (!metaData) {
-    _clientLogger.logger.warn("Component not found in custom-elements.json: ".concat(tagName));
+    _clientLogger.logger.warn(`Component not found in custom-elements.json: ${tagName}`);
   }
 
   return metaData;
 };
 
-var getMetaDataV1 = function getMetaDataV1(tagName, customElements) {
+const getMetaDataV1 = (tagName, customElements) => {
   var _customElements$modul;
 
   if (!(0, _.isValidComponent)(tagName) || !(0, _.isValidMetaData)(customElements)) {
     return null;
   }
 
-  var metadata;
-  customElements === null || customElements === void 0 ? void 0 : (_customElements$modul = customElements.modules) === null || _customElements$modul === void 0 ? void 0 : _customElements$modul.forEach(function (_module) {
+  let metadata;
+  customElements === null || customElements === void 0 ? void 0 : (_customElements$modul = customElements.modules) === null || _customElements$modul === void 0 ? void 0 : _customElements$modul.forEach(_module => {
     var _module$declarations;
 
-    _module === null || _module === void 0 ? void 0 : (_module$declarations = _module.declarations) === null || _module$declarations === void 0 ? void 0 : _module$declarations.forEach(function (declaration) {
+    _module === null || _module === void 0 ? void 0 : (_module$declarations = _module.declarations) === null || _module$declarations === void 0 ? void 0 : _module$declarations.forEach(declaration => {
       if (declaration.tagName === tagName) {
         metadata = declaration;
       }
@@ -129,13 +103,13 @@ var getMetaDataV1 = function getMetaDataV1(tagName, customElements) {
   });
 
   if (!metadata) {
-    _clientLogger.logger.warn("Component not found in custom-elements.json: ".concat(tagName));
+    _clientLogger.logger.warn(`Component not found in custom-elements.json: ${tagName}`);
   }
 
   return metadata;
 };
 
-var getMetaData = function getMetaData(tagName, manifest) {
+const getMetaData = (tagName, manifest) => {
   if ((manifest === null || manifest === void 0 ? void 0 : manifest.version) === 'experimental') {
     return getMetaDataExperimental(tagName, manifest);
   }
@@ -143,22 +117,22 @@ var getMetaData = function getMetaData(tagName, manifest) {
   return getMetaDataV1(tagName, manifest);
 };
 
-var extractArgTypesFromElements = function extractArgTypesFromElements(tagName, customElements) {
-  var metaData = getMetaData(tagName, customElements);
+const extractArgTypesFromElements = (tagName, customElements) => {
+  const metaData = getMetaData(tagName, customElements);
   return metaData && Object.assign({}, mapData(metaData.attributes, 'attributes'), mapData(metaData.members, 'properties'), mapData(metaData.properties, 'properties'), mapData(metaData.events, 'events'), mapData(metaData.slots, 'slots'), mapData(metaData.cssProperties, 'css custom properties'), mapData(metaData.cssParts, 'css shadow parts'));
 };
 
 exports.extractArgTypesFromElements = extractArgTypesFromElements;
 
-var extractArgTypes = function extractArgTypes(tagName) {
-  var cem = (0, _.getCustomElements)();
+const extractArgTypes = tagName => {
+  const cem = (0, _.getCustomElements)();
   return extractArgTypesFromElements(tagName, cem);
 };
 
 exports.extractArgTypes = extractArgTypes;
 
-var extractComponentDescription = function extractComponentDescription(tagName) {
-  var metaData = getMetaData(tagName, (0, _.getCustomElements)());
+const extractComponentDescription = tagName => {
+  const metaData = getMetaData(tagName, (0, _.getCustomElements)());
   return metaData && metaData.description;
 };
 

package/dist/cjs/docs/sourceDecorator.js

@@ -5,10 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sourceDecorator = sourceDecorator;
 
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.replace.js");
-
 var _litHtml = require("lit-html");
 
 var _addons = require("@storybook/addons");
@@ -19,13 +15,13 @@ var _docsTools = require("@storybook/docs-tools");
 
 /* global window */
 // Taken from https://github.com/lit/lit/blob/main/packages/lit-html/src/test/test-utils/strip-markers.ts
-var LIT_EXPRESSION_COMMENTS = /<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;
+const LIT_EXPRESSION_COMMENTS = /<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;
 
 function skipSourceRender(context) {
   var _context$parameters$d;
 
-  var 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;
-  var isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
+  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) === _docsTools.SourceType.DYNAMIC) {
     return false;
@@ -37,26 +33,24 @@ function skipSourceRender(context) {
 }
 
 function applyTransformSource(source, context) {
-  var _context$parameters$d2;
-
-  var _ref = (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 ? _context$parameters$d2 : {},
-      transformSource = _ref.transformSource;
-
+  const {
+    transformSource
+  } = context.parameters.docs ?? {};
   if (typeof transformSource !== 'function') return source;
   return transformSource(source, context);
 }
 
 function sourceDecorator(storyFn, context) {
-  var _context$parameters$d3, _context$parameters$d4;
+  var _context$parameters$d2, _context$parameters$d3;
 
-  var story = context !== null && context !== void 0 && (_context$parameters$d3 = context.parameters.docs) !== null && _context$parameters$d3 !== void 0 && (_context$parameters$d4 = _context$parameters$d3.source) !== null && _context$parameters$d4 !== void 0 && _context$parameters$d4.excludeDecorators ? context.originalStoryFn(context.args, context) : storyFn();
-  var source;
-  (0, _addons.useEffect)(function () {
+  const story = context !== null && context !== void 0 && (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 && (_context$parameters$d3 = _context$parameters$d2.source) !== null && _context$parameters$d3 !== void 0 && _context$parameters$d3.excludeDecorators ? context.originalStoryFn(context.args, context) : storyFn();
+  let source;
+  (0, _addons.useEffect)(() => {
     if (source) _addons.addons.getChannel().emit(_docsTools.SNIPPET_RENDERED, context.id, source);
   });
 
   if (!skipSourceRender(context)) {
-    var container = window.document.createElement('div');
+    const container = window.document.createElement('div');
     (0, _litHtml.render)(story, container);
     source = applyTransformSource(container.innerHTML.replace(LIT_EXPRESSION_COMMENTS, ''), context);
   }

package/dist/cjs/index.js

@@ -1,11 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.keys.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -26,79 +20,79 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "addDecorator", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.addDecorator;
   }
 });
 Object.defineProperty(exports, "addParameters", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.addParameters;
   }
 });
 Object.defineProperty(exports, "configure", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.configure;
   }
 });
 Object.defineProperty(exports, "forceReRender", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.forceReRender;
   }
 });
 Object.defineProperty(exports, "getCustomElements", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _customElements.getCustomElements;
   }
 });
 Object.defineProperty(exports, "getStorybook", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.getStorybook;
   }
 });
 Object.defineProperty(exports, "isValidComponent", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _customElements.isValidComponent;
   }
 });
 Object.defineProperty(exports, "isValidMetaData", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _customElements.isValidMetaData;
   }
 });
 Object.defineProperty(exports, "raw", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.raw;
   }
 });
 Object.defineProperty(exports, "setAddon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.setAddon;
   }
 });
 Object.defineProperty(exports, "setCustomElements", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _customElements.setCustomElements;
   }
 });
 Object.defineProperty(exports, "setCustomElementsManifest", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _customElements.setCustomElementsManifest;
   }
 });
 Object.defineProperty(exports, "storiesOf", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.storiesOf;
   }
 });
@@ -117,7 +111,7 @@ Object.keys(_types).forEach(function (key) {
   if (key in exports && exports[key] === _types[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _types[key];
     }
   });
@@ -125,19 +119,22 @@ Object.keys(_types).forEach(function (key) {
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var window = _global.default.window,
-    EventSource = _global.default.EventSource;
+const {
+  window,
+  EventSource
+} = _global.default;
 
 // TODO: disable HMR and do full page loads because of customElements.define
 if (module && module.hot && module.hot.decline) {
   module.hot.decline(); // forcing full reloads for customElements as elements can only be defined once per page
 
-  var hmr = new EventSource('__webpack_hmr');
+  const hmr = new EventSource('__webpack_hmr');
   hmr.addEventListener('message', function fullPageReload(event) {
     try {
       // Only care for built events.  Heartbeats are not parsable so we ignore those
-      var _JSON$parse = JSON.parse(event.data),
-          action = _JSON$parse.action;
+      const {
+        action
+      } = JSON.parse(event.data);
 
       if (action === 'built') {
         window.location.reload();

package/dist/cjs/preview/config.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "renderToDOM", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _render.renderToDOM;
   }
 });

package/dist/cjs/preview/globals.js

@@ -4,5 +4,7 @@ var _global = _interopRequireDefault(require("global"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var globalWindow = _global.default.window;
+const {
+  window: globalWindow
+} = _global.default;
 globalWindow.STORYBOOK_ENV = 'web-components';

package/dist/cjs/preview/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
 
-require("core-js/modules/es.array.concat.js");
-
 var _coreClient = require("@storybook/core-client");
 
 require("./globals");
@@ -14,37 +12,31 @@ require("./globals");
 var _render = require("./render");
 
 /* eslint-disable prefer-destructuring */
-var framework = 'web-components';
-var api = (0, _coreClient.start)(_render.renderToDOM);
+const framework = 'web-components';
+const api = (0, _coreClient.start)(_render.renderToDOM);
 
-var storiesOf = function storiesOf(kind, m) {
+const storiesOf = (kind, m) => {
   return api.clientApi.storiesOf(kind, m).addParameters({
-    framework: framework
+    framework
   });
 };
 
 exports.storiesOf = storiesOf;
 
-var configure = function configure() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  return api.configure.apply(api, [framework].concat(args));
-};
+const configure = (...args) => api.configure(framework, ...args);
 
 exports.configure = configure;
-var addDecorator = api.clientApi.addDecorator;
+const addDecorator = api.clientApi.addDecorator;
 exports.addDecorator = addDecorator;
-var addParameters = api.clientApi.addParameters;
+const addParameters = api.clientApi.addParameters;
 exports.addParameters = addParameters;
-var clearDecorators = api.clientApi.clearDecorators;
+const clearDecorators = api.clientApi.clearDecorators;
 exports.clearDecorators = clearDecorators;
-var setAddon = api.clientApi.setAddon;
+const setAddon = api.clientApi.setAddon;
 exports.setAddon = setAddon;
-var forceReRender = api.forceReRender;
+const forceReRender = api.forceReRender;
 exports.forceReRender = forceReRender;
-var getStorybook = api.clientApi.getStorybook;
+const getStorybook = api.clientApi.getStorybook;
 exports.getStorybook = getStorybook;
-var raw = api.clientApi.raw;
+const raw = api.clientApi.raw;
 exports.raw = raw;

package/dist/cjs/preview/render.js

@@ -1,18 +1,10 @@
 "use strict";
 
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.object.freeze.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderToDOM = renderToDOM;
 
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.array.concat.js");
-
 var _global = _interopRequireDefault(require("global"));
 
 var _tsDedent = _interopRequireDefault(require("ts-dedent"));
@@ -23,22 +15,24 @@ var _directiveHelpers = require("lit-html/directive-helpers.js");
 
 var _previewWeb = require("@storybook/preview-web");
 
-var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var Node = _global.default.Node;
-
-function renderToDOM(_ref, domElement) {
-  var storyFn = _ref.storyFn,
-      kind = _ref.kind,
-      name = _ref.name,
-      showMain = _ref.showMain,
-      showError = _ref.showError,
-      forceRemount = _ref.forceRemount;
-  var element = storyFn();
+/* eslint-disable no-param-reassign */
+// Keep `.js` extension to avoid issue with Webpack (related to export map?)
+// eslint-disable-next-line import/extensions
+const {
+  Node
+} = _global.default;
+
+function renderToDOM({
+  storyFn,
+  kind,
+  name,
+  showMain,
+  showError,
+  forceRemount
+}, domElement) {
+  const element = storyFn();
   showMain();
 
   if ((0, _directiveHelpers.isTemplateResult)(element)) {
@@ -49,7 +43,7 @@ function renderToDOM(_ref, domElement) {
       domElement.innerHTML = '<div id="root-inner"></div>';
     }
 
-    var renderTo = domElement.querySelector('[id="root-inner"]');
+    const renderTo = domElement.querySelector('[id="root-inner"]');
     (0, _litHtml.render)(element, renderTo);
     (0, _previewWeb.simulatePageLoad)(domElement);
   } else if (typeof element === 'string') {
@@ -66,8 +60,11 @@ function renderToDOM(_ref, domElement) {
     (0, _previewWeb.simulateDOMContentLoaded)();
   } else {
     showError({
-      title: "Expecting an HTML snippet or DOM node from the story: \"".concat(name, "\" of \"").concat(kind, "\"."),
-      description: (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        Did you forget to return the HTML snippet from the story?\n        Use \"() => <your snippet or node>\" or when defining the story.\n      "])))
+      title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,
+      description: (0, _tsDedent.default)`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `
     });
   }
 }

package/dist/esm/docs/config.js

@@ -1,14 +1,12 @@
 import { SourceType, enhanceArgTypes } from '@storybook/docs-tools';
 import { extractArgTypes, extractComponentDescription } from './custom-elements';
 import { sourceDecorator } from './sourceDecorator';
-import { prepareForInline } from './prepareForInline';
 export const decorators = [sourceDecorator];
 export const parameters = {
   docs: {
     extractArgTypes,
     extractComponentDescription,
     inlineStories: true,
-    prepareForInline,
     source: {
       type: SourceType.DYNAMIC,
       language: 'html'

package/dist/types/config.d.ts

@@ -5,7 +5,6 @@ export declare const parameters: {
         };
         extractComponentDescription: (tagName: string) => string;
         inlineStories: boolean;
-        prepareForInline: (storyFn: import("@storybook/csf").PartialStoryFn<import(".").WebComponentsFramework, import("@storybook/csf").Args>) => import("react").CElement<{}, import("react").Component<{}, {}, any>>;
         source: {
             type: import("lib/docs-tools/dist/types").SourceType;
             language: string;

package/dist/types/docs/config.d.ts

@@ -8,7 +8,6 @@ export declare const parameters: {
         };
         extractComponentDescription: (tagName: string) => string;
         inlineStories: boolean;
-        prepareForInline: (storyFn: import("@storybook/csf").PartialStoryFn<import("..").WebComponentsFramework, import("@storybook/csf").Args>) => import("react").CElement<{}, import("react").Component<{}, {}, any>>;
         source: {
             type: SourceType;
             language: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "7.0.0-alpha.1",
+  "version": "7.0.0-alpha.2",
   "description": "Storybook web-components renderer",
   "keywords": [
     "lit-html",
@@ -34,14 +34,14 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.1",
-    "@storybook/api": "7.0.0-alpha.1",
-    "@storybook/client-logger": "7.0.0-alpha.1",
-    "@storybook/core-client": "7.0.0-alpha.1",
+    "@storybook/addons": "7.0.0-alpha.2",
+    "@storybook/api": "7.0.0-alpha.2",
+    "@storybook/client-logger": "7.0.0-alpha.2",
+    "@storybook/core-client": "7.0.0-alpha.2",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.1",
-    "@storybook/preview-web": "7.0.0-alpha.1",
-    "@storybook/store": "7.0.0-alpha.1",
+    "@storybook/docs-tools": "7.0.0-alpha.2",
+    "@storybook/preview-web": "7.0.0-alpha.2",
+    "@storybook/store": "7.0.0-alpha.2",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
@@ -61,5 +61,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b90b85210f66da59656c2ef58b0910b156256bea"
+  "gitHead": "44920e2b6bd51981bac5124743c29fb9f5517e44"
 }

package/dist/cjs/docs/prepareForInline.js

@@ -1,96 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.reflect.construct.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.prepareForInline = void 0;
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.object.get-prototype-of.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _litHtml = require("lit-html");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var prepareForInline = function prepareForInline(storyFn) {
-  var Story = /*#__PURE__*/function (_React$Component) {
-    _inherits(Story, _React$Component);
-
-    var _super = _createSuper(Story);
-
-    function Story() {
-      var _this;
-
-      _classCallCheck(this, Story);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this = _super.call.apply(_super, [this].concat(args));
-      _this.wrapperRef = /*#__PURE__*/_react.default.createRef();
-      return _this;
-    }
-
-    _createClass(Story, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        (0, _litHtml.render)(storyFn(), this.wrapperRef.current);
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/_react.default.createElement('div', {
-          ref: this.wrapperRef
-        });
-      }
-    }]);
-
-    return Story;
-  }(_react.default.Component);
-
-  return /*#__PURE__*/_react.default.createElement(Story);
-};
-
-exports.prepareForInline = prepareForInline;

package/dist/esm/docs/prepareForInline.js

@@ -1,24 +0,0 @@
-/* eslint-disable @typescript-eslint/ban-types */
-import React from 'react';
-import { render } from 'lit-html';
-export const prepareForInline = storyFn => {
-  class Story extends React.Component {
-    constructor(...args) {
-      super(...args);
-      this.wrapperRef = /*#__PURE__*/React.createRef();
-    }
-
-    componentDidMount() {
-      render(storyFn(), this.wrapperRef.current);
-    }
-
-    render() {
-      return /*#__PURE__*/React.createElement('div', {
-        ref: this.wrapperRef
-      });
-    }
-
-  }
-
-  return /*#__PURE__*/React.createElement(Story);
-};

package/dist/types/docs/prepareForInline.d.ts

@@ -1,4 +0,0 @@
-import type { PartialStoryFn } from '@storybook/csf';
-import React from 'react';
-import { WebComponentsFramework } from '..';
-export declare const prepareForInline: (storyFn: PartialStoryFn<WebComponentsFramework>) => React.CElement<{}, React.Component<{}, {}, any>>;