@storybook/vue3 7.0.0-alpha.53 → 7.0.0-alpha.54

package/dist/chunk-OBKGUFRJ.mjs

@@ -0,0 +1,4 @@
+import{h}from"vue";import{sanitizeStoryContextUpdate}from"@storybook/preview-api";function normalizeFunctionalComponent(options){return typeof options=="function"?{render:options,name:options.name}:options}function prepare(rawStory,innerStory){let story=rawStory;return story==null?null:innerStory?{...normalizeFunctionalComponent(story),components:{...story.components||{},story:innerStory}}:{render(){return h(story)}}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...sanitizeStoryContextUpdate(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepare(decoratedStory,story)},context=>prepare(storyFn(context)))}import{dedent}from"ts-dedent";import{createApp,h as h2}from"vue";var render=(props,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return h2(Component,props)},setupFunction=app=>{},setup=fn=>{setupFunction=fn},map=new Map;function renderToCanvas({title,name,storyFn,showMain,showError,showException},canvasElement){let element,storybookApp=createApp({unmounted(){map.delete(canvasElement)},render(){return map.set(canvasElement,storybookApp),setupFunction(storybookApp),h2(element)}});if(storybookApp.config.errorHandler=e=>showException(e),element=storyFn(),!element){showError({title:`Expecting a Vue component from the story: "${name}" of "${title}".`,description:dedent`
+      Did you forget to return the Vue component from the story?
+      Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
+      `});return}showMain(),map.get(canvasElement)?.unmount(),storybookApp.mount(canvasElement)}export{decorateStory,render,setup,renderToCanvas};

package/dist/config.js

@@ -1,4 +1,4 @@
 "use strict";var f=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var D=(e,t)=>{for(var r in t)f(e,r,{get:t[r],enumerable:!0})},L=(e,t,r,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of v(t))!w.call(e,o)&&o!==r&&f(e,o,{get:()=>t[o],enumerable:!(p=k(t,o))||p.enumerable});return e};var O=e=>L(f({},"__esModule",{value:!0}),e);var P={};D(P,{applyDecorators:()=>A,argTypesEnhancers:()=>C,parameters:()=>M,render:()=>S,renderToCanvas:()=>V});module.exports=O(P);var i=require("@storybook/docs-tools");var a=require("@storybook/docs-tools"),U=["props","events","slots","methods"],R=e=>{if(!(0,a.hasDocgen)(e))return null;let t={};return U.forEach(r=>{(0,a.extractComponentProps)(e,r).forEach(({propDef:o,docgenInfo:n,jsDocTags:s})=>{let{name:m,type:u,description:c,defaultValue:d,required:E}=o,b=r==="props"?(0,a.convert)(n):{name:"void"};t[m]={name:m,description:c,type:{required:E,...b},table:{type:u,jsDocTags:s,defaultValue:d,category:r}}})}),t};var g={docs:{inlineStories:!0,extractArgTypes:R,extractComponentDescription:i.extractComponentDescription}},C=[i.enhanceArgTypes];var x=require("ts-dedent"),y=require("vue"),S=(e,t)=>{let{id:r,component:p}=t;if(!p)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return(0,y.h)(p,e)},$=e=>{};var l=new Map;function V({title:e,name:t,storyFn:r,showMain:p,showError:o,showException:n},s){var c;let m,u=(0,y.createApp)({unmounted(){l.delete(s)},render(){return l.set(s,u),$(u),(0,y.h)(m)}});if(u.config.errorHandler=d=>n(d),m=r(),!m){o({title:`Expecting a Vue component from the story: "${t}" of "${e}".`,description:x.dedent`
       Did you forget to return the Vue component from the story?
       Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `});return}p(),(c=l.get(s))==null||c.unmount(),u.mount(s)}var T=require("vue"),F=require("@storybook/store");function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function h(e,t){let r=e;return r==null?null:t?{...z(r),components:{...r.components||{},story:t}}:{render(){return(0,T.h)(r)}}}function A(e,t){return t.reduce((r,p)=>o=>{let n,s=p(m=>(n=r({...o,...(0,F.sanitizeStoryContextUpdate)(m)}),n),o);return n||(n=r(o)),s===n?n:h(s,n)},r=>h(e(r)))}var M={framework:"vue3",...g};0&&(module.exports={applyDecorators,argTypesEnhancers,parameters,render,renderToCanvas});
+      `});return}p(),(c=l.get(s))==null||c.unmount(),u.mount(s)}var T=require("vue"),F=require("@storybook/preview-api");function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function h(e,t){let r=e;return r==null?null:t?{...z(r),components:{...r.components||{},story:t}}:{render(){return(0,T.h)(r)}}}function A(e,t){return t.reduce((r,p)=>o=>{let n,s=p(m=>(n=r({...o,...(0,F.sanitizeStoryContextUpdate)(m)}),n),o);return n||(n=r(o)),s===n?n:h(s,n)},r=>h(e(r)))}var M={framework:"vue3",...g};0&&(module.exports={applyDecorators,argTypesEnhancers,parameters,render,renderToCanvas});

package/dist/config.mjs

@@ -1 +1 @@
-import{a as l,b as u,d as x}from"./chunk-YPCW34O2.mjs";import{extractComponentDescription as E,enhanceArgTypes as S}from"@storybook/docs-tools";import{hasDocgen as T,extractComponentProps as g,convert as h}from"@storybook/docs-tools";var A=["props","events","slots","methods"],s=e=>{if(!T(e))return null;let t={};return A.forEach(r=>{g(e,r).forEach(({propDef:a,docgenInfo:n,jsDocTags:c})=>{let{name:o,type:m,description:y,defaultValue:f,required:i}=a,d=r==="props"?h(n):{name:"void"};t[o]={name:o,description:y,type:{required:i,...d},table:{type:m,jsDocTags:c,defaultValue:f,category:r}}})}),t};var p={docs:{inlineStories:!0,extractArgTypes:s,extractComponentDescription:E}},v=[S];var w={framework:"vue3",...p};export{l as applyDecorators,v as argTypesEnhancers,w as parameters,u as render,x as renderToCanvas};
+import{decorateStory,render,renderToCanvas}from"./chunk-OBKGUFRJ.mjs";import{extractComponentDescription,enhanceArgTypes}from"@storybook/docs-tools";import{hasDocgen,extractComponentProps,convert}from"@storybook/docs-tools";var SECTIONS=["props","events","slots","methods"],extractArgTypes=component=>{if(!hasDocgen(component))return null;let results={};return SECTIONS.forEach(section=>{extractComponentProps(component,section).forEach(({propDef,docgenInfo,jsDocTags})=>{let{name,type,description,defaultValue:defaultSummary,required}=propDef,sbType=section==="props"?convert(docgenInfo):{name:"void"};results[name]={name,description,type:{required,...sbType},table:{type,jsDocTags,defaultValue:defaultSummary,category:section}}})}),results};var parameters={docs:{inlineStories:!0,extractArgTypes,extractComponentDescription}},argTypesEnhancers=[enhanceArgTypes];var parameters2={framework:"vue3",...parameters};export{decorateStory as applyDecorators,argTypesEnhancers,parameters2 as parameters,render,renderToCanvas};

package/dist/index.d.ts

@@ -16,7 +16,7 @@ interface ClientApi extends Addon_ClientStoryApi<VueRenderer['storyResult']> {
 declare const storiesOf: ClientApi['storiesOf'];
 declare const configure: ClientApi['configure'];
 declare const forceReRender: () => void;
-declare const raw: ((...args: any[]) => never) | (() => _storybook_types.Store_BoundStory<VueRenderer>[]);
+declare const raw: ((...args: any[]) => never) | (() => _storybook_types.Store_BoundStory<VueRenderer>[] | undefined);
 
 /**
  * Metadata to configure the stories for a component.

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var L=Object.create;var d=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var M=(e,r)=>{for(var o in r)d(e,o,{get:r[o],enumerable:!0})},f=(e,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of _(r))!E.call(e,t)&&t!==o&&d(e,t,{get:()=>r[t],enumerable:!(n=T(r,t))||n.enumerable});return e};var D=(e,r,o)=>(o=e!=null?L(k(e)):{},f(r||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),U=e=>f(d({},"__esModule",{value:!0}),e);var H={};M(H,{configure:()=>N,forceReRender:()=>W,raw:()=>B,setup:()=>F,storiesOf:()=>K});module.exports=U(H);var l=D(require("global")),{window:$}=l.default;$.STORYBOOK_ENV="vue3";var w=require("@storybook/core-client");var C=require("vue"),V=require("@storybook/store");function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function R(e,r){let o=e;return o==null?null:r?{...z(o),components:{...o.components||{},story:r}}:{render(){return(0,C.h)(o)}}}function g(e,r){return r.reduce((o,n)=>t=>{let p,u=n(i=>(p=o({...t,...(0,V.sanitizeStoryContextUpdate)(i)}),p),t);return p||(p=o(t)),u===p?p:R(u,p)},o=>R(e(o)))}var A=require("ts-dedent"),m=require("vue"),S=(e,r)=>{let{id:o,component:n}=r;if(!n)throw new Error(`Unable to render story ${o} as the component annotation is missing from the default export`);return(0,m.h)(n,e)},x=e=>{},F=e=>{x=e},a=new Map;function h({title:e,name:r,storyFn:o,showMain:n,showError:t,showException:p},u){var c;let i,s=(0,m.createApp)({unmounted(){a.delete(u)},render(){return a.set(u,s),x(s),(0,m.h)(i)}});if(s.config.errorHandler=v=>p(v),i=o(),!i){t({title:`Expecting a Vue component from the story: "${r}" of "${e}".`,description:A.dedent`
+"use strict";var L=Object.create;var d=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var M=(e,r)=>{for(var o in r)d(e,o,{get:r[o],enumerable:!0})},f=(e,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of _(r))!E.call(e,t)&&t!==o&&d(e,t,{get:()=>r[t],enumerable:!(n=T(r,t))||n.enumerable});return e};var D=(e,r,o)=>(o=e!=null?L(k(e)):{},f(r||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),U=e=>f(d({},"__esModule",{value:!0}),e);var H={};M(H,{configure:()=>N,forceReRender:()=>W,raw:()=>B,setup:()=>F,storiesOf:()=>K});module.exports=U(H);var l=D(require("global")),{window:$}=l.default;$.STORYBOOK_ENV="vue3";var w=require("@storybook/preview-api");var C=require("vue"),V=require("@storybook/preview-api");function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function R(e,r){let o=e;return o==null?null:r?{...z(o),components:{...o.components||{},story:r}}:{render(){return(0,C.h)(o)}}}function g(e,r){return r.reduce((o,n)=>t=>{let p,u=n(i=>(p=o({...t,...(0,V.sanitizeStoryContextUpdate)(i)}),p),t);return p||(p=o(t)),u===p?p:R(u,p)},o=>R(e(o)))}var A=require("ts-dedent"),m=require("vue"),S=(e,r)=>{let{id:o,component:n}=r;if(!n)throw new Error(`Unable to render story ${o} as the component annotation is missing from the default export`);return(0,m.h)(n,e)},x=e=>{},F=e=>{x=e},a=new Map;function h({title:e,name:r,storyFn:o,showMain:n,showError:t,showException:p},u){var c;let i,s=(0,m.createApp)({unmounted(){a.delete(u)},render(){return a.set(u,s),x(s),(0,m.h)(i)}});if(s.config.errorHandler=v=>p(v),i=o(),!i){t({title:`Expecting a Vue component from the story: "${r}" of "${e}".`,description:A.dedent`
       Did you forget to return the Vue component from the story?
       Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
       `});return}n(),(c=a.get(u))==null||c.unmount(),s.mount(u)}var O="vue3",y=(0,w.start)(h,{decorateStory:g,render:S}),K=(e,r)=>y.clientApi.storiesOf(e,r).addParameters({framework:O}),N=(...e)=>y.configure(O,...e),{forceReRender:W}=y,{raw:B}=y.clientApi;var b;(b=module==null?void 0:module.hot)==null||b.decline();0&&(module.exports={configure,forceReRender,raw,setup,storiesOf});

package/dist/index.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "7.0.0-alpha.53",
+  "version": "7.0.0-alpha.54",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -51,11 +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/store": "7.0.0-alpha.53",
-    "@storybook/types": "7.0.0-alpha.53",
+    "@storybook/core-client": "7.0.0-alpha.54",
+    "@storybook/docs-tools": "7.0.0-alpha.54",
+    "@storybook/preview-api": "7.0.0-alpha.54",
+    "@storybook/types": "7.0.0-alpha.54",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
@@ -92,5 +91,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "fd1cf81615a5ddac3369e7bb567a1a43081fdc23"
+  "gitHead": "91177d4e27daec556a24ae6223c3cbe17a998d9b"
 }

package/dist/chunk-YPCW34O2.mjs

@@ -1,4 +0,0 @@
-import{h as f}from"vue";import{sanitizeStoryContextUpdate as R}from"@storybook/store";function l(e){return typeof e=="function"?{render:e,name:e.name}:e}function c(e,o){let r=e;return r==null?null:o?{...l(r),components:{...r.components||{},story:o}}:{render(){return f(r)}}}function F(e,o){return o.reduce((r,p)=>u=>{let t,n=p(m=>(t=r({...u,...R(m)}),t),u);return t||(t=r(u)),n===t?t:c(n,t)},r=>c(e(r)))}import{dedent as C}from"ts-dedent";import{createApp as V,h as i}from"vue";var A=(e,o)=>{let{id:r,component:p}=o;if(!p)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return i(p,e)},d=e=>{},L=e=>{d=e},s=new Map;function b({title:e,name:o,storyFn:r,showMain:p,showError:u,showException:t},n){let m,y=V({unmounted(){s.delete(n)},render(){return s.set(n,y),d(y),i(m)}});if(y.config.errorHandler=a=>t(a),m=r(),!m){u({title:`Expecting a Vue component from the story: "${o}" of "${e}".`,description:C`
-      Did you forget to return the Vue component from the story?
-      Use "() => ({ template: '<my-comp></my-comp>' })" or "() => ({ components: MyComp, template: '<my-comp></my-comp>' })" when defining the story.
-      `});return}p(),s.get(n)?.unmount(),y.mount(n)}export{F as a,A as b,L as c,b as d};