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

package/dist/actions/preview.cjs

@@ -0,0 +1,161 @@
+"use strict";
+var y = Object.defineProperty;
+var C = Object.getOwnPropertyDescriptor;
+var W = Object.getOwnPropertyNames;
+var M = Object.prototype.hasOwnProperty;
+var i = (e, t) => y(e, "name", { value: t, configurable: !0 });
+var l = (e, t) => {
+  for (var o in t)
+    y(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 && y(e, n, { get: () => t[n], enumerable: !(r = C(t, n)) || r.enumerable });
+  return e;
+};
+var V = (e) => L(y({}, "__esModule", { value: !0 }), e);
+
+// src/actions/preview.ts
+var U = {};
+l(U, {
+  default: () => H
+});
+module.exports = V(U);
+var P = require("storybook/preview-api");
+
+// src/actions/addArgs.ts
+var A = {};
+l(A, {
+  argsEnhancers: () => B
+});
+
+// src/actions/runtime/action.ts
+var O = require("storybook/internal/preview-errors"), u = require("@storybook/global"), v = require("storybook/preview-api"), w = 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, w.v4)() : (
+  // pseudo random id, example response lo1e7zm4832bkr7yfl7
+  Date.now().toString(36) + Math.random().toString(36).substring(2)
+), "generateId");
+function g(e, t = {}) {
+  let o = {
+    ...R,
+    ...t
+  }, r = /* @__PURE__ */ i(function(...s) {
+    if (t.implicit) {
+      let x = ("__STORYBOOK_PREVIEW__" in u.global ? 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 = v.addons.getChannel(), c = $(), p = 5, m = s.map(Y), S = s.length > 1 ? m : m[0], F = {
+      id: c,
+      count: 0,
+      data: { name: e, args: S },
+      options: {
+        ...o,
+        maxDepth: p + (o.depth || 3)
+      }
+    };
+    a.emit(E, F);
+  }, "actionHandler");
+  return r.isAction = !0, r.implicit = t.implicit, r;
+}
+i(g, "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, m]) => (_(p, t) && (c[p] = g(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] = g(typeof c.action ==
+  "string" ? c.action : a)), s), {});
+}, "addActionsFromArgTypes");
+
+// src/actions/addArgs.ts
+var B = [
+  k,
+  D
+];
+
+// src/actions/loaders.ts
+var h = {};
+l(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))) && g(n)(r);
+  }), I = !0);
+}, "logActionsWhenMockCalled"), z = [K];
+
+// src/actions/preview.ts
+var H = /* @__PURE__ */ i(() => (0, P.definePreview)({
+  ...A,
+  ...h
+}), "default");

package/dist/actions/preview.d.ts

@@ -0,0 +1,54 @@
+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>;
+}
+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,152 @@
+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 l = {};
+x(l, {
+  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 P } from "uuid";
+
+// src/actions/constants.ts
+var m = "storybook/actions", B = `${m}/panel`, b = `${m}/action-event`, K = `${m}/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"), S = /* @__PURE__ */ n((t) => !!(typeof t == "object" && t && O(t, (e) => /^Synthetic(?:Base)?Event$/.test(e.constructor.name)) &&
+typeof t.persist == "function"), "isReactSyntheticEvent"), F = /* @__PURE__ */ n((t) => {
+  if (S(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" ? P() : (
+  // pseudo random id, example response lo1e7zm4832bkr7yfl7
+  Date.now().toString(36) + Math.random().toString(36).substring(2)
+), "generateId");
+function g(t, e = {}) {
+  let o = {
+    ...E,
+    ...e
+  }, r = /* @__PURE__ */ n(function(...s) {
+    if (e.implicit) {
+      let u = ("__STORYBOOK_PREVIEW__" in R ? 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, y = s.map(F), D = s.length > 1 ? y : y[0], k = {
+      id: c,
+      count: 0,
+      data: { name: t, args: D },
+      options: {
+        ...o,
+        maxDepth: p + (o.depth || 3)
+      }
+    };
+    a.emit(b, k);
+  }, "actionHandler");
+  return r.isAction = !0, r.implicit = e.implicit, r;
+}
+n(g, "action");
+
+// src/actions/addArgsHelpers.ts
+var v = /* @__PURE__ */ n((t, e) => typeof e[t] > "u" && !(t in e), "isInInitialArgs"), w = /* @__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, y]) => (v(p, e) && (c[p] = g(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]) => (v(a, e) && (s[a] = g(typeof c.action ==
+  "string" ? c.action : a)), s), {});
+}, "addActionsFromArgTypes");
+
+// src/actions/addArgs.ts
+var W = [
+  T,
+  w
+];
+
+// 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))) && g(i)(r);
+  }), _ = !0);
+}, "logActionsWhenMockCalled"), V = [L];
+
+// src/actions/preview.ts
+var dt = /* @__PURE__ */ n(() => N({
+  ...l,
+  ...f
+}), "default");
+export {
+  dt as default
+};