@revolist/ui 4.0.1-rc → 4.0.2-rc

package/_chunks/{delete-button-DnpmDNEJ.js → delete-button-Bblyah10.js}

@@ -1,4 +1,4 @@
-import { jsx as e } from "preact/jsx-runtime";
+import { t as e } from "./jsxRuntime.module-F6UFnpT-.js";
 //#region src/icons/cancel.svg?raw
 var t = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill=\"currentColor\" d=\"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z\"/></svg>", n = ({ onClick: n, disabled: r, className: i, onMouseDown: a, onDblClick: o, locale: s = {
 	title: "Remove",

package/_chunks/dialog.parts-DBqo3Qwb.js

@@ -0,0 +1,134 @@
+import { c as e, i as t } from "./preact.module-BBM36DnO.js";
+import { t as n } from "./jsxRuntime.module-F6UFnpT-.js";
+import { n as r } from "./compat.module-DDB2pm9O.js";
+import { createPreactElement as i, releasePreactElement as a } from "../preact-mount.js";
+import { ButtonControl as o, Input as s } from "../native-control.js";
+import { t as c } from "./xmark-DD_PBvZI.js";
+//#region src/dialog/dialog-action-footer.view.tsx
+function l({ cancel: e = {}, save: t = {}, deleteAction: r = !1, reset: i = !1, start: a, end: s, children: c, actionsClass: l = "", class: u = "", ...d }) {
+	let f = (e, t, r, i = "", a = "button") => {
+		if (t === !1) return null;
+		let { label: s = r, class: c = "", ...l } = t;
+		return /* @__PURE__ */ n(o, {
+			type: a,
+			...l,
+			class: `rv-btn ${i} ${c}`,
+			"data-dialog-action": e,
+			children: s
+		});
+	};
+	return /* @__PURE__ */ n("footer", {
+		...d,
+		class: `rv-dialog__footer rv-dialog__action-footer ${u}`,
+		children: [c, /* @__PURE__ */ n("div", {
+			class: "rv-dialog__action-panel",
+			children: [/* @__PURE__ */ n("div", {
+				class: "rv-dialog__action-start",
+				children: [
+					a,
+					f("delete", r, "Delete", "rv-btn-danger-outline"),
+					f("reset", i, "Reset")
+				]
+			}), /* @__PURE__ */ n("div", {
+				class: `rv-dialog__actions ${l}`,
+				children: [
+					s,
+					f("cancel", e, "Cancel"),
+					f("save", t, "Save", "rv-btn-primary", "submit")
+				]
+			})]
+		})]
+	});
+}
+function u(e, t) {
+	return /* @__PURE__ */ n(l, { ...t });
+}
+function d(e, t) {
+	let r = i(e.ownerDocument, /* @__PURE__ */ n(l, { ...t }));
+	return e.append(r), { destroy() {
+		a(r);
+	} };
+}
+//#endregion
+//#region src/dialog/dialog.parts.tsx
+var f = r(({ class: e = "", ...t }, r) => /* @__PURE__ */ n("header", {
+	...t,
+	ref: r,
+	class: `rv-dialog__header ${e}`
+}));
+function p({ class: e = "", ...t }) {
+	return /* @__PURE__ */ n("form", {
+		...t,
+		class: `rv-dialog__surface ${e}`
+	});
+}
+var m = r(({ class: e = "", ...t }, r) => /* @__PURE__ */ n("div", {
+	...t,
+	ref: r,
+	class: `rv-dialog__body ${e}`
+})), h = r(({ class: e = "", ...t }, r) => /* @__PURE__ */ n("footer", {
+	...t,
+	ref: r,
+	class: `rv-dialog__footer ${e}`
+})), g = r(({ class: e = "", ...t }, r) => /* @__PURE__ */ n("div", {
+	...t,
+	ref: r,
+	class: `rv-dialog__actions ${e}`
+}));
+function _({ class: e = "", iconClass: t = "", ...r }) {
+	return /* @__PURE__ */ n(o, {
+		...r,
+		unstyled: !0,
+		type: "button",
+		class: `rv-dialog__close ${e}`,
+		children: /* @__PURE__ */ n("span", {
+			class: `rv-dialog__close-icon ${t}`,
+			"aria-hidden": "true",
+			dangerouslySetInnerHTML: { __html: c }
+		})
+	});
+}
+var v = r(({ class: e = "", ...t }, r) => /* @__PURE__ */ n(s, {
+	...t,
+	ref: r,
+	class: `rv-dialog__title-input ${e}`
+})), y = r(({ titleId: e, title: r, name: i, description: a, inputLabel: o, titleHidden: s, headingClass: c = "", kickerClass: l = "", titleClass: u = "", inputProps: d, closeLabel: p, closeProps: m, onClose: h, class: g = "", ...y }, b) => /* @__PURE__ */ n(f, {
+	...y,
+	ref: b,
+	class: `rv-dialog__header--editable ${g}`,
+	children: [/* @__PURE__ */ n("div", {
+		class: `rv-dialog__heading ${c}`,
+		children: [
+			!s && i && /* @__PURE__ */ n("span", {
+				class: `rv-dialog__kicker ${l}`,
+				children: i
+			}),
+			!s && (d === !1 ? /* @__PURE__ */ n("h3", {
+				id: e,
+				class: `rv-dialog__title ${u}`,
+				children: r
+			}) : /* @__PURE__ */ n(t, { children: [/* @__PURE__ */ n("h3", {
+				id: e,
+				class: `rv-dialog__sr-only ${u}`,
+				children: r
+			}), /* @__PURE__ */ n(v, {
+				"aria-label": o,
+				value: r,
+				...d
+			})] })),
+			a && /* @__PURE__ */ n("div", {
+				class: "rv-dialog__description",
+				children: a
+			})
+		]
+	}), h && /* @__PURE__ */ n(_, {
+		...m,
+		"aria-label": p,
+		onClick: h
+	})]
+}));
+function b(t) {
+	return u(e, t);
+}
+//#endregion
+export { h as a, v as c, d, u as f, _ as i, y as l, g as n, p as o, m as r, f as s, b as t, l as u };

package/_chunks/{dropdown-CkGQBm1Q.js → dropdown-voWqmwAe.js}

@@ -1,19 +1,19 @@
-import { t as e } from "./chevron-down-GbplLa6s.js";
-import { RemoveButton as t } from "../buttons/remove-button.js";
-import { DropdownPopup as n } from "../dropdown/popup.js";
-import { DropdownPopupContent as r } from "../dropdown/content.js";
-import { h as i, render as a } from "preact";
-import { useEffect as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "preact/hooks";
-import { jsx as d, jsxs as f } from "preact/jsx-runtime";
+import { c as e, r as t } from "./preact.module-BBM36DnO.js";
+import { c as n, i as r, n as i, r as a, t as o } from "./hooks.module-CG3gN83z.js";
+import { t as s } from "./jsxRuntime.module-F6UFnpT-.js";
+import { t as c } from "./chevron-down-GbplLa6s.js";
+import { RemoveButton as l } from "../buttons/remove-button.js";
+import { DropdownPopup as u } from "../dropdown/popup.js";
+import { DropdownPopupContent as d } from "../dropdown/content.js";
 //#region src/dropdown/remote.ts
-var p = {
+var f = {
 	loading: "Loading…",
 	empty: "No results found",
 	error: "Unable to load options.",
 	retry: "Retry",
 	loadMore: "Load more",
 	unavailable: (e) => `Unavailable (${String(e)})`
-}, m = class {
+}, p = class {
 	source;
 	context;
 	changed;
@@ -36,7 +36,7 @@ var p = {
 	failedCursor;
 	resolveFailed = !1;
 	opened = !1;
-	constructor(e, t, n, r = p, i = {}) {
+	constructor(e, t, n, r = f, i = {}) {
 		this.source = e, this.context = t, this.changed = n, this.text = r, this.settings = i;
 	}
 	remember(e) {
@@ -115,19 +115,19 @@ var p = {
 //#endregion
 //#region src/dropdown/remote-hook.ts
 function ee(e) {
-	let t = c(() => ({
-		...p,
+	let t = i(() => ({
+		...f,
 		...e.remoteText
-	}), [e.remoteText]), [n, r] = u({
+	}), [e.remoteText]), [s, c] = r({
 		items: [],
 		selected: [],
 		loading: !1,
 		error: !1,
 		hasMore: !1
-	}), i = l(), a = e.value === null || e.value === void 0 ? [] : Array.isArray(e.value) ? e.value : [e.value], d = JSON.stringify(a);
-	return s(() => {
+	}), l = o(), u = e.value === null || e.value === void 0 ? [] : Array.isArray(e.value) ? e.value : [e.value], d = JSON.stringify(u);
+	return a(() => {
 		if (!e.dataSource || e.disabled) {
-			r({
+			c({
 				items: [],
 				selected: [],
 				loading: !1,
@@ -136,17 +136,17 @@ function ee(e) {
 			});
 			return;
 		}
-		let n = new m(e.dataSource, e.dataContext, r, t);
-		return i.current = n, () => {
-			n.destroy(), i.current === n && (i.current = void 0);
+		let n = new p(e.dataSource, e.dataContext, c, t);
+		return l.current = n, () => {
+			n.destroy(), l.current === n && (l.current = void 0);
 		};
 	}, [
 		e.dataSource,
 		e.dataContext,
 		e.disabled,
 		t
-	]), s(() => {
-		i.current?.setSelected(a, e.source);
+	]), a(() => {
+		l.current?.setSelected(u, e.source);
 	}, [
 		d,
 		e.source,
@@ -154,8 +154,8 @@ function ee(e) {
 		e.dataContext,
 		e.disabled,
 		t
-	]), o(() => {
-		e.open ? i.current?.search(e.initialQuery, !0) : i.current?.close();
+	]), n(() => {
+		e.open ? l.current?.search(e.initialQuery, !0) : l.current?.close();
 	}, [
 		e.open,
 		e.dataSource,
@@ -164,90 +164,90 @@ function ee(e) {
 		e.initialQuery,
 		t
 	]), {
-		...n,
+		...s,
 		text: t,
-		search: (e) => i.current?.search(e),
-		loadMore: () => i.current?.loadMore(),
-		retry: () => i.current?.retry()
+		search: (e) => l.current?.search(e),
+		loadMore: () => l.current?.loadMore(),
+		retry: () => l.current?.retry()
 	};
 }
 //#endregion
 //#region src/dropdown/index.tsx
-var te = ({ options: e, className: t, renderValue: n }) => /* @__PURE__ */ d("span", {
-	className: `selected-value ${t}`,
-	children: n ? n(i, e[0]) : e[0].label
-}), ne = ({ options: e, removeOption: n, className: r, renderValue: a, disabled: o, removeLabel: s }) => /* @__PURE__ */ d("div", {
+var m = ({ options: t, className: n, renderValue: r }) => /* @__PURE__ */ s("span", {
+	className: `selected-value ${n}`,
+	children: r ? r(e, t[0]) : t[0].label
+}), h = ({ options: t, removeOption: n, className: r, renderValue: i, disabled: a, removeLabel: o }) => /* @__PURE__ */ s("div", {
 	className: `selected-values ${r}`,
-	children: e.map((e, r) => /* @__PURE__ */ f("span", {
+	children: t.map((t, r) => /* @__PURE__ */ s("span", {
 		className: "selected-tag",
-		children: [a ? a(i, e) : e.label, !o && !e.disabled && /* @__PURE__ */ d(t, {
+		children: [i ? i(e, t) : t.label, !a && !t.disabled && /* @__PURE__ */ s(l, {
 			compact: !0,
-			onClick: (t) => {
-				t.stopPropagation(), n(e);
+			onClick: (e) => {
+				e.stopPropagation(), n(t);
 			},
 			locale: {
-				title: s?.(e.label) ?? `Remove ${e.label}`,
-				ariaLabel: s?.(e.label) ?? `Remove ${e.label}`
+				title: o?.(t.label) ?? `Remove ${t.label}`,
+				ariaLabel: o?.(t.label) ?? `Remove ${t.label}`
 			}
 		})]
 	}, r))
-}), h = ({ className: t }) => /* @__PURE__ */ d("span", {
-	className: `dropdown-arrow ${t}`,
+}), g = ({ className: e }) => /* @__PURE__ */ s("span", {
+	className: `dropdown-arrow ${e}`,
 	"aria-hidden": "true",
-	dangerouslySetInnerHTML: { __html: e }
-}), re = ({ placeholder: e, className: t }) => [/* @__PURE__ */ d("span", {
+	dangerouslySetInnerHTML: { __html: c }
+}), te = ({ placeholder: e, className: t }) => [/* @__PURE__ */ s("span", {
 	className: `placeholder px-2 ${t}`,
 	children: e
-}), /* @__PURE__ */ d(h, { className: "mr-2" })];
-function g({ source: e, dataSource: t, dataContext: a, remoteText: s, value: p, onChange: m, placeholder: g = "Select an option", disabled: _ = !1, name: v, id: y, className: ie = "", style: b, config: x = {}, renderContent: S, renderOption: ae, renderValue: C, renderPlaceholder: w, renderSelectedValue: T, renderNoResults: oe, onClose: E, beforeOutsideClose: D, environment: O }) {
-	let { search: k = !1, searchPlaceholder: A = "Search...", closeOnClickOutside: j = !0, autoOpen: M = !1, multiSelect: N = !1, portalTarget: P, ariaLabel: F, ariaLabelledBy: I, ariaDescribedBy: L, popupClassName: R, maxHeight: se } = x, z = l(null), B = P ?? (x.topLayer ? z.current?.closest("revo-grid") : void 0) ?? (typeof document < "u" ? document.body : null), V = c(() => y || `dropdown-${Math.random().toString(36).substring(2, 9)}`, [y]), H = `${V}-listbox`, ce = `${V}-search`, U = `${V}-menu`, [W, G] = u(M && !_), [le, K] = u(!_ && (M || !!x.autoFocus)), q = l(M), J = x.theme ?? "default";
-	o(() => {
-		M && !q.current && !_ && (K(!0), G(!0)), q.current = M;
-	}, [M, _]), o(() => {
-		_ && W && (G(!1), E?.(!1));
-	}, [_, W]);
+}), /* @__PURE__ */ s(g, { className: "mr-2" })];
+function _({ source: t, dataSource: a, dataContext: c, remoteText: l, value: f, onChange: p, placeholder: _ = "Select an option", disabled: v = !1, name: y, id: b, className: ne = "", style: re, config: x = {}, renderContent: S, renderOption: ie, renderValue: C, renderPlaceholder: w, renderSelectedValue: T, renderNoResults: ae, onClose: E, beforeOutsideClose: D, environment: O }) {
+	let { search: k = !1, searchPlaceholder: A = "Search...", closeOnClickOutside: j = !0, autoOpen: M = !1, multiSelect: N = !1, portalTarget: P, ariaLabel: F, ariaLabelledBy: I, ariaDescribedBy: L, popupClassName: R, maxHeight: oe } = x, z = o(null), B = P ?? (x.topLayer ? z.current?.closest("revo-grid") : void 0) ?? (typeof document < "u" ? document.body : null), V = i(() => b || `dropdown-${Math.random().toString(36).substring(2, 9)}`, [b]), H = `${V}-listbox`, se = `${V}-search`, U = `${V}-menu`, [W, G] = r(M && !v), [ce, K] = r(!v && (M || !!x.autoFocus)), q = o(M), J = x.theme ?? "default";
+	n(() => {
+		M && !q.current && !v && (K(!0), G(!0)), q.current = M;
+	}, [M, v]), n(() => {
+		v && W && (G(!1), E?.(!1));
+	}, [v, W]);
 	let Y = ee({
-		dataSource: t,
-		dataContext: a,
-		remoteText: s,
-		value: p,
-		disabled: _,
-		source: e,
+		dataSource: a,
+		dataContext: c,
+		remoteText: l,
+		value: f,
+		disabled: v,
+		source: t,
 		open: W,
 		initialQuery: x.initialSearch ?? ""
-	}), X = t ? [...new Map([...Y.selected, ...Y.items].map((e) => [e.value, e])).values()] : e, Z = c(() => {
-		if (p === void 0) return [];
-		if (N && Array.isArray(p)) return X.filter((e) => p.some((t) => JSON.stringify(t) === JSON.stringify(e.value)));
+	}), X = a ? [...new Map([...Y.selected, ...Y.items].map((e) => [e.value, e])).values()] : t, Z = i(() => {
+		if (f === void 0) return [];
+		if (N && Array.isArray(f)) return X.filter((e) => f.some((t) => JSON.stringify(t) === JSON.stringify(e.value)));
 		{
-			let e = X.find((e) => JSON.stringify(e.value) === JSON.stringify(p));
+			let e = X.find((e) => JSON.stringify(e.value) === JSON.stringify(f));
 			return e ? [e] : [];
 		}
 	}, [
-		p,
+		f,
 		X,
 		N
 	]), Q = () => {
-		_ || G((e) => {
+		v || G((e) => {
 			let t = !e;
 			return t && K(!0), t;
 		});
 	}, $ = (e = !1) => {
 		G((t) => (t && E?.(e), !1));
 	};
-	o(() => {
+	n(() => {
 		if (!W) return;
 		let e = z.current;
 		if (e) return O?.onOpen?.(e, $);
 	}, [W]);
-	let ue = (e) => {
-		if (!(_ || e.disabled)) {
+	let le = (e) => {
+		if (!(v || e.disabled)) {
 			if (N) {
 				let t = Z.some((t) => JSON.stringify(t.value) === JSON.stringify(e.value)), n;
-				n = t ? Z.filter((t) => JSON.stringify(t.value) !== JSON.stringify(e.value)) : [...Z, e], m && m(n.map((e) => e.value));
-			} else m && m(e.value), $();
+				n = t ? Z.filter((t) => JSON.stringify(t.value) !== JSON.stringify(e.value)) : [...Z, e], p && p(n.map((e) => e.value));
+			} else p && p(e.value), $();
 		}
 	};
-	return o(() => {
+	return n(() => {
 		if (!j || !W) return;
 		let e = B?.ownerDocument ?? z.current?.ownerDocument ?? (typeof document < "u" ? document : void 0);
 		if (!e) return;
@@ -270,42 +270,42 @@ function g({ source: e, dataSource: t, dataContext: a, remoteText: s, value: p,
 		U,
 		B,
 		D
-	]), /* @__PURE__ */ f("div", {
-		className: `dropdown-container ${ie} ${_ ? "disabled" : ""}`,
-		style: b,
+	]), /* @__PURE__ */ s("div", {
+		className: `dropdown-container ${ne} ${v ? "disabled" : ""}`,
+		style: re,
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ s("div", {
 				ref: z,
 				className: `dropdown-trigger ${W ? "open" : ""}`,
 				role: "combobox",
 				"aria-haspopup": S ? "dialog" : "listbox",
-				"aria-expanded": W && !_,
-				"aria-disabled": _,
+				"aria-expanded": W && !v,
+				"aria-disabled": v,
 				"aria-owns": H,
 				"aria-controls": H,
 				"aria-label": F,
 				"aria-labelledby": I,
 				"aria-describedby": L,
-				tabIndex: _ ? -1 : 0,
-				onClick: _ ? void 0 : Q,
+				tabIndex: v ? -1 : 0,
+				onClick: v ? void 0 : Q,
 				onKeyDown: (e) => {
-					_ || e.target !== e.currentTarget || (W && e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), $()) : !W && (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), e.stopPropagation(), Q()));
+					v || e.target !== e.currentTarget || (W && e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), $()) : !W && (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), e.stopPropagation(), Q()));
 				},
 				children: (() => {
-					let e = [h({})];
-					return T ? T(i, Z, e) : Z.length > 0 ? N ? [/* @__PURE__ */ d(ne, {
+					let t = [g({})];
+					return T ? T(e, Z, t) : Z.length > 0 ? N ? [/* @__PURE__ */ s(h, {
 						options: Z,
-						removeOption: ue,
+						removeOption: le,
 						renderValue: C,
-						disabled: _,
+						disabled: v,
 						removeLabel: x.removeLabel
-					}), /* @__PURE__ */ d(h, { className: "mr-2" })] : [/* @__PURE__ */ d(te, {
+					}), /* @__PURE__ */ s(g, { className: "mr-2" })] : [/* @__PURE__ */ s(m, {
 						options: Z,
 						renderValue: C
-					}), /* @__PURE__ */ d(h, { className: "mr-2" })] : w ? w(i, g, e) : /* @__PURE__ */ d(re, { placeholder: g });
+					}), /* @__PURE__ */ s(g, { className: "mr-2" })] : w ? w(e, _, t) : /* @__PURE__ */ s(te, { placeholder: _ });
 				})()
 			}),
-			W && !_ && /* @__PURE__ */ d(n, {
+			W && !v && /* @__PURE__ */ s(u, {
 				onPointerRelease: O?.onPointerRelease,
 				topLayer: x.topLayer,
 				triggerRef: z,
@@ -313,45 +313,45 @@ function g({ source: e, dataSource: t, dataContext: a, remoteText: s, value: p,
 				theme: J,
 				dropdownMenuId: U,
 				popupClassName: R,
-				maxHeight: se,
+				maxHeight: oe,
 				children: S ? S({
 					id: H,
 					close: $
-				}) : /* @__PURE__ */ d(r, {
-					options: t ? Y.items : X,
-					selectedValues: t ? Y.selected : void 0,
-					remote: t ? Y : void 0,
-					value: p,
+				}) : /* @__PURE__ */ s(d, {
+					options: a ? Y.items : X,
+					selectedValues: a ? Y.selected : void 0,
+					remote: a ? Y : void 0,
+					value: f,
 					onChange: (e) => {
-						_ || m?.(e);
+						v || p?.(e);
 					},
 					config: {
 						...x,
-						autoFocus: x.autoFocus || le
+						autoFocus: x.autoFocus || ce
 					},
 					multiSelect: N,
-					search: !!t || k,
+					search: !!a || k,
 					searchPlaceholder: A,
 					listboxId: H,
-					searchId: ce,
-					renderOption: ae,
-					renderNoResults: oe,
+					searchId: se,
+					renderOption: ie,
+					renderNoResults: ae,
 					onClose: $,
 					theme: J
 				})
 			}),
-			v && /* @__PURE__ */ d("input", {
+			y && /* @__PURE__ */ s("input", {
 				type: "hidden",
-				name: v,
+				name: y,
 				value: JSON.stringify(N ? Z.map((e) => e.value) : Z[0]?.value || "")
 			})
 		]
 	});
 }
-var _ = (e, t) => {
-	a(/* @__PURE__ */ d(g, { ...t }), e);
-}, v = (e) => {
-	a(null, e);
+var v = (e, n) => {
+	t(/* @__PURE__ */ s(_, { ...n }), e);
+}, y = (e) => {
+	t(null, e);
 };
 //#endregion
-export { _ as n, v as r, g as t };
+export { v as n, y as r, _ as t };