storybook 9.0.0-alpha.20 → 9.0.0-alpha.21

package/dist/preview-errors.js

@@ -1,53 +1,53 @@
-var re = Object.defineProperty;
-var t = (u, s) => re(u, "name", { value: s, 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 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 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;
+function a(t) {
+  for (var n = [], e = 1; e < arguments.length; e++)
+    n[e - 1] = arguments[e];
+  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 (p.length) {
-    var h = new RegExp(`
+    var g = new RegExp(`
 [	 ]{` + Math.min.apply(Math, p) + "}", "g");
-    a = a.map(function(i) {
-      return i.replace(h, `
+    i = i.map(function(c) {
+      return c.replace(g, `
 `);
     });
   }
-  a[0] = a[0].replace(/^\r?\n/, "");
-  var c = a[0];
-  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, se) {
-      return se === 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(n, "dedent");
+o(a, "dedent");
 
 // src/storybook-error.ts
-function D({
-  code: u,
-  category: s
+function E({
+  code: t,
+  category: n
 }) {
-  let e = String(u).padStart(4, "0");
-  return `SB_${s}_${e}`;
+  let e = String(t).padStart(4, "0");
+  return `SB_${n}_${e}`;
 }
-t(D, "parseErrorCode");
-var g = class g extends Error {
+o(E, "parseErrorCode");
+var s = class t extends Error {
   constructor(e) {
-    super(g.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 g = class g 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 D({ 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 g = class g extends Error {
   /** Generates the error message along with additional documentation link (if applicable). */
   static getFullMessage({
     documentation: e,
-    code: a,
+    code: i,
     category: p,
-    message: h
+    message: g
   }) {
-    let c;
-    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 ? `
+    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(g, "StorybookError");
-var o = g;
 
 // src/preview-errors.ts
-var ne = /* @__PURE__ */ ((r) => (r.BLOCKS = "BLOCKS", r.DOCS_TOOLS = "DOCS-TOOLS", r.PREVIEW_CLIENT_LOGGER = "PREVIEW_CLIENT-LOGGER", r.PREVIEW_CHANNELS =
+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))(ne || {}), f = class f extends o {
+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: n`
+      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,16 +107,17 @@ r.FRAMEWORK_NEXTJS = "FRAMEWORK_NEXTJS", r.ADDON_VITEST = "ADDON_VITEST", r))(ne
     });
     this.data = e;
   }
-};
-t(f, "MissingStoryAfterHmrError");
-var j = 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: n`
+      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.
@@ -129,41 +131,44 @@ This is deprecated and won't work in Storybook 8 anymore.
     });
     this.data = e;
   }
-};
-t(R, "ImplicitActionsDuringRendering");
-var L = 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: n`
+      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 G = b, I = class I extends o {
+}, I = class extends s {
+  static {
+    o(this, "MissingRenderToCanvasError");
+  }
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 4,
-      message: n`
+      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 Y = I, P = class P extends o {
+}, x = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 5,
-      message: n`
+      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 Y = I, P = class P extends o {
     });
     this.data = e;
   }
-};
-t(P, "CalledPreviewMethodBeforeInitializationError");
-var F = P, x = class x extends o {
+  static {
+    o(this, "CalledPreviewMethodBeforeInitializationError");
+  }
+}, _ = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 6,
-      message: n`
+      message: a`
         Error fetching \`/index.json\`:
         
         ${e.text}
@@ -194,14 +200,15 @@ var F = P, x = class x extends o {
     });
     this.data = e;
   }
-};
-t(x, "StoryIndexFetchError");
-var H = x, w = class w extends o {
+  static {
+    o(this, "StoryIndexFetchError");
+  }
+}, S = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 7,
-      message: n`
+      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 H = x, w = class w extends o {
     });
     this.data = e;
   }
-};
-t(w, "MdxFileWithNoCsfReferencesError");
-var K = w, T = class T extends o {
+  static {
+    o(this, "MdxFileWithNoCsfReferencesError");
+  }
+}, P = class extends s {
+  static {
+    o(this, "EmptyIndexError");
+  }
   constructor() {
     super({
       category: "PREVIEW_API",
       code: 8,
-      message: n`
+      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(T, "EmptyIndexError");
-var M = T, S = class S extends o {
+}, w = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 9,
-      message: n`
+      message: a`
         Couldn't find story matching '${e.storySpecifier}'.
 
         - Are you sure a story with that id exists?
@@ -240,14 +249,15 @@ var M = T, S = class S extends o {
     });
     this.data = e;
   }
-};
-t(S, "NoStoryMatchError");
-var X = S, k = class k extends o {
+  static {
+    o(this, "NoStoryMatchError");
+  }
+}, T = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 10,
-      message: n`
+      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 X = S, k = class k extends o {
     });
     this.data = e;
   }
-};
-t(k, "MissingStoryFromCsfFileError");
-var J = k, 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: n`
+      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, V = class V extends o {
+}, N = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 12,
-      message: n`
+      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, V = class V extends o {
     });
     this.data = e;
   }
-};
-t(V, "MountMustBeDestructuredError");
-var q = V, _ = class _ extends o {
+  static {
+    o(this, "MountMustBeDestructuredError");
+  }
+}, v = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
       code: 14,
-      message: n`
+      message: a`
         No render function available for storyId '${e.id}'
       `
     });
     this.data = e;
   }
-};
-t(_, "NoRenderFunctionError");
-var z = _, 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: n`
+      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,9 +356,7 @@ var z = _, N = class N extends o {
       `
     });
   }
-};
-t(N, "NoStoryMountedError");
-var B = N, A = class A extends o {
+}, V = class extends s {
   constructor(e) {
     super({
       category: "PREVIEW_API",
@@ -354,43 +369,46 @@ var B = N, A = class A extends o {
     });
     this.data = e;
   }
-};
-t(A, "StatusTypeIdMismatchError");
-var Q = A, W = class W extends o {
+  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: n`
+      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(W, "NextJsSharpError");
-var Z = W, $ = class $ extends o {
+}, W = class extends s {
   constructor(e) {
     super({
       category: "FRAMEWORK_NEXTJS",
       code: 2,
-      message: n`
+      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($, "NextjsRouterMocksNotAvailable");
-var ee = $, O = class O 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: n`
+      message: a`
         There was a failure when generating detailed ArgTypes in ${e.language} for:
         ${JSON.stringify(e.type, null, 2)} 
         
@@ -402,16 +420,17 @@ var ee = $, O = class O extends o {
     });
     this.data = e;
   }
-};
-t(O, "UnknownArgTypesError");
-var te = O, C = class C 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: n`
+      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:
@@ -422,28 +441,43 @@ var te = O, C = class C 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(C, "UnsupportedViewportDimensionError");
-var oe = C;
 export {
-  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,
-  te as UnknownArgTypesError,
-  oe 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
 };