@webority/ui-react 0.34.0 → 0.35.0

package/dist/components/useWuiControl.js

@@ -0,0 +1,106 @@
+import { useCallback as e, useEffect as t, useInsertionEffect as n, useRef as r } from "react";
+//#region src/components/useWuiControl.js
+function i({ ref: i, value: c, onChange: l, readValue: u, writeValue: d, events: f = a, on: p } = {}) {
+	let m = r(null), h = u ?? o, g = d ?? s, _ = (f || a).join("\0"), v = Object.keys(p ?? {}).join("\0"), y = r(null);
+	y.current === null && (y.current = {
+		ref: i,
+		value: c,
+		onChange: l,
+		read: h,
+		write: g,
+		eventKey: _,
+		on: p
+	}), n(() => {
+		y.current = {
+			ref: i,
+			value: c,
+			onChange: l,
+			read: h,
+			write: g,
+			eventKey: _,
+			on: p
+		};
+	});
+	let b = r(null), x = e(() => {
+		let e = b.current;
+		if (e) {
+			for (let t of e.names) e.el.removeEventListener(t, e.handler);
+			for (let t of e.extraNames) e.el.removeEventListener(t, e.extraHandler);
+			b.current = null;
+		}
+	}, []), S = e((e) => {
+		let t = y.current.eventKey ? y.current.eventKey.split("\0") : a, n = Object.keys(y.current.on ?? {}), r = {
+			el: e,
+			names: t,
+			extraNames: n,
+			last: void 0
+		};
+		r.handler = () => {
+			let t = y.current.read(e);
+			Object.is(t, r.last) || (r.last = t, y.current.onChange?.(t));
+		}, r.extraHandler = (e) => y.current.on?.[e.type]?.(e);
+		for (let n of t) e.addEventListener(n, r.handler);
+		for (let t of n) e.addEventListener(t, r.extraHandler);
+		b.current = r;
+	}, []), C = e((e) => {
+		m.current = e;
+		let t = y.current.ref;
+		typeof t == "function" ? t(e) : t && (t.current = e), x(), e && (S(e), y.current.value !== void 0 && y.current.write(e, y.current.value));
+	}, [x, S]);
+	return t(() => {
+		let e = m.current;
+		if (!e || c === void 0) return;
+		g(e, c);
+		let t = b.current;
+		t && !Object.is(c, t.last) && (t.last = void 0);
+	}, [c, g]), t(() => {
+		let e = m.current, t = b.current;
+		!e || !t || (t.names.join("\0") !== (_ || a.join("\0")) || t.extraNames.join("\0") !== v) && (x(), S(e));
+	}, [
+		_,
+		v,
+		x,
+		S
+	]), {
+		setRef: C,
+		innerRef: m
+	};
+}
+var a = ["change"];
+function o(e) {
+	return e.value;
+}
+function s(e, t) {
+	let n = t ?? "";
+	String(e.value ?? "") !== String(n) && (e.value = n);
+}
+function c(e, t) {
+	let n = e || [], r = t || [];
+	return n.length === r.length && n.every((e, t) => {
+		let n = r[t];
+		if (e === n) return !0;
+		if (e == null || n == null || typeof e != "object" || typeof n != "object") return Object.is(e, n);
+		let i = Object.keys(e);
+		return i.length === Object.keys(n).length && i.every((t) => Object.is(e[t], n[t]));
+	});
+}
+function l(e) {
+	return e.values;
+}
+function u(e, t) {
+	let n = t || [], r = e.values || [];
+	(n.length !== r.length || !n.every((e, t) => e === r[t])) && (e.values = n);
+}
+function d(e) {
+	return {
+		start: e.start,
+		end: e.end
+	};
+}
+function f(e, t) {
+	if (t === void 0) return;
+	let n = Number.parseFloat(t);
+	Number.isFinite(n) && e.value !== n && (e.value = n);
+}
+//#endregion
+export { i as default, c as optionsEqual, d as readRange, l as readValues, f as writeNumberValue, u as writeValues };

package/dist/components/warnInvalidValue.js

@@ -0,0 +1,17 @@
+//#region src/components/warnInvalidValue.js
+var e = () => {
+	try {
+		return process.env.NODE_ENV !== "production";
+	} catch {
+		return !0;
+	}
+}, t = /* @__PURE__ */ new Set();
+function n(n, r, i, a) {
+	if (!e() || i == null) return;
+	let o = a instanceof Set ? a : new Set(a);
+	if (o.has(i)) return;
+	let s = `${n}.${r}.${String(i)}`;
+	t.has(s) || (t.add(s), console.warn(`[@webority/ui-react] <${n}> received ${r}="${String(i)}", which is not one of ${[...o].map((e) => `"${e}"`).join(" | ")}. The component fell back to its default, so this renders something other than what the call site asks for — check the value against the component catalogue at https://ui-react.webority.dev.`));
+}
+//#endregion
+export { n as default };

package/dist/components/warnUnknownProps.js

@@ -0,0 +1,17 @@
+//#region src/components/warnUnknownProps.js
+var e = /* @__PURE__ */ new Set(/* @__PURE__ */ "id.title.role.style.className.class.tabIndex.lang.dir.hidden.slot.part.draggable.spellCheck.translate.inert.popover.name.type.value.defaultValue.checked.defaultChecked.placeholder.disabled.readOnly.required.autoFocus.autoComplete.form.formAction.formMethod.formNoValidate.formTarget.min.max.step.minLength.maxLength.pattern.multiple.accept.capture.rows.cols.wrap.list.htmlFor.inputMode.enterKeyHint.href.target.rel.download.ping.referrerPolicy.src.srcSet.alt.width.height.loading.decoding.sizes.crossOrigin.useMap.colSpan.rowSpan.headers.scope.span.key.ref.children.dangerouslySetInnerHTML.suppressHydrationWarning".split(".")), t = () => {
+	try {
+		return process.env.NODE_ENV !== "production";
+	} catch {
+		return !0;
+	}
+}, n = (e) => e.startsWith("data-") || e.startsWith("aria-") || /^on[A-Z]/.test(e), r = /* @__PURE__ */ new Set();
+function i(i, a) {
+	if (!(!t() || !a) && !("as" in a)) for (let t of Object.keys(a)) {
+		if (n(t) || e.has(t)) continue;
+		let a = `${i}.${t}`;
+		r.has(a) || (r.add(a), console.warn(`[@webority/ui-react] <${i}> received an unknown prop "${t}". It is not part of the component's API and is not a valid HTML attribute, so it will either be dropped or land on the DOM — check the prop name against the component catalogue at https://ui-react.webority.dev.`));
+	}
+}
+//#endregion
+export { i as default };

package/dist/components/withTooltip.js

@@ -0,0 +1,12 @@
+import e from "./AppTooltip.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/withTooltip.jsx
+function n(n, r, i) {
+	return r == null || r === "" ? n : /* @__PURE__ */ t(e, {
+		content: r,
+		placement: i || "auto",
+		children: n
+	});
+}
+//#endregion
+export { n as default };

package/dist/lib/CheckField.js

@@ -0,0 +1,37 @@
+import { forwardRef as e, useId as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/lib/CheckField.jsx
+var i = e(function({ label: e, id: i, name: a, error: o, hint: s, className: c = "", rest: l = {}, inputType: u, wrapperClass: d }, f) {
+	let p = t(), m = i || p, h = o ? `${m}-error` : void 0, g = s ? `${m}-hint` : void 0;
+	return /* @__PURE__ */ r("div", {
+		className: `${d}${c ? ` ${c}` : ""}`,
+		children: [
+			/* @__PURE__ */ n("input", {
+				type: u,
+				className: "form-check-input",
+				id: m,
+				name: a,
+				ref: f,
+				"aria-invalid": o ? "true" : "false",
+				"aria-describedby": h || g,
+				...l
+			}),
+			e != null && /* @__PURE__ */ n("label", {
+				className: "form-check-label",
+				htmlFor: m,
+				children: e
+			}),
+			o ? /* @__PURE__ */ n("div", {
+				className: "field-error",
+				id: h,
+				children: o
+			}) : s ? /* @__PURE__ */ n("div", {
+				className: "field-hint",
+				id: g,
+				children: s
+			}) : null
+		]
+	});
+});
+//#endregion
+export { i as default };

package/dist/lib/FileItemRow.js

@@ -0,0 +1,44 @@
+import e from "../components/AppIcon.js";
+import { nameOf as t, sizeLabelOf as n, useItemUrl as r } from "./fileItem.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/lib/FileItemRow.jsx
+function o({ item: o, isImage: s, onRemove: c, noun: l = "attachment" }) {
+	let u = r(o, s), d = t(o), f = n(o);
+	return /* @__PURE__ */ a("div", {
+		className: "attach-item",
+		children: [
+			/* @__PURE__ */ i("span", {
+				className: "attach-item-media",
+				children: u ? /* @__PURE__ */ i("img", {
+					src: u,
+					alt: d
+				}) : /* @__PURE__ */ i(e, {
+					name: "file-text",
+					size: 18
+				})
+			}),
+			/* @__PURE__ */ a("span", {
+				className: "attach-item-info",
+				children: [/* @__PURE__ */ i("span", {
+					className: "attach-name",
+					children: d
+				}), f && /* @__PURE__ */ i("span", {
+					className: "attach-size",
+					children: f
+				})]
+			}),
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				className: "attach-item-remove",
+				"aria-label": `Remove ${d || l}`,
+				onClick: c,
+				children: /* @__PURE__ */ i(e, {
+					name: "x",
+					size: 16
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { o as default };

package/dist/lib/emptyValue.js

@@ -0,0 +1,6 @@
+//#region src/lib/emptyValue.js
+function e(e) {
+	return e == null || e === "";
+}
+//#endregion
+export { e as isEmpty };

package/dist/lib/fileItem.js

@@ -0,0 +1,27 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/lib/fileItem.js
+function n(e) {
+	return e instanceof File ? `${e.name}:${e.size}` : e?.url || e?.name || "item";
+}
+function r(e) {
+	return e instanceof File ? e.name : e?.name;
+}
+function i(e) {
+	return e instanceof File ? `${(e.size / 1024).toFixed(0)} KB` : null;
+}
+function a(n, r) {
+	let [i, a] = t(null);
+	return e(() => {
+		if (!r) {
+			a(null);
+			return;
+		}
+		if (n instanceof File) {
+			let e = URL.createObjectURL(n);
+			return a(e), () => URL.revokeObjectURL(e);
+		}
+		a(n?.url || null);
+	}, [n, r]), i;
+}
+//#endregion
+export { n as keyOf, r as nameOf, i as sizeLabelOf, a as useItemUrl };

package/dist/lib/focusField.js

@@ -0,0 +1,14 @@
+//#region src/lib/focusField.js
+var e = "input:not([type=\"hidden\"]):not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function t(t) {
+	if (!t) return !1;
+	let n = [document.getElementById(t), ...document.getElementsByName(t)];
+	for (let t of n) {
+		if (!t) continue;
+		let n = t.matches(e) ? t : t.querySelector(e);
+		if (n) return n.scrollIntoView?.({ block: "center" }), n.focus({ preventScroll: !0 }), !0;
+	}
+	return !1;
+}
+//#endregion
+export { t as default };

package/dist/lib/listQuery.js

@@ -0,0 +1,57 @@
+//#region src/lib/listQuery.js
+var e = [
+	"page",
+	"pageSize",
+	"sortBy",
+	"sortOrder"
+], t = ["asc", "desc"], n = (e) => e == null || e === "", r = (e) => String(e).padStart(2, "0"), i = (e) => e instanceof Date ? `${e.getFullYear()}-${r(e.getMonth() + 1)}-${r(e.getDate())}` : String(e);
+function a(t) {
+	if (e.includes(t)) throw Error(`"${t}" is reserved by the list query (${e.join(", ")}) and cannot name a filter.`);
+}
+function o({ page: e, pageSize: r, sortBy: o, sortOrder: s, filters: c } = {}) {
+	if (!n(s) && !t.includes(s)) throw Error(`sortOrder must be "asc" or "desc", got "${s}".`);
+	let l = new URLSearchParams();
+	n(e) || l.set("page", String(e)), n(r) || l.set("pageSize", String(r)), n(o) || (l.set("sortBy", o), l.set("sortOrder", s || "asc"));
+	for (let [e, t] of Object.entries(c ?? {})) if (a(e), Array.isArray(t)) for (let r of t) n(r) || l.append(e, i(r));
+	else typeof t == "object" && t && !(t instanceof Date) ? (n(t.from) || l.set(`${e}From`, i(t.from)), n(t.to) || l.set(`${e}To`, i(t.to))) : n(t) || l.set(e, i(t));
+	return l;
+}
+function s(e) {
+	return e.type === "multiEnum" ? [] : e.type === "dateRange" ? {
+		from: "",
+		to: ""
+	} : "";
+}
+function c(e, t) {
+	return t == null ? !1 : e.type === "multiEnum" ? t.length > 0 : e.type === "dateRange" ? !!(t.from || t.to) : t !== "";
+}
+function l(t = []) {
+	let n = new Set(e);
+	for (let { key: e, type: r } of t) r === "dateRange" ? (n.add(`${e}From`), n.add(`${e}To`)) : n.add(e);
+	return n;
+}
+var u = (e, t) => {
+	let n = Number(e);
+	return Number.isInteger(n) && n >= 1 ? n : t;
+};
+function d(e, { facets: n = [], defaults: r = {} } = {}) {
+	let i = typeof e == "string" ? new URLSearchParams(e) : e;
+	for (let e of n) a(e.key);
+	let o = l(n), c = [...i.keys()].some((e) => o.has(e)), d = i.get("sortOrder"), f = {};
+	for (let e of n) {
+		let { key: t, type: n } = e, a;
+		a = c ? n === "multiEnum" ? i.getAll(t).filter(Boolean) : n === "dateRange" ? {
+			from: i.get(`${t}From`) ?? "",
+			to: i.get(`${t}To`) ?? ""
+		} : i.get(t) ?? "" : r.filters?.[t] ?? s(e), f[t] = a;
+	}
+	return {
+		page: u(i.get("page"), r.page ?? 1),
+		pageSize: u(i.get("pageSize"), r.pageSize ?? 10),
+		sortBy: i.get("sortBy") || r.sortBy,
+		sortOrder: t.includes(d) ? d : r.sortOrder ?? "asc",
+		filters: f
+	};
+}
+//#endregion
+export { e as RESERVED_LIST_QUERY_KEYS, o as buildListQuery, s as emptyFacetValue, c as isFacetActive, l as listQueryParamNames, d as parseListQuery };

package/dist/lib/navMatch.js

@@ -0,0 +1,29 @@
+//#region src/lib/navMatch.js
+var e = /^[a-z][a-z0-9+.-]*:/i;
+function t(t) {
+	if (typeof t != "string" || t.trim() === "") return null;
+	let n = t.trim(), r = n.search(/[?#]/);
+	if (r >= 0 && (n = n.slice(0, r)), n.startsWith("~/") && (n = n.slice(1)), n === "" || n.startsWith("//") || e.test(n)) return null;
+	for (n[0] !== "/" && (n = `/${n}`); n.length > 1 && n.endsWith("/");) n = n.slice(0, -1);
+	return n;
+}
+function n(e, t, n) {
+	return e.toLowerCase() === t.toLowerCase() ? !0 : n || t === "/" ? !1 : e.toLowerCase().startsWith(`${t.toLowerCase()}/`);
+}
+function r(e, t) {
+	return e == null || t == null ? e : e.toLowerCase() === t.toLowerCase() ? "/" : e.toLowerCase().startsWith(`${t.toLowerCase()}/`) ? e.slice(t.length) : e;
+}
+function i(e, i, { exact: a = !1, also: o, pathBase: s } = {}) {
+	let c = t(e);
+	if (c == null) return -1;
+	let l = t(s);
+	l === "/" && (l = null);
+	let u = -1, d = (e, t) => {
+		e != null && n(c, e, t) && (u = Math.max(u, e.length));
+	};
+	d(r(t(i), l), a);
+	for (let e of o ?? []) d(r(t(e), l), !1);
+	return u;
+}
+//#endregion
+export { i as navMatchScore, t as normalizeNavPath };

package/dist/lib/pageWindow.js

@@ -0,0 +1,14 @@
+//#region src/lib/pageWindow.js
+var e = (e, t) => {
+	let n = [];
+	for (let r = e; r <= t; r += 1) n.push(r);
+	return n;
+};
+function t(t, n, { siblingCount: r = 2, boundaryCount: i = 1 } = {}) {
+	let a = Math.max(1, n), o = Math.min(Math.max(1, t), a);
+	if (a <= r * 2 + 3 + i * 2) return e(1, a);
+	let s = Math.max(o - r, i + 2), c = Math.min(o + r, a - i - 1), l = s > i + 2, u = c < a - i - 1, d = e(1, i);
+	return d.push(...l ? ["ellipsis-left"] : e(i + 1, s - 1)), d.push(...e(s, c)), d.push(...u ? ["ellipsis-right"] : e(c + 1, a - i)), d.push(...e(a - i + 1, a)), d;
+}
+//#endregion
+export { t as pageWindow };