@storybook/html 7.0.0-alpha.53 → 7.0.0-alpha.55

package/dist/chunk-ZJLPYI6H.mjs

@@ -0,0 +1,7 @@
+import global from"global";import{dedent}from"ts-dedent";import{simulatePageLoad,simulateDOMContentLoaded}from"@storybook/preview-api";var{Node}=global,render=(args,context)=>{let{id,component:Component}=context;if(typeof Component=="string"){let output=Component;return Object.keys(args).forEach(key=>{output=output.replace(`{{${key}}}`,args[key])}),output}if(Component instanceof HTMLElement){let output=Component.cloneNode(!0);return Object.keys(args).forEach(key=>{output.setAttribute(key,typeof args[key]=="string"?args[key]:JSON.stringify(args[key]))}),output}if(typeof Component=="function")return Component(args,context);throw console.warn(dedent`
+    Storybook's HTML renderer only supports rendering DOM elements and strings.
+    Received: ${Component}
+  `),new Error(`Unable to render story ${id}`)};function renderToCanvas({storyFn,kind,name,showMain,showError,forceRemount},canvasElement){let element=storyFn();if(showMain(),typeof element=="string")canvasElement.innerHTML=element,simulatePageLoad(canvasElement);else if(element instanceof Node){if(canvasElement.firstChild===element&&forceRemount===!1)return;canvasElement.innerHTML="",canvasElement.appendChild(element),simulateDOMContentLoaded()}else showError({title:`Expecting an HTML snippet or DOM node from the story: "${name}" of "${kind}".`,description:dedent`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `})}export{render,renderToCanvas};

package/dist/config.d.ts

@@ -1,4 +1,4 @@
 import 'lib/docs-tools/dist';
-export { a as argTypesEnhancers, d as decorators, p as parameters, b as render, r as renderToCanvas } from './types-08f5f6f2.js';
+export { a as argTypesEnhancers, d as decorators, p as parameters, b as render, r as renderToCanvas } from './types-fb08647b.js';
 import '@storybook/types';
 import 'lib/types/dist';

package/dist/config.js

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

package/dist/config.mjs

@@ -1 +1 @@
-import{a as c,b as i}from"./chunk-SVMFJQBI.mjs";import{SourceType as l,enhanceArgTypes as g}from"@storybook/docs-tools";import{SNIPPET_RENDERED as m,SourceType as s}from"@storybook/docs-tools";import{addons as p,useEffect as u}from"@storybook/addons";import{dedent as f}from"ts-dedent";function d(e){let r=e?.parameters.docs?.source,o=e?.parameters.__isArgsStory;return r?.type===s.DYNAMIC?!1:!o||r?.code||r?.type===s.CODE}function y(e){return f(e)}function S(e,r){return((r.parameters.docs??{}).transformSource??y)(e,r)}function n(e,r){let o=r?.parameters.docs?.source?.excludeDecorators?r.originalStoryFn(r.args,r):e(),t;return d(r)||(typeof o=="string"?t=o:o instanceof Element&&(t=o.outerHTML),t&&(t=S(t,r))),u(()=>{t&&p.getChannel().emit(m,r.id,t)}),o}var T=[n],a={docs:{inlineStories:!0,transformSource:void 0,source:{type:l.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}},C=[g];var R={framework:"html",...a};export{C as argTypesEnhancers,T as decorators,R as parameters,c as render,i as renderToCanvas};
+import{render,renderToCanvas}from"./chunk-ZJLPYI6H.mjs";import{SourceType as SourceType2,enhanceArgTypes}from"@storybook/docs-tools";import{SNIPPET_RENDERED,SourceType}from"@storybook/docs-tools";import{addons,useEffect}from"@storybook/preview-api";import{dedent}from"ts-dedent";function skipSourceRender(context){let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return sourceParams?.type===SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===SourceType.CODE}function defaultTransformSource(source){return dedent(source)}function applyTransformSource(source,context){return((context.parameters.docs??{}).transformSource??defaultTransformSource)(source,context)}function sourceDecorator(storyFn,context){let story=context?.parameters.docs?.source?.excludeDecorators?context.originalStoryFn(context.args,context):storyFn(),source;return skipSourceRender(context)||(typeof story=="string"?source=story:story instanceof Element&&(source=story.outerHTML),source&&(source=applyTransformSource(source,context))),useEffect(()=>{source&&addons.getChannel().emit(SNIPPET_RENDERED,context.id,source)}),story}var decorators=[sourceDecorator],parameters={docs:{inlineStories:!0,transformSource:void 0,source:{type:SourceType2.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}},argTypesEnhancers=[enhanceArgTypes];var parameters2={framework:"html",...parameters};export{argTypesEnhancers,decorators,parameters2 as parameters,render,renderToCanvas};

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { Addon_ClientStoryApi, Addon_Loadable, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1 } from '@storybook/types';
 export { ArgTypes, Args, Parameters, StrictArgs } from '@storybook/types';
-import { H as HtmlRenderer } from './types-08f5f6f2.js';
-export { H as HtmlRenderer } from './types-08f5f6f2.js';
+import { H as HtmlRenderer } from './types-fb08647b.js';
+export { H as HtmlRenderer } from './types-fb08647b.js';
 import 'lib/docs-tools/dist';
 import 'lib/types/dist';
 

package/dist/index.js

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

package/dist/index.mjs

@@ -1 +1 @@
-import{a as r,b as t}from"./chunk-SVMFJQBI.mjs";import d from"global";var{window:p}=d;p.STORYBOOK_ENV="HTML";import{start as l}from"@storybook/core-client";var n="html",e=l(t,{render:r}),m=(o,i)=>e.clientApi.storiesOf(o,i).addParameters({framework:n}),c=(...o)=>e.configure(n,...o),R=e.forceReRender,A=e.clientApi.raw;module?.hot?.decline();export{c as configure,R as forceReRender,A as raw,m as storiesOf};
+import{render,renderToCanvas}from"./chunk-ZJLPYI6H.mjs";import global from"global";var{window:globalWindow}=global;globalWindow.STORYBOOK_ENV="HTML";import{start}from"@storybook/preview-api";var FRAMEWORK="html",api=start(renderToCanvas,{render}),storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({framework:FRAMEWORK}),configure=(...args)=>api.configure(FRAMEWORK,...args),forceReRender=api.forceReRender,raw=api.clientApi.raw;module?.hot?.decline();export{configure,forceReRender,raw,storiesOf};

package/dist/{types-08f5f6f2.d.ts → types-fb08647b.d.ts}

@@ -1,4 +1,4 @@
-import { PartialStoryFn, ArgsStoryFn, Store_RenderContext, WebRenderer, StoryContext as StoryContext$1 } from '@storybook/types';
+import { PartialStoryFn, ArgsStoryFn, RenderContext, WebRenderer, StoryContext as StoryContext$1 } from '@storybook/types';
 import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
 import * as lib_types_dist from 'lib/types/dist';
 
@@ -8,7 +8,7 @@ declare const decorators: (typeof sourceDecorator)[];
 declare const argTypesEnhancers: (<TRenderer extends lib_types_dist.Renderer>(context: lib_types_dist.StoryContextForEnhancers<TRenderer, lib_types_dist.Args>) => lib_types_dist.StrictArgTypes<lib_types_dist.Args>)[];
 
 declare const render: ArgsStoryFn<HtmlRenderer>;
-declare function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount }: Store_RenderContext<HtmlRenderer>, canvasElement: HtmlRenderer['canvasElement']): void;
+declare function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount }: RenderContext<HtmlRenderer>, canvasElement: HtmlRenderer['canvasElement']): void;
 
 declare const parameters: {
     docs: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/html",
-  "version": "7.0.0-alpha.53",
+  "version": "7.0.0-alpha.55",
   "description": "Storybook HTML renderer",
   "keywords": [
     "storybook"
@@ -51,12 +51,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.53",
-    "@storybook/core-client": "7.0.0-alpha.53",
-    "@storybook/docs-tools": "7.0.0-alpha.53",
-    "@storybook/preview-web": "7.0.0-alpha.53",
-    "@storybook/store": "7.0.0-alpha.53",
-    "@storybook/types": "7.0.0-alpha.53",
+    "@storybook/core-client": "7.0.0-alpha.55",
+    "@storybook/docs-tools": "7.0.0-alpha.55",
+    "@storybook/preview-api": "7.0.0-alpha.55",
+    "@storybook/types": "7.0.0-alpha.55",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -81,5 +79,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "fd1cf81615a5ddac3369e7bb567a1a43081fdc23"
+  "gitHead": "55cd2ab63d1f897de59e2471d2f916f7d2c13546"
 }

package/dist/chunk-SVMFJQBI.mjs

@@ -1,7 +0,0 @@
-import f from"global";import{dedent as d}from"ts-dedent";import{simulatePageLoad as l,simulateDOMContentLoaded as m}from"@storybook/preview-web";var{Node:u}=f,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(d`
-    Storybook's HTML renderer only supports rendering DOM elements and strings.
-    Received: ${t}
-  `),new Error(`Unable to render story ${p}`)};function M({storyFn:e,kind:s,name:p,showMain:t,showError:r,forceRemount:o},n){let i=e();if(t(),typeof i=="string")n.innerHTML=i,l(n);else if(i instanceof u){if(n.firstChild===i&&o===!1)return;n.innerHTML="",n.appendChild(i),m()}else r({title:`Expecting an HTML snippet or DOM node from the story: "${p}" of "${s}".`,description:d`
-        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,M as b};