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

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

@@ -1,8 +1,7 @@
 <base target="_parent" />
 
 <style>
-  /* While we aren't showing the main block yet, but still preparing, we want everything the user
-     has rendered, which may or may not be in #storybook-root, to be display none */
+  /* While we aren't showing the main block yet, but still preparing, we want everything the user has rendered, which may or may not be in #storybook-root, to be display none */
   .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {
     display: none;
   }
@@ -437,7 +436,6 @@
 
 <script>
   /* globals window */
-  /* eslint-disable no-underscore-dangle */
   try {
     if (window.top !== window) {
       window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;

package/dist/actions/decorator.js

@@ -1,18 +1,17 @@
-var j = Object.defineProperty;
-var r = (e, o) => j(e, "name", { value: o, configurable: !0 });
+var R = Object.defineProperty;
+var r = (e, o) => R(e, "name", { value: o, configurable: !0 });
 
 // src/actions/decorator.ts
-import { global as F } from "@storybook/global";
-import { makeDecorator as M, useEffect as C } from "storybook/preview-api";
+import { makeDecorator as T, useEffect as k } from "storybook/preview-api";
 
 // src/actions/constants.ts
-var h = "actions", y = "storybook/actions", L = `${y}/panel`, g = `${y}/action-event`, W = `${y}/action-clear`;
+var h = "actions", y = "storybook/actions", B = `${y}/panel`, g = `${y}/action-event`, H = `${y}/action-clear`;
 
 // src/actions/runtime/action.ts
-import { ImplicitActionsDuringRendering as S } from "storybook/internal/preview-errors";
+import { ImplicitActionsDuringRendering as D } from "storybook/internal/preview-errors";
 import { global as E } from "@storybook/global";
-import { addons as I } from "storybook/preview-api";
-import { v4 as P } from "uuid";
+import { addons as j } from "storybook/preview-api";
+import { v4 as S } from "uuid";
 
 // src/actions/runtime/configureActions.ts
 var a = {
@@ -25,9 +24,9 @@ var a = {
 var A = /* @__PURE__ */ r((e, o) => {
   let t = Object.getPrototypeOf(e);
   return !t || o(t) ? t : A(t, o);
-}, "findProto"), x = /* @__PURE__ */ r((e) => !!(typeof e == "object" && e && A(e, (o) => /^Synthetic(?:Base)?Event$/.test(o.constructor.name)) &&
-typeof e.persist == "function"), "isReactSyntheticEvent"), k = /* @__PURE__ */ r((e) => {
-  if (x(e)) {
+}, "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(
       e.constructor.prototype,
       Object.getOwnPropertyDescriptors(e)
@@ -40,7 +39,7 @@ typeof e.persist == "function"), "isReactSyntheticEvent"), k = /* @__PURE__ */ r
     }), o;
   }
   return e;
-}, "serializeArg"), T = /* @__PURE__ */ r(() => typeof crypto == "object" && typeof crypto.getRandomValues == "function" ? P() : (
+}, "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");
@@ -50,34 +49,31 @@ function O(e, o = {}) {
     ...o
   }, n = /* @__PURE__ */ r(function(...i) {
     if (o.implicit) {
-      let u = ("__STORYBOOK_PREVIEW__" in E ? (
-        // eslint-disable-next-line no-underscore-dangle
-        E.__STORYBOOK_PREVIEW__
-      ) : void 0)?.storyRenders.find(
+      let d = ("__STORYBOOK_PREVIEW__" in E ? E.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
         (c) => c.phase === "playing" || c.phase === "rendering"
       );
-      if (u) {
-        let c = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, d = new S({
-          phase: u.phase,
+      if (d) {
+        let c = !globalThis?.FEATURES?.disallowImplicitActionsInRenderV8, u = new D({
+          phase: d.phase,
           name: e,
           deprecated: c
         });
         if (c)
-          console.warn(d);
+          console.warn(u);
         else
-          throw d;
+          throw u;
       }
     }
-    let m = I.getChannel(), p = T(), l = 5, f = i.map(k), R = i.length > 1 ? f : f[0], D = {
+    let m = j.getChannel(), p = x(), l = 5, f = i.map(P), w = i.length > 1 ? f : f[0], _ = {
       id: p,
       count: 0,
-      data: { name: e, args: R },
+      data: { name: e, args: w },
       options: {
         ...t,
         maxDepth: l + (t.depth || 3)
       }
     };
-    m.emit(g, D);
+    m.emit(g, _);
   }, "actionHandler");
   return n.isAction = !0, n.implicit = o.implicit, n;
 }
@@ -101,38 +97,38 @@ var b = /* @__PURE__ */ r((...e) => {
 }, "actions");
 
 // src/actions/decorator.ts
-var { document: v, Element: w } = F, N = /^(\S+)\s*(.*)$/, V = w != null && !w.prototype.matches, Y = V ? "msMatchesSelector" : "matches", _ = /* @__PURE__ */ r(
+var F = /^(\S+)\s*(.*)$/, M = Element != null && !Element.prototype.matches, C = M ? "msMatchesSelector" : "matches", v = /* @__PURE__ */ r(
 (e, o) => {
-  if (e[Y](o))
+  if (e[C](o))
     return !0;
   let t = e.parentElement;
-  return t ? _(t, o) : !1;
-}, "hasMatchInAncestry"), $ = /* @__PURE__ */ r((e, ...o) => {
+  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(N) || [];
+    let [i, m, p] = n.match(F) || [];
     return {
       eventName: m,
       handler: /* @__PURE__ */ r((l) => {
-        (!p || _(l.target, p)) && s(l);
+        (!p || v(l.target, p)) && s(l);
       }, "handler")
     };
   });
-}, "createHandlers"), B = /* @__PURE__ */ r((e, ...o) => {
-  let t = v && v.getElementById("storybook-root");
-  C(() => {
-    if (t != null) {
-      let n = $(e, ...o);
+}, "createHandlers"), V = /* @__PURE__ */ r((e, ...o) => {
+  let t = typeof globalThis.document < "u" && globalThis.document.getElementById("storybook-root");
+  k(() => {
+    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(
       s, i));
     }
   }, [t, e, o]);
-}, "applyEventHandlers"), mt = M({
+}, "applyEventHandlers"), ct = T({
   name: "withActions",
   parameterName: h,
   skipIfNoParametersOrOptions: !0,
-  wrapper: /* @__PURE__ */ r((e, o, { parameters: t }) => (t?.handles && B(b, ...t.handles), e(o)), "wrapper")
+  wrapper: /* @__PURE__ */ r((e, o, { parameters: t }) => (t?.handles && V(b, ...t.handles), e(o)), "wrapper")
 });
 export {
-  mt as withActions
+  ct as withActions
 };

package/dist/actions/index.cjs

@@ -75,10 +75,7 @@ function l(t, o = {}) {
     ...o
   }, e = /* @__PURE__ */ r(function(...c) {
     if (o.implicit) {
-      let d = ("__STORYBOOK_PREVIEW__" in f.global ? (
-        // eslint-disable-next-line no-underscore-dangle
-        f.global.__STORYBOOK_PREVIEW__
-      ) : void 0)?.storyRenders.find(
+      let d = ("__STORYBOOK_PREVIEW__" in f.global ? f.global.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
         (p) => p.phase === "playing" || p.phase === "rendering"
       );
       if (d) {

package/dist/actions/index.js

@@ -48,10 +48,7 @@ function g(o, n = {}) {
     ...n
   }, e = /* @__PURE__ */ r(function(...i) {
     if (n.implicit) {
-      let y = ("__STORYBOOK_PREVIEW__" in u ? (
-        // eslint-disable-next-line no-underscore-dangle
-        u.__STORYBOOK_PREVIEW__
-      ) : void 0)?.storyRenders.find(
+      let y = ("__STORYBOOK_PREVIEW__" in u ? u.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
         (s) => s.phase === "playing" || s.phase === "rendering"
       );
       if (y) {

package/dist/actions/preview.cjs

@@ -71,10 +71,7 @@ function g(e, t = {}) {
     ...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(
+      let x = ("__STORYBOOK_PREVIEW__" in u.global ? u.global.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
         (d) => d.phase === "playing" || d.phase === "rendering"
       );
       if (x) {

package/dist/actions/preview.js

@@ -59,10 +59,7 @@ function g(t, 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(
+      let u = ("__STORYBOOK_PREVIEW__" in R ? R.__STORYBOOK_PREVIEW__ : void 0)?.storyRenders.find(
         (d) => d.phase === "playing" || d.phase === "rendering"
       );
       if (u) {