storybook 9.0.14 → 9.0.16

package/dist/core-server/presets/common-manager.js

@@ -5872,8 +5872,13 @@ var Kn = class Kn extends Ut {
     document.removeEventListener("keydown", this.onKeydown);
   }
   onKeydown(t) {
-    t.altKey || t.ctrlKey || t.metaKey || t.shiftKey || t.repeat || ((t.code === "Enter" || t.key === "Enter") && (t.preventDefault(), this.
-    onSubmit()), (t.code === "Escape" || t.key === "Escape") && (t.preventDefault(), this.props.handleCancel()));
+    if (t.altKey || t.ctrlKey || t.metaKey || t.shiftKey || t.repeat)
+      return;
+    let { inputRefKey: r, inputRefValue: o } = this.state, { addButtonElement: n, handleCancel: i } = this.props;
+    [r, o, n].some(
+      (l) => l === t.target
+    ) && ((t.code === "Enter" || t.key === "Enter") && (t.preventDefault(), this.onSubmit()), (t.code === "Escape" || t.key === "Escape") &&
+    (t.preventDefault(), i()));
   }
   onSubmit() {
     let { handleAdd: t, onlyValue: r, onSubmitValueParser: o, keyPath: n, deep: i } = this.props, { inputRefKey: s, inputRefValue: l } = this.
@@ -6148,8 +6153,9 @@ var Xn = class Xn extends Ut {
     document.removeEventListener("keydown", this.onKeydown);
   }
   onKeydown(t) {
-    t.altKey || t.ctrlKey || t.metaKey || t.shiftKey || t.repeat || ((t.code === "Enter" || t.key === "Enter") && (t.preventDefault(), this.
-    handleEdit()), (t.code === "Escape" || t.key === "Escape") && (t.preventDefault(), this.handleCancelEdit()));
+    let { inputRef: r } = this.state;
+    t.altKey || t.ctrlKey || t.metaKey || t.shiftKey || t.repeat || r !== t.target || ((t.code === "Enter" || t.key === "Enter") && (t.preventDefault(),
+    this.handleEdit()), (t.code === "Escape" || t.key === "Escape") && (t.preventDefault(), this.handleCancelEdit()));
   }
   handleEdit() {
     let { handleUpdateValue: t, originalValue: r, logger: o, onSubmitValueParser: n, keyPath: i } = this.props, { inputRef: s, name: l, deep: c } = this.
@@ -6771,8 +6777,9 @@ var ea = class ea extends Ut {
     document.removeEventListener("keydown", this.onKeydown);
   }
   onKeydown(t) {
-    t.altKey || t.ctrlKey || t.metaKey || t.shiftKey || t.repeat || ((t.code === "Enter" || t.key === "Enter") && (t.preventDefault(), this.
-    handleEdit()), (t.code === "Escape" || t.key === "Escape") && (t.preventDefault(), this.handleCancelEdit()));
+    let { inputRef: r } = this.state;
+    t.altKey || t.ctrlKey || t.metaKey || t.shiftKey || t.repeat || r !== t.target || ((t.code === "Enter" || t.key === "Enter") && (t.preventDefault(),
+    this.handleEdit()), (t.code === "Escape" || t.key === "Escape") && (t.preventDefault(), this.handleCancelEdit()));
   }
   handleEdit() {
     let { handleUpdateValue: t, originalValue: r, logger: o, onSubmitValueParser: n, keyPath: i } = this.props, { inputRef: s, name: l, deep: c } = this.

package/dist/manager/globals-runtime.js

@@ -16957,7 +16957,8 @@ var Hy, tW, ro, cs, h3e, g3e, HA, rW = k(() => {
   ), g3e = L.div(
     ({ hidden: e }) => ({
       display: e ? "none" : "inline-block",
-      zIndex: 2147483647
+      zIndex: 2147483647,
+      colorScheme: "light dark"
     }),
     ({ theme: e, color: t, hasChrome: r }) => r ? {
       background: t && e.color[t] || t || e.base === "light" ? Gi(e.background.app) : e.background.app,
@@ -46563,7 +46564,7 @@ var hU = dr({
     }
   })
 ), gU = /* @__PURE__ */ a((e) => /* @__PURE__ */ Ka.default.createElement(oA, { asChild: !0 }, /* @__PURE__ */ Ka.default.createElement(jp, {
-...e }, /* @__PURE__ */ Ka.default.createElement(dT, null))), "CloseButton"), V_e = L.div({
+"aria-label": "Close", ...e }, /* @__PURE__ */ Ka.default.createElement(dT, null))), "CloseButton"), V_e = L.div({
   display: "flex",
   flexDirection: "column",
   margin: 16,
@@ -51527,7 +51528,7 @@ Ct();
 var BK = N(Va(), 1), An = N(DK(), 1);
 
 // src/manager-api/version.ts
-var FK = "9.0.14";
+var FK = "9.0.16";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK: QIe } = Z, jK = (0, BK.default)(1)(() => {

package/dist/manager/runtime.js

@@ -4634,6 +4634,7 @@ startsWith: !1 }, ({ match: t }) => /* @__PURE__ */ s.createElement(Kb, { shown:
     overflow: "hidden",
     display: "flex",
     flexDirection: "column",
+    colorScheme: "light dark",
     [Qe]: {
       display: "grid",
       gap: 0,
@@ -7030,9 +7031,9 @@ var Sc = (0, co.default)(1e3)((e, t) => t[e]), O0 = (0, co.default)(1e3)((e, t)
   (e, t) => Tc(t, e).map((o) => o.id)
 ), st = (0, co.default)(1e3)((e, t, o) => {
   let i = e[t];
-  return (i.type === "story" || i.type === "docs" ? [] : i.children).reduce((n, l) => {
-    let u = e[l];
-    return !u || o && (u.type === "story" || u.type === "docs") || n.push(l, ...st(e, l, o)), n;
+  return !i || i.type === "story" || i.type === "docs" || !i.children ? [] : i.children.reduce((r, n) => {
+    let l = e[n];
+    return !l || o && (l.type === "story" || l.type === "docs") || r.push(n, ...st(e, n, o)), r;
   }, []);
 });
 function Cc(e, t) {
@@ -11455,6 +11456,8 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${r.background.app})`,
   zIndex: 1,
   borderRadius: e.appBorderRadius,
   backgroundColor: e.background.content,
+  display: "flex",
+  flexDirection: "column-reverse",
   "&:hover #testing-module-collapse-toggle": {
     opacity: 1
   }
@@ -11581,24 +11584,8 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${r.background.app})`,
       updated: v,
       "data-updated": v
     },
-    /* @__PURE__ */ s.createElement($I, null, T && /* @__PURE__ */ s.createElement(
-      UI,
-      {
-        "data-testid": "collapse",
-        style: {
-          transition: E ? "max-height 250ms" : "max-height 0ms",
-          display: T ? "block" : "none",
-          maxHeight: y ? 0 : b
-        }
-      },
-      /* @__PURE__ */ s.createElement(GI, { ref: h }, Object.values(e).map((C) => {
-        let { render: P, id: D } = C;
-        return P ? /* @__PURE__ */ s.createElement(JI, { key: D, "data-module-id": D }, /* @__PURE__ */ s.createElement(P, null)) : (Fa.warn(
-          `No render function found for test provider with id '${D}', skipping...`
-        ), null);
-      }))
-    ), /* @__PURE__ */ s.createElement(qI, { ...T ? { onClick: /* @__PURE__ */ a((C) => O(C), "onClick") } : {} }, /* @__PURE__ */ s.createElement(
-    YI, null, T && /* @__PURE__ */ s.createElement(
+    /* @__PURE__ */ s.createElement($I, null, /* @__PURE__ */ s.createElement(qI, { ...T ? { onClick: /* @__PURE__ */ a((C) => O(C), "onClic\
+k") } : {} }, /* @__PURE__ */ s.createElement(YI, null, T && /* @__PURE__ */ s.createElement(
       ve,
       {
         hasChrome: !1,
@@ -11723,7 +11710,24 @@ ow, 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0px -5px 20px 10px ${r.background.app})`,
         },
         /* @__PURE__ */ s.createElement(Gn, null)
       )
-    ))))
+    ))), T && /* @__PURE__ */ s.createElement(
+      UI,
+      {
+        "data-testid": "collapse",
+        ...y && { inert: "" },
+        style: {
+          transition: E ? "max-height 250ms" : "max-height 0ms",
+          display: T ? "block" : "none",
+          maxHeight: y ? 0 : b
+        }
+      },
+      /* @__PURE__ */ s.createElement(GI, { ref: h }, Object.values(e).map((C) => {
+        let { render: P, id: D } = C;
+        return P ? /* @__PURE__ */ s.createElement(JI, { key: D, "data-module-id": D }, /* @__PURE__ */ s.createElement(P, null)) : (Fa.warn(
+          `No render function found for test provider with id '${D}', skipping...`
+        ), null);
+      }))
+    ))
   );
 }, "TestingModule");
 
@@ -12072,6 +12076,7 @@ var at = "storybook_internal", gS = x.nav(({ theme: e }) => ({
         /* @__PURE__ */ s.createElement(
           vS,
           {
+            "aria-label": "Create a new story",
             isMobile: w,
             onClick: () => {
               S(!0);

package/dist/manager-api/index.cjs

@@ -4403,7 +4403,7 @@ U(wr, {
 var kt = require("@storybook/global"), on = L(rr(), 1), $ = L(require("semver"), 1);
 
 // src/manager-api/version.ts
-var tn = "9.0.14";
+var tn = "9.0.16";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK: Qs } = kt.global, rn = (0, on.default)(1)(() => {

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

@@ -1734,7 +1734,10 @@ declare global {
     var defaultProjectAnnotations: ProjectAnnotations<any>;
 }
 type WrappedStoryRef = {
-    __pw_type: 'jsx' | 'importRef';
+    __pw_type: 'jsx';
+    props: Record<string, any>;
+} | {
+    __pw_type: 'importRef';
 };
 type UnwrappedJSXStoryRef = {
     __pw_type: 'jsx';

package/dist/manager-api/index.js

@@ -3217,7 +3217,7 @@ import { global as Sr } from "@storybook/global";
 import $ from "semver";
 
 // src/manager-api/version.ts
-var No = "9.0.14";
+var No = "9.0.16";
 
 // src/manager-api/modules/versions.ts
 var { VERSIONCHECK: ca } = Sr, jo = (0, ko.default)(1)(() => {

package/dist/preview/runtime.js

@@ -41346,15 +41346,16 @@ function CH(e) {
 
               More info: https://storybook.js.org/docs/api/portable-stories-playwright
             `);
-        await r.evaluate(async (l) => {
-          let u = await globalThis.__pwUnwrapObject?.(l);
-          return ("__pw_type" in u ? u.type : u)?.load?.();
-        }, i);
-        let a = await t(i, ...s);
-        return await r.evaluate(async (l) => {
-          let u = await globalThis.__pwUnwrapObject?.(l), c = "__pw_type" in u ? u.type : u, d = document.querySelector("#root");
-          return c?.play?.({ canvasElement: d });
-        }, i), a;
+        let { props: a, ...l } = i;
+        await r.evaluate(async (c) => {
+          let d = await globalThis.__pwUnwrapObject?.(c);
+          return ("__pw_type" in d ? d.type : d)?.load?.();
+        }, l);
+        let u = await t(i, ...s);
+        return await r.evaluate(async (c) => {
+          let d = await globalThis.__pwUnwrapObject?.(c), p = "__pw_type" in d ? d.type : d, f = document.querySelector("#root");
+          return p?.play?.({ canvasElement: f });
+        }, l), u;
       });
     }, "mount")
   });

package/dist/preview-api/index.cjs

@@ -5350,15 +5350,16 @@ function ys(e) {
 
               More info: https://storybook.js.org/docs/api/portable-stories-playwright
             `);
-        await r.evaluate(async (l) => {
-          let c = await globalThis.__pwUnwrapObject?.(l);
-          return ("__pw_type" in c ? c.type : c)?.load?.();
-        }, n);
-        let a = await t(n, ...s);
-        return await r.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 });
-        }, n), a;
+        let { props: a, ...l } = n;
+        await r.evaluate(async (d) => {
+          let p = await globalThis.__pwUnwrapObject?.(d);
+          return ("__pw_type" in p ? p.type : p)?.load?.();
+        }, l);
+        let c = await t(n, ...s);
+        return await r.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")
   });

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';