@storybook/vue3 6.4.0-beta.21 → 6.4.0-beta.25

package/dist/cjs/client/preview/config.js

@@ -9,10 +9,18 @@ Object.defineProperty(exports, "renderToDOM", {
     return _render.renderToDOM;
   }
 });
+Object.defineProperty(exports, "decorateStory", {
+  enumerable: true,
+  get: function get() {
+    return _decorateStory.decorateStory;
+  }
+});
 exports.parameters = void 0;
 
 var _render = require("./render");
 
+var _decorateStory = require("./decorateStory");
+
 var parameters = {
   framework: 'vue3'
 };

package/dist/cjs/client/preview/decorateStory.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.decorateStory = decorateStory;
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.object.assign.js");
+
+var _vue = require("vue");
+
+var _store = require("@storybook/store");
+
+/*
+  This normalizes a functional component into a render method in ComponentOptions.
+
+  The concept is taken from Vue 3's `defineComponent` but changed from creating a `setup`
+  method on the ComponentOptions so end-users don't need to specify a "thunk" as a decorator.
+ */
+function normalizeFunctionalComponent(options) {
+  return typeof options === 'function' ? {
+    render: options,
+    name: options.name
+  } : options;
+}
+
+function prepare(rawStory, innerStory) {
+  var story = rawStory;
+
+  if (story == null) {
+    return null;
+  }
+
+  if (innerStory) {
+    return Object.assign({}, normalizeFunctionalComponent(story), {
+      components: Object.assign({}, story.components || {}, {
+        story: innerStory
+      })
+    });
+  }
+
+  return {
+    render: function render() {
+      return (0, _vue.h)(story);
+    }
+  };
+}
+
+function decorateStory(storyFn, decorators) {
+  return decorators.reduce(function (decorated, decorator) {
+    return function (context) {
+      var story;
+      var decoratedStory = decorator(function (update) {
+        story = decorated(Object.assign({}, context, (0, _store.sanitizeStoryContextUpdate)(update)));
+        return story;
+      }, context);
+
+      if (!story) {
+        story = decorated(context);
+      }
+
+      if (decoratedStory === story) {
+        return story;
+      }
+
+      return prepare(decoratedStory, story);
+    };
+  }, function (context) {
+    return prepare(storyFn(context));
+  });
+}

package/dist/cjs/client/preview/index.js

@@ -11,84 +11,19 @@ Object.defineProperty(exports, "activeStoryComponent", {
 });
 exports.app = exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
 
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.object.assign.js");
-
 require("core-js/modules/es.array.concat.js");
 
-var _vue = require("vue");
-
 var _client = require("@storybook/core/client");
 
-var _store = require("@storybook/store");
-
 require("./globals");
 
-var _render = require("./render");
-
-/*
-  This normalizes a functional component into a render method in ComponentOptions.
-
-  The concept is taken from Vue 3's `defineComponent` but changed from creating a `setup`
-  method on the ComponentOptions so end-users don't need to specify a "thunk" as a decorator.
- */
-function normalizeFunctionalComponent(options) {
-  return typeof options === 'function' ? {
-    render: options,
-    name: options.name
-  } : options;
-}
-
-function prepare(rawStory, innerStory) {
-  var story = rawStory;
-
-  if (story == null) {
-    return null;
-  }
-
-  if (innerStory) {
-    return Object.assign({}, normalizeFunctionalComponent(story), {
-      components: Object.assign({}, story.components || {}, {
-        story: innerStory
-      })
-    });
-  }
-
-  return {
-    render: function render() {
-      return (0, _vue.h)(story);
-    }
-  };
-}
-
-function decorateStory(storyFn, decorators) {
-  return decorators.reduce(function (decorated, decorator) {
-    return function (context) {
-      var story;
-      var decoratedStory = decorator(function (update) {
-        story = decorated(Object.assign({}, context, (0, _store.sanitizeStoryContextUpdate)(update)));
-        return story;
-      }, context);
+var _decorateStory = require("./decorateStory");
 
-      if (!story) {
-        story = decorated(context);
-      }
-
-      if (decoratedStory === story) {
-        return story;
-      }
-
-      return prepare(decoratedStory, story);
-    };
-  }, function (context) {
-    return prepare(storyFn(context));
-  });
-}
+var _render = require("./render");
 
 var framework = 'vue3';
 var api = (0, _client.start)(_render.renderToDOM, {
-  decorateStory: decorateStory
+  decorateStory: _decorateStory.decorateStory
 });
 
 var storiesOf = function storiesOf(kind, m) {

package/dist/esm/client/preview/config.js

@@ -1,4 +1,5 @@
 export { renderToDOM } from './render';
+export { decorateStory } from './decorateStory';
 export var parameters = {
   framework: 'vue3'
 };

package/dist/esm/client/preview/decorateStory.js

@@ -0,0 +1,63 @@
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.object.assign.js";
+import { h } from 'vue';
+import { sanitizeStoryContextUpdate } from '@storybook/store';
+
+/*
+  This normalizes a functional component into a render method in ComponentOptions.
+
+  The concept is taken from Vue 3's `defineComponent` but changed from creating a `setup`
+  method on the ComponentOptions so end-users don't need to specify a "thunk" as a decorator.
+ */
+function normalizeFunctionalComponent(options) {
+  return typeof options === 'function' ? {
+    render: options,
+    name: options.name
+  } : options;
+}
+
+function prepare(rawStory, innerStory) {
+  var story = rawStory;
+
+  if (story == null) {
+    return null;
+  }
+
+  if (innerStory) {
+    return Object.assign({}, normalizeFunctionalComponent(story), {
+      components: Object.assign({}, story.components || {}, {
+        story: innerStory
+      })
+    });
+  }
+
+  return {
+    render: function render() {
+      return h(story);
+    }
+  };
+}
+
+export function decorateStory(storyFn, decorators) {
+  return decorators.reduce(function (decorated, decorator) {
+    return function (context) {
+      var story;
+      var decoratedStory = decorator(function (update) {
+        story = decorated(Object.assign({}, context, sanitizeStoryContextUpdate(update)));
+        return story;
+      }, context);
+
+      if (!story) {
+        story = decorated(context);
+      }
+
+      if (decoratedStory === story) {
+        return story;
+      }
+
+      return prepare(decoratedStory, story);
+    };
+  }, function (context) {
+    return prepare(storyFn(context));
+  });
+}

package/dist/esm/client/preview/index.js

@@ -1,71 +1,8 @@
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.object.assign.js";
 import "core-js/modules/es.array.concat.js";
-import { h } from 'vue';
 import { start } from '@storybook/core/client';
-import { sanitizeStoryContextUpdate } from '@storybook/store';
 import './globals';
+import { decorateStory } from './decorateStory';
 import { renderToDOM, storybookApp } from './render';
-/*
-  This normalizes a functional component into a render method in ComponentOptions.
-
-  The concept is taken from Vue 3's `defineComponent` but changed from creating a `setup`
-  method on the ComponentOptions so end-users don't need to specify a "thunk" as a decorator.
- */
-
-function normalizeFunctionalComponent(options) {
-  return typeof options === 'function' ? {
-    render: options,
-    name: options.name
-  } : options;
-}
-
-function prepare(rawStory, innerStory) {
-  var story = rawStory;
-
-  if (story == null) {
-    return null;
-  }
-
-  if (innerStory) {
-    return Object.assign({}, normalizeFunctionalComponent(story), {
-      components: Object.assign({}, story.components || {}, {
-        story: innerStory
-      })
-    });
-  }
-
-  return {
-    render: function render() {
-      return h(story);
-    }
-  };
-}
-
-function decorateStory(storyFn, decorators) {
-  return decorators.reduce(function (decorated, decorator) {
-    return function (context) {
-      var story;
-      var decoratedStory = decorator(function (update) {
-        story = decorated(Object.assign({}, context, sanitizeStoryContextUpdate(update)));
-        return story;
-      }, context);
-
-      if (!story) {
-        story = decorated(context);
-      }
-
-      if (decoratedStory === story) {
-        return story;
-      }
-
-      return prepare(decoratedStory, story);
-    };
-  }, function (context) {
-    return prepare(storyFn(context));
-  });
-}
-
 var framework = 'vue3';
 var api = start(renderToDOM, {
   decorateStory: decorateStory

package/dist/modern/client/preview/config.js

@@ -1,4 +1,5 @@
 export { renderToDOM } from './render';
+export { decorateStory } from './decorateStory';
 export const parameters = {
   framework: 'vue3'
 };

package/dist/modern/client/preview/decorateStory.js

@@ -0,0 +1,59 @@
+import "core-js/modules/es.array.reduce.js";
+import { h } from 'vue';
+import { sanitizeStoryContextUpdate } from '@storybook/store';
+
+/*
+  This normalizes a functional component into a render method in ComponentOptions.
+
+  The concept is taken from Vue 3's `defineComponent` but changed from creating a `setup`
+  method on the ComponentOptions so end-users don't need to specify a "thunk" as a decorator.
+ */
+function normalizeFunctionalComponent(options) {
+  return typeof options === 'function' ? {
+    render: options,
+    name: options.name
+  } : options;
+}
+
+function prepare(rawStory, innerStory) {
+  const story = rawStory;
+
+  if (story == null) {
+    return null;
+  }
+
+  if (innerStory) {
+    return Object.assign({}, normalizeFunctionalComponent(story), {
+      components: Object.assign({}, story.components || {}, {
+        story: innerStory
+      })
+    });
+  }
+
+  return {
+    render() {
+      return h(story);
+    }
+
+  };
+}
+
+export function decorateStory(storyFn, decorators) {
+  return decorators.reduce((decorated, decorator) => context => {
+    let story;
+    const decoratedStory = decorator(update => {
+      story = decorated(Object.assign({}, context, sanitizeStoryContextUpdate(update)));
+      return story;
+    }, context);
+
+    if (!story) {
+      story = decorated(context);
+    }
+
+    if (decoratedStory === story) {
+      return story;
+    }
+
+    return prepare(decoratedStory, story);
+  }, context => prepare(storyFn(context)));
+}

package/dist/modern/client/preview/index.js

@@ -1,66 +1,7 @@
-import "core-js/modules/es.array.reduce.js";
-import { h } from 'vue';
 import { start } from '@storybook/core/client';
-import { sanitizeStoryContextUpdate } from '@storybook/store';
 import './globals';
+import { decorateStory } from './decorateStory';
 import { renderToDOM, storybookApp } from './render';
-/*
-  This normalizes a functional component into a render method in ComponentOptions.
-
-  The concept is taken from Vue 3's `defineComponent` but changed from creating a `setup`
-  method on the ComponentOptions so end-users don't need to specify a "thunk" as a decorator.
- */
-
-function normalizeFunctionalComponent(options) {
-  return typeof options === 'function' ? {
-    render: options,
-    name: options.name
-  } : options;
-}
-
-function prepare(rawStory, innerStory) {
-  const story = rawStory;
-
-  if (story == null) {
-    return null;
-  }
-
-  if (innerStory) {
-    return Object.assign({}, normalizeFunctionalComponent(story), {
-      components: Object.assign({}, story.components || {}, {
-        story: innerStory
-      })
-    });
-  }
-
-  return {
-    render() {
-      return h(story);
-    }
-
-  };
-}
-
-function decorateStory(storyFn, decorators) {
-  return decorators.reduce((decorated, decorator) => context => {
-    let story;
-    const decoratedStory = decorator(update => {
-      story = decorated(Object.assign({}, context, sanitizeStoryContextUpdate(update)));
-      return story;
-    }, context);
-
-    if (!story) {
-      story = decorated(context);
-    }
-
-    if (decoratedStory === story) {
-      return story;
-    }
-
-    return prepare(decoratedStory, story);
-  }, context => prepare(storyFn(context)));
-}
-
 const framework = 'vue3';
 const api = start(renderToDOM, {
   decorateStory

package/dist/ts3.4/client/preview/config.d.ts

@@ -1,4 +1,5 @@
 export { renderToDOM } from './render';
+export { decorateStory } from './decorateStory';
 export declare const parameters: {
     framework: string;
 };

package/dist/ts3.4/client/preview/decorateStory.d.ts

@@ -0,0 +1,3 @@
+import { DecoratorFunction, LegacyStoryFn } from '@storybook/csf';
+import { VueFramework } from './types-6-0';
+export declare function decorateStory(storyFn: LegacyStoryFn<VueFramework>, decorators: DecoratorFunction<VueFramework>[]): LegacyStoryFn<VueFramework>;

package/dist/ts3.4/client/preview/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="webpack-env" />
 /// <reference types="node" />
 import { App } from 'vue';
-import { DecoratorFunction } from '@storybook/csf';
 import { ClientStoryApi, Loadable } from '@storybook/addons';
 import './globals';
 import { IStorybookSection } from './types';
@@ -18,8 +17,8 @@ interface ClientApi extends ClientStoryApi<VueFramework['storyResult']> {
 }
 export declare const storiesOf: ClientApi['storiesOf'];
 export declare const configure: ClientApi['configure'];
-export declare const addDecorator: (() => never) | ((decorator: DecoratorFunction<VueFramework, import("@storybook/csf").Args>) => void);
-export declare const addParameters: (() => never) | (({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
+export declare const addDecorator: (() => never) | ((decorator: import("@storybook/csf").DecoratorFunction<VueFramework, import("@storybook/addons").Args>) => void);
+export declare const addParameters: (() => never) | (({ globals, globalTypes, ...parameters }: import("@storybook/csf/dist/story").Parameters & {
     globals?: import("@storybook/csf").Globals;
     globalTypes?: import("@storybook/csf").GlobalTypes;
 }) => void);

package/dist/ts3.9/client/preview/config.d.ts

@@ -1,4 +1,5 @@
 export { renderToDOM } from './render';
+export { decorateStory } from './decorateStory';
 export declare const parameters: {
     framework: string;
 };

package/dist/ts3.9/client/preview/decorateStory.d.ts

@@ -0,0 +1,3 @@
+import { DecoratorFunction, LegacyStoryFn } from '@storybook/csf';
+import { VueFramework } from './types-6-0';
+export declare function decorateStory(storyFn: LegacyStoryFn<VueFramework>, decorators: DecoratorFunction<VueFramework>[]): LegacyStoryFn<VueFramework>;

package/dist/ts3.9/client/preview/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="webpack-env" />
 /// <reference types="node" />
 import type { App } from 'vue';
-import { DecoratorFunction } from '@storybook/csf';
 import { ClientStoryApi, Loadable } from '@storybook/addons';
 import './globals';
 import { IStorybookSection } from './types';
@@ -18,8 +17,8 @@ interface ClientApi extends ClientStoryApi<VueFramework['storyResult']> {
 }
 export declare const storiesOf: ClientApi['storiesOf'];
 export declare const configure: ClientApi['configure'];
-export declare const addDecorator: (() => never) | ((decorator: DecoratorFunction<VueFramework, import("@storybook/csf").Args>) => void);
-export declare const addParameters: (() => never) | (({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
+export declare const addDecorator: (() => never) | ((decorator: import("@storybook/csf").DecoratorFunction<VueFramework, import("@storybook/addons").Args>) => void);
+export declare const addParameters: (() => never) | (({ globals, globalTypes, ...parameters }: import("@storybook/csf/dist/story").Parameters & {
     globals?: import("@storybook/csf").Globals;
     globalTypes?: import("@storybook/csf").GlobalTypes;
 }) => void);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "6.4.0-beta.21",
+  "version": "6.4.0-beta.25",
   "description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,11 +45,11 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.4.0-beta.21",
-    "@storybook/core": "6.4.0-beta.21",
-    "@storybook/core-common": "6.4.0-beta.21",
+    "@storybook/addons": "6.4.0-beta.25",
+    "@storybook/core": "6.4.0-beta.25",
+    "@storybook/core-common": "6.4.0-beta.25",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/store": "6.4.0-beta.21",
+    "@storybook/store": "6.4.0-beta.25",
     "@types/webpack-env": "^1.16.0",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
@@ -81,6 +81,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eb83ef6aefb6791324e2c70567bdc128cef09d92",
+  "gitHead": "5bf101067e5b9387ce092301bea6ab4ee432f777",
   "sbmodern": "dist/modern/client/index.js"
 }

package/types-7-0.d.ts

@@ -0,0 +1 @@
+export * from './dist/ts3.9/client/preview/types-7-0.d';