@oomol-lab/open-flow 0.1.0-beta.10 → 0.1.0-beta.12

package/dist/browser/createResourceDialog-2pESP2wA.js

@@ -0,0 +1,111 @@
+import { a as e } from "./main-DmjVyuWr.js";
+import { Vn as t, jt as n } from "./getPseudoElementBounds-Dfqo78k7.js";
+import { C as r, S as i, _ as a, b as o, c as s, w as c, x as l } from "./select-Dn3vpjGC.js";
+import { c as u, i as d, n as f, o as p, r as m, s as h, t as g } from "./workbenchSelect-DzF8oik9.js";
+import { useEffect as _, useRef as v, useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/workbench/browser/runtime/shell/createResourceDialog.tsx
+function C({ disabled: C, field: w, id: T, issue: E, label: D, name: O, onNameChange: k, onOpenChange: A, onSubmit: j, pending: M, title: N }) {
+	let P = e(), F = v(null), I = v(null), [L, R] = y(!1), z = O.length > 0 && E != null, B = P(z ? `resource.nameIssue.${E}` : "resource.nameHint", { max: 80 }), V = `${T}-message`, H = `${T}-option`;
+	return _(() => R(!0), []), /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("div", { ref: I }), /* @__PURE__ */ x(f, {
+		onOpenChange: R,
+		onOpenChangeComplete: (e) => {
+			e || A(!1);
+		},
+		open: L,
+		children: /* @__PURE__ */ x(d, {
+			container: I.current,
+			initialFocus: () => F.current,
+			showCloseButton: !1,
+			children: /* @__PURE__ */ S("form", {
+				className: "flex flex-col gap-4",
+				onSubmit: j,
+				children: [
+					/* @__PURE__ */ S(h, {
+						className: "flex-row items-center justify-between",
+						children: [/* @__PURE__ */ x(u, { children: N }), /* @__PURE__ */ x(m, {
+							"aria-label": P("common.cancel"),
+							render: /* @__PURE__ */ x(t, {
+								size: "icon-sm",
+								variant: "ghost"
+							}),
+							type: "button",
+							children: /* @__PURE__ */ x(s, { name: "close" })
+						})]
+					}),
+					/* @__PURE__ */ S(r, {
+						className: "gap-4",
+						children: [/* @__PURE__ */ S(o, {
+							"data-invalid": z,
+							children: [
+								/* @__PURE__ */ x(c, {
+									htmlFor: T,
+									children: D
+								}),
+								/* @__PURE__ */ x(n, {
+									autoComplete: "off",
+									"aria-describedby": V,
+									"aria-invalid": z,
+									id: T,
+									name: "resource-name",
+									onChange: (e) => k(e.target.value),
+									ref: F,
+									required: !0,
+									value: O
+								}),
+								x(z ? i : l, {
+									id: V,
+									children: B
+								})
+							]
+						}), w != null && /* @__PURE__ */ S(o, { children: [
+							/* @__PURE__ */ x(c, {
+								htmlFor: w.state == "ready" ? H : void 0,
+								children: w.label
+							}),
+							w.state == "ready" ? /* @__PURE__ */ x(g, {
+								ariaLabel: w.ariaLabel,
+								className: "w-full",
+								id: H,
+								onValueChange: w.onValueChange,
+								options: w.options,
+								portalRoot: I.current,
+								value: w.value
+							}) : /* @__PURE__ */ S("div", {
+								className: "flex min-h-9 items-center gap-2 rounded-lg border bg-muted/30 px-3 py-2 text-sm text-muted-foreground",
+								role: w.state == "error" ? "alert" : "status",
+								children: [
+									w.state == "loading" && /* @__PURE__ */ x(a, { "aria-hidden": "true" }),
+									/* @__PURE__ */ x("span", { children: w.status }),
+									w.state == "error" && /* @__PURE__ */ x(t, {
+										className: "ml-auto bg-background",
+										onClick: w.onRetry,
+										size: "sm",
+										type: "button",
+										variant: "outline",
+										children: w.retry
+									})
+								]
+							}),
+							/* @__PURE__ */ x(l, { children: w.description })
+						] })]
+					}),
+					/* @__PURE__ */ S(p, {
+						className: "mx-0 mb-0 border-0 bg-transparent p-0 pt-1",
+						children: [/* @__PURE__ */ x(m, {
+							render: /* @__PURE__ */ x(t, { variant: "outline" }),
+							type: "button",
+							children: P("common.cancel")
+						}), /* @__PURE__ */ x(t, {
+							disabled: C || M || E != null,
+							type: "submit",
+							children: P(M ? "common.creating" : "common.create")
+						})]
+					})
+				]
+			})
+		})
+	})] });
+}
+//#endregion
+export { C as default };