storybook 9.0.0-alpha.1 → 9.0.0-alpha.11

package/dist/actions/preview.cjs

@@ -0,0 +1,165 @@
+"use strict";
+var g = Object.defineProperty;
+var C = Object.getOwnPropertyDescriptor;
+var W = Object.getOwnPropertyNames;
+var M = Object.prototype.hasOwnProperty;
+var i = (e, t) => g(e, "name", { value: t, configurable: !0 });
+var m = (e, t) => {
+  for (var o in t)
+    g(e, o, { get: t[o], enumerable: !0 });
+}, L = (e, t, o, r) => {
+  if (t && typeof t == "object" || typeof t == "function")
+    for (let n of W(t))
+      !M.call(e, n) && n !== o && g(e, n, { get: () => t[n], enumerable: !(r = C(t, n)) || r.enumerable });
+  return e;
+};
+var V = (e) => L(g({}, "__esModule", { value: !0 }), e);
+
+// src/actions/preview.ts
+var U = {};
+m(U, {
+  default: () => H
+});
+module.exports = V(U);
+var F = require("storybook/preview-api");
+
+// src/actions/addArgs.ts
+var A = {};
+m(A, {
+  argsEnhancers: () => B
+});
+
+// src/actions/runtime/action.ts
+var O = require("storybook/internal/preview-errors"), u = require("@storybook/global"), w = require("storybook/preview-api"), v = require("uuid");
+
+// src/actions/constants.ts
+var f = "storybook/actions", J = `${f}/panel`, E = `${f}/action-event`, Q = `${f}/action-clear`;
+
+// src/actions/runtime/configureActions.ts
+var R = {
+  depth: 10,
+  clearOnStoryChange: !0,
+  limit: 50
+};
+
+// src/actions/runtime/action.ts
+var T = /* @__PURE__ */ i((e, t) => {
+  let o = Object.getPrototypeOf(e);
+  return !o || t(o) ? o : T(o, t);
+}, "findProto"), N = /* @__PURE__ */ i((e) => !!(typeof e == "object" && e && T(e, (t) => /^Synthetic(?:Base)?Event$/.test(t.constructor.name)) &&
+typeof e.persist == "function"), "isReactSyntheticEvent"), Y = /* @__PURE__ */ i((e) => {
+  if (N(e)) {
+    let t = Object.create(
+      e.constructor.prototype,
+      Object.getOwnPropertyDescriptors(e)
+    );
+    t.persist();
+    let o = Object.getOwnPropertyDescriptor(t, "view"), r = o?.value;
+    return typeof r == "object" && r?.constructor.name === "Window" && Object.defineProperty(t, "view", {
+      ...o,
+      value: Object.create(r.constructor.prototype)
+    }), t;
+  }
+  return e;
+}, "serializeArg"), $ = /* @__PURE__ */ i(() => typeof crypto == "object" && typeof crypto.getRandomValues == "function" ? (0, v.v4)() : (
+  // pseudo random id, example response lo1e7zm4832bkr7yfl7
+  Date.now().toString(36) + Math.random().toString(36).substring(2)
+), "generateId");
+function l(e, t = {}) {
+  let o = {
+    ...R,
+    ...t
+  }, r = /* @__PURE__ */ i(function(...s) {
+    if (t.implicit) {
+      let x = ("__STORYBOOK_PREVIEW__" in u.global ? (
+        // eslint-disable-next-line no-underscore-dangle
+        u.global.__STORYBOOK_PREVIEW__
+      ) : void 0)?.storyRenders.find(
+        (d) => d.phase === "playing" || d.phase === "rendering"
+      );
+      if (x) {
+        let d = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, b = new O.ImplicitActionsDuringRendering({
+          phase: x.phase,
+          name: e,
+          deprecated: d
+        });
+        if (d)
+          console.warn(b);
+        else
+          throw b;
+      }
+    }
+    let a = w.addons.getChannel(), c = $(), p = 5, y = s.map(Y), P = s.length > 1 ? y : y[0], S = {
+      id: c,
+      count: 0,
+      data: { name: e, args: P },
+      options: {
+        ...o,
+        maxDepth: p + (o.depth || 3),
+        allowFunction: o.allowFunction || !1
+      }
+    };
+    a.emit(E, S);
+  }, "actionHandler");
+  return r.isAction = !0, r.implicit = t.implicit, r;
+}
+i(l, "action");
+
+// src/actions/addArgsHelpers.ts
+var _ = /* @__PURE__ */ i((e, t) => typeof t[e] > "u" && !(e in t), "isInInitialArgs"), D = /* @__PURE__ */ i((e) => {
+  let {
+    initialArgs: t,
+    argTypes: o,
+    id: r,
+    parameters: { actions: n }
+  } = e;
+  if (!n || n.disable || !n.argTypesRegex || !o)
+    return {};
+  let s = new RegExp(n.argTypesRegex);
+  return Object.entries(o).filter(
+    ([c]) => !!s.test(c)
+  ).reduce((c, [p, y]) => (_(p, t) && (c[p] = l(p, { implicit: !0, id: r })), c), {});
+}, "inferActionsFromArgTypesRegex"), k = /* @__PURE__ */ i((e) => {
+  let {
+    initialArgs: t,
+    argTypes: o,
+    parameters: { actions: r }
+  } = e;
+  return r?.disable || !o ? {} : Object.entries(o).filter(([s, a]) => !!a.action).reduce((s, [a, c]) => (_(a, t) && (s[a] = l(typeof c.action ==
+  "string" ? c.action : a)), s), {});
+}, "addActionsFromArgTypes");
+
+// src/actions/addArgs.ts
+var B = [
+  k,
+  D
+];
+
+// src/actions/loaders.ts
+var h = {};
+m(h, {
+  loaders: () => z
+});
+var j = require("storybook/test/spy");
+var I = !1, K = /* @__PURE__ */ i((e) => {
+  let { parameters: t } = e;
+  t?.actions?.disable || I || ((0, j.onMockCall)((o, r) => {
+    let n = o.getMockName();
+    n !== "spy" && (!/^next\/.*::/.test(n) || [
+      "next/router::useRouter()",
+      "next/navigation::useRouter()",
+      "next/navigation::redirect",
+      "next/cache::",
+      "next/headers::cookies().set",
+      "next/headers::cookies().delete",
+      "next/headers::headers().set",
+      "next/headers::headers().delete"
+    ].some((s) => n.startsWith(s))) && l(n)(r);
+  }), I = !0);
+}, "logActionsWhenMockCalled"), z = [K];
+
+// src/actions/preview.ts
+var H = /* @__PURE__ */ i(() => (0, F.definePreview)({
+  ...A,
+  ...h
+}), "default");

package/dist/actions/preview.d.ts

@@ -0,0 +1,55 @@
+import { Renderer as Renderer$1, ProjectAnnotations as ProjectAnnotations$1, StoryIdentifier, StoryContext, PartialStoryFn, LegacyStoryFn } from 'storybook/internal/csf';
+import { NormalizedProjectAnnotations, ProjectAnnotations as ProjectAnnotations$2, ComposedStoryFn } from 'storybook/internal/types';
+
+declare global {
+	interface SymbolConstructor {
+		readonly observable: symbol;
+	}
+}
+
+interface Renderer extends Renderer$1 {
+}
+
+type MaybePromise<T> = Promise<T> | T;
+type TeardownRenderToCanvas = () => MaybePromise<void>;
+type RenderToCanvas<TRenderer extends Renderer> = (context: RenderContext<TRenderer>, element: TRenderer['canvasElement']) => MaybePromise<void | TeardownRenderToCanvas>;
+interface ProjectAnnotations<TRenderer extends Renderer> extends ProjectAnnotations$1<TRenderer> {
+    addons?: ProjectAnnotations<TRenderer>[];
+    testingLibraryRender?: (...args: never[]) => {
+        unmount: () => void;
+    };
+    renderToCanvas?: RenderToCanvas<TRenderer>;
+    renderToDOM?: RenderToCanvas<TRenderer>;
+}
+declare type RenderContext<TRenderer extends Renderer = Renderer> = StoryIdentifier & {
+    showMain: () => void;
+    showError: (error: {
+        title: string;
+        description: string;
+    }) => void;
+    showException: (err: Error) => void;
+    forceRemount: boolean;
+    storyContext: StoryContext<TRenderer>;
+    storyFn: PartialStoryFn<TRenderer>;
+    unboundStoryFn: LegacyStoryFn<TRenderer>;
+};
+
+declare global {
+    var globalProjectAnnotations: NormalizedProjectAnnotations<any>;
+    var defaultProjectAnnotations: ProjectAnnotations$2<any>;
+}
+type WrappedStoryRef = {
+    __pw_type: 'jsx' | 'importRef';
+};
+type UnwrappedJSXStoryRef = {
+    __pw_type: 'jsx';
+    type: UnwrappedImportStoryRef;
+};
+type UnwrappedImportStoryRef = ComposedStoryFn;
+declare global {
+    function __pwUnwrapObject(storyRef: WrappedStoryRef): Promise<UnwrappedJSXStoryRef | UnwrappedImportStoryRef>;
+}
+
+declare const _default: () => ProjectAnnotations<Renderer>;
+
+export { _default as default };

package/dist/actions/preview.js

@@ -0,0 +1,156 @@
+var h = Object.defineProperty;
+var n = (t, e) => h(t, "name", { value: e, configurable: !0 });
+var x = (t, e) => {
+  for (var o in e)
+    h(t, o, { get: e[o], enumerable: !0 });
+};
+
+// src/actions/preview.ts
+import { definePreview as N } from "storybook/preview-api";
+
+// src/actions/addArgs.ts
+var m = {};
+x(m, {
+  argsEnhancers: () => W
+});
+
+// src/actions/runtime/action.ts
+import { ImplicitActionsDuringRendering as I } from "storybook/internal/preview-errors";
+import { global as R } from "@storybook/global";
+import { addons as j } from "storybook/preview-api";
+import { v4 as F } from "uuid";
+
+// src/actions/constants.ts
+var y = "storybook/actions", B = `${y}/panel`, b = `${y}/action-event`, K = `${y}/action-clear`;
+
+// src/actions/runtime/configureActions.ts
+var E = {
+  depth: 10,
+  clearOnStoryChange: !0,
+  limit: 50
+};
+
+// src/actions/runtime/action.ts
+var O = /* @__PURE__ */ n((t, e) => {
+  let o = Object.getPrototypeOf(t);
+  return !o || e(o) ? o : O(o, e);
+}, "findProto"), P = /* @__PURE__ */ n((t) => !!(typeof t == "object" && t && O(t, (e) => /^Synthetic(?:Base)?Event$/.test(e.constructor.name)) &&
+typeof t.persist == "function"), "isReactSyntheticEvent"), S = /* @__PURE__ */ n((t) => {
+  if (P(t)) {
+    let e = Object.create(
+      t.constructor.prototype,
+      Object.getOwnPropertyDescriptors(t)
+    );
+    e.persist();
+    let o = Object.getOwnPropertyDescriptor(e, "view"), r = o?.value;
+    return typeof r == "object" && r?.constructor.name === "Window" && Object.defineProperty(e, "view", {
+      ...o,
+      value: Object.create(r.constructor.prototype)
+    }), e;
+  }
+  return t;
+}, "serializeArg"), C = /* @__PURE__ */ n(() => typeof crypto == "object" && typeof crypto.getRandomValues == "function" ? F() : (
+  // pseudo random id, example response lo1e7zm4832bkr7yfl7
+  Date.now().toString(36) + Math.random().toString(36).substring(2)
+), "generateId");
+function l(t, e = {}) {
+  let o = {
+    ...E,
+    ...e
+  }, r = /* @__PURE__ */ n(function(...s) {
+    if (e.implicit) {
+      let u = ("__STORYBOOK_PREVIEW__" in R ? (
+        // eslint-disable-next-line no-underscore-dangle
+        R.__STORYBOOK_PREVIEW__
+      ) : void 0)?.storyRenders.find(
+        (d) => d.phase === "playing" || d.phase === "rendering"
+      );
+      if (u) {
+        let d = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, A = new I({
+          phase: u.phase,
+          name: t,
+          deprecated: d
+        });
+        if (d)
+          console.warn(A);
+        else
+          throw A;
+      }
+    }
+    let a = j.getChannel(), c = C(), p = 5, g = s.map(S), D = s.length > 1 ? g : g[0], k = {
+      id: c,
+      count: 0,
+      data: { name: t, args: D },
+      options: {
+        ...o,
+        maxDepth: p + (o.depth || 3),
+        allowFunction: o.allowFunction || !1
+      }
+    };
+    a.emit(b, k);
+  }, "actionHandler");
+  return r.isAction = !0, r.implicit = e.implicit, r;
+}
+n(l, "action");
+
+// src/actions/addArgsHelpers.ts
+var w = /* @__PURE__ */ n((t, e) => typeof e[t] > "u" && !(t in e), "isInInitialArgs"), v = /* @__PURE__ */ n((t) => {
+  let {
+    initialArgs: e,
+    argTypes: o,
+    id: r,
+    parameters: { actions: i }
+  } = t;
+  if (!i || i.disable || !i.argTypesRegex || !o)
+    return {};
+  let s = new RegExp(i.argTypesRegex);
+  return Object.entries(o).filter(
+    ([c]) => !!s.test(c)
+  ).reduce((c, [p, g]) => (w(p, e) && (c[p] = l(p, { implicit: !0, id: r })), c), {});
+}, "inferActionsFromArgTypesRegex"), T = /* @__PURE__ */ n((t) => {
+  let {
+    initialArgs: e,
+    argTypes: o,
+    parameters: { actions: r }
+  } = t;
+  return r?.disable || !o ? {} : Object.entries(o).filter(([s, a]) => !!a.action).reduce((s, [a, c]) => (w(a, e) && (s[a] = l(typeof c.action ==
+  "string" ? c.action : a)), s), {});
+}, "addActionsFromArgTypes");
+
+// src/actions/addArgs.ts
+var W = [
+  T,
+  v
+];
+
+// src/actions/loaders.ts
+var f = {};
+x(f, {
+  loaders: () => V
+});
+import { onMockCall as M } from "storybook/test/spy";
+var _ = !1, L = /* @__PURE__ */ n((t) => {
+  let { parameters: e } = t;
+  e?.actions?.disable || _ || (M((o, r) => {
+    let i = o.getMockName();
+    i !== "spy" && (!/^next\/.*::/.test(i) || [
+      "next/router::useRouter()",
+      "next/navigation::useRouter()",
+      "next/navigation::redirect",
+      "next/cache::",
+      "next/headers::cookies().set",
+      "next/headers::cookies().delete",
+      "next/headers::headers().set",
+      "next/headers::headers().delete"
+    ].some((s) => i.startsWith(s))) && l(i)(r);
+  }), _ = !0);
+}, "logActionsWhenMockCalled"), V = [L];
+
+// src/actions/preview.ts
+var dt = /* @__PURE__ */ n(() => N({
+  ...m,
+  ...f
+}), "default");
+export {
+  dt as default
+};