storybook 9.0.0-beta.1 → 9.0.0-beta.11

package/assets/server/base-preview-head.html

@@ -197,7 +197,8 @@
     line-height: 19px;
     border-radius: 4px;
 
-    font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
+    font-family:
+      'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
       'Lucida Console', Consolas, Monaco, monospace;
     margin: 0;
     overflow: auto;

package/dist/actions/decorator.js

@@ -1,17 +1,16 @@
-var R = Object.defineProperty;
-var r = (e, o) => R(e, "name", { value: o, configurable: !0 });
+var D = Object.defineProperty;
+var r = (e, n) => D(e, "name", { value: n, configurable: !0 });
 
 // src/actions/decorator.ts
-import { makeDecorator as T, useEffect as k } from "storybook/preview-api";
+import { makeDecorator as P, useEffect as x } from "storybook/preview-api";
 
 // src/actions/constants.ts
-var h = "actions", y = "storybook/actions", B = `${y}/panel`, g = `${y}/action-event`, H = `${y}/action-clear`;
+var h = "actions", y = "storybook/actions", $ = `${y}/panel`, g = `${y}/action-event`, B = `${y}/action-clear`;
 
 // src/actions/runtime/action.ts
-import { ImplicitActionsDuringRendering as D } from "storybook/internal/preview-errors";
+import { ImplicitActionsDuringRendering as R } from "storybook/internal/preview-errors";
 import { global as E } from "@storybook/global";
-import { addons as j } from "storybook/preview-api";
-import { v4 as S } from "uuid";
+import { addons as S } from "storybook/preview-api";
 
 // src/actions/runtime/configureActions.ts
 var a = {
@@ -21,39 +20,36 @@ var a = {
 };
 
 // src/actions/runtime/action.ts
-var A = /* @__PURE__ */ r((e, o) => {
+var A = /* @__PURE__ */ r((e, n) => {
   let t = Object.getPrototypeOf(e);
-  return !t || o(t) ? t : A(t, o);
-}, "findProto"), I = /* @__PURE__ */ r((e) => !!(typeof e == "object" && e && A(e, (o) => /^Synthetic(?:Base)?Event$/.test(o.constructor.name)) &&
-typeof e.persist == "function"), "isReactSyntheticEvent"), P = /* @__PURE__ */ r((e) => {
-  if (I(e)) {
-    let o = Object.create(
+  return !t || n(t) ? t : A(t, n);
+}, "findProto"), j = /* @__PURE__ */ r((e) => !!(typeof e == "object" && e && A(e, (n) => /^Synthetic(?:Base)?Event$/.test(n.constructor.name)) &&
+typeof e.persist == "function"), "isReactSyntheticEvent"), I = /* @__PURE__ */ r((e) => {
+  if (j(e)) {
+    let n = Object.create(
       e.constructor.prototype,
       Object.getOwnPropertyDescriptors(e)
     );
-    o.persist();
-    let t = Object.getOwnPropertyDescriptor(o, "view"), n = t?.value;
-    return typeof n == "object" && n?.constructor.name === "Window" && Object.defineProperty(o, "view", {
+    n.persist();
+    let t = Object.getOwnPropertyDescriptor(n, "view"), o = t?.value;
+    return typeof o == "object" && o?.constructor.name === "Window" && Object.defineProperty(n, "view", {
       ...t,
-      value: Object.create(n.constructor.prototype)
-    }), o;
+      value: Object.create(o.constructor.prototype)
+    }), n;
   }
   return e;
-}, "serializeArg"), x = /* @__PURE__ */ r(() => typeof crypto == "object" && typeof crypto.getRandomValues == "function" ? S() : (
-  // pseudo random id, example response lo1e7zm4832bkr7yfl7
-  Date.now().toString(36) + Math.random().toString(36).substring(2)
-), "generateId");
-function O(e, o = {}) {
+}, "serializeArg");
+function O(e, n = {}) {
   let t = {
     ...a,
-    ...o
-  }, n = /* @__PURE__ */ r(function(...i) {
-    if (o.implicit) {
+    ...n
+  }, o = /* @__PURE__ */ r(function(...i) {
+    if (n.implicit) {
       let d = ("__STORYBOOK_PREVIEW__" in E ? E.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
         (c) => c.phase === "playing" || c.phase === "rendering"
       );
       if (d) {
-        let c = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, u = new D({
+        let c = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, u = new R({
           phase: d.phase,
           name: e,
           deprecated: c
@@ -64,7 +60,8 @@ function O(e, o = {}) {
           throw u;
       }
     }
-    let m = j.getChannel(), p = x(), l = 5, f = i.map(P), w = i.length > 1 ? f : f[0], _ = {
+    let m = S.getChannel(), p = Date.now().toString(36) + Math.random().toString(36).substring(2), l = 5, f = i.map(I), w = i.length > 1 ? f :
+    f[0], _ = {
       id: p,
       count: 0,
       data: { name: e, args: w },
@@ -75,38 +72,38 @@ function O(e, o = {}) {
     };
     m.emit(g, _);
   }, "actionHandler");
-  return n.isAction = !0, n.implicit = o.implicit, n;
+  return o.isAction = !0, o.implicit = n.implicit, o;
 }
 r(O, "action");
 
 // src/actions/runtime/actions.ts
 var b = /* @__PURE__ */ r((...e) => {
-  let o = a, t = e;
-  t.length === 1 && Array.isArray(t[0]) && ([t] = t), t.length !== 1 && typeof t[t.length - 1] != "string" && (o = {
+  let n = a, t = e;
+  t.length === 1 && Array.isArray(t[0]) && ([t] = t), t.length !== 1 && typeof t[t.length - 1] != "string" && (n = {
     ...a,
     ...t.pop()
   });
-  let n = t[0];
-  (t.length !== 1 || typeof n == "string") && (n = {}, t.forEach((i) => {
-    n[i] = i;
+  let o = t[0];
+  (t.length !== 1 || typeof o == "string") && (o = {}, t.forEach((i) => {
+    o[i] = i;
   }));
   let s = {};
-  return Object.keys(n).forEach((i) => {
-    s[i] = O(n[i], o);
+  return Object.keys(o).forEach((i) => {
+    s[i] = O(o[i], n);
   }), s;
 }, "actions");
 
 // src/actions/decorator.ts
-var F = /^(\S+)\s*(.*)$/, M = Element != null && !Element.prototype.matches, C = M ? "msMatchesSelector" : "matches", v = /* @__PURE__ */ r(
-(e, o) => {
-  if (e[C](o))
+var T = /^(\S+)\s*(.*)$/, k = Element != null && !Element.prototype.matches, F = k ? "msMatchesSelector" : "matches", v = /* @__PURE__ */ r(
+(e, n) => {
+  if (e[F](n))
     return !0;
   let t = e.parentElement;
-  return t ? v(t, o) : !1;
-}, "hasMatchInAncestry"), N = /* @__PURE__ */ r((e, ...o) => {
-  let t = e(...o);
-  return Object.entries(t).map(([n, s]) => {
-    let [i, m, p] = n.match(F) || [];
+  return t ? v(t, n) : !1;
+}, "hasMatchInAncestry"), M = /* @__PURE__ */ r((e, ...n) => {
+  let t = e(...n);
+  return Object.entries(t).map(([o, s]) => {
+    let [i, m, p] = o.match(T) || [];
     return {
       eventName: m,
       handler: /* @__PURE__ */ r((l) => {
@@ -114,21 +111,21 @@ var F = /^(\S+)\s*(.*)$/, M = Element != null && !Element.prototype.matches, C =
       }, "handler")
     };
   });
-}, "createHandlers"), V = /* @__PURE__ */ r((e, ...o) => {
+}, "createHandlers"), C = /* @__PURE__ */ r((e, ...n) => {
   let t = typeof globalThis.document < "u" && globalThis.document.getElementById("storybook-root");
-  k(() => {
+  x(() => {
     if (t) {
-      let n = N(e, ...o);
-      return n.forEach(({ eventName: s, handler: i }) => t.addEventListener(s, i)), () => n.forEach(({ eventName: s, handler: i }) => t.removeEventListener(
+      let o = M(e, ...n);
+      return o.forEach(({ eventName: s, handler: i }) => t.addEventListener(s, i)), () => o.forEach(({ eventName: s, handler: i }) => t.removeEventListener(
       s, i));
     }
-  }, [t, e, o]);
-}, "applyEventHandlers"), ct = T({
+  }, [t, e, n]);
+}, "applyEventHandlers"), rt = P({
   name: "withActions",
   parameterName: h,
   skipIfNoParametersOrOptions: !0,
-  wrapper: /* @__PURE__ */ r((e, o, { parameters: t }) => (t?.handles && V(b, ...t.handles), e(o)), "wrapper")
+  wrapper: /* @__PURE__ */ r((e, n, { parameters: t }) => (t?.handles && C(b, ...t.handles), e(n)), "wrapper")
 });
 export {
-  ct as withActions
+  rt as withActions
 };

package/dist/actions/index.cjs

@@ -1,58 +1,58 @@
 "use strict";
 var a = Object.defineProperty;
-var x = Object.getOwnPropertyDescriptor;
-var R = Object.getOwnPropertyNames;
-var j = Object.prototype.hasOwnProperty;
-var r = (t, o) => a(t, "name", { value: o, configurable: !0 });
-var I = (t, o) => {
+var D = Object.getOwnPropertyDescriptor;
+var x = Object.getOwnPropertyNames;
+var R = Object.prototype.hasOwnProperty;
+var i = (t, o) => a(t, "name", { value: o, configurable: !0 });
+var j = (t, o) => {
   for (var n in o)
     a(t, n, { get: o[n], enumerable: !0 });
 }, P = (t, o, n, e) => {
   if (o && typeof o == "object" || typeof o == "function")
-    for (let i of R(o))
-      !j.call(t, i) && i !== n && a(t, i, { get: () => o[i], enumerable: !(e = x(o, i)) || e.enumerable });
+    for (let r of x(o))
+      !R.call(t, r) && r !== n && a(t, r, { get: () => o[r], enumerable: !(e = D(o, r)) || e.enumerable });
   return t;
 };
 var S = (t) => P(a({}, "__esModule", { value: !0 }), t);
 
 // src/actions/index.ts
-var K = {};
-I(K, {
-  ADDON_ID: () => m,
-  CLEAR_ID: () => C,
-  CYCLIC_KEY: () => F,
-  EVENT_ID: () => y,
-  PANEL_ID: () => k,
-  PARAM_KEY: () => T,
-  action: () => l,
-  actions: () => B,
+var $ = {};
+j($, {
+  ADDON_ID: () => l,
+  CLEAR_ID: () => k,
+  CYCLIC_KEY: () => C,
+  EVENT_ID: () => m,
+  PANEL_ID: () => T,
+  PARAM_KEY: () => I,
+  action: () => f,
+  actions: () => Y,
   config: () => s,
-  configureActions: () => V
+  configureActions: () => F
 });
-module.exports = S(K);
+module.exports = S($);
 
 // src/actions/constants.ts
-var T = "actions", m = "storybook/actions", k = `${m}/panel`, y = `${m}/action-event`, C = `${m}/action-clear`, F = "$___storybook.isCyclic";
+var I = "actions", l = "storybook/actions", T = `${l}/panel`, m = `${l}/action-event`, k = `${l}/action-clear`, C = "$___storybook.isCyclic";
 
 // src/actions/runtime/action.ts
-var A = require("storybook/internal/preview-errors"), f = require("@storybook/global"), O = require("storybook/preview-api"), h = require("uuid");
+var A = require("storybook/internal/preview-errors"), y = require("@storybook/global"), O = require("storybook/preview-api");
 
 // src/actions/runtime/configureActions.ts
 var s = {
   depth: 10,
   clearOnStoryChange: !0,
   limit: 50
-}, V = /* @__PURE__ */ r((t = {}) => {
+}, F = /* @__PURE__ */ i((t = {}) => {
   Object.assign(s, t);
 }, "configureActions");
 
 // src/actions/runtime/action.ts
-var b = /* @__PURE__ */ r((t, o) => {
+var h = /* @__PURE__ */ i((t, o) => {
   let n = Object.getPrototypeOf(t);
-  return !n || o(n) ? n : b(n, o);
-}, "findProto"), W = /* @__PURE__ */ r((t) => !!(typeof t == "object" && t && b(t, (o) => /^Synthetic(?:Base)?Event$/.test(o.constructor.name)) &&
-typeof t.persist == "function"), "isReactSyntheticEvent"), Y = /* @__PURE__ */ r((t) => {
-  if (W(t)) {
+  return !n || o(n) ? n : h(n, o);
+}, "findProto"), V = /* @__PURE__ */ i((t) => !!(typeof t == "object" && t && h(t, (o) => /^Synthetic(?:Base)?Event$/.test(o.constructor.name)) &&
+typeof t.persist == "function"), "isReactSyntheticEvent"), W = /* @__PURE__ */ i((t) => {
+  if (V(t)) {
     let o = Object.create(
       t.constructor.prototype,
       Object.getOwnPropertyDescriptors(t)
@@ -65,22 +65,19 @@ typeof t.persist == "function"), "isReactSyntheticEvent"), Y = /* @__PURE__ */ r
     }), o;
   }
   return t;
-}, "serializeArg"), $ = /* @__PURE__ */ r(() => typeof crypto == "object" && typeof crypto.getRandomValues == "function" ? (0, h.v4)() : (
-  // pseudo random id, example response lo1e7zm4832bkr7yfl7
-  Date.now().toString(36) + Math.random().toString(36).substring(2)
-), "generateId");
-function l(t, o = {}) {
+}, "serializeArg");
+function f(t, o = {}) {
   let n = {
     ...s,
     ...o
-  }, e = /* @__PURE__ */ r(function(...c) {
+  }, e = /* @__PURE__ */ i(function(...c) {
     if (o.implicit) {
-      let d = ("__STORYBOOK_PREVIEW__" in f.global ? f.global.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
+      let u = ("__STORYBOOK_PREVIEW__" in y.global ? y.global.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
         (p) => p.phase === "playing" || p.phase === "rendering"
       );
-      if (d) {
+      if (u) {
         let p = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, g = new A.ImplicitActionsDuringRendering({
-          phase: d.phase,
+          phase: u.phase,
           name: t,
           deprecated: p
         });
@@ -90,8 +87,9 @@ function l(t, o = {}) {
           throw g;
       }
     }
-    let E = O.addons.getChannel(), v = $(), w = 5, u = c.map(Y), _ = c.length > 1 ? u : u[0], D = {
-      id: v,
+    let E = O.addons.getChannel(), b = Date.now().toString(36) + Math.random().toString(36).substring(2), w = 5, d = c.map(W), _ = c.length >
+    1 ? d : d[0], v = {
+      id: b,
       count: 0,
       data: { name: t, args: _ },
       options: {
@@ -99,14 +97,14 @@ function l(t, o = {}) {
         maxDepth: w + (n.depth || 3)
       }
     };
-    E.emit(y, D);
+    E.emit(m, v);
   }, "actionHandler");
   return e.isAction = !0, e.implicit = o.implicit, e;
 }
-r(l, "action");
+i(f, "action");
 
 // src/actions/runtime/actions.ts
-var B = /* @__PURE__ */ r((...t) => {
+var Y = /* @__PURE__ */ i((...t) => {
   let o = s, n = t;
   n.length === 1 && Array.isArray(n[0]) && ([n] = n), n.length !== 1 && typeof n[n.length - 1] != "string" && (o = {
     ...s,
@@ -116,8 +114,8 @@ var B = /* @__PURE__ */ r((...t) => {
   (n.length !== 1 || typeof e == "string") && (e = {}, n.forEach((c) => {
     e[c] = c;
   }));
-  let i = {};
+  let r = {};
   return Object.keys(e).forEach((c) => {
-    i[c] = l(e[c], o);
-  }), i;
+    r[c] = f(e[c], o);
+  }), r;
 }, "actions");

package/dist/actions/index.js

@@ -1,31 +1,30 @@
-var v = Object.defineProperty;
-var r = (o, n) => v(o, "name", { value: n, configurable: !0 });
+var w = Object.defineProperty;
+var i = (o, n) => w(o, "name", { value: n, configurable: !0 });
 
 // src/actions/constants.ts
-var S = "actions", a = "storybook/actions", T = `${a}/panel`, l = `${a}/action-event`, k = `${a}/action-clear`, C = "$___storybook.isCyclic";
+var P = "actions", a = "storybook/actions", S = `${a}/panel`, f = `${a}/action-event`, I = `${a}/action-clear`, T = "$___storybook.isCyclic";
 
 // src/actions/runtime/action.ts
-import { ImplicitActionsDuringRendering as w } from "storybook/internal/preview-errors";
-import { global as u } from "@storybook/global";
-import { addons as _ } from "storybook/preview-api";
-import { v4 as D } from "uuid";
+import { ImplicitActionsDuringRendering as _ } from "storybook/internal/preview-errors";
+import { global as d } from "@storybook/global";
+import { addons as v } from "storybook/preview-api";
 
 // src/actions/runtime/configureActions.ts
 var c = {
   depth: 10,
   clearOnStoryChange: !0,
   limit: 50
-}, V = /* @__PURE__ */ r((o = {}) => {
+}, C = /* @__PURE__ */ i((o = {}) => {
   Object.assign(c, o);
 }, "configureActions");
 
 // src/actions/runtime/action.ts
-var d = /* @__PURE__ */ r((o, n) => {
+var u = /* @__PURE__ */ i((o, n) => {
   let t = Object.getPrototypeOf(o);
-  return !t || n(t) ? t : d(t, n);
-}, "findProto"), x = /* @__PURE__ */ r((o) => !!(typeof o == "object" && o && d(o, (n) => /^Synthetic(?:Base)?Event$/.test(n.constructor.name)) &&
-typeof o.persist == "function"), "isReactSyntheticEvent"), R = /* @__PURE__ */ r((o) => {
-  if (x(o)) {
+  return !t || n(t) ? t : u(t, n);
+}, "findProto"), D = /* @__PURE__ */ i((o) => !!(typeof o == "object" && o && u(o, (n) => /^Synthetic(?:Base)?Event$/.test(n.constructor.name)) &&
+typeof o.persist == "function"), "isReactSyntheticEvent"), x = /* @__PURE__ */ i((o) => {
+  if (D(o)) {
     let n = Object.create(
       o.constructor.prototype,
       Object.getOwnPropertyDescriptors(o)
@@ -38,71 +37,69 @@ typeof o.persist == "function"), "isReactSyntheticEvent"), R = /* @__PURE__ */ r
     }), n;
   }
   return o;
-}, "serializeArg"), j = /* @__PURE__ */ r(() => typeof crypto == "object" && typeof crypto.getRandomValues == "function" ? D() : (
-  // pseudo random id, example response lo1e7zm4832bkr7yfl7
-  Date.now().toString(36) + Math.random().toString(36).substring(2)
-), "generateId");
+}, "serializeArg");
 function g(o, n = {}) {
   let t = {
     ...c,
     ...n
-  }, e = /* @__PURE__ */ r(function(...i) {
+  }, e = /* @__PURE__ */ i(function(...r) {
     if (n.implicit) {
-      let y = ("__STORYBOOK_PREVIEW__" in u ? u.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
+      let m = ("__STORYBOOK_PREVIEW__" in d ? d.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
         (s) => s.phase === "playing" || s.phase === "rendering"
       );
-      if (y) {
-        let s = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, f = new w({
-          phase: y.phase,
+      if (m) {
+        let s = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, y = new _({
+          phase: m.phase,
           name: o,
           deprecated: s
         });
         if (s)
-          console.warn(f);
+          console.warn(y);
         else
-          throw f;
+          throw y;
       }
     }
-    let A = _.getChannel(), O = j(), h = 5, m = i.map(R), b = i.length > 1 ? m : m[0], E = {
+    let A = v.getChannel(), O = Date.now().toString(36) + Math.random().toString(36).substring(2), h = 5, l = r.map(x), E = r.length > 1 ? l :
+    l[0], b = {
       id: O,
       count: 0,
-      data: { name: o, args: b },
+      data: { name: o, args: E },
       options: {
         ...t,
         maxDepth: h + (t.depth || 3)
       }
     };
-    A.emit(l, E);
+    A.emit(f, b);
   }, "actionHandler");
   return e.isAction = !0, e.implicit = n.implicit, e;
 }
-r(g, "action");
+i(g, "action");
 
 // src/actions/runtime/actions.ts
-var G = /* @__PURE__ */ r((...o) => {
+var L = /* @__PURE__ */ i((...o) => {
   let n = c, t = o;
   t.length === 1 && Array.isArray(t[0]) && ([t] = t), t.length !== 1 && typeof t[t.length - 1] != "string" && (n = {
     ...c,
     ...t.pop()
   });
   let e = t[0];
-  (t.length !== 1 || typeof e == "string") && (e = {}, t.forEach((i) => {
-    e[i] = i;
+  (t.length !== 1 || typeof e == "string") && (e = {}, t.forEach((r) => {
+    e[r] = r;
   }));
   let p = {};
-  return Object.keys(e).forEach((i) => {
-    p[i] = g(e[i], n);
+  return Object.keys(e).forEach((r) => {
+    p[r] = g(e[r], n);
   }), p;
 }, "actions");
 export {
   a as ADDON_ID,
-  k as CLEAR_ID,
-  C as CYCLIC_KEY,
-  l as EVENT_ID,
-  T as PANEL_ID,
-  S as PARAM_KEY,
+  I as CLEAR_ID,
+  T as CYCLIC_KEY,
+  f as EVENT_ID,
+  S as PANEL_ID,
+  P as PARAM_KEY,
   g as action,
-  G as actions,
+  L as actions,
   c as config,
-  V as configureActions
+  C as configureActions
 };