@storybook/html 7.0.0-alpha.1 → 7.0.0-alpha.4

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
 });
@@ -15,14 +9,12 @@ var _exportNames = {
 };
 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");
@@ -33,12 +25,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: 'html'
 }, _config.parameters);
 exports.parameters = parameters;

package/dist/cjs/docs/config.js

@@ -9,14 +9,11 @@ var _docsTools = require("@storybook/docs-tools");
 
 var _sourceDecorator = require("./sourceDecorator");
 
-var _prepareForInline = require("./prepareForInline");
-
-var decorators = [_sourceDecorator.sourceDecorator];
+const decorators = [_sourceDecorator.sourceDecorator];
 exports.decorators = decorators;
-var parameters = {
+const parameters = {
   docs: {
     inlineStories: true,
-    prepareForInline: _prepareForInline.prepareForInline,
     source: {
       type: _docsTools.SourceType.DYNAMIC,
       language: 'html'

package/dist/cjs/docs/sourceDecorator.js

@@ -19,8 +19,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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;
@@ -38,18 +38,16 @@ function defaultTransformSource(source) {
 }
 
 function applyTransformSource(source, context) {
-  var _context$parameters$d2, _docs$transformSource;
-
-  var docs = (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 ? _context$parameters$d2 : {};
-  var transformSource = (_docs$transformSource = docs.transformSource) !== null && _docs$transformSource !== void 0 ? _docs$transformSource : defaultTransformSource;
+  const docs = context.parameters.docs ?? {};
+  const transformSource = docs.transformSource ?? defaultTransformSource;
   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;
+  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;
 
   if (!skipSourceRender(context)) {
     if (typeof story === 'string') {
@@ -58,10 +56,12 @@ function sourceDecorator(storyFn, context) {
       source = story.outerHTML;
     }
 
-    if (source) source = applyTransformSource(source, context);
+    if (source) {
+      source = applyTransformSource(source, context);
+    }
   }
 
-  (0, _addons.useEffect)(function () {
+  (0, _addons.useEffect)(() => {
     if (source) _addons.addons.getChannel().emit(_docsTools.SNIPPET_RENDERED, context.id, source);
   });
   return story;

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
 });
@@ -21,49 +15,49 @@ 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, "getStorybook", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.getStorybook;
   }
 });
 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, "storiesOf", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _preview.storiesOf;
   }
 });
@@ -78,7 +72,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];
     }
   });

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 = 'HTML';

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 = 'html';
-var api = (0, _coreClient.start)(_render.renderToDOM);
+const framework = 'html';
+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,40 +1,32 @@
 "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"));
 
 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 */
+const {
+  Node
+} = _global.default;
+
+function renderToDOM({
+  storyFn,
+  kind,
+  name,
+  showMain,
+  showError,
+  forceRemount
+}, domElement) {
+  const element = storyFn();
   showMain();
 
   if (typeof element === 'string') {
@@ -50,8 +42,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,11 +1,9 @@
 import { SourceType } from '@storybook/docs-tools';
 import { sourceDecorator } from './sourceDecorator';
-import { prepareForInline } from './prepareForInline';
 export const decorators = [sourceDecorator];
 export const parameters = {
   docs: {
     inlineStories: true,
-    prepareForInline,
     source: {
       type: SourceType.DYNAMIC,
       language: 'html'

package/dist/esm/docs/sourceDecorator.js

@@ -41,7 +41,9 @@ export function sourceDecorator(storyFn, context) {
       source = story.outerHTML;
     }
 
-    if (source) source = applyTransformSource(source, context);
+    if (source) {
+      source = applyTransformSource(source, context);
+    }
   }
 
   useEffect(() => {

package/dist/types/config.d.ts

@@ -1,7 +1,6 @@
 export declare const parameters: {
     docs: {
         inlineStories: boolean;
-        prepareForInline: typeof import("./docs/prepareForInline").prepareForInline;
         source: {
             type: import("lib/docs-tools/dist/types").SourceType;
             language: string;

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

@@ -1,11 +1,9 @@
 import { SourceType } from '@storybook/docs-tools';
 import { sourceDecorator } from './sourceDecorator';
-import { prepareForInline } from './prepareForInline';
 export declare const decorators: (typeof sourceDecorator)[];
 export declare const parameters: {
     docs: {
         inlineStories: boolean;
-        prepareForInline: typeof prepareForInline;
         source: {
             type: SourceType;
             language: string;

package/dist/types/preview/render.d.ts

@@ -1,3 +1,3 @@
-import { RenderContext } from '@storybook/store';
+import type { RenderContext } from '@storybook/store';
 import { HtmlFramework } from './types-6-0';
-export declare function renderToDOM({ storyFn, kind, name, showMain, showError, forceRemount }: RenderContext<HtmlFramework>, domElement: HTMLElement): void;
+export declare function renderToDOM({ storyFn, kind, name, showMain, showError, forceRemount }: RenderContext<HtmlFramework>, domElement: Element): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.0.0-alpha.1",
+  "version": "7.0.0-alpha.4",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -32,17 +32,16 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.1",
-    "@storybook/core-client": "7.0.0-alpha.1",
+    "@storybook/addons": "7.0.0-alpha.4",
+    "@storybook/core-client": "7.0.0-alpha.4",
     "@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.4",
+    "@storybook/preview-web": "7.0.0-alpha.4",
+    "@storybook/store": "7.0.0-alpha.4",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0"
   },
   "peerDependencies": {
@@ -54,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b90b85210f66da59656c2ef58b0910b156256bea"
+  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
 }

package/dist/cjs/docs/prepareForInline.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.prepareForInline = prepareForInline;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function prepareForInline(storyFn) {
-  var html = storyFn();
-
-  if (typeof html === 'string') {
-    // eslint-disable-next-line react/no-danger
-    return /*#__PURE__*/_react.default.createElement("div", {
-      dangerouslySetInnerHTML: {
-        __html: html
-      }
-    });
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    ref: function ref(node) {
-      return node ? node.appendChild(html) : null;
-    }
-  });
-}

package/dist/esm/docs/prepareForInline.js

@@ -1,17 +0,0 @@
-import React from 'react';
-export function prepareForInline(storyFn) {
-  const html = storyFn();
-
-  if (typeof html === 'string') {
-    // eslint-disable-next-line react/no-danger
-    return /*#__PURE__*/React.createElement("div", {
-      dangerouslySetInnerHTML: {
-        __html: html
-      }
-    });
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    ref: node => node ? node.appendChild(html) : null
-  });
-}

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

@@ -1,2 +0,0 @@
-import { PartialStoryFn } from '@storybook/csf';
-export declare function prepareForInline(storyFn: PartialStoryFn<any>): JSX.Element;