storybook 9.0.0-alpha.2 → 9.0.0-alpha.21

package/dist/preview-errors.js

@@ -1,53 +1,53 @@
-var oe = Object.defineProperty;
-var t = (u, n) => oe(u, "name", { value: n, configurable: !0 });
+var M = Object.defineProperty;
+var o = (t, n) => M(t, "name", { value: n, configurable: !0 });
 
 // ../node_modules/ts-dedent/esm/index.js
-function r(u) {
+function a(t) {
   for (var n = [], e = 1; e < arguments.length; e++)
     n[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 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;
+  var i = Array.from(typeof t == "string" ? [t] : t);
+  i[i.length - 1] = i[i.length - 1].replace(/\r?\n([\t ]*)$/, "");
+  var p = i.reduce(function(c, h) {
+    var y = h.match(/\n([\t ]+|(?!\s).)/g);
+    return y ? c.concat(y.map(function(m) {
+      var d, l;
+      return (l = (d = m.match(/[\t ]/g)) === null || d === void 0 ? void 0 : d.length) !== null && l !== void 0 ? l : 0;
+    })) : c;
   }, []);
-  if (g.length) {
-    var h = new RegExp(`
-[	 ]{` + Math.min.apply(Math, g) + "}", "g");
-    a = a.map(function(i) {
-      return i.replace(h, `
+  if (p.length) {
+    var g = new RegExp(`
+[	 ]{` + Math.min.apply(Math, p) + "}", "g");
+    i = i.map(function(c) {
+      return c.replace(g, `
 `);
     });
   }
-  a[0] = a[0].replace(/^\r?\n/, "");
-  var c = a[0];
-  return n.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;
+  i[0] = i[0].replace(/^\r?\n/, "");
+  var u = i[0];
+  return n.forEach(function(c, h) {
+    var y = u.match(/(?:^|\n)( *)$/), m = y ? y[1] : "", d = c;
+    typeof c == "string" && c.includes(`
+`) && (d = String(c).split(`
+`).map(function(l, j) {
+      return j === 0 ? l : "" + m + l;
     }).join(`
-`)), c += l + a[m + 1];
-  }), c;
+`)), u += d + i[h + 1];
+  }), u;
 }
-t(r, "dedent");
+o(a, "dedent");
 
 // src/storybook-error.ts
-function C({
-  code: u,
+function E({
+  code: t,
   category: n
 }) {
-  let e = String(u).padStart(4, "0");
+  let e = String(t).padStart(4, "0");
   return `SB_${n}_${e}`;
 }
-t(C, "parseErrorCode");
-var p = class p extends Error {
+o(E, "parseErrorCode");
+var s = class t extends Error {
   constructor(e) {
-    super(p.getFullMessage(e));
+    super(t.getFullMessage(e));
     /**
      * Data associated with the error. Used to provide additional information in the error message or
      * to be passed to telemetry.
@@ -57,8 +57,11 @@ var p = class p extends Error {
     this.fromStorybook = !0;
     this.category = e.category, this.documentation = e.documentation ?? !1, this.code = e.code;
   }
+  static {
+    o(this, "StorybookError");
+  }
   get fullErrorCode() {
-    return C({ code: this.code, category: this.category });
+    return E({ code: this.code, category: this.category });
   }
   /** Overrides the default `Error.name` property in the format: SB_<CATEGORY>_<CODE>. */
   get name() {
@@ -68,35 +71,33 @@ var p = class p extends Error {
   /** Generates the error message along with additional documentation link (if applicable). */
   static getFullMessage({
     documentation: e,
-    code: a,
-    category: g,
-    message: h
+    code: i,
+    category: p,
+    message: g
   }) {
-    let c;
-    return e === !0 ? c = `https://storybook.js.org/error/${C({ code: a, category: g })}` : typeof e == "string" ? c = e : Array.isArray(e) &&
-    (c = `
-${e.map((i) => `	- ${i}`).join(`
-`)}`), `${h}${c != null ? `
+    let u;
+    return e === !0 ? u = `https://storybook.js.org/error/${E({ code: i, category: p })}` : typeof e == "string" ? u = e : Array.isArray(e) &&
+    (u = `
+${e.map((c) => `	- ${c}`).join(`
+`)}`), `${g}${u != null ? `
 
-More info: ${c}
+More info: ${u}
 ` : ""}`;
   }
 };
-t(p, "StorybookError");
-var o = p;
 
 // 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 L = /* @__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.ADDON_A11Y = "ADDON_A11Y", r))(L || {}), f = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 1,
-      message: r`
+      message: a`
         Couldn't find story matching id '${e.storyId}' after HMR.
         - Did you just rename a story?
         - Did you remove it from your CSF file?
@@ -106,22 +107,23 @@ s.FRAMEWORK_NEXTJS = "FRAMEWORK_NEXTJS", s.ADDON_VITEST = "ADDON_VITEST", s))(se
     });
     this.data = e;
   }
-};
-t(f, "MissingStoryAfterHmrError");
-var D = f, R = class R extends o {
+  static {
+    o(this, "MissingStoryAfterHmrError");
+  }
+}, R = class extends s {
   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: a`
         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.
 ` : ""}
         Please provide an explicit spy to your args like this:
-          import { fn } from '@storybook/test';
+          import { fn } from 'storybook/test';
           ... 
           args: {
            ${e.name}: fn()
@@ -129,41 +131,44 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-};
-t(R, "ImplicitActionsDuringRendering");
-var j = R, b = class b extends o {
+  static {
+    o(this, "ImplicitActionsDuringRendering");
+  }
+}, b = class extends s {
+  static {
+    o(this, "CalledExtractOnStoreError");
+  }
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 3,
-      message: r`
+      message: a`
         Cannot call \`storyStore.extract()\` without calling \`storyStore.cacheAllCsfFiles()\` first.
 
         You probably meant to call \`await preview.extract()\` which does the above for you.`
     });
   }
-};
-t(b, "CalledExtractOnStoreError");
-var L = b, I = class I extends o {
+}, I = class extends s {
+  static {
+    o(this, "MissingRenderToCanvasError");
+  }
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 4,
-      message: r`
+      message: a`
         Expected your framework's preset to export a \`renderToCanvas\` field.
 
         Perhaps it needs to be upgraded for Storybook 7.0?`,
       documentation: "https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-framework-field"
     });
   }
-};
-t(I, "MissingRenderToCanvasError");
-var G = I, P = class P extends o {
+}, x = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 5,
-      message: r`
+      message: a`
         Called \`Preview.${e.methodName}()\` before initialization.
         
         The preview needs to load the story index before most methods can be called. If you want
@@ -174,14 +179,15 @@ var G = I, P = class P extends o {
     });
     this.data = e;
   }
-};
-t(P, "CalledPreviewMethodBeforeInitializationError");
-var Y = P, x = class x extends o {
+  static {
+    o(this, "CalledPreviewMethodBeforeInitializationError");
+  }
+}, _ = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 6,
-      message: r`
+      message: a`
         Error fetching \`/index.json\`:
         
         ${e.text}
@@ -194,14 +200,15 @@ var Y = P, x = class x extends o {
     });
     this.data = e;
   }
-};
-t(x, "StoryIndexFetchError");
-var M = x, T = class T extends o {
+  static {
+    o(this, "StoryIndexFetchError");
+  }
+}, S = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 7,
-      message: r`
+      message: a`
         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.
         
@@ -210,28 +217,30 @@ var M = x, T = class T extends o {
     });
     this.data = e;
   }
-};
-t(T, "MdxFileWithNoCsfReferencesError");
-var H = T, w = class w extends o {
+  static {
+    o(this, "MdxFileWithNoCsfReferencesError");
+  }
+}, P = class extends s {
+  static {
+    o(this, "EmptyIndexError");
+  }
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 8,
-      message: r`
+      message: a`
         Couldn't find any stories in your Storybook.
 
         - Please check your stories field of your main.js config: does it match correctly?
         - Also check the browser console and terminal for error messages.`
     });
   }
-};
-t(w, "EmptyIndexError");
-var F = w, k = class k extends o {
+}, w = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 9,
-      message: r`
+      message: a`
         Couldn't find story matching '${e.storySpecifier}'.
 
         - Are you sure a story with that id exists?
@@ -240,14 +249,15 @@ var F = w, k = class k extends o {
     });
     this.data = e;
   }
-};
-t(k, "NoStoryMatchError");
-var K = k, S = class S extends o {
+  static {
+    o(this, "NoStoryMatchError");
+  }
+}, T = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 10,
-      message: r`
+      message: a`
         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
@@ -259,28 +269,30 @@ var K = k, S = class S extends o {
     });
     this.data = e;
   }
-};
-t(S, "MissingStoryFromCsfFileError");
-var X = S, v = class v extends o {
+  static {
+    o(this, "MissingStoryFromCsfFileError");
+  }
+}, k = class extends s {
+  static {
+    o(this, "StoryStoreAccessedBeforeInitializationError");
+  }
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 11,
-      message: r`
+      message: a`
         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
         remove access to the store entirely`
     });
   }
-};
-t(v, "StoryStoreAccessedBeforeInitializationError");
-var U = v, _ = class _ extends o {
+}, N = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 12,
-      message: r`
+      message: a`
       Incorrect use of mount in the play function.
       
       To use mount in the play function, you must satisfy the following two requirements: 
@@ -301,27 +313,32 @@ var U = v, _ = class _ extends o {
     });
     this.data = e;
   }
-};
-t(_, "MountMustBeDestructuredError");
-var J = _, V = class V extends o {
+  static {
+    o(this, "MountMustBeDestructuredError");
+  }
+}, v = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 14,
-      message: r`
+      message: a`
         No render function available for storyId '${e.id}'
       `
     });
     this.data = e;
   }
-};
-t(V, "NoRenderFunctionError");
-var q = V, N = class N extends o {
+  static {
+    o(this, "NoRenderFunctionError");
+  }
+}, A = class extends s {
+  static {
+    o(this, "NoStoryMountedError");
+  }
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 15,
-      message: r`
+      message: a`
         No component is mounted in your story.
         
         This usually occurs when you destructure mount in the play function, but forget to call it.
@@ -339,43 +356,59 @@ var q = V, N = class N extends o {
       `
     });
   }
-};
-t(N, "NoStoryMountedError");
-var z = N, A = class A extends o {
+}, V = class extends s {
+  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;
+  }
+  static {
+    o(this, "StatusTypeIdMismatchError");
+  }
+}, O = class extends s {
+  static {
+    o(this, "NextJsSharpError");
+  }
   constructor() {
     super({
       category: "FRAMEWORK_NEXTJS",
       code: 1,
       documentation: "https://storybook.js.org/docs/get-started/nextjs#faq",
-      message: r`
+      message: a`
       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.
       `
     });
   }
-};
-t(A, "NextJsSharpError");
-var B = A, W = class W extends o {
+}, W = class extends s {
   constructor(e) {
     super({
       category: "FRAMEWORK_NEXTJS",
       code: 2,
-      message: r`
+      message: a`
         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 {
+  static {
+    o(this, "NextjsRouterMocksNotAvailable");
+  }
+}, $ = class extends s {
   constructor(e) {
     super({
       category: "DOCS-TOOLS",
       code: 1,
       documentation: "https://github.com/storybookjs/storybook/issues/26606",
-      message: r`
+      message: a`
         There was a failure when generating detailed ArgTypes in ${e.language} for:
         ${JSON.stringify(e.type, null, 2)} 
         
@@ -387,16 +420,17 @@ var Q = W, $ = class $ extends o {
     });
     this.data = e;
   }
-};
-t($, "UnknownArgTypesError");
-var Z = $, O = class O extends o {
+  static {
+    o(this, "UnknownArgTypesError");
+  }
+}, D = class extends s {
   constructor(e) {
     super({
       category: "ADDON_VITEST",
       code: 1,
       // TODO: Add documentation about viewports support
       // documentation: '',
-      message: r`
+      message: a`
         Encountered an unsupported value "${e.value}" when setting the viewport ${e.dimension} dimension.
         
         The Storybook plugin only supports values in the following units:
@@ -407,27 +441,43 @@ var Z = $, O = class O extends o {
     });
     this.data = e;
   }
+  static {
+    o(this, "UnsupportedViewportDimensionError");
+  }
+}, C = class extends s {
+  static {
+    o(this, "ElementA11yParameterError");
+  }
+  constructor() {
+    super({
+      category: "ADDON_A11Y",
+      code: 1,
+      documentation: "https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#a11y-addon-replace-element-parameter-with-context-para\
+meter",
+      message: 'The "element" parameter in parameters.a11y has been removed. Use "context" instead.'
+    });
+  }
 };
-t(O, "UnsupportedViewportDimensionError");
-var ee = O;
 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,
-  U as StoryStoreAccessedBeforeInitializationError,
-  Z as UnknownArgTypesError,
-  ee as UnsupportedViewportDimensionError
+  b as CalledExtractOnStoreError,
+  x as CalledPreviewMethodBeforeInitializationError,
+  L as Category,
+  C as ElementA11yParameterError,
+  P as EmptyIndexError,
+  R as ImplicitActionsDuringRendering,
+  S as MdxFileWithNoCsfReferencesError,
+  I as MissingRenderToCanvasError,
+  f as MissingStoryAfterHmrError,
+  T as MissingStoryFromCsfFileError,
+  N as MountMustBeDestructuredError,
+  O as NextJsSharpError,
+  W as NextjsRouterMocksNotAvailable,
+  v as NoRenderFunctionError,
+  w as NoStoryMatchError,
+  A as NoStoryMountedError,
+  V as StatusTypeIdMismatchError,
+  _ as StoryIndexFetchError,
+  k as StoryStoreAccessedBeforeInitializationError,
+  $ as UnknownArgTypesError,
+  D as UnsupportedViewportDimensionError
 };