@oomol-lab/open-flow 0.1.0-alpha.0

package/dist/browser/createResourceDialog-ByuJWdSL.js

@@ -0,0 +1,439 @@
+import { A as e, Bn as t, C as n, D as r, E as i, J as a, K as o, L as s, M as c, N as l, O as u, P as d, R as f, Tr as p, Tt as m, Ut as h, Vn as g, Vt as _, Yr as v, _ as y, _t as b, ft as x, g as S, gr as C, gt as w, ht as T, j as E, k as D, or as O, rt as k, s as A, tr as j, ur as M, ut as N, v as P, w as ee, x as F, xt as I, y as L, yr as R, z } from "./composite-7VwgfnXx.js";
+import * as B from "react";
+import { useEffect as te, useRef as V, useState as ne } from "react";
+import { Fragment as re, jsx as H, jsxs as U } from "react/jsx-runtime";
+//#region ../../node_modules/@base-ui/react/esm/dialog/root/DialogRootContext.js
+var W = /*#__PURE__*/ B.createContext(void 0);
+process.env.NODE_ENV !== "production" && (W.displayName = "DialogRootContext");
+function G(e) {
+	let t = B.useContext(W);
+	if (e === !1 && t === void 0) throw Error(process.env.NODE_ENV === "production" ? R(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 ie = {
+	...F,
+	...h
+}, K = /*#__PURE__*/ B.forwardRef(function(e, t) {
+	let { render: n, className: r, style: i, forceRender: a = !1, ...o } = e, { store: s } = G(), c = s.useState("open"), l = s.useState("nested"), u = s.useState("mounted"), d = {
+		open: c,
+		transitionStatus: s.useState("transitionStatus")
+	};
+	return M("div", e, {
+		state: d,
+		ref: [s.context.backdropRef, t],
+		stateAttributesMapping: ie,
+		props: [{
+			role: "presentation",
+			hidden: !u,
+			style: {
+				userSelect: "none",
+				WebkitUserSelect: "none"
+			}
+		}, o],
+		enabled: a || !l
+	});
+});
+process.env.NODE_ENV !== "production" && (K.displayName = "DialogBackdrop");
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/close/DialogClose.js
+var q = /*#__PURE__*/ B.forwardRef(function(e, t) {
+	let { render: n, className: r, disabled: i = !1, nativeButton: a = !0, style: o, ...s } = e, { store: c } = G(), l = c.useState("open");
+	function u(e) {
+		l && c.setOpen(!1, b(I, e.nativeEvent));
+	}
+	let { getButtonProps: d, buttonRef: f } = C({
+		disabled: i,
+		native: a
+	});
+	return M("button", e, {
+		state: { disabled: i },
+		ref: [t, f],
+		props: [
+			{ onClick: u },
+			s,
+			d
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "DialogClose");
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/popup/DialogPopupCssVars.js
+var ae = /*#__PURE__*/ function(e) {
+	return e.nestedDialogs = "--nested-dialogs", e;
+}({}), oe = function(e) {
+	return e[e.open = L.open] = "open", e[e.closed = L.closed] = "closed", e[e.startingStyle = L.startingStyle] = "startingStyle", e[e.endingStyle = L.endingStyle] = "endingStyle", e.nested = "data-nested", e.nestedDialogOpen = "data-nested-dialog-open", e;
+}({}), J = /*#__PURE__*/ B.createContext(void 0);
+process.env.NODE_ENV !== "production" && (J.displayName = "DialogPortalContext");
+function se() {
+	let e = B.useContext(J);
+	if (e === void 0) throw Error(process.env.NODE_ENV === "production" ? R(26) : "Base UI: <Dialog.Portal> is missing.");
+	return e;
+}
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js
+var ce = {
+	...F,
+	...h,
+	nestedDialogOpen(e) {
+		return e ? { [oe.nestedDialogOpen]: "" } : null;
+	}
+}, Y = /*#__PURE__*/ B.forwardRef(function(e, t) {
+	let { className: n, finalFocus: r, initialFocus: i, render: a, style: o, ...s } = e, { store: c } = G(), l = c.useState("descriptionElementId"), u = c.useState("disablePointerDismissal"), d = c.useState("floatingRootContext"), f = c.useState("popupProps"), p = c.useState("modal"), m = c.useState("mounted"), h = c.useState("nested"), g = c.useState("nestedOpenDialogCount"), v = c.useState("open"), y = c.useState("openMethod"), b = c.useState("titleElementId"), x = c.useState("transitionStatus"), S = c.useState("role");
+	se(), _({
+		open: v,
+		ref: c.context.popupRef,
+		onComplete() {
+			v && c.context.onOpenChangeComplete?.(!0);
+		}
+	});
+	function C(e) {
+		return e !== "touch" || c.context.popupRef.current;
+	}
+	let w = i === void 0 ? C : i, T = M("div", e, {
+		state: {
+			open: v,
+			nested: h,
+			transitionStatus: x,
+			nestedDialogOpen: g > 0
+		},
+		props: [
+			f,
+			{
+				"aria-labelledby": b ?? void 0,
+				"aria-describedby": l ?? void 0,
+				role: S,
+				tabIndex: -1,
+				hidden: !m,
+				onKeyDown(e) {
+					A.has(e.key) && e.stopPropagation();
+				},
+				style: { [ae.nestedDialogs]: g }
+			},
+			s
+		],
+		ref: [
+			t,
+			c.context.popupRef,
+			c.useStateSetter("popupElement")
+		],
+		stateAttributesMapping: ce
+	});
+	return /*#__PURE__*/ H(z, {
+		context: d,
+		openInteractionType: y,
+		disabled: !m,
+		closeOnFocusOut: !u,
+		initialFocus: w,
+		returnFocus: r,
+		modal: p !== !1,
+		restoreFocus: "popup",
+		children: T
+	});
+});
+process.env.NODE_ENV !== "production" && (Y.displayName = "DialogPopup");
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.js
+var X = /*#__PURE__*/ B.forwardRef(function(e, t) {
+	let { keepMounted: n = !1, ...r } = e, { store: i } = G(), a = i.useState("mounted"), s = i.useState("modal"), c = i.useState("open");
+	return a || n ? /*#__PURE__*/ H(J.Provider, {
+		value: n,
+		children: /*#__PURE__*/ U(o, {
+			ref: t,
+			...r,
+			children: [a && s === !0 && /*#__PURE__*/ H(y, {
+				ref: i.context.internalBackdropRef,
+				inert: P(!c)
+			}), e.children]
+		})
+	}) : null;
+});
+process.env.NODE_ENV !== "production" && (X.displayName = "DialogPortal");
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/root/useDialogRoot.js
+function le(e) {
+	let { store: n, parentContext: a, actionsRef: o, isDrawer: d } = e, f = n.useState("open"), p = n.useState("disablePointerDismissal"), h = n.useState("modal"), _ = n.useState("popupElement"), { openMethod: v, triggerProps: y } = ee(f);
+	c(n);
+	let { forceUnmount: x } = l(f, n), C = B.useCallback(() => {
+		n.setOpen(!1, b(m));
+	}, [n]);
+	B.useImperativeHandle(o, () => ({
+		unmount: x,
+		close: C
+	}), [x, C]);
+	let w = u({
+		popupStore: n,
+		onOpenChange: n.setOpen,
+		treatPopupAsFloatingElement: !0
+	}), [T, E] = B.useState(0), [D, O] = B.useState(0), k = T === 0, A = i(w), j = s(w, {
+		outsidePressEvent() {
+			return n.context.internalBackdropRef.current || n.context.backdropRef.current ? "intentional" : {
+				mouse: h === "trap-focus" ? "sloppy" : "intentional",
+				touch: "sloppy"
+			};
+		},
+		outsidePress(e) {
+			if (!n.context.outsidePressEnabledRef.current || "button" in e && e.button !== 0 || "touches" in e && e.touches.length !== 1) return !1;
+			let r = g(e);
+			if (k && !p) {
+				let e = r;
+				return h && (n.context.internalBackdropRef.current || n.context.backdropRef.current) ? n.context.internalBackdropRef.current === e || n.context.backdropRef.current === e || t(e, _) && !e?.hasAttribute("data-base-ui-portal") : !0;
+			}
+			return !1;
+		},
+		escapeKey: k
+	});
+	S(f && h === !0, _);
+	let { getReferenceProps: M, getFloatingProps: N, getTriggerProps: P } = r([A, j]);
+	n.useContextCallback("onNestedDialogOpen", (e, t) => {
+		E(e), O(t);
+	}), n.useContextCallback("onNestedDialogClose", () => {
+		E(0), O(0);
+	}), B.useEffect(() => (a?.onNestedDialogOpen && f && a.onNestedDialogOpen(T + 1, D + +!!d), a?.onNestedDialogClose && !f && a.onNestedDialogClose(), () => {
+		a?.onNestedDialogClose && f && a.onNestedDialogClose();
+	}), [
+		d,
+		f,
+		T,
+		D,
+		a
+	]);
+	let F = B.useMemo(() => M(y), [M, y]), I = B.useMemo(() => P(y), [P, y]), L = B.useMemo(() => N(), [N]);
+	n.useSyncedValues({
+		openMethod: v,
+		activeTriggerProps: F,
+		inactiveTriggerProps: I,
+		popupProps: L,
+		floatingRootContext: w,
+		nestedOpenDialogCount: T,
+		nestedOpenDrawerCount: D
+	});
+}
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/store/DialogStore.js
+var ue = {
+	...e,
+	modal: N((e) => e.modal),
+	nested: N((e) => e.nested),
+	nestedOpenDialogCount: N((e) => e.nestedOpenDialogCount),
+	nestedOpenDrawerCount: N((e) => e.nestedOpenDrawerCount),
+	disablePointerDismissal: N((e) => e.disablePointerDismissal),
+	openMethod: N((e) => e.openMethod),
+	descriptionElementId: N((e) => e.descriptionElementId),
+	titleElementId: N((e) => e.titleElementId),
+	viewportElement: N((e) => e.viewportElement),
+	role: N((e) => e.role)
+}, de = class e extends k {
+	constructor(e) {
+		super(fe(e), {
+			popupRef: /*#__PURE__*/ B.createRef(),
+			backdropRef: /*#__PURE__*/ B.createRef(),
+			internalBackdropRef: /*#__PURE__*/ B.createRef(),
+			outsidePressEnabledRef: { current: !0 },
+			triggerElements: new E(),
+			onOpenChange: void 0,
+			onOpenChangeComplete: void 0
+		}, ue);
+	}
+	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 = p(() => new e(n)).current;
+		return t ?? r;
+	}
+};
+function fe(e = {}) {
+	return {
+		...D(),
+		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 Z = /*#__PURE__*/ B.createContext(!1);
+process.env.NODE_ENV !== "production" && (Z.displayName = "IsDrawerContext");
+function pe(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 = G(!0), p = B.useContext(Z), m = !!f, h = de.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");
+	le({
+		store: h,
+		actionsRef: c,
+		parentContext: f?.store.context,
+		isDrawer: p,
+		onOpenChange: i,
+		triggerIdProp: u
+	});
+	let _ = B.useMemo(() => ({ store: h }), [h]);
+	return /*#__PURE__*/ H(Z.Provider, {
+		value: !1,
+		children: /*#__PURE__*/ H(W.Provider, {
+			value: _,
+			children: typeof t == "function" ? t({ payload: g }) : t
+		})
+	});
+}
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js
+var Q = /*#__PURE__*/ B.forwardRef(function(e, t) {
+	let { render: n, className: r, style: i, id: a, ...o } = e, { store: s } = G(), c = j(a);
+	return s.useSyncedValueWithCleanup("titleElementId", c), M("h2", e, {
+		ref: t,
+		props: [{ id: c }, o]
+	});
+});
+process.env.NODE_ENV !== "production" && (Q.displayName = "DialogTitle");
+//#endregion
+//#region ../../node_modules/@base-ui/react/esm/dialog/trigger/DialogTrigger.js
+var me = /*#__PURE__*/ B.forwardRef(function(e, t) {
+	let { render: i, className: o, disabled: s = !1, nativeButton: c = !0, id: l, payload: u, handle: p, style: m, ...h } = e, g = G(!0), _ = p?.store ?? g?.store;
+	if (!_) throw Error(process.env.NODE_ENV === "production" ? R(79) : "Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle.");
+	let v = j(l), y = _.useState("floatingRootContext"), b = _.useState("isOpenedByTrigger", v), x = B.useRef(null), { registerTrigger: S, isMountedByThisTrigger: w } = d(v, x, _, { payload: u }), { getButtonProps: T, buttonRef: E } = C({
+		disabled: s,
+		native: c
+	}), D = f(y, { enabled: y != null }), O = r([D]), k = {
+		disabled: s,
+		open: b
+	}, A = _.useState("triggerProps", w);
+	return M("button", e, {
+		state: k,
+		ref: [
+			E,
+			t,
+			S,
+			x
+		],
+		props: [
+			O.getReferenceProps(),
+			A,
+			{
+				[a]: "",
+				id: v
+			},
+			h,
+			T
+		],
+		stateAttributesMapping: n
+	});
+});
+process.env.NODE_ENV !== "production" && (me.displayName = "DialogTrigger");
+//#endregion
+//#region src/ui/browser/dialog.tsx
+var he = pe, $ = q, ge = Y, _e = K, ve = X, ye = Q;
+//#endregion
+//#region src/workbench/browser/runtime/shell/createResourceDialog.tsx
+function be({ id: e, issue: t, label: n, name: r, onNameChange: i, onOpenChange: a, onSubmit: o, pending: s, title: c }) {
+	let l = v(), u = V(null), d = V(null), [f, p] = ne(!1), m = r.length > 0 && t != null, h = l(m ? `resource.nameIssue.${t}` : "resource.nameHint", { max: 80 }), g = `${e}-message`;
+	return te(() => p(!0), []), /* @__PURE__ */ U(re, { children: [/* @__PURE__ */ H("div", {
+		className: "resource-dialog-portal",
+		ref: d
+	}), /* @__PURE__ */ H(he, {
+		onOpenChange: p,
+		onOpenChangeComplete: (e) => {
+			e || a(!1);
+		},
+		open: f,
+		children: /* @__PURE__ */ U(ve, {
+			container: d,
+			children: [/* @__PURE__ */ H(_e, { className: "resource-dialog-backdrop" }), /* @__PURE__ */ H(ge, {
+				className: "resource-dialog-popup",
+				initialFocus: () => u.current,
+				children: /* @__PURE__ */ U("form", {
+					className: "resource-dialog-form",
+					onSubmit: o,
+					children: [
+						/* @__PURE__ */ U("header", {
+							className: "resource-dialog-header",
+							children: [/* @__PURE__ */ H(ye, { children: c }), /* @__PURE__ */ H($, {
+								"aria-label": l("common.cancel"),
+								render: /* @__PURE__ */ H(O, {
+									size: "icon-sm",
+									variant: "ghost"
+								}),
+								type: "button",
+								children: /* @__PURE__ */ H(T, {
+									name: "close",
+									size: 16
+								})
+							})]
+						}),
+						/* @__PURE__ */ H("div", {
+							className: "resource-dialog-body",
+							children: /* @__PURE__ */ U("label", {
+								className: "resource-dialog-field",
+								children: [
+									/* @__PURE__ */ H("span", { children: n }),
+									/* @__PURE__ */ H(w, {
+										autoComplete: "off",
+										"aria-describedby": g,
+										"aria-invalid": m,
+										id: e,
+										name: "resource-name",
+										onChange: (e) => i(e.target.value),
+										ref: u,
+										required: !0,
+										value: r
+									}),
+									/* @__PURE__ */ H("small", {
+										className: `resource-name-message ${m ? "error" : ""}`,
+										id: g,
+										children: h
+									})
+								]
+							})
+						}),
+						/* @__PURE__ */ U("footer", {
+							className: "resource-dialog-footer",
+							children: [/* @__PURE__ */ H($, {
+								render: /* @__PURE__ */ H(O, { variant: "outline" }),
+								type: "button",
+								children: l("common.cancel")
+							}), /* @__PURE__ */ H(O, {
+								disabled: s || t != null,
+								type: "submit",
+								children: l(s ? "common.creating" : "common.create")
+							})]
+						})
+					]
+				})
+			})]
+		})
+	})] });
+}
+//#endregion
+export { be as default };