storybook 9.1.0-alpha.4 → 9.1.0-alpha.6

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

@@ -8388,17 +8388,22 @@ var y0 = sp({
   "&:invalid:not(:placeholder-shown)": {
     boxShadow: `${e.color.negative} 0 0 0 1px inset`
   }
-})), lp = /* @__PURE__ */ a(({ saveStory: e, createStory: t, resetArgs: r }) => {
-  let o = j.useRef(null), [n, i] = j.useState(!1), [s, l] = j.useState(!1), [c, u] = j.useState(""), [d, g] = j.useState(null), p = /* @__PURE__ */ a(
+})), lp = /* @__PURE__ */ a(({
+  saveStory: e,
+  createStory: t,
+  resetArgs: r,
+  portalSelector: o
+}) => {
+  let n = j.useRef(null), [i, s] = j.useState(!1), [l, c] = j.useState(!1), [u, d] = j.useState(""), [g, p] = j.useState(null), m = /* @__PURE__ */ a(
   async () => {
-    n || (i(!0), await e().catch(() => {
-    }), i(!1));
-  }, "onSaveStory"), m = /* @__PURE__ */ a(() => {
-    l(!0), u(""), setTimeout(() => o.current?.focus(), 0);
-  }, "onShowForm"), f = /* @__PURE__ */ a((h) => {
-    let b = h.target.value.replace(/^[^a-z]/i, "").replace(/[^a-z0-9-_ ]/gi, "").replaceAll(/([-_ ]+[a-z0-9])/gi, (x) => x.toUpperCase().replace(
+    i || (s(!0), await e().catch(() => {
+    }), s(!1));
+  }, "onSaveStory"), f = /* @__PURE__ */ a(() => {
+    c(!0), d(""), setTimeout(() => n.current?.focus(), 0);
+  }, "onShowForm"), y = /* @__PURE__ */ a((b) => {
+    let x = b.target.value.replace(/^[^a-z]/i, "").replace(/[^a-z0-9-_ ]/gi, "").replaceAll(/([-_ ]+[a-z0-9])/gi, (v) => v.toUpperCase().replace(
     /[-_ ]/g, ""));
-    u(b.charAt(0).toUpperCase() + b.slice(1));
+    d(x.charAt(0).toUpperCase() + x.slice(1));
   }, "onChange");
   return /* @__PURE__ */ j.createElement(x0, { id: "save-from-controls" }, /* @__PURE__ */ j.createElement(v0, null, /* @__PURE__ */ j.createElement(
   S0, null, /* @__PURE__ */ j.createElement(
@@ -8409,7 +8414,7 @@ var y0 = sp({
       trigger: "hover",
       tooltip: /* @__PURE__ */ j.createElement(Sa, { note: "Save changes to story" })
     },
-    /* @__PURE__ */ j.createElement(Ea, { "aria-label": "Save changes to story", disabled: n, onClick: p }, /* @__PURE__ */ j.createElement(
+    /* @__PURE__ */ j.createElement(Ea, { "aria-label": "Save changes to story", disabled: i, onClick: m }, /* @__PURE__ */ j.createElement(
     g0, null), /* @__PURE__ */ j.createElement(wa, { "data-short-label": "Save" }, "Update story"))
   ), /* @__PURE__ */ j.createElement(
     Ca,
@@ -8419,7 +8424,7 @@ var y0 = sp({
       trigger: "hover",
       tooltip: /* @__PURE__ */ j.createElement(Sa, { note: "Create new story with these settings" })
     },
-    /* @__PURE__ */ j.createElement(Ea, { "aria-label": "Create new story with these settings", onClick: m }, /* @__PURE__ */ j.createElement(
+    /* @__PURE__ */ j.createElement(Ea, { "aria-label": "Create new story with these settings", onClick: f }, /* @__PURE__ */ j.createElement(
     m0, null), /* @__PURE__ */ j.createElement(wa, { "data-short-label": "New" }, "Create new story"))
   ), /* @__PURE__ */ j.createElement(
     Ca,
@@ -8432,28 +8437,37 @@ var y0 = sp({
     /* @__PURE__ */ j.createElement(Ea, { "aria-label": "Reset changes", onClick: () => r() }, /* @__PURE__ */ j.createElement(h0, null), /* @__PURE__ */ j.
     createElement("span", null, "Reset"))
   )), /* @__PURE__ */ j.createElement(E0, null, /* @__PURE__ */ j.createElement(wa, { "data-short-label": "Unsaved changes" }, "You modified\
- this story. Do you want to save your changes?")), /* @__PURE__ */ j.createElement(ft, { width: 350, open: s, onOpenChange: l }, /* @__PURE__ */ j.
-  createElement(ip, { onSubmit: /* @__PURE__ */ a(async (h) => {
-    if (h.preventDefault(), !n)
-      try {
-        g(null), i(!0), await t(c.replace(/^[^a-z]/i, "").replaceAll(/[^a-z0-9]/gi, "")), l(!1), i(!1);
-      } catch (b) {
-        g(b.message), i(!1);
-      }
-  }, "onSubmitForm"), id: "create-new-story-form" }, /* @__PURE__ */ j.createElement(ft.Content, null, /* @__PURE__ */ j.createElement(ft.Header,
-  null, /* @__PURE__ */ j.createElement(ft.Title, null, "Create new story"), /* @__PURE__ */ j.createElement(ft.Description, null, "This wil\
-l add a new story to your existing stories file.")), /* @__PURE__ */ j.createElement(
-    C0,
+ this story. Do you want to save your changes?")), /* @__PURE__ */ j.createElement(
+    ft,
     {
-      onChange: f,
-      placeholder: "Story export name",
-      readOnly: n,
-      ref: o,
-      value: c
-    }
-  ), /* @__PURE__ */ j.createElement(ft.Actions, null, /* @__PURE__ */ j.createElement(ap, { disabled: n || !c, size: "medium", type: "submi\
-t", variant: "solid" }, "Create"), /* @__PURE__ */ j.createElement(ft.Dialog.Close, { asChild: !0 }, /* @__PURE__ */ j.createElement(ap, { disabled: n,
-  size: "medium", type: "reset" }, "Cancel"))))), d && /* @__PURE__ */ j.createElement(ft.Error, null, d))));
+      width: 350,
+      open: l,
+      onOpenChange: c,
+      portalSelector: o
+    },
+    /* @__PURE__ */ j.createElement(ip, { onSubmit: /* @__PURE__ */ a(async (b) => {
+      if (b.preventDefault(), !i)
+        try {
+          p(null), s(!0), await t(u.replace(/^[^a-z]/i, "").replaceAll(/[^a-z0-9]/gi, "")), c(!1), s(!1);
+        } catch (x) {
+          p(x.message), s(!1);
+        }
+    }, "onSubmitForm"), id: "create-new-story-form" }, /* @__PURE__ */ j.createElement(ft.Content, null, /* @__PURE__ */ j.createElement(ft.
+    Header, null, /* @__PURE__ */ j.createElement(ft.Title, null, "Create new story"), /* @__PURE__ */ j.createElement(ft.Description, null,
+    "This will add a new story to your existing stories file.")), /* @__PURE__ */ j.createElement(
+      C0,
+      {
+        onChange: y,
+        placeholder: "Story export name",
+        readOnly: i,
+        ref: n,
+        value: u
+      }
+    ), /* @__PURE__ */ j.createElement(ft.Actions, null, /* @__PURE__ */ j.createElement(ap, { disabled: i || !u, size: "medium", type: "sub\
+mit", variant: "solid" }, "Create"), /* @__PURE__ */ j.createElement(ft.Dialog.Close, { asChild: !0 }, /* @__PURE__ */ j.createElement(ap, {
+    disabled: i, size: "medium", type: "reset" }, "Cancel"))))),
+    g && /* @__PURE__ */ j.createElement(ft.Error, null, g)
+  )));
 }, "SaveStory");
 
 // src/controls/components/ControlsPanel.tsx