@storybook/vue3 10.6.0-alpha.2 → 10.6.0-alpha.4

package/dist/_browser-chunks/{chunk-6VQEMAYE.js → chunk-X42PMG4S.js}

@@ -69,12 +69,16 @@ var ARG_TYPE_SECTIONS = ["props", "events", "slots", "exposed", "expose"], extra
     return;
   let tableType = { summary: docgenInfo.type.replace(" | undefined", "") };
   if (section === "props") {
-    let propInfo = docgenInfo, defaultValue = propInfo.default ? { summary: propInfo.default } : void 0;
+    let propInfo = docgenInfo, defaultValue = propInfo.default ? { summary: propInfo.default } : void 0, type = convertVueComponentMetaProp(propInfo), enumLabels = getEnumMemberLabels(propInfo.schema);
     return {
       name: propInfo.name,
       description: formatDescriptionWithTags(propInfo.description, propInfo.tags),
       defaultValue,
-      type: convertVueComponentMetaProp(propInfo),
+      type,
+      // A TS enum member is selected by its runtime value, so the qualified name it is written
+      // as can only be a label. "control.type" is left to inferControls, which picks radio or
+      // select by option count just like it does for a plain literal union.
+      ...enumLabels && type.name === "enum" ? { options: type.value, control: { labels: enumLabels } } : {},
       table: {
         type: tableType,
         defaultValue,
@@ -95,7 +99,7 @@ var ARG_TYPE_SECTIONS = ["props", "events", "slots", "exposed", "expose"], extra
   switch (schema.kind) {
     case "enum": {
       let definedSchemas = schema.schema?.filter((item) => item !== "undefined") ?? [];
-      return isBooleanSchema(definedSchemas) ? { name: "boolean", required } : isLiteralUnionSchema(definedSchemas) || isEnumSchema(definedSchemas) ? { name: "enum", value: definedSchemas.map((literal) => literal.replace(/"/g, "")), required } : definedSchemas.length === 1 ? convertVueComponentMetaProp({
+      return isBooleanSchema(definedSchemas) ? { name: "boolean", required } : isSelectableUnionSchema(definedSchemas) ? { name: "enum", value: definedSchemas.map(selectableValue), required } : isEnumSchema(definedSchemas) ? fallbackSbType : definedSchemas.length === 1 ? convertVueComponentMetaProp({
         schema: definedSchemas[0],
         type: propInfo.type,
         required
@@ -140,9 +144,12 @@ var ARG_TYPE_SECTIONS = ["props", "events", "slots", "exposed", "expose"], extra
     default:
       return fallbackSbType;
   }
-}, formatDescriptionWithTags = (description, tags) => !tags?.length || !description ? description ?? "" : `${tags.map((tag) => `@${tag.name}: ${tag.text}`).join("<br>")}<br><br>${description}`, isLiteralUnionSchema = (schemas) => schemas.every(
-  (schema) => typeof schema == "string" && schema.startsWith('"') && schema.endsWith('"')
-), isEnumSchema = (schemas) => schemas.every((schema) => typeof schema == "string" && schema.includes(".")), isBooleanSchema = (schemas) => schemas.length === 2 && schemas.includes("true") && schemas.includes("false");
+}, formatDescriptionWithTags = (description, tags) => !tags?.length || !description ? description ?? "" : `${tags.map((tag) => `@${tag.name}: ${tag.text}`).join("<br>")}<br><br>${description}`, isLiteralSchema = (schema) => typeof schema == "object" && schema.kind === "literal", isQuotedLiteral = (schema) => typeof schema == "string" && schema.startsWith('"') && schema.endsWith('"'), isSelectableUnionSchema = (schemas) => schemas.every((schema) => isQuotedLiteral(schema) || isLiteralSchema(schema)), selectableValue = (schema) => isLiteralSchema(schema) ? JSON.parse(schema.value) : schema.replace(/"/g, ""), getEnumMemberLabels = (schema) => {
+  if (typeof schema != "object" || schema.kind !== "enum")
+    return;
+  let members = (schema.schema ?? []).filter(isLiteralSchema);
+  return members.length ? Object.fromEntries(members.map((member) => [selectableValue(member), member.type])) : void 0;
+}, isEnumSchema = (schemas) => schemas.every((schema) => typeof schema == "string" && schema.includes(".")), isBooleanSchema = (schemas) => schemas.length === 2 && schemas.includes("true") && schemas.includes("false");
 
 // src/render.ts
 import { createApp, h, isReactive, isVNode, reactive } from "vue";

package/dist/_node-chunks/{parsers-27PLHUJ3.js → parsers-OMLY3BJL.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_cpbkhyrn9zg from 'node:url';
-import CJS_COMPAT_NODE_PATH_cpbkhyrn9zg from 'node:path';
-import CJS_COMPAT_NODE_MODULE_cpbkhyrn9zg from "node:module";
+import CJS_COMPAT_NODE_URL_gx8u2w437qe from 'node:url';
+import CJS_COMPAT_NODE_PATH_gx8u2w437qe from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gx8u2w437qe from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_cpbkhyrn9zg.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_cpbkhyrn9zg.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_cpbkhyrn9zg.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gx8u2w437qe.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gx8u2w437qe.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gx8u2w437qe.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/entry-preview.js

@@ -5,7 +5,7 @@ import {
   parameters,
   render,
   renderToCanvas
-} from "./_browser-chunks/chunk-6VQEMAYE.js";
+} from "./_browser-chunks/chunk-X42PMG4S.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {
   decorateStory as applyDecorators,

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   entry_preview_exports,
   renderToCanvas,
   setup
-} from "./_browser-chunks/chunk-6VQEMAYE.js";
+} from "./_browser-chunks/chunk-X42PMG4S.js";
 import {
   entry_preview_docs_exports
 } from "./_browser-chunks/chunk-PW3RLJ6I.js";

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_cpbkhyrn9zg from 'node:url';
-import CJS_COMPAT_NODE_PATH_cpbkhyrn9zg from 'node:path';
-import CJS_COMPAT_NODE_MODULE_cpbkhyrn9zg from "node:module";
+import CJS_COMPAT_NODE_URL_gx8u2w437qe from 'node:url';
+import CJS_COMPAT_NODE_PATH_gx8u2w437qe from 'node:path';
+import CJS_COMPAT_NODE_MODULE_gx8u2w437qe from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_cpbkhyrn9zg.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_cpbkhyrn9zg.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_cpbkhyrn9zg.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_gx8u2w437qe.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_gx8u2w437qe.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_gx8u2w437qe.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -18,7 +18,7 @@ var previewAnnotations = async (input = [], options) => {
     docsEnabled ? [fileURLToPath(import.meta.resolve("@storybook/vue3/entry-preview-docs"))] : []
   );
 }, experimental_importParsers = async (input = []) => {
-  let { vueImportParser } = await import("./_node-chunks/parsers-27PLHUJ3.js");
+  let { vueImportParser } = await import("./_node-chunks/parsers-OMLY3BJL.js");
   return [...input, vueImportParser];
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/vue3",
-  "version": "10.6.0-alpha.2",
+  "version": "10.6.0-alpha.4",
   "description": "Storybook Vue 3 renderer: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -61,7 +61,7 @@
     "vue-tsc": "latest"
   },
   "peerDependencies": {
-    "storybook": "^10.6.0-alpha.2",
+    "storybook": "^10.6.0-alpha.4",
     "vue": "^3.0.0"
   },
   "publishConfig": {