@storybook/vue3 7.0.0-beta.24 → 7.0.0-beta.26

package/dist/{chunk-OBKGUFRJ.mjs → chunk-BCB6T5DR.mjs}

@@ -1,4 +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`
+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,getSlots(props,context))},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};
+      `});return}showMain(),map.get(canvasElement)?.unmount(),storybookApp.mount(canvasElement)}function getSlots(props,context){let{argTypes}=context,slots=Object.entries(props).filter(([key,value])=>argTypes[key]?.table?.category==="slots").map(([key,value])=>[key,()=>h2("span",JSON.stringify(value))]);return Object.fromEntries(slots)}export{decorateStory,render,setup,renderToCanvas};

package/dist/config.js

@@ -1,4 +1,4 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var config_exports={};__export(config_exports,{applyDecorators:()=>decorateStory,argTypesEnhancers:()=>argTypesEnhancers,parameters:()=>parameters2,render:()=>render,renderToCanvas:()=>renderToCanvas});module.exports=__toCommonJS(config_exports);var import_docs_tools2=require("@storybook/docs-tools");var import_docs_tools=require("@storybook/docs-tools"),SECTIONS=["props","events","slots","methods"],extractArgTypes=component=>{if(!(0,import_docs_tools.hasDocgen)(component))return null;let results={};return SECTIONS.forEach(section=>{(0,import_docs_tools.extractComponentProps)(component,section).forEach(({propDef,docgenInfo,jsDocTags})=>{let{name,type,description,defaultValue:defaultSummary,required}=propDef,sbType=section==="props"?(0,import_docs_tools.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:import_docs_tools2.extractComponentDescription}},argTypesEnhancers=[import_docs_tools2.enhanceArgTypes];var import_ts_dedent=require("ts-dedent"),import_vue=require("vue"),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(0,import_vue.h)(Component,props)},setupFunction=app=>{};var map=new Map;function renderToCanvas({title,name,storyFn,showMain,showError,showException},canvasElement){var _a;let element,storybookApp=(0,import_vue.createApp)({unmounted(){map.delete(canvasElement)},render(){return map.set(canvasElement,storybookApp),setupFunction(storybookApp),(0,import_vue.h)(element)}});if(storybookApp.config.errorHandler=e=>showException(e),element=storyFn(),!element){showError({title:`Expecting a Vue component from the story: "${name}" of "${title}".`,description:import_ts_dedent.dedent`
+"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var config_exports={};__export(config_exports,{applyDecorators:()=>decorateStory,argTypesEnhancers:()=>argTypesEnhancers,parameters:()=>parameters2,render:()=>render,renderToCanvas:()=>renderToCanvas});module.exports=__toCommonJS(config_exports);var import_docs_tools2=require("@storybook/docs-tools");var import_docs_tools=require("@storybook/docs-tools"),SECTIONS=["props","events","slots","methods"],extractArgTypes=component=>{if(!(0,import_docs_tools.hasDocgen)(component))return null;let results={};return SECTIONS.forEach(section=>{(0,import_docs_tools.extractComponentProps)(component,section).forEach(({propDef,docgenInfo,jsDocTags})=>{let{name,type,description,defaultValue:defaultSummary,required}=propDef,sbType=section==="props"?(0,import_docs_tools.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:import_docs_tools2.extractComponentDescription}},argTypesEnhancers=[import_docs_tools2.enhanceArgTypes];var import_ts_dedent=require("ts-dedent"),import_vue=require("vue"),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(0,import_vue.h)(Component,props,getSlots(props,context))},setupFunction=_app=>{};var map=new Map;function renderToCanvas({title,name,storyFn,showMain,showError,showException},canvasElement){var _a;let element,storybookApp=(0,import_vue.createApp)({unmounted(){map.delete(canvasElement)},render(){return map.set(canvasElement,storybookApp),setupFunction(storybookApp),(0,import_vue.h)(element)}});if(storybookApp.config.errorHandler=e=>showException(e),element=storyFn(),!element){showError({title:`Expecting a Vue component from the story: "${name}" of "${title}".`,description:import_ts_dedent.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(),(_a=map.get(canvasElement))==null||_a.unmount(),storybookApp.mount(canvasElement)}var import_vue2=require("vue"),import_preview_api=require("@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(0,import_vue2.h)(story)}}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...(0,import_preview_api.sanitizeStoryContextUpdate)(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepare(decoratedStory,story)},context=>prepare(storyFn(context)))}var parameters2={framework:"vue3",...parameters};0&&(module.exports={applyDecorators,argTypesEnhancers,parameters,render,renderToCanvas});
+      `});return}showMain(),(_a=map.get(canvasElement))==null||_a.unmount(),storybookApp.mount(canvasElement)}function getSlots(props,context){let{argTypes}=context,slots=Object.entries(props).filter(([key,value])=>{var _a,_b;return((_b=(_a=argTypes[key])==null?void 0:_a.table)==null?void 0:_b.category)==="slots"}).map(([key,value])=>[key,()=>(0,import_vue.h)("span",JSON.stringify(value))]);return Object.fromEntries(slots)}var import_vue2=require("vue"),import_preview_api=require("@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(0,import_vue2.h)(story)}}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...(0,import_preview_api.sanitizeStoryContextUpdate)(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepare(decoratedStory,story)},context=>prepare(storyFn(context)))}var parameters2={framework:"vue3",...parameters};0&&(module.exports={applyDecorators,argTypesEnhancers,parameters,render,renderToCanvas});

package/dist/config.mjs

@@ -1 +1 @@
-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};
+import{decorateStory,render,renderToCanvas}from"./chunk-BCB6T5DR.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.js

@@ -1,4 +1,4 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{configure:()=>configure,forceReRender:()=>forceReRender,raw:()=>raw,setup:()=>setup,storiesOf:()=>storiesOf});module.exports=__toCommonJS(src_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow.STORYBOOK_ENV="vue3";var import_preview_api2=require("@storybook/preview-api");var import_vue=require("vue"),import_preview_api=require("@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(0,import_vue.h)(story)}}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...(0,import_preview_api.sanitizeStoryContextUpdate)(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepare(decoratedStory,story)},context=>prepare(storyFn(context)))}var import_ts_dedent=require("ts-dedent"),import_vue2=require("vue"),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(0,import_vue2.h)(Component,props)},setupFunction=app=>{},setup=fn=>{setupFunction=fn},map=new Map;function renderToCanvas({title,name,storyFn,showMain,showError,showException},canvasElement){var _a2;let element,storybookApp=(0,import_vue2.createApp)({unmounted(){map.delete(canvasElement)},render(){return map.set(canvasElement,storybookApp),setupFunction(storybookApp),(0,import_vue2.h)(element)}});if(storybookApp.config.errorHandler=e=>showException(e),element=storyFn(),!element){showError({title:`Expecting a Vue component from the story: "${name}" of "${title}".`,description:import_ts_dedent.dedent`
+"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{configure:()=>configure,forceReRender:()=>forceReRender,raw:()=>raw,setup:()=>setup,storiesOf:()=>storiesOf});module.exports=__toCommonJS(src_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow.STORYBOOK_ENV="vue3";var import_preview_api2=require("@storybook/preview-api");var import_vue=require("vue"),import_preview_api=require("@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(0,import_vue.h)(story)}}}function decorateStory(storyFn,decorators){return decorators.reduce((decorated,decorator)=>context=>{let story,decoratedStory=decorator(update=>(story=decorated({...context,...(0,import_preview_api.sanitizeStoryContextUpdate)(update)}),story),context);return story||(story=decorated(context)),decoratedStory===story?story:prepare(decoratedStory,story)},context=>prepare(storyFn(context)))}var import_ts_dedent=require("ts-dedent"),import_vue2=require("vue"),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(0,import_vue2.h)(Component,props,getSlots(props,context))},setupFunction=_app=>{},setup=fn=>{setupFunction=fn},map=new Map;function renderToCanvas({title,name,storyFn,showMain,showError,showException},canvasElement){var _a2;let element,storybookApp=(0,import_vue2.createApp)({unmounted(){map.delete(canvasElement)},render(){return map.set(canvasElement,storybookApp),setupFunction(storybookApp),(0,import_vue2.h)(element)}});if(storybookApp.config.errorHandler=e=>showException(e),element=storyFn(),!element){showError({title:`Expecting a Vue component from the story: "${name}" of "${title}".`,description:import_ts_dedent.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(),(_a2=map.get(canvasElement))==null||_a2.unmount(),storybookApp.mount(canvasElement)}var FRAMEWORK="vue3",api=(0,import_preview_api2.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;var _a;(_a=module==null?void 0:module.hot)==null||_a.decline();0&&(module.exports={configure,forceReRender,raw,setup,storiesOf});
+      `});return}showMain(),(_a2=map.get(canvasElement))==null||_a2.unmount(),storybookApp.mount(canvasElement)}function getSlots(props,context){let{argTypes}=context,slots=Object.entries(props).filter(([key,value])=>{var _a2,_b;return((_b=(_a2=argTypes[key])==null?void 0:_a2.table)==null?void 0:_b.category)==="slots"}).map(([key,value])=>[key,()=>(0,import_vue2.h)("span",JSON.stringify(value))]);return Object.fromEntries(slots)}var FRAMEWORK="vue3",api=(0,import_preview_api2.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;var _a;(_a=module==null?void 0:module.hot)==null||_a.decline();0&&(module.exports={configure,forceReRender,raw,setup,storiesOf});

package/dist/index.mjs

@@ -1 +1 @@
-import{decorateStory,render,renderToCanvas,setup}from"./chunk-OBKGUFRJ.mjs";import{global}from"@storybook/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};
+import{decorateStory,render,renderToCanvas,setup}from"./chunk-BCB6T5DR.mjs";import{global}from"@storybook/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-beta.24",
+  "version": "7.0.0-beta.26",
   "description": "Storybook Vue 3 renderer",
   "keywords": [
     "storybook"
@@ -48,11 +48,11 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/core-client": "7.0.0-beta.24",
-    "@storybook/docs-tools": "7.0.0-beta.24",
+    "@storybook/core-client": "7.0.0-beta.26",
+    "@storybook/docs-tools": "7.0.0-beta.26",
     "@storybook/global": "^5.0.0",
-    "@storybook/preview-api": "7.0.0-beta.24",
-    "@storybook/types": "7.0.0-beta.24",
+    "@storybook/preview-api": "7.0.0-beta.26",
+    "@storybook/types": "7.0.0-beta.26",
     "ts-dedent": "^2.0.0",
     "type-fest": "2.19.0"
   },
@@ -79,5 +79,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "cf402923a5076bbeee8dc08fe91115d747903cbf"
+  "gitHead": "4d3ed5ec2eb8db3e688955e2820001def09621c1"
 }