storybook 9.1.0-alpha.6 → 9.1.0-alpha.8

package/dist/preview-api/index.d.ts

@@ -397,7 +397,10 @@ declare function setProjectAnnotations<TRenderer extends Renderer = Renderer>(pr
 declare function composeStory<TRenderer extends Renderer = Renderer, TArgs extends Args = Args>(storyAnnotations: LegacyStoryAnnotationsOrFn<TRenderer>, componentAnnotations: ComponentAnnotations<TRenderer, TArgs>, projectAnnotations?: ProjectAnnotations<TRenderer>, defaultConfig?: ProjectAnnotations<TRenderer>, exportsName?: string): ComposedStoryFn<TRenderer, Partial<TArgs>>;
 declare function composeStories<TModule extends Store_CSFExports>(storiesImport: TModule, globalConfig: ProjectAnnotations<Renderer>, composeStoryFn?: ComposeStoryFn): {};
 type WrappedStoryRef = {
-    __pw_type: 'jsx' | 'importRef';
+    __pw_type: 'jsx';
+    props: Record<string, any>;
+} | {
+    __pw_type: 'importRef';
 };
 type UnwrappedJSXStoryRef = {
     __pw_type: 'jsx';

package/dist/preview-api/index.js

@@ -3489,15 +3489,16 @@ function Zs(r) {
 
               More info: https://storybook.js.org/docs/api/portable-stories-playwright
             `);
-        await t.evaluate(async (l) => {
-          let c = await globalThis.__pwUnwrapObject?.(l);
-          return ("__pw_type" in c ? c.type : c)?.load?.();
-        }, s);
-        let a = await e(s, ...i);
-        return await t.evaluate(async (l) => {
-          let c = await globalThis.__pwUnwrapObject?.(l), d = "__pw_type" in c ? c.type : c, p = document.querySelector("#root");
-          return d?.play?.({ canvasElement: p });
-        }, s), a;
+        let { props: a, ...l } = s;
+        await t.evaluate(async (d) => {
+          let p = await globalThis.__pwUnwrapObject?.(d);
+          return ("__pw_type" in p ? p.type : p)?.load?.();
+        }, l);
+        let c = await e(s, ...i);
+        return await t.evaluate(async (d) => {
+          let p = await globalThis.__pwUnwrapObject?.(d), u = "__pw_type" in p ? p.type : p, y = document.querySelector("#root");
+          return u?.play?.({ canvasElement: y });
+        }, l), c;
       });
     }, "mount")
   });
@@ -3969,7 +3970,7 @@ var Jr = class Jr {
         v.reason && E.add(v.reason);
       }, "onUnhandledRejection");
       if (this.renderOptions.autoplay && t && g && this.phase !== "errored") {
-        window.addEventListener("error", D), window.addEventListener("unhandledrejection", k), this.disableKeyListeners = !0;
+        window?.addEventListener?.("error", D), window?.addEventListener?.("unhandledrejection", k), this.disableKeyListeners = !0;
         try {
           if (x ? await g(f) : (f.mount = async () => {
             throw new fi({ playFunction: g.toString() });
@@ -3986,7 +3987,8 @@ var Jr = class Jr {
         if (!w && E.size > 0 && this.channel.emit(
           ui,
           Array.from(E).map(Oo)
-        ), this.disableKeyListeners = !1, window.removeEventListener("unhandledrejection", k), window.removeEventListener("error", D), m.aborted)
+        ), this.disableKeyListeners = !1, window?.removeEventListener?.("unhandledrejection", k), window?.removeEventListener?.("error", D),
+        m.aborted)
           return;
       }
       await this.runPhase(m, "completing", async () => {
@@ -4053,7 +4055,7 @@ var Jr = class Jr {
       }
       await new Promise((t) => setTimeout(t, 0));
     }
-    window.location.reload(), await new Promise(() => {
+    window?.location?.reload?.(), await new Promise(() => {
     });
   }
 };