@revolist/ui 4.0.1-rc → 4.0.3-rc

package/_chunks/request-trail-D0oVzdRd.js

@@ -1,347 +0,0 @@
-import { SvgIcon as e } from "../icons/icon.js";
-import { N as t, O as n, m as r, n as i, o as a } from "./controls-NEL5tDaz.js";
-import { createControlId as o } from "../core/control-id.js";
-import { t as s } from "./chevron-down-GbplLa6s.js";
-import { PopoverController as c } from "../surfaces.js";
-import { RemoveButton as l } from "../buttons/remove-button.js";
-import { createContext as u } from "preact";
-import { useContext as d, useLayoutEffect as f, useRef as p, useState as m } from "preact/hooks";
-import { jsx as h, jsxs as g } from "preact/jsx-runtime";
-//#region src/ai/translations.ts
-var _ = [
-	"Ask AI to change this view",
-	"Filter or sort your data…",
-	"Send",
-	"Stop",
-	"Enter to send · Shift+Enter for a new line",
-	"Suggested requests",
-	"AI view assistant",
-	"View steps",
-	"Clear all",
-	"Restore the starting view",
-	"Restore previous view",
-	"Reset view",
-	"The view changed manually. Start a new request to continue.",
-	"Remove request: {label}",
-	"{count} step",
-	"{count} steps",
-	"{count} applied request",
-	"{count} applied requests",
-	"{count} matching rows"
-];
-function v(e, t = {}, n = {}) {
-	return (t[e] ?? e).replace(/\{(\w+)\}/g, (e, t) => Object.hasOwn(n, t) ? String(n[t]) : e);
-}
-//#endregion
-//#region src/ai/translation-context.tsx
-var y = u({});
-function b({ translations: e, children: t }) {
-	return /* @__PURE__ */ h(y.Provider, {
-		value: e,
-		children: t
-	});
-}
-function x(e) {
-	let t = d(y), n = e ?? t;
-	return (e, t) => v(e, n, t);
-}
-//#endregion
-//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/arrow-up.svg?raw
-var S = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M214.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 109.3 160 480c0 17.7 14.3 32 32 32s32-14.3 32-32l0-370.7 105.4 105.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z\"/></svg>", C = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M64 32l320 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32z\"/></svg>";
-//#endregion
-//#region src/ai/components.tsx
-function w({ translations: e, value: n, onValueChange: i, onSubmit: a, onStop: s, busy: c = !1, disabled: l = !1, label: u = "Ask AI to change this view", placeholder: d = "Filter or sort your data…", submitLabel: f = "Send", stopLabel: m = "Stop", hint: _ = "Enter to send · Shift+Enter for a new line", actions: v, footer: y, textareaProps: b }) {
-	let w = x(e), T = p(o("ai-prompt")), E = p(!1), D = `${T.current}-hint`, O = !!_ && !n.length, k = c && !!s, A = () => {
-		!l && !c && n.trim() && a(n.trim());
-	};
-	return /* @__PURE__ */ g("form", {
-		class: "rv-ai-prompt",
-		"aria-busy": c || void 0,
-		onSubmit: (e) => {
-			e.preventDefault(), A();
-		},
-		children: [/* @__PURE__ */ h("label", {
-			for: T.current,
-			class: "rv-ai-prompt-label rv-visually-hidden",
-			children: w(u)
-		}), /* @__PURE__ */ g("div", {
-			class: "rv-ai-prompt-composer",
-			children: [
-				/* @__PURE__ */ h(t, {
-					rows: 2,
-					...b,
-					id: T.current,
-					"aria-describedby": O ? D : void 0,
-					value: n,
-					onValueChange: i,
-					placeholder: w(d),
-					disabled: l || c,
-					maxLength: 4e3,
-					onCompositionStart: () => {
-						E.current = !0;
-					},
-					onCompositionEnd: () => {
-						E.current = !1;
-					},
-					onKeyDown: (e) => {
-						e.key === "Enter" && !e.shiftKey && !e.isComposing && !E.current && e.keyCode !== 229 && (e.preventDefault(), A());
-					}
-				}),
-				y && /* @__PURE__ */ h("div", {
-					class: "rv-ai-prompt-footer",
-					children: y
-				}),
-				/* @__PURE__ */ g("div", {
-					class: "rv-ai-prompt-toolbar",
-					children: [/* @__PURE__ */ g("div", {
-						class: "rv-ai-prompt-tools",
-						children: [v, O && /* @__PURE__ */ h("span", {
-							id: D,
-							class: "rv-ai-prompt-hint",
-							children: w(_)
-						})]
-					}), /* @__PURE__ */ h(r, {
-						className: "rv-ai-prompt-submit",
-						type: k ? "button" : "submit",
-						label: w(k ? m : f),
-						icon: k ? C : S,
-						onClick: k ? (e) => {
-							e.preventDefault(), s?.();
-						} : void 0,
-						disabled: l || !k && !n.trim(),
-						busy: c && !k,
-						variant: "solid",
-						size: "compact"
-					})]
-				})
-			]
-		})]
-	});
-}
-function T({ translations: e, items: t, onSelect: n, disabled: r, label: a = "Suggested requests" }) {
-	let o = x(e);
-	return t.length ? /* @__PURE__ */ h("div", {
-		class: "rv-ai-suggestions",
-		role: "group",
-		"aria-label": o(a),
-		children: t.map((e, t) => /* @__PURE__ */ h(i, {
-			className: "rv-ai-suggestion",
-			size: "compact",
-			disabled: r,
-			onFocus: (e) => {
-				e.currentTarget.scrollIntoView({
-					block: "nearest",
-					inline: "nearest"
-				});
-			},
-			onClick: () => n(e),
-			children: e
-		}, `${t}:${e}`))
-	}) : null;
-}
-function E({ translations: e, phase: t, message: r }) {
-	let i = x(e);
-	return /* @__PURE__ */ g("div", {
-		class: "rv-ai-status",
-		"data-state": t,
-		role: "status",
-		"aria-live": "polite",
-		"aria-atomic": "true",
-		children: [(t === "understanding" || t === "applying") && /* @__PURE__ */ h("span", {
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ h(n, { label: "" })
-		}), /* @__PURE__ */ h("span", { children: i(r) })]
-	});
-}
-function D({ translations: e, summary: t, matchedRows: n, countLabel: r, actions: i, children: a }) {
-	let o = x(e);
-	return /* @__PURE__ */ g("div", {
-		class: "rv-ai-result",
-		role: "status",
-		"aria-live": "polite",
-		children: [
-			/* @__PURE__ */ h("p", {
-				class: "rv-ai-result-summary",
-				children: t
-			}),
-			n !== void 0 && /* @__PURE__ */ h("p", {
-				class: "rv-ai-result-count",
-				children: r ? r(n) : o("{count} matching rows", { count: n.toLocaleString() })
-			}),
-			a,
-			i && /* @__PURE__ */ h("div", {
-				class: "rv-ai-result-actions",
-				children: i
-			})
-		]
-	});
-}
-function O({ translations: e = {}, label: t = "AI view assistant", children: n, footer: r, busy: i }) {
-	return /* @__PURE__ */ h(b, {
-		translations: e,
-		children: /* @__PURE__ */ g("section", {
-			class: "rv-ai-assistant",
-			"aria-label": ((t) => v(t, e))(t),
-			"aria-busy": i || void 0,
-			children: [n, r && /* @__PURE__ */ h("div", {
-				class: "rv-ai-assistant-footer",
-				children: r
-			})]
-		})
-	});
-}
-//#endregion
-//#region src/ai/request-trail.tsx
-function k({ translations: t, items: n, onRemove: r, onClear: u, onEmpty: d, disabled: _, removalsDisabled: v, label: y = "View steps", triggerLabel: b, clearLabel: S = "Clear all", clearDescription: C, removeLabel: w, countLabel: T, changedMessage: E }) {
-	let D = x(t), O = T ?? ((e) => D(e === 1 ? "{count} applied request" : "{count} applied requests", { count: e })), k = w ?? ((e) => D("Remove request: {label}", { label: e.label })), A = p(null), j = p(null), M = p(null), [N] = m(() => o("rv-ai-steps")), [P, F] = m(!1), I = n.length > 0;
-	f(() => {
-		if (I || F(!1), !P || !I || !A.current || !j.current || !M.current) return;
-		let e = M.current, t = new c(), n = !0;
-		return t.open({
-			anchor: j.current,
-			content: e,
-			appendTo: A.current,
-			onClose: () => {
-				n && F(!1);
-			}
-		}), e.focus({ preventScroll: !0 }), () => {
-			n = !1, t.destroy(), e.hidden = !0;
-		};
-	}, [P, I]);
-	let L = p();
-	if (f(() => {
-		let e = L.current;
-		if (!e) return;
-		if (_) {
-			e.sawBusy = !0;
-			return;
-		}
-		if (e.id ? n.some((t) => t.id === e.id) : n.length > 0) {
-			(e.sawBusy || e.id && v) && (L.current = void 0);
-			return;
-		}
-		L.current = void 0;
-		let t = e.button.ownerDocument.activeElement;
-		if (t !== e.button && t !== e.button.ownerDocument.body) return;
-		let r = A.current?.querySelectorAll(".rv-remove-button");
-		r?.length && P ? r[Math.min(e.index, r.length - 1)]?.focus() : n.length || d?.();
-	}, [
-		n,
-		d,
-		_,
-		v,
-		P
-	]), !I) return null;
-	let R = 0, z = n.reduce((e, t) => e + (t.count ?? 1), 0);
-	return /* @__PURE__ */ g("div", {
-		class: "rv-ai-request-trail",
-		role: "group",
-		"aria-label": D(y),
-		ref: A,
-		onFocusOut: (e) => {
-			e.relatedTarget instanceof Node && !e.currentTarget.contains(e.relatedTarget) && F(!1);
-		},
-		children: [/* @__PURE__ */ g(i, {
-			ref: j,
-			className: "rv-ai-trail-trigger",
-			variant: "ghost",
-			size: "compact",
-			disabled: _,
-			"aria-haspopup": "dialog",
-			"aria-expanded": P,
-			"aria-controls": N,
-			onClick: () => F((e) => !e),
-			children: [b ? b(z) : D(z === 1 ? "{count} step" : "{count} steps", { count: z }), /* @__PURE__ */ h(e, {
-				svg: s,
-				size: 10
-			})]
-		}), /* @__PURE__ */ g("div", {
-			ref: M,
-			id: N,
-			class: "rv-popover rv-ai-trail-popover",
-			role: "dialog",
-			"aria-label": D(y),
-			tabIndex: -1,
-			hidden: !P,
-			children: [
-				/* @__PURE__ */ h("div", {
-					class: "rv-ai-trail-header",
-					children: /* @__PURE__ */ g("span", {
-						class: "rv-ai-trail-label",
-						children: [D(y), /* @__PURE__ */ h(a, {
-							count: z,
-							label: O(z)
-						})]
-					})
-				}),
-				/* @__PURE__ */ h("ol", {
-					class: "rv-ai-trail-steps",
-					"aria-label": O(z),
-					children: n.map((e, t) => {
-						let i = R + 1;
-						return R += e.count ?? 1, /* @__PURE__ */ h("li", {
-							class: "rv-ai-step",
-							"data-current": t === n.length - 1 || void 0,
-							onFocusCapture: (e) => e.currentTarget.scrollIntoView({
-								block: "nearest",
-								inline: "nearest"
-							}),
-							children: /* @__PURE__ */ g("span", {
-								class: "rv-ai-step-chip",
-								children: [
-									/* @__PURE__ */ h("span", {
-										class: "rv-ai-step-number",
-										"aria-hidden": "true",
-										children: i === R ? i : `${i}–${R}`
-									}),
-									/* @__PURE__ */ h("span", {
-										class: "rv-ai-step-label",
-										title: e.label,
-										children: e.label
-									}),
-									/* @__PURE__ */ h(l, {
-										compact: !0,
-										disabled: _ || v,
-										locale: {
-											title: k(e),
-											ariaLabel: k(e)
-										},
-										onClick: (n) => {
-											n.preventDefault(), L.current = {
-												button: n.currentTarget,
-												index: t,
-												id: e.id
-											}, r(e.id);
-										}
-									})
-								]
-							})
-						}, e.id);
-					})
-				}),
-				E && /* @__PURE__ */ h("p", {
-					class: "rv-ai-trail-message",
-					children: D(E)
-				}),
-				/* @__PURE__ */ h("div", {
-					class: "rv-ai-trail-footer",
-					children: /* @__PURE__ */ h(i, {
-						variant: "ghost",
-						size: "compact",
-						disabled: _,
-						title: C ? D(C) : void 0,
-						onClick: (e) => {
-							e.preventDefault(), L.current = {
-								button: e.currentTarget,
-								index: 0
-							}, u();
-						},
-						children: D(S)
-					})
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { D as a, _ as c, w as i, v as l, E as n, T as o, O as r, b as s, k as t };