storybook 9.0.0-alpha.5 → 9.0.0-alpha.7

package/dist/preview-errors.js

@@ -1,22 +1,22 @@
-var oe = Object.defineProperty;
-var t = (u, n) => oe(u, "name", { value: n, configurable: !0 });
+var re = Object.defineProperty;
+var t = (u, s) => re(u, "name", { value: s, configurable: !0 });
 
 // ../node_modules/ts-dedent/esm/index.js
-function r(u) {
-  for (var n = [], e = 1; e < arguments.length; e++)
-    n[e - 1] = arguments[e];
+function n(u) {
+  for (var s = [], e = 1; e < arguments.length; e++)
+    s[e - 1] = arguments[e];
   var a = Array.from(typeof u == "string" ? [u] : u);
   a[a.length - 1] = a[a.length - 1].replace(/\r?\n([\t ]*)$/, "");
-  var g = a.reduce(function(i, m) {
+  var p = a.reduce(function(i, m) {
     var y = m.match(/\n([\t ]+|(?!\s).)/g);
     return y ? i.concat(y.map(function(E) {
       var l, d;
       return (d = (l = E.match(/[\t ]/g)) === null || l === void 0 ? void 0 : l.length) !== null && d !== void 0 ? d : 0;
     })) : i;
   }, []);
-  if (g.length) {
+  if (p.length) {
     var h = new RegExp(`
-[	 ]{` + Math.min.apply(Math, g) + "}", "g");
+[	 ]{` + Math.min.apply(Math, p) + "}", "g");
     a = a.map(function(i) {
       return i.replace(h, `
 `);
@@ -24,30 +24,30 @@ function r(u) {
   }
   a[0] = a[0].replace(/^\r?\n/, "");
   var c = a[0];
-  return n.forEach(function(i, m) {
+  return s.forEach(function(i, m) {
     var y = c.match(/(?:^|\n)( *)$/), E = y ? y[1] : "", l = i;
     typeof i == "string" && i.includes(`
 `) && (l = String(i).split(`
-`).map(function(d, te) {
-      return te === 0 ? d : "" + E + d;
+`).map(function(d, se) {
+      return se === 0 ? d : "" + E + d;
     }).join(`
 `)), c += l + a[m + 1];
   }), c;
 }
-t(r, "dedent");
+t(n, "dedent");
 
 // src/storybook-error.ts
-function C({
+function D({
   code: u,
-  category: n
+  category: s
 }) {
   let e = String(u).padStart(4, "0");
-  return `SB_${n}_${e}`;
+  return `SB_${s}_${e}`;
 }
-t(C, "parseErrorCode");
-var p = class p extends Error {
+t(D, "parseErrorCode");
+var g = class g extends Error {
   constructor(e) {
-    super(p.getFullMessage(e));
+    super(g.getFullMessage(e));
     /**
      * Data associated with the error. Used to provide additional information in the error message or
      * to be passed to telemetry.
@@ -58,7 +58,7 @@ var p = class p extends Error {
     this.category = e.category, this.documentation = e.documentation ?? !1, this.code = e.code;
   }
   get fullErrorCode() {
-    return C({ code: this.code, category: this.category });
+    return D({ code: this.code, category: this.category });
   }
   /** Overrides the default `Error.name` property in the format: SB_<CATEGORY>_<CODE>. */
   get name() {
@@ -69,11 +69,11 @@ var p = class p extends Error {
   static getFullMessage({
     documentation: e,
     code: a,
-    category: g,
+    category: p,
     message: h
   }) {
     let c;
-    return e === !0 ? c = `https://storybook.js.org/error/${C({ code: a, category: g })}` : typeof e == "string" ? c = e : Array.isArray(e) &&
+    return e === !0 ? c = `https://storybook.js.org/error/${D({ code: a, category: p })}` : typeof e == "string" ? c = e : Array.isArray(e) &&
     (c = `
 ${e.map((i) => `	- ${i}`).join(`
 `)}`), `${h}${c != null ? `
@@ -82,21 +82,21 @@ More info: ${c}
 ` : ""}`;
   }
 };
-t(p, "StorybookError");
-var o = p;
+t(g, "StorybookError");
+var o = g;
 
 // src/preview-errors.ts
-var se = /* @__PURE__ */ ((s) => (s.BLOCKS = "BLOCKS", s.DOCS_TOOLS = "DOCS-TOOLS", s.PREVIEW_CLIENT_LOGGER = "PREVIEW_CLIENT-LOGGER", s.PREVIEW_CHANNELS =
-"PREVIEW_CHANNELS", s.PREVIEW_CORE_EVENTS = "PREVIEW_CORE-EVENTS", s.PREVIEW_INSTRUMENTER = "PREVIEW_INSTRUMENTER", s.PREVIEW_API = "PREVIEW\
-_API", s.PREVIEW_REACT_DOM_SHIM = "PREVIEW_REACT-DOM-SHIM", s.PREVIEW_ROUTER = "PREVIEW_ROUTER", s.PREVIEW_THEMING = "PREVIEW_THEMING", s.RENDERER_HTML =
-"RENDERER_HTML", s.RENDERER_PREACT = "RENDERER_PREACT", s.RENDERER_REACT = "RENDERER_REACT", s.RENDERER_SERVER = "RENDERER_SERVER", s.RENDERER_SVELTE =
-"RENDERER_SVELTE", s.RENDERER_VUE = "RENDERER_VUE", s.RENDERER_VUE3 = "RENDERER_VUE3", s.RENDERER_WEB_COMPONENTS = "RENDERER_WEB-COMPONENTS",
-s.FRAMEWORK_NEXTJS = "FRAMEWORK_NEXTJS", s.ADDON_VITEST = "ADDON_VITEST", s))(se || {}), f = class f extends o {
+var ne = /* @__PURE__ */ ((r) => (r.BLOCKS = "BLOCKS", r.DOCS_TOOLS = "DOCS-TOOLS", r.PREVIEW_CLIENT_LOGGER = "PREVIEW_CLIENT-LOGGER", r.PREVIEW_CHANNELS =
+"PREVIEW_CHANNELS", r.PREVIEW_CORE_EVENTS = "PREVIEW_CORE-EVENTS", r.PREVIEW_INSTRUMENTER = "PREVIEW_INSTRUMENTER", r.PREVIEW_API = "PREVIEW\
+_API", r.PREVIEW_REACT_DOM_SHIM = "PREVIEW_REACT-DOM-SHIM", r.PREVIEW_ROUTER = "PREVIEW_ROUTER", r.PREVIEW_THEMING = "PREVIEW_THEMING", r.RENDERER_HTML =
+"RENDERER_HTML", r.RENDERER_PREACT = "RENDERER_PREACT", r.RENDERER_REACT = "RENDERER_REACT", r.RENDERER_SERVER = "RENDERER_SERVER", r.RENDERER_SVELTE =
+"RENDERER_SVELTE", r.RENDERER_VUE = "RENDERER_VUE", r.RENDERER_VUE3 = "RENDERER_VUE3", r.RENDERER_WEB_COMPONENTS = "RENDERER_WEB-COMPONENTS",
+r.FRAMEWORK_NEXTJS = "FRAMEWORK_NEXTJS", r.ADDON_VITEST = "ADDON_VITEST", r))(ne || {}), f = class f extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 1,
-      message: r`
+      message: n`
         Couldn't find story matching id '${e.storyId}' after HMR.
         - Did you just rename a story?
         - Did you remove it from your CSF file?
@@ -108,14 +108,14 @@ s.FRAMEWORK_NEXTJS = "FRAMEWORK_NEXTJS", s.ADDON_VITEST = "ADDON_VITEST", s))(se
   }
 };
 t(f, "MissingStoryAfterHmrError");
-var D = f, R = class R extends o {
+var j = f, R = class R extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 2,
       documentation: "https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#using-implicit-actions-during-rendering-is-deprecated-\
 for-example-in-the-play-function",
-      message: r`
+      message: n`
         We detected that you use an implicit action arg while ${e.phase} of your story.  
         ${e.deprecated ? `
 This is deprecated and won't work in Storybook 8 anymore.
@@ -131,12 +131,12 @@ This is deprecated and won't work in Storybook 8 anymore.
   }
 };
 t(R, "ImplicitActionsDuringRendering");
-var j = R, b = class b extends o {
+var L = R, b = class b extends o {
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 3,
-      message: r`
+      message: n`
         Cannot call \`storyStore.extract()\` without calling \`storyStore.cacheAllCsfFiles()\` first.
 
         You probably meant to call \`await preview.extract()\` which does the above for you.`
@@ -144,12 +144,12 @@ var j = R, b = class b extends o {
   }
 };
 t(b, "CalledExtractOnStoreError");
-var L = b, I = class I extends o {
+var G = b, I = class I extends o {
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 4,
-      message: r`
+      message: n`
         Expected your framework's preset to export a \`renderToCanvas\` field.
 
         Perhaps it needs to be upgraded for Storybook 7.0?`,
@@ -158,12 +158,12 @@ var L = b, I = class I extends o {
   }
 };
 t(I, "MissingRenderToCanvasError");
-var G = I, P = class P extends o {
+var Y = I, P = class P extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 5,
-      message: r`
+      message: n`
         Called \`Preview.${e.methodName}()\` before initialization.
         
         The preview needs to load the story index before most methods can be called. If you want
@@ -176,12 +176,12 @@ var G = I, P = class P extends o {
   }
 };
 t(P, "CalledPreviewMethodBeforeInitializationError");
-var Y = P, x = class x extends o {
+var F = P, x = class x extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 6,
-      message: r`
+      message: n`
         Error fetching \`/index.json\`:
         
         ${e.text}
@@ -196,12 +196,12 @@ var Y = P, x = class x extends o {
   }
 };
 t(x, "StoryIndexFetchError");
-var M = x, T = class T extends o {
+var H = x, w = class w extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 7,
-      message: r`
+      message: n`
         Tried to render docs entry ${e.storyId} but it is a MDX file that has no CSF
         references, or autodocs for a CSF file that some doesn't refer to itself.
         
@@ -211,13 +211,13 @@ var M = x, T = class T extends o {
     this.data = e;
   }
 };
-t(T, "MdxFileWithNoCsfReferencesError");
-var H = T, w = class w extends o {
+t(w, "MdxFileWithNoCsfReferencesError");
+var K = w, T = class T extends o {
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 8,
-      message: r`
+      message: n`
         Couldn't find any stories in your Storybook.
 
         - Please check your stories field of your main.js config: does it match correctly?
@@ -225,13 +225,13 @@ var H = T, w = class w extends o {
     });
   }
 };
-t(w, "EmptyIndexError");
-var F = w, k = class k extends o {
+t(T, "EmptyIndexError");
+var M = T, S = class S extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 9,
-      message: r`
+      message: n`
         Couldn't find story matching '${e.storySpecifier}'.
 
         - Are you sure a story with that id exists?
@@ -241,13 +241,13 @@ var F = w, k = class k extends o {
     this.data = e;
   }
 };
-t(k, "NoStoryMatchError");
-var K = k, S = class S extends o {
+t(S, "NoStoryMatchError");
+var X = S, k = class k extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 10,
-      message: r`
+      message: n`
         Couldn't find story matching id '${e.storyId}' after importing a CSF file.
 
         The file was indexed as if the story was there, but then after importing the file in the browser
@@ -260,13 +260,13 @@ var K = k, S = class S extends o {
     this.data = e;
   }
 };
-t(S, "MissingStoryFromCsfFileError");
-var X = S, v = class v extends o {
+t(k, "MissingStoryFromCsfFileError");
+var J = k, v = class v extends o {
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 11,
-      message: r`
+      message: n`
         Cannot access the Story Store until the index is ready.
 
         It is not recommended to use methods directly on the Story Store anyway, in Storybook 9 we will
@@ -275,12 +275,12 @@ var X = S, v = class v extends o {
   }
 };
 t(v, "StoryStoreAccessedBeforeInitializationError");
-var U = v, _ = class _ extends o {
+var U = v, V = class V extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 12,
-      message: r`
+      message: n`
       Incorrect use of mount in the play function.
       
       To use mount in the play function, you must satisfy the following two requirements: 
@@ -302,26 +302,26 @@ var U = v, _ = class _ extends o {
     this.data = e;
   }
 };
-t(_, "MountMustBeDestructuredError");
-var J = _, V = class V extends o {
+t(V, "MountMustBeDestructuredError");
+var q = V, _ = class _ extends o {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 14,
-      message: r`
+      message: n`
         No render function available for storyId '${e.id}'
       `
     });
     this.data = e;
   }
 };
-t(V, "NoRenderFunctionError");
-var q = V, N = class N extends o {
+t(_, "NoRenderFunctionError");
+var z = _, N = class N extends o {
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 15,
-      message: r`
+      message: n`
         No component is mounted in your story.
         
         This usually occurs when you destructure mount in the play function, but forget to call it.
@@ -341,13 +341,28 @@ var q = V, N = class N extends o {
   }
 };
 t(N, "NoStoryMountedError");
-var z = N, A = class A extends o {
+var B = N, A = class A extends o {
+  constructor(e) {
+    super({
+      category: "PREVIEW_API",
+      code: 16,
+      message: `Status has typeId "${e.status.typeId}" but was added to store with typeId "${e.typeId}". Full status: ${JSON.stringify(
+        e.status,
+        null,
+        2
+      )}`
+    });
+    this.data = e;
+  }
+};
+t(A, "StatusTypeIdMismatchError");
+var Q = A, W = class W extends o {
   constructor() {
     super({
       category: "FRAMEWORK_NEXTJS",
       code: 1,
       documentation: "https://storybook.js.org/docs/get-started/nextjs#faq",
-      message: r`
+      message: n`
       You are importing avif images, but you don't have sharp installed.
 
       You have to install sharp in order to use image optimization features in Next.js.
@@ -355,27 +370,27 @@ var z = N, A = class A extends o {
     });
   }
 };
-t(A, "NextJsSharpError");
-var B = A, W = class W extends o {
+t(W, "NextJsSharpError");
+var Z = W, $ = class $ extends o {
   constructor(e) {
     super({
       category: "FRAMEWORK_NEXTJS",
       code: 2,
-      message: r`
+      message: n`
         Tried to access router mocks from "${e.importType}" but they were not created yet. You might be running code in an unsupported environment.
       `
     });
     this.data = e;
   }
 };
-t(W, "NextjsRouterMocksNotAvailable");
-var Q = W, $ = class $ extends o {
+t($, "NextjsRouterMocksNotAvailable");
+var ee = $, O = class O extends o {
   constructor(e) {
     super({
       category: "DOCS-TOOLS",
       code: 1,
       documentation: "https://github.com/storybookjs/storybook/issues/26606",
-      message: r`
+      message: n`
         There was a failure when generating detailed ArgTypes in ${e.language} for:
         ${JSON.stringify(e.type, null, 2)} 
         
@@ -388,15 +403,15 @@ var Q = W, $ = class $ extends o {
     this.data = e;
   }
 };
-t($, "UnknownArgTypesError");
-var Z = $, O = class O extends o {
+t(O, "UnknownArgTypesError");
+var te = O, C = class C extends o {
   constructor(e) {
     super({
       category: "ADDON_VITEST",
       code: 1,
       // TODO: Add documentation about viewports support
       // documentation: '',
-      message: r`
+      message: n`
         Encountered an unsupported value "${e.value}" when setting the viewport ${e.dimension} dimension.
         
         The Storybook plugin only supports values in the following units:
@@ -408,26 +423,27 @@ var Z = $, O = class O extends o {
     this.data = e;
   }
 };
-t(O, "UnsupportedViewportDimensionError");
-var ee = O;
+t(C, "UnsupportedViewportDimensionError");
+var oe = C;
 export {
-  L as CalledExtractOnStoreError,
-  Y as CalledPreviewMethodBeforeInitializationError,
-  se as Category,
-  F as EmptyIndexError,
-  j as ImplicitActionsDuringRendering,
-  H as MdxFileWithNoCsfReferencesError,
-  G as MissingRenderToCanvasError,
-  D as MissingStoryAfterHmrError,
-  X as MissingStoryFromCsfFileError,
-  J as MountMustBeDestructuredError,
-  B as NextJsSharpError,
-  Q as NextjsRouterMocksNotAvailable,
-  q as NoRenderFunctionError,
-  K as NoStoryMatchError,
-  z as NoStoryMountedError,
-  M as StoryIndexFetchError,
+  G as CalledExtractOnStoreError,
+  F as CalledPreviewMethodBeforeInitializationError,
+  ne as Category,
+  M as EmptyIndexError,
+  L as ImplicitActionsDuringRendering,
+  K as MdxFileWithNoCsfReferencesError,
+  Y as MissingRenderToCanvasError,
+  j as MissingStoryAfterHmrError,
+  J as MissingStoryFromCsfFileError,
+  q as MountMustBeDestructuredError,
+  Z as NextJsSharpError,
+  ee as NextjsRouterMocksNotAvailable,
+  z as NoRenderFunctionError,
+  X as NoStoryMatchError,
+  B as NoStoryMountedError,
+  Q as StatusTypeIdMismatchError,
+  H as StoryIndexFetchError,
   U as StoryStoreAccessedBeforeInitializationError,
-  Z as UnknownArgTypesError,
-  ee as UnsupportedViewportDimensionError
+  te as UnknownArgTypesError,
+  oe as UnsupportedViewportDimensionError
 };