@storybook/html 7.0.0-alpha.34 → 7.0.0-alpha.37

package/dist/chunk-GYELUVFC.mjs

@@ -0,0 +1,7 @@
+import d from"global";import{dedent as f}from"ts-dedent";import{simulatePageLoad as m,simulateDOMContentLoaded as l}from"@storybook/preview-web";var{Node:c}=d,h=(e,s)=>{let{id:p,component:t}=s;if(typeof t=="string"){let r=t;return Object.keys(e).forEach(o=>{r=r.replace(`{{${o}}}`,e[o])}),r}if(t instanceof HTMLElement){let r=t.cloneNode(!0);return Object.keys(e).forEach(o=>{r.setAttribute(o,typeof e[o]=="string"?e[o]:JSON.stringify(e[o]))}),r}if(typeof t=="function")return t(e,s);throw console.warn(f`
+    Storybook's HTML renderer only supports rendering DOM elements and strings.
+    Received: ${t}
+  `),new Error(`Unable to render story ${p}`)};function H({storyFn:e,kind:s,name:p,showMain:t,showError:r,forceRemount:o},n){let i=e();if(t(),typeof i=="string")n.innerHTML=i,m(n);else if(i instanceof c){if(n.firstChild===i&&o===!1)return;n.innerHTML="",n.appendChild(i),l()}else r({title:`Expecting an HTML snippet or DOM node from the story: "${p}" of "${s}".`,description:f`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `})}export{h as a,H as b};

package/dist/config.d.ts

@@ -1,5 +1,5 @@
 import 'lib/docs-tools/dist/types';
-export { a as argTypesEnhancers, d as decorators, p as parameters, r as renderToDOM } from './types-5a8f2337.js';
+export { a as argTypesEnhancers, d as decorators, p as parameters, b as render, r as renderToDOM } from './types-70312e86.js';
 import '@storybook/csf';
-import 'lib/addons/dist/types';
+import 'lib/addons/dist';
 import '@storybook/store';

package/dist/config.js

@@ -1,4 +1,7 @@
-"use strict";var k=Object.create;var p=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var E=(o,r)=>{for(var e in r)p(o,e,{get:r[e],enumerable:!0})},y=(o,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of w(r))!H.call(o,n)&&n!==e&&p(o,n,{get:()=>r[n],enumerable:!(t=M(r,n))||t.enumerable});return o};var L=(o,r,e)=>(e=o!=null?k(F(o)):{},y(r||!o||!o.__esModule?p(e,"default",{value:o,enumerable:!0}):e,o)),A=o=>y(p({},"__esModule",{value:!0}),o);var _={};E(_,{argTypesEnhancers:()=>T,decorators:()=>S,parameters:()=>I,renderToDOM:()=>C});module.exports=A(_);var d=require("@storybook/docs-tools");var a=require("@storybook/docs-tools"),m=require("@storybook/addons"),c=require("ts-dedent");function N(o){var t;let r=(t=o==null?void 0:o.parameters.docs)==null?void 0:t.source,e=o==null?void 0:o.parameters.__isArgsStory;return(r==null?void 0:r.type)===a.SourceType.DYNAMIC?!1:!e||(r==null?void 0:r.code)||(r==null?void 0:r.type)===a.SourceType.CODE}function O(o){return(0,c.dedent)(o)}function R(o,r){return((r.parameters.docs??{}).transformSource??O)(o,r)}function l(o,r){var n,f;let e=(f=(n=r==null?void 0:r.parameters.docs)==null?void 0:n.source)!=null&&f.excludeDecorators?r.originalStoryFn(r.args,r):o(),t;return N(r)||(typeof e=="string"?t=e:e instanceof Element&&(t=e.outerHTML),t&&(t=R(t,r))),(0,m.useEffect)(()=>{t&&m.addons.getChannel().emit(a.SNIPPET_RENDERED,r.id,t)}),e}var S=[l],g={docs:{inlineStories:!0,transformSource:void 0,source:{type:d.SourceType.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}},T=[d.enhanceArgTypes];var D=L(require("global")),h=require("ts-dedent"),u=require("@storybook/preview-web"),{Node:b}=D.default;function C({storyFn:o,kind:r,name:e,showMain:t,showError:n,forceRemount:f},s){let i=o();if(t(),typeof i=="string")s.innerHTML=i,(0,u.simulatePageLoad)(s);else if(i instanceof b){if(s.firstChild===i&&f===!1)return;s.innerHTML="",s.appendChild(i),(0,u.simulateDOMContentLoaded)()}else n({title:`Expecting an HTML snippet or DOM node from the story: "${e}" of "${r}".`,description:h.dedent`
+"use strict";var w=Object.create;var a=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var L=(e,r)=>{for(var t in r)a(e,t,{get:r[t],enumerable:!0})},y=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of E(r))!k.call(e,n)&&n!==t&&a(e,n,{get:()=>r[n],enumerable:!(o=H(r,n))||o.enumerable});return e};var O=(e,r,t)=>(t=e!=null?w(F(e)):{},y(r||!e||!e.__esModule?a(t,"default",{value:e,enumerable:!0}):t,e)),b=e=>y(a({},"__esModule",{value:!0}),e);var _={};L(_,{argTypesEnhancers:()=>h,decorators:()=>g,parameters:()=>I,render:()=>M,renderToDOM:()=>C});module.exports=b(_);var d=require("@storybook/docs-tools");var p=require("@storybook/docs-tools"),m=require("@storybook/addons"),l=require("ts-dedent");function A(e){var o;let r=(o=e==null?void 0:e.parameters.docs)==null?void 0:o.source,t=e==null?void 0:e.parameters.__isArgsStory;return(r==null?void 0:r.type)===p.SourceType.DYNAMIC?!1:!t||(r==null?void 0:r.code)||(r==null?void 0:r.type)===p.SourceType.CODE}function N(e){return(0,l.dedent)(e)}function R(e,r){return((r.parameters.docs??{}).transformSource??N)(e,r)}function S(e,r){var n,s;let t=(s=(n=r==null?void 0:r.parameters.docs)==null?void 0:n.source)!=null&&s.excludeDecorators?r.originalStoryFn(r.args,r):e(),o;return A(r)||(typeof t=="string"?o=t:t instanceof Element&&(o=t.outerHTML),o&&(o=R(o,r))),(0,m.useEffect)(()=>{o&&m.addons.getChannel().emit(p.SNIPPET_RENDERED,r.id,o)}),t}var g=[S],T={docs:{inlineStories:!0,transformSource:void 0,source:{type:d.SourceType.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}},h=[d.enhanceArgTypes];var D=O(require("global")),c=require("ts-dedent"),u=require("@storybook/preview-web"),{Node:$}=D.default,M=(e,r)=>{let{id:t,component:o}=r;if(typeof o=="string"){let n=o;return Object.keys(e).forEach(s=>{n=n.replace(`{{${s}}}`,e[s])}),n}if(o instanceof HTMLElement){let n=o.cloneNode(!0);return Object.keys(e).forEach(s=>{n.setAttribute(s,typeof e[s]=="string"?e[s]:JSON.stringify(e[s]))}),n}if(typeof o=="function")return o(e,r);throw console.warn(c.dedent`
+    Storybook's HTML renderer only supports rendering DOM elements and strings.
+    Received: ${o}
+  `),new Error(`Unable to render story ${t}`)};function C({storyFn:e,kind:r,name:t,showMain:o,showError:n,forceRemount:s},i){let f=e();if(o(),typeof f=="string")i.innerHTML=f,(0,u.simulatePageLoad)(i);else if(f instanceof $){if(i.firstChild===f&&s===!1)return;i.innerHTML="",i.appendChild(f),(0,u.simulateDOMContentLoaded)()}else n({title:`Expecting an HTML snippet or DOM node from the story: "${t}" of "${r}".`,description:c.dedent`
         Did you forget to return the HTML snippet from the story?
         Use "() => <your snippet or node>" or when defining the story.
-      `})}var I={framework:"html",...g};0&&(module.exports={argTypesEnhancers,decorators,parameters,renderToDOM});
+      `})}var I={framework:"html",...T};0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToDOM});

package/dist/config.mjs

@@ -1 +1 @@
-import{a as m}from"./chunk-6QRYQ3I4.mjs";import{SourceType as l,enhanceArgTypes as g}from"@storybook/docs-tools";import{SNIPPET_RENDERED as i,SourceType as s}from"@storybook/docs-tools";import{addons as f,useEffect as u}from"@storybook/addons";import{dedent as p}from"ts-dedent";function d(o){let r=o?.parameters.docs?.source,e=o?.parameters.__isArgsStory;return r?.type===s.DYNAMIC?!1:!e||r?.code||r?.type===s.CODE}function y(o){return p(o)}function S(o,r){return((r.parameters.docs??{}).transformSource??y)(o,r)}function a(o,r){let e=r?.parameters.docs?.source?.excludeDecorators?r.originalStoryFn(r.args,r):o(),t;return d(r)||(typeof e=="string"?t=e:e instanceof Element&&(t=e.outerHTML),t&&(t=S(t,r))),u(()=>{t&&f.getChannel().emit(i,r.id,t)}),e}var D=[a],c={docs:{inlineStories:!0,transformSource:void 0,source:{type:l.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}},T=[g];var A={framework:"html",...c};export{T as argTypesEnhancers,D as decorators,A as parameters,m as renderToDOM};
+import{a as m,b as i}from"./chunk-GYELUVFC.mjs";import{SourceType as g,enhanceArgTypes as D}from"@storybook/docs-tools";import{SNIPPET_RENDERED as f,SourceType as s}from"@storybook/docs-tools";import{addons as u,useEffect as p}from"@storybook/addons";import{dedent as d}from"ts-dedent";function y(o){let r=o?.parameters.docs?.source,e=o?.parameters.__isArgsStory;return r?.type===s.DYNAMIC?!1:!e||r?.code||r?.type===s.CODE}function S(o){return d(o)}function l(o,r){return((r.parameters.docs??{}).transformSource??S)(o,r)}function a(o,r){let e=r?.parameters.docs?.source?.excludeDecorators?r.originalStoryFn(r.args,r):o(),t;return y(r)||(typeof e=="string"?t=e:e instanceof Element&&(t=e.outerHTML),t&&(t=l(t,r))),p(()=>{t&&u.getChannel().emit(f,r.id,t)}),e}var T=[a],c={docs:{inlineStories:!0,transformSource:void 0,source:{type:g.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}},E=[D];var M={framework:"html",...c};export{E as argTypesEnhancers,T as decorators,M as parameters,m as render,i as renderToDOM};

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import { ClientStoryApi, Loadable } from '@storybook/addons';
-import { H as HtmlFramework, I as IStorybookSection } from './types-5a8f2337.js';
+import { H as HtmlFramework, I as IStorybookSection } from './types-70312e86.js';
 import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations } from '@storybook/csf';
 export { ArgTypes, Args, Parameters } from '@storybook/csf';
 import 'lib/docs-tools/dist/types';
-import 'lib/addons/dist/types';
+import 'lib/addons/dist';
 import '@storybook/store';
 
 interface ClientApi extends ClientStoryApi<HtmlFramework['storyResult']> {

package/dist/index.js

@@ -1,4 +1,7 @@
-"use strict";var R=Object.create;var s=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var O=(e,o)=>{for(var t in o)s(e,t,{get:o[t],enumerable:!0})},l=(e,o,t,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of k(o))!D.call(e,i)&&i!==t&&s(e,i,{get:()=>o[i],enumerable:!(p=b(o,i))||p.enumerable});return e};var c=(e,o,t)=>(t=e!=null?R(w(e)):{},l(o||!e||!e.__esModule?s(t,"default",{value:e,enumerable:!0}):t,e)),M=e=>l(s({},"__esModule",{value:!0}),e);var W={};O(W,{addDecorator:()=>T,addParameters:()=>P,clearDecorators:()=>F,configure:()=>L,forceReRender:()=>N,getStorybook:()=>I,raw:()=>K,setAddon:()=>v,storiesOf:()=>H});module.exports=M(W);var f=c(require("global")),{window:S}=f.default;S.STORYBOOK_ENV="HTML";var C=require("@storybook/core-client");var m=c(require("global")),A=require("ts-dedent"),d=require("@storybook/preview-web"),{Node:h}=m.default;function y({storyFn:e,kind:o,name:t,showMain:p,showError:i,forceRemount:x},n){let a=e();if(p(),typeof a=="string")n.innerHTML=a,(0,d.simulatePageLoad)(n);else if(a instanceof h){if(n.firstChild===a&&x===!1)return;n.innerHTML="",n.appendChild(a),(0,d.simulateDOMContentLoaded)()}else i({title:`Expecting an HTML snippet or DOM node from the story: "${t}" of "${o}".`,description:A.dedent`
+"use strict";var x=Object.create;var a=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var D=(e,o)=>{for(var r in o)a(e,r,{get:o[r],enumerable:!0})},f=(e,o,r,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of R(o))!S.call(e,t)&&t!==r&&a(e,t,{get:()=>o[t],enumerable:!(n=O(o,t))||n.enumerable});return e};var m=(e,o,r)=>(r=e!=null?x(M(e)):{},f(o||!e||!e.__esModule?a(r,"default",{value:e,enumerable:!0}):r,e)),k=e=>f(a({},"__esModule",{value:!0}),e);var I={};D(I,{addDecorator:()=>F,addParameters:()=>P,clearDecorators:()=>v,configure:()=>T,forceReRender:()=>N,getStorybook:()=>$,raw:()=>j,setAddon:()=>E,storiesOf:()=>L});module.exports=k(I);var y=m(require("global")),{window:H}=y.default;H.STORYBOOK_ENV="HTML";var b=require("@storybook/core-client");var A=m(require("global")),l=require("ts-dedent"),c=require("@storybook/preview-web"),{Node:h}=A.default,u=(e,o)=>{let{id:r,component:n}=o;if(typeof n=="string"){let t=n;return Object.keys(e).forEach(i=>{t=t.replace(`{{${i}}}`,e[i])}),t}if(n instanceof HTMLElement){let t=n.cloneNode(!0);return Object.keys(e).forEach(i=>{t.setAttribute(i,typeof e[i]=="string"?e[i]:JSON.stringify(e[i]))}),t}if(typeof n=="function")return n(e,o);throw console.warn(l.dedent`
+    Storybook's HTML renderer only supports rendering DOM elements and strings.
+    Received: ${n}
+  `),new Error(`Unable to render story ${r}`)};function C({storyFn:e,kind:o,name:r,showMain:n,showError:t,forceRemount:i},p){let d=e();if(n(),typeof d=="string")p.innerHTML=d,(0,c.simulatePageLoad)(p);else if(d instanceof h){if(p.firstChild===d&&i===!1)return;p.innerHTML="",p.appendChild(d),(0,c.simulateDOMContentLoaded)()}else t({title:`Expecting an HTML snippet or DOM node from the story: "${r}" of "${o}".`,description:l.dedent`
         Did you forget to return the HTML snippet from the story?
         Use "() => <your snippet or node>" or when defining the story.
-      `})}var u="html",r=(0,C.start)(y),H=(e,o)=>r.clientApi.storiesOf(e,o).addParameters({framework:u}),L=(...e)=>r.configure(u,...e),T=r.clientApi.addDecorator,P=r.clientApi.addParameters,F=r.clientApi.clearDecorators,v=r.clientApi.setAddon,N=r.forceReRender,I=r.clientApi.getStorybook,K=r.clientApi.raw;var g;(g=module==null?void 0:module.hot)==null||g.decline();0&&(module.exports={addDecorator,addParameters,clearDecorators,configure,forceReRender,getStorybook,raw,setAddon,storiesOf});
+      `})}var g="html",s=(0,b.start)(C,{render:u}),L=(e,o)=>s.clientApi.storiesOf(e,o).addParameters({framework:g}),T=(...e)=>s.configure(g,...e),F=s.clientApi.addDecorator,P=s.clientApi.addParameters,v=s.clientApi.clearDecorators,E=s.clientApi.setAddon,N=s.forceReRender,$=s.clientApi.getStorybook,j=s.clientApi.raw;var w;(w=module==null?void 0:module.hot)==null||w.decline();0&&(module.exports={addDecorator,addParameters,clearDecorators,configure,forceReRender,getStorybook,raw,setAddon,storiesOf});

package/dist/index.mjs

@@ -1 +1 @@
-import{a as e}from"./chunk-6QRYQ3I4.mjs";import a from"global";var{window:s}=a;s.STORYBOOK_ENV="HTML";import{start as p}from"@storybook/core-client";var n="html",o=p(e),l=(t,i)=>o.clientApi.storiesOf(t,i).addParameters({framework:n}),m=(...t)=>o.configure(n,...t),y=o.clientApi.addDecorator,f=o.clientApi.addParameters,g=o.clientApi.clearDecorators,S=o.clientApi.setAddon,x=o.forceReRender,C=o.clientApi.getStorybook,k=o.clientApi.raw;module?.hot?.decline();export{y as addDecorator,f as addParameters,g as clearDecorators,m as configure,x as forceReRender,C as getStorybook,k as raw,S as setAddon,l as storiesOf};
+import{a as e,b as n}from"./chunk-GYELUVFC.mjs";import s from"global";var{window:p}=s;p.STORYBOOK_ENV="HTML";import{start as d}from"@storybook/core-client";var i="html",o=d(n,{render:e}),m=(r,a)=>o.clientApi.storiesOf(r,a).addParameters({framework:i}),y=(...r)=>o.configure(i,...r),f=o.clientApi.addDecorator,g=o.clientApi.addParameters,S=o.clientApi.clearDecorators,x=o.clientApi.setAddon,C=o.forceReRender,k=o.clientApi.getStorybook,b=o.clientApi.raw;module?.hot?.decline();export{f as addDecorator,g as addParameters,S as clearDecorators,y as configure,C as forceReRender,k as getStorybook,b as raw,x as setAddon,m as storiesOf};

package/dist/{types-5a8f2337.d.ts → types-70312e86.d.ts}

@@ -1,14 +1,15 @@
 import * as _storybook_csf from '@storybook/csf';
-import { PartialStoryFn, StoryContext as StoryContext$1 } from '@storybook/csf';
+import { PartialStoryFn, ArgsStoryFn, StoryContext as StoryContext$1 } from '@storybook/csf';
 import * as lib_docs_tools_dist_types from 'lib/docs-tools/dist/types';
-import * as lib_addons_dist_types from 'lib/addons/dist/types';
+import * as lib_addons_dist from 'lib/addons/dist';
 import { RenderContext } from '@storybook/store';
 
 declare function sourceDecorator(storyFn: PartialStoryFn<HtmlFramework>, context: StoryContext): StoryFnHtmlReturnType;
 
 declare const decorators: (typeof sourceDecorator)[];
-declare const argTypesEnhancers: (<TFramework extends _storybook_csf.AnyFramework>(context: _storybook_csf.StoryContextForEnhancers<TFramework, _storybook_csf.Args>) => _storybook_csf.StrictArgTypes<_storybook_csf.Args> | lib_addons_dist_types.Parameters)[];
+declare const argTypesEnhancers: (<TFramework extends _storybook_csf.AnyFramework>(context: _storybook_csf.StoryContextForEnhancers<TFramework, _storybook_csf.Args>) => _storybook_csf.StrictArgTypes<_storybook_csf.Args> | lib_addons_dist.Parameters)[];
 
+declare const render: ArgsStoryFn<HtmlFramework>;
 declare function renderToDOM({ storyFn, kind, name, showMain, showError, forceRemount }: RenderContext<HtmlFramework>, domElement: Element): void;
 
 declare const parameters: {
@@ -35,11 +36,11 @@ interface IStorybookSection {
     stories: IStorybookStory[];
 }
 declare type HtmlFramework = {
-    component: HTMLElement;
+    component: string | HTMLElement | ArgsStoryFn<HtmlFramework>;
     storyResult: StoryFnHtmlReturnType;
 };
 declare type StoryContext = StoryContext$1<HtmlFramework> & {
     parameters: StoryContext$1<HtmlFramework>['parameters'] & typeof parameters;
 };
 
-export { HtmlFramework as H, IStorybookSection as I, argTypesEnhancers as a, decorators as d, parameters as p, renderToDOM as r };
+export { HtmlFramework as H, IStorybookSection as I, argTypesEnhancers as a, render as b, decorators as d, parameters as p, renderToDOM as r };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.0.0-alpha.34",
+  "version": "7.0.0-alpha.37",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -50,12 +50,12 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.34",
-    "@storybook/core-client": "7.0.0-alpha.34",
-    "@storybook/csf": "0.0.2--canary.0899bb7.0",
-    "@storybook/docs-tools": "7.0.0-alpha.34",
-    "@storybook/preview-web": "7.0.0-alpha.34",
-    "@storybook/store": "7.0.0-alpha.34",
+    "@storybook/addons": "7.0.0-alpha.37",
+    "@storybook/core-client": "7.0.0-alpha.37",
+    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/docs-tools": "7.0.0-alpha.37",
+    "@storybook/preview-web": "7.0.0-alpha.37",
+    "@storybook/store": "7.0.0-alpha.37",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -80,5 +80,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "fc90fc875462421c1faa35862ac4bc436de8e75f"
+  "gitHead": "82667a655108283aafc828427f00bb3590a334e5"
 }

package/dist/chunk-6QRYQ3I4.mjs

@@ -1,4 +0,0 @@
-import f from"global";import{dedent as d}from"ts-dedent";import{simulatePageLoad as a,simulateDOMContentLoaded as m}from"@storybook/preview-web";var{Node:l}=f;function c({storyFn:o,kind:r,name:n,showMain:i,showError:s,forceRemount:p},e){let t=o();if(i(),typeof t=="string")e.innerHTML=t,a(e);else if(t instanceof l){if(e.firstChild===t&&p===!1)return;e.innerHTML="",e.appendChild(t),m()}else s({title:`Expecting an HTML snippet or DOM node from the story: "${n}" of "${r}".`,description:d`
-        Did you forget to return the HTML snippet from the story?
-        Use "() => <your snippet or node>" or when defining the story.
-      `})}export{c as a};