@revolist/ui 4.0.1-rc → 4.0.1

package/_chunks/dialog.parts-Dt3KinUz.js

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

package/_chunks/dropdown-CkGQBm1Q.js

@@ -1,357 +0,0 @@
-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";
-//#region src/dropdown/remote.ts
-var p = {
-	loading: "Loading…",
-	empty: "No results found",
-	error: "Unable to load options.",
-	retry: "Retry",
-	loadMore: "Load more",
-	unavailable: (e) => `Unavailable (${String(e)})`
-}, m = class {
-	source;
-	context;
-	changed;
-	text;
-	settings;
-	cache = /* @__PURE__ */ new Map();
-	ids = [];
-	items = [];
-	query = "";
-	cursor;
-	seen = /* @__PURE__ */ new Set();
-	searchAbort;
-	resolveAbort;
-	timer;
-	generation = 0;
-	resolution = 0;
-	disposed = !1;
-	loading = !1;
-	searchFailed = !1;
-	failedCursor;
-	resolveFailed = !1;
-	opened = !1;
-	constructor(e, t, n, r = p, i = {}) {
-		this.source = e, this.context = t, this.changed = n, this.text = r, this.settings = i;
-	}
-	remember(e) {
-		for (let t of e) {
-			if (typeof t.value != "string" && (typeof t.value != "number" || !Number.isFinite(t.value))) throw TypeError("Remote dropdown values must be finite numeric or string IDs.");
-			this.cache.set(t.value, t);
-		}
-	}
-	emit() {
-		this.disposed || this.changed({
-			items: [...this.items],
-			selected: this.ids.map((e) => this.cache.get(e) ?? {
-				value: e,
-				label: this.text.unavailable(e),
-				unresolved: !0
-			}),
-			loading: this.loading,
-			error: this.searchFailed || this.resolveFailed,
-			hasMore: this.cursor !== void 0
-		});
-	}
-	setSelected(e, t = []) {
-		this.remember(t), this.ids = [...new Set(e)], this.resolveAbort?.abort();
-		let n = ++this.resolution, r = this.ids.filter((e) => !this.cache.has(e));
-		if (this.resolveFailed = !1, this.emit(), !r.length || this.disposed) return;
-		let i = this.resolveAbort = new AbortController();
-		Promise.resolve().then(() => this.source.resolve({
-			ids: r,
-			signal: i.signal,
-			context: this.context
-		})).then((e) => {
-			this.disposed || i.signal.aborted || n !== this.resolution || (this.remember(e), this.emit());
-		}).catch(() => {
-			this.disposed || i.signal.aborted || n !== this.resolution || (this.resolveFailed = !0, this.emit());
-		});
-	}
-	search(e, t = !1) {
-		this.disposed || (this.opened = !0, this.query = e, this.searchAbort?.abort(), clearTimeout(this.timer), ++this.generation, this.items = [], this.cursor = void 0, this.seen.clear(), this.loading = !0, this.searchFailed = !1, this.emit(), t ? this.page(void 0, this.generation) : this.timer = setTimeout(() => void this.page(void 0, this.generation), this.settings.debounceMs ?? 200));
-	}
-	async page(e, t) {
-		if (this.disposed || t !== this.generation || this.seen.has(e)) return;
-		this.seen.add(e), this.loading = !0, this.searchFailed = !1, this.emit();
-		let n = this.searchAbort = new AbortController();
-		try {
-			let r = await this.source.search({
-				query: this.query,
-				cursor: e,
-				pageSize: this.settings.pageSize ?? 50,
-				signal: n.signal,
-				context: this.context
-			});
-			if (this.disposed || n.signal.aborted || t !== this.generation) return;
-			this.remember(r.items);
-			let i = new Map(this.items.map((e) => [e.value, e]));
-			r.items.forEach((e) => i.set(e.value, e)), this.items = [...i.values()], this.cursor = r.nextCursor ?? void 0, this.seen.has(this.cursor) && (this.cursor = void 0);
-		} catch {
-			if (this.disposed || n.signal.aborted || t !== this.generation) return;
-			this.seen.delete(e), this.failedCursor = e, this.searchFailed = !0;
-		} finally {
-			!this.disposed && !n.signal.aborted && t === this.generation && (this.loading = !1, this.emit());
-		}
-	}
-	loadMore() {
-		!this.loading && !this.searchFailed && this.cursor !== void 0 && this.page(this.cursor, this.generation);
-	}
-	retry() {
-		this.resolveFailed && this.setSelected(this.ids), this.searchFailed && this.opened && this.page(this.failedCursor, this.generation);
-	}
-	close() {
-		this.opened = !1, this.searchAbort?.abort(), clearTimeout(this.timer), ++this.generation, this.loading = !1, this.emit();
-	}
-	destroy() {
-		this.disposed = !0, this.close(), this.resolveAbort?.abort(), ++this.resolution;
-	}
-};
-//#endregion
-//#region src/dropdown/remote-hook.ts
-function ee(e) {
-	let t = c(() => ({
-		...p,
-		...e.remoteText
-	}), [e.remoteText]), [n, r] = u({
-		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(() => {
-		if (!e.dataSource || e.disabled) {
-			r({
-				items: [],
-				selected: [],
-				loading: !1,
-				error: !1,
-				hasMore: !1
-			});
-			return;
-		}
-		let n = new m(e.dataSource, e.dataContext, r, t);
-		return i.current = n, () => {
-			n.destroy(), i.current === n && (i.current = void 0);
-		};
-	}, [
-		e.dataSource,
-		e.dataContext,
-		e.disabled,
-		t
-	]), s(() => {
-		i.current?.setSelected(a, e.source);
-	}, [
-		d,
-		e.source,
-		e.dataSource,
-		e.dataContext,
-		e.disabled,
-		t
-	]), o(() => {
-		e.open ? i.current?.search(e.initialQuery, !0) : i.current?.close();
-	}, [
-		e.open,
-		e.dataSource,
-		e.dataContext,
-		e.disabled,
-		e.initialQuery,
-		t
-	]), {
-		...n,
-		text: t,
-		search: (e) => i.current?.search(e),
-		loadMore: () => i.current?.loadMore(),
-		retry: () => i.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", {
-	className: `selected-values ${r}`,
-	children: e.map((e, r) => /* @__PURE__ */ f("span", {
-		className: "selected-tag",
-		children: [a ? a(i, e) : e.label, !o && !e.disabled && /* @__PURE__ */ d(t, {
-			compact: !0,
-			onClick: (t) => {
-				t.stopPropagation(), n(e);
-			},
-			locale: {
-				title: s?.(e.label) ?? `Remove ${e.label}`,
-				ariaLabel: s?.(e.label) ?? `Remove ${e.label}`
-			}
-		})]
-	}, r))
-}), h = ({ className: t }) => /* @__PURE__ */ d("span", {
-	className: `dropdown-arrow ${t}`,
-	"aria-hidden": "true",
-	dangerouslySetInnerHTML: { __html: e }
-}), re = ({ placeholder: e, className: t }) => [/* @__PURE__ */ d("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]);
-	let Y = ee({
-		dataSource: t,
-		dataContext: a,
-		remoteText: s,
-		value: p,
-		disabled: _,
-		source: e,
-		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)));
-		{
-			let e = X.find((e) => JSON.stringify(e.value) === JSON.stringify(p));
-			return e ? [e] : [];
-		}
-	}, [
-		p,
-		X,
-		N
-	]), Q = () => {
-		_ || G((e) => {
-			let t = !e;
-			return t && K(!0), t;
-		});
-	}, $ = (e = !1) => {
-		G((t) => (t && E?.(e), !1));
-	};
-	o(() => {
-		if (!W) return;
-		let e = z.current;
-		if (e) return O?.onOpen?.(e, $);
-	}, [W]);
-	let ue = (e) => {
-		if (!(_ || 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), $();
-		}
-	};
-	return o(() => {
-		if (!j || !W) return;
-		let e = B?.ownerDocument ?? z.current?.ownerDocument ?? (typeof document < "u" ? document : void 0);
-		if (!e) return;
-		let t = (t) => {
-			let n = e.getElementById(U), r = t.target;
-			if (n && r && !n.contains(r) && z.current && !z.current.contains(r)) {
-				if (D?.() === !1) {
-					t.preventDefault(), t.stopImmediatePropagation();
-					return;
-				}
-				$();
-			}
-		}, n = !!D;
-		return e.addEventListener("pointerdown", t, n), () => {
-			e.removeEventListener("pointerdown", t, n);
-		};
-	}, [
-		j,
-		W,
-		U,
-		B,
-		D
-	]), /* @__PURE__ */ f("div", {
-		className: `dropdown-container ${ie} ${_ ? "disabled" : ""}`,
-		style: b,
-		children: [
-			/* @__PURE__ */ d("div", {
-				ref: z,
-				className: `dropdown-trigger ${W ? "open" : ""}`,
-				role: "combobox",
-				"aria-haspopup": S ? "dialog" : "listbox",
-				"aria-expanded": W && !_,
-				"aria-disabled": _,
-				"aria-owns": H,
-				"aria-controls": H,
-				"aria-label": F,
-				"aria-labelledby": I,
-				"aria-describedby": L,
-				tabIndex: _ ? -1 : 0,
-				onClick: _ ? 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()));
-				},
-				children: (() => {
-					let e = [h({})];
-					return T ? T(i, Z, e) : Z.length > 0 ? N ? [/* @__PURE__ */ d(ne, {
-						options: Z,
-						removeOption: ue,
-						renderValue: C,
-						disabled: _,
-						removeLabel: x.removeLabel
-					}), /* @__PURE__ */ d(h, { className: "mr-2" })] : [/* @__PURE__ */ d(te, {
-						options: Z,
-						renderValue: C
-					}), /* @__PURE__ */ d(h, { className: "mr-2" })] : w ? w(i, g, e) : /* @__PURE__ */ d(re, { placeholder: g });
-				})()
-			}),
-			W && !_ && /* @__PURE__ */ d(n, {
-				onPointerRelease: O?.onPointerRelease,
-				topLayer: x.topLayer,
-				triggerRef: z,
-				portalTarget: B,
-				theme: J,
-				dropdownMenuId: U,
-				popupClassName: R,
-				maxHeight: se,
-				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,
-					onChange: (e) => {
-						_ || m?.(e);
-					},
-					config: {
-						...x,
-						autoFocus: x.autoFocus || le
-					},
-					multiSelect: N,
-					search: !!t || k,
-					searchPlaceholder: A,
-					listboxId: H,
-					searchId: ce,
-					renderOption: ae,
-					renderNoResults: oe,
-					onClose: $,
-					theme: J
-				})
-			}),
-			v && /* @__PURE__ */ d("input", {
-				type: "hidden",
-				name: v,
-				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);
-};
-//#endregion
-export { _ as n, v as r, g as t };