@oomol-lab/open-flow 0.1.0-alpha.2 → 0.1.0-alpha.4

package/dist/browser/createResourceDialog-CIVfStiE.js

@@ -0,0 +1,467 @@
+import { $n as e, A as t, D as n, Ft as r, Hr as i, Jn as a, Nn as o, Nt as s, O as c, Pn as l, R as u, S as d, T as f, Y as p, _ as m, _t as h, b as g, c as _, ct as v, er as y, fr as b, it as x, j as S, lr as C, lt as w, nt as T, pt as E, rr as D, st as O, t as k, v as A, vr as j, y as M } from "./createLucideIcon-MmUpJrIU.js";
+import { a as N, c as P, d as ee, i as te, l as ne, n as F, o as I, r as L, s as re, t as ie, u as ae } from "./field-runIpvMd.js";
+import * as R from "react";
+import { useEffect as oe, useRef as z, useState as se } from "react";
+import { Fragment as ce, jsx as B, jsxs as V } from "react/jsx-runtime";
+//#region ../../node_modules/lucide-react/dist/esm/icons/x.js
+var H = k("X", [["path", {
+	d: "M18 6 6 18",
+	key: "1bl5f8"
+}], ["path", {
+	d: "m6 6 12 12",
+	key: "d8bk6v"
+}]]), U = /*#__PURE__*/ R.createContext(void 0);
+process.env.NODE_ENV !== "production" && (U.displayName = "DialogRootContext");
+function W(e) {
+	let t = R.useContext(U);
+	if (e === !1 && t === void 0) throw Error(process.env.NODE_ENV === "production" ? b(27) : "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.");
+	return t;
+}
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js
+var le = {
+	...d,
+	...r
+}, G = /*#__PURE__*/ R.forwardRef(function(e, t) {
+	let { render: n, className: r, style: i, forceRender: a = !1, ...o } = e, { store: s } = W(), c = s.useState("open"), l = s.useState("nested"), u = s.useState("mounted"), d = {
+		open: c,
+		transitionStatus: s.useState("transitionStatus")
+	};
+	return D("div", e, {
+		state: d,
+		ref: [s.context.backdropRef, t],
+		stateAttributesMapping: le,
+		props: [{
+			role: "presentation",
+			hidden: !u,
+			style: {
+				userSelect: "none",
+				WebkitUserSelect: "none"
+			}
+		}, o],
+		enabled: a || !l
+	});
+});
+process.env.NODE_ENV !== "production" && (G.displayName = "DialogBackdrop");
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/close/DialogClose.js
+var K = /*#__PURE__*/ R.forwardRef(function(e, t) {
+	let { render: n, className: r, disabled: i = !1, nativeButton: a = !0, style: o, ...s } = e, { store: c } = W(), l = c.useState("open");
+	function u(e) {
+		l && c.setOpen(!1, w(E, e.nativeEvent));
+	}
+	let { getButtonProps: d, buttonRef: f } = C({
+		disabled: i,
+		native: a
+	});
+	return D("button", e, {
+		state: { disabled: i },
+		ref: [t, f],
+		props: [
+			{ onClick: u },
+			s,
+			d
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (K.displayName = "DialogClose");
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/popup/DialogPopupCssVars.js
+var ue = /*#__PURE__*/ function(e) {
+	return e.nestedDialogs = "--nested-dialogs", e;
+}({}), de = function(e) {
+	return e[e.open = g.open] = "open", e[e.closed = g.closed] = "closed", e[e.startingStyle = g.startingStyle] = "startingStyle", e[e.endingStyle = g.endingStyle] = "endingStyle", e.nested = "data-nested", e.nestedDialogOpen = "data-nested-dialog-open", e;
+}({}), q = /*#__PURE__*/ R.createContext(void 0);
+process.env.NODE_ENV !== "production" && (q.displayName = "DialogPortalContext");
+function fe() {
+	let e = R.useContext(q);
+	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? b(26) : "Base UI: <Dialog.Portal> is missing.");
+	return e;
+}
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js
+var pe = {
+	...d,
+	...r,
+	nestedDialogOpen(e) {
+		return e ? { [de.nestedDialogOpen]: "" } : null;
+	}
+}, J = /*#__PURE__*/ R.forwardRef(function(e, t) {
+	let { className: n, finalFocus: r, initialFocus: i, render: a, style: o, ...c } = e, { store: l } = W(), u = l.useState("descriptionElementId"), d = l.useState("disablePointerDismissal"), f = l.useState("floatingRootContext"), p = l.useState("popupProps"), m = l.useState("modal"), h = l.useState("mounted"), g = l.useState("nested"), v = l.useState("nestedOpenDialogCount"), y = l.useState("open"), b = l.useState("openMethod"), x = l.useState("titleElementId"), C = l.useState("transitionStatus"), w = l.useState("role");
+	fe(), s({
+		open: y,
+		ref: l.context.popupRef,
+		onComplete() {
+			y && l.context.onOpenChangeComplete?.(!0);
+		}
+	});
+	function T(e) {
+		return e !== "touch" || l.context.popupRef.current;
+	}
+	let E = i === void 0 ? T : i, O = D("div", e, {
+		state: {
+			open: y,
+			nested: g,
+			transitionStatus: C,
+			nestedDialogOpen: v > 0
+		},
+		props: [
+			p,
+			{
+				"aria-labelledby": x ?? void 0,
+				"aria-describedby": u ?? void 0,
+				role: w,
+				tabIndex: -1,
+				hidden: !h,
+				onKeyDown(e) {
+					_.has(e.key) && e.stopPropagation();
+				},
+				style: { [ue.nestedDialogs]: v }
+			},
+			c
+		],
+		ref: [
+			t,
+			l.context.popupRef,
+			l.useStateSetter("popupElement")
+		],
+		stateAttributesMapping: pe
+	});
+	return /*#__PURE__*/ B(S, {
+		context: f,
+		openInteractionType: b,
+		disabled: !h,
+		closeOnFocusOut: !d,
+		initialFocus: E,
+		returnFocus: r,
+		modal: m !== !1,
+		restoreFocus: "popup",
+		children: O
+	});
+});
+process.env.NODE_ENV !== "production" && (J.displayName = "DialogPopup");
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.js
+var Y = /*#__PURE__*/ R.forwardRef(function(e, t) {
+	let { keepMounted: n = !1, ...r } = e, { store: i } = W(), a = i.useState("mounted"), o = i.useState("modal"), s = i.useState("open");
+	return a || n ? /*#__PURE__*/ B(q.Provider, {
+		value: n,
+		children: /*#__PURE__*/ V(u, {
+			ref: t,
+			...r,
+			children: [a && o === !0 && /*#__PURE__*/ B(A, {
+				ref: i.context.internalBackdropRef,
+				inert: M(!s)
+			}), e.children]
+		})
+	}) : null;
+});
+process.env.NODE_ENV !== "production" && (Y.displayName = "DialogPortal");
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/root/useDialogRoot.js
+function me(e) {
+	let { store: r, parentContext: i, actionsRef: a, isDrawer: s } = e, c = r.useState("open"), u = r.useState("disablePointerDismissal"), d = r.useState("modal"), p = r.useState("popupElement"), { openMethod: g, triggerProps: _ } = f(c);
+	ae(r);
+	let { forceUnmount: v } = ee(c, r), y = R.useCallback(() => {
+		r.setOpen(!1, w(h));
+	}, [r]);
+	R.useImperativeHandle(a, () => ({
+		unmount: v,
+		close: y
+	}), [v, y]);
+	let b = re({
+		popupStore: r,
+		onOpenChange: r.setOpen,
+		treatPopupAsFloatingElement: !0
+	}), [x, S] = R.useState(0), [C, T] = R.useState(0), E = x === 0, D = I(b), O = t(b, {
+		outsidePressEvent() {
+			return r.context.internalBackdropRef.current || r.context.backdropRef.current ? "intentional" : {
+				mouse: d === "trap-focus" ? "sloppy" : "intentional",
+				touch: "sloppy"
+			};
+		},
+		outsidePress(e) {
+			if (!r.context.outsidePressEnabledRef.current || "button" in e && e.button !== 0 || "touches" in e && e.touches.length !== 1) return !1;
+			let t = l(e);
+			if (E && !u) {
+				let e = t;
+				return d && (r.context.internalBackdropRef.current || r.context.backdropRef.current) ? r.context.internalBackdropRef.current === e || r.context.backdropRef.current === e || o(e, p) && !e?.hasAttribute("data-base-ui-portal") : !0;
+			}
+			return !1;
+		},
+		escapeKey: E
+	});
+	m(c && d === !0, p);
+	let { getReferenceProps: k, getFloatingProps: A, getTriggerProps: j } = n([D, O]);
+	r.useContextCallback("onNestedDialogOpen", (e, t) => {
+		S(e), T(t);
+	}), r.useContextCallback("onNestedDialogClose", () => {
+		S(0), T(0);
+	}), R.useEffect(() => (i?.onNestedDialogOpen && c && i.onNestedDialogOpen(x + 1, C + +!!s), i?.onNestedDialogClose && !c && i.onNestedDialogClose(), () => {
+		i?.onNestedDialogClose && c && i.onNestedDialogClose();
+	}), [
+		s,
+		c,
+		x,
+		C,
+		i
+	]);
+	let M = R.useMemo(() => k(_), [k, _]), N = R.useMemo(() => j(_), [j, _]), P = R.useMemo(() => A(), [A]);
+	r.useSyncedValues({
+		openMethod: g,
+		activeTriggerProps: M,
+		inactiveTriggerProps: N,
+		popupProps: P,
+		floatingRootContext: b,
+		nestedOpenDialogCount: x,
+		nestedOpenDrawerCount: C
+	});
+}
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/store/DialogStore.js
+var he = {
+	...ne,
+	modal: T((e) => e.modal),
+	nested: T((e) => e.nested),
+	nestedOpenDialogCount: T((e) => e.nestedOpenDialogCount),
+	nestedOpenDrawerCount: T((e) => e.nestedOpenDrawerCount),
+	disablePointerDismissal: T((e) => e.disablePointerDismissal),
+	openMethod: T((e) => e.openMethod),
+	descriptionElementId: T((e) => e.descriptionElementId),
+	titleElementId: T((e) => e.titleElementId),
+	viewportElement: T((e) => e.viewportElement),
+	role: T((e) => e.role)
+}, ge = class e extends p {
+	constructor(e) {
+		super(_e(e), {
+			popupRef: /*#__PURE__*/ R.createRef(),
+			backdropRef: /*#__PURE__*/ R.createRef(),
+			internalBackdropRef: /*#__PURE__*/ R.createRef(),
+			outsidePressEnabledRef: { current: !0 },
+			triggerElements: new c(),
+			onOpenChange: void 0,
+			onOpenChangeComplete: void 0
+		}, he);
+	}
+	setOpen = (e, t) => {
+		if (t.preventUnmountOnClose = () => {
+			this.set("preventUnmountingOnClose", !0);
+		}, !e && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(e, t), t.isCanceled) return;
+		this.state.floatingRootContext.dispatchOpenChange(e, t);
+		let n = { open: e }, r = t.trigger?.id ?? null;
+		(r || e) && (n.activeTriggerId = r, n.activeTriggerElement = t.trigger ?? null), this.update(n);
+	};
+	static useStore(t, n) {
+		let r = j(() => new e(n)).current;
+		return t ?? r;
+	}
+};
+function _e(e = {}) {
+	return {
+		...P(),
+		modal: !0,
+		disablePointerDismissal: !1,
+		popupElement: null,
+		viewportElement: null,
+		descriptionElementId: void 0,
+		titleElementId: void 0,
+		openMethod: null,
+		nested: !1,
+		nestedOpenDialogCount: 0,
+		nestedOpenDrawerCount: 0,
+		role: "dialog",
+		...e
+	};
+}
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/root/DialogRoot.js
+var X = /*#__PURE__*/ R.createContext(!1);
+process.env.NODE_ENV !== "production" && (X.displayName = "IsDrawerContext");
+function ve(e) {
+	let { children: t, open: n, defaultOpen: r = !1, onOpenChange: i, onOpenChangeComplete: a, disablePointerDismissal: o = !1, modal: s = !0, actionsRef: c, handle: l, triggerId: u, defaultTriggerId: d = null } = e, f = W(!0), p = R.useContext(X), m = !!f, h = ge.useStore(l?.store, {
+		open: r,
+		openProp: n,
+		activeTriggerId: d,
+		triggerIdProp: u,
+		modal: s,
+		disablePointerDismissal: o,
+		nested: m
+	});
+	x(() => {
+		n === void 0 && h.state.open === !1 && r === !0 && h.update({
+			open: !0,
+			activeTriggerId: d
+		});
+	}), h.useControlledProp("openProp", n), h.useControlledProp("triggerIdProp", u), h.useSyncedValues({
+		disablePointerDismissal: o,
+		nested: m,
+		modal: s
+	}), h.useContextCallback("onOpenChange", i), h.useContextCallback("onOpenChangeComplete", a);
+	let g = h.useState("payload");
+	me({
+		store: h,
+		actionsRef: c,
+		parentContext: f?.store.context,
+		isDrawer: p,
+		onOpenChange: i,
+		triggerIdProp: u
+	});
+	let _ = R.useMemo(() => ({ store: h }), [h]);
+	return /*#__PURE__*/ B(X.Provider, {
+		value: !1,
+		children: /*#__PURE__*/ B(U.Provider, {
+			value: _,
+			children: typeof t == "function" ? t({ payload: g }) : t
+		})
+	});
+}
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js
+var Z = /*#__PURE__*/ R.forwardRef(function(e, t) {
+	let { render: n, className: r, style: i, id: o, ...s } = e, { store: c } = W(), l = a(o);
+	return c.useSyncedValueWithCleanup("titleElementId", l), D("h2", e, {
+		ref: t,
+		props: [{ id: l }, s]
+	});
+});
+process.env.NODE_ENV !== "production" && (Z.displayName = "DialogTitle");
+//#endregion
+//#region src/ui/browser/dialog.tsx
+function ye(e) {
+	return /* @__PURE__ */ B(ve, {
+		"data-slot": "dialog",
+		...e
+	});
+}
+function be(e) {
+	return /* @__PURE__ */ B(Y, {
+		"data-slot": "dialog-portal",
+		...e
+	});
+}
+function Q(e) {
+	return /* @__PURE__ */ B(K, {
+		"data-slot": "dialog-close",
+		...e
+	});
+}
+function xe({ className: e, ...t }) {
+	return /* @__PURE__ */ B(G, {
+		"data-slot": "dialog-overlay",
+		className: y("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 motion-reduce:animate-none motion-reduce:transition-none", e),
+		...t
+	});
+}
+function Se({ children: t, className: n, closeLabel: r = "Close", container: i, showCloseButton: a = !0, ...o }) {
+	return /* @__PURE__ */ V(be, {
+		container: i,
+		children: [/* @__PURE__ */ B(xe, {}), /* @__PURE__ */ V(J, {
+			"data-slot": "dialog-content",
+			className: y("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 motion-reduce:animate-none motion-reduce:transition-none", n),
+			...o,
+			children: [t, a && /* @__PURE__ */ V(K, {
+				"data-slot": "dialog-close",
+				render: /* @__PURE__ */ B(e, {
+					className: "absolute top-2 right-2",
+					size: "icon-sm",
+					variant: "ghost"
+				}),
+				children: [/* @__PURE__ */ B(H, {}), /* @__PURE__ */ B("span", {
+					className: "sr-only",
+					children: r
+				})]
+			})]
+		})]
+	});
+}
+function Ce({ className: e, ...t }) {
+	return /* @__PURE__ */ B("div", {
+		"data-slot": "dialog-header",
+		className: y("flex flex-col gap-2", e),
+		...t
+	});
+}
+function $({ className: e, ...t }) {
+	return /* @__PURE__ */ B("div", {
+		"data-slot": "dialog-footer",
+		className: y("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", e),
+		...t
+	});
+}
+function we({ className: e, ...t }) {
+	return /* @__PURE__ */ B(Z, {
+		"data-slot": "dialog-title",
+		className: y("text-base leading-none font-medium", e),
+		...t
+	});
+}
+//#endregion
+//#region src/workbench/browser/runtime/shell/createResourceDialog.tsx
+function Te({ id: t, issue: n, label: r, name: a, onNameChange: o, onOpenChange: s, onSubmit: c, pending: l, title: u }) {
+	let d = i(), f = z(null), p = z(null), [m, h] = se(!1), g = a.length > 0 && n != null, _ = d(g ? `resource.nameIssue.${n}` : "resource.nameHint", { max: 80 }), y = `${t}-message`;
+	return oe(() => h(!0), []), /* @__PURE__ */ V(ce, { children: [/* @__PURE__ */ B("div", { ref: p }), /* @__PURE__ */ B(ye, {
+		onOpenChange: h,
+		onOpenChangeComplete: (e) => {
+			e || s(!1);
+		},
+		open: m,
+		children: /* @__PURE__ */ B(Se, {
+			container: p.current,
+			initialFocus: () => f.current,
+			showCloseButton: !1,
+			children: /* @__PURE__ */ V("form", {
+				className: "flex flex-col gap-4",
+				onSubmit: c,
+				children: [
+					/* @__PURE__ */ V(Ce, {
+						className: "flex-row items-center justify-between",
+						children: [/* @__PURE__ */ B(we, { children: u }), /* @__PURE__ */ B(Q, {
+							"aria-label": d("common.cancel"),
+							render: /* @__PURE__ */ B(e, {
+								size: "icon-sm",
+								variant: "ghost"
+							}),
+							type: "button",
+							children: /* @__PURE__ */ B(O, { name: "close" })
+						})]
+					}),
+					/* @__PURE__ */ B(te, { children: /* @__PURE__ */ V(ie, {
+						"data-invalid": g,
+						children: [
+							/* @__PURE__ */ B(N, {
+								htmlFor: t,
+								children: r
+							}),
+							/* @__PURE__ */ B(v, {
+								autoComplete: "off",
+								"aria-describedby": y,
+								"aria-invalid": g,
+								id: t,
+								name: "resource-name",
+								onChange: (e) => o(e.target.value),
+								ref: f,
+								required: !0,
+								value: a
+							}),
+							B(g ? L : F, {
+								id: y,
+								children: _
+							})
+						]
+					}) }),
+					/* @__PURE__ */ V($, { children: [/* @__PURE__ */ B(Q, {
+						render: /* @__PURE__ */ B(e, { variant: "outline" }),
+						type: "button",
+						children: d("common.cancel")
+					}), /* @__PURE__ */ B(e, {
+						disabled: l || n != null,
+						type: "submit",
+						children: d(l ? "common.creating" : "common.create")
+					})] })
+				]
+			})
+		})
+	})] });
+}
+//#endregion
+export { Te as default };