@voltro/ui 0.85.0 → 0.86.0

package/dist/dataCopilot.js

@@ -0,0 +1,77 @@
+import { useState as e } from "react";
+import { useDataCopilot as t } from "@voltro/client";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/dataCopilot.tsx
+var i = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : typeof e == "object" ? JSON.stringify(e) : String(e), a = (e) => {
+	let t = /* @__PURE__ */ new Set(), n = [];
+	for (let r of e) for (let e of Object.keys(r)) t.has(e) || (t.add(e), n.push(e));
+	return n;
+};
+function o(e) {
+	let { answer: t, emptyText: o } = e;
+	if (t === void 0) return null;
+	if (!t.ok) return /* @__PURE__ */ n("p", {
+		"data-voltro-data-copilot-refused": !0,
+		role: "status",
+		children: t.reason
+	});
+	if (t.rows.length === 0) return /* @__PURE__ */ n("p", {
+		"data-voltro-data-copilot-empty": !0,
+		children: o ?? "No rows."
+	});
+	let s = a(t.rows);
+	return /* @__PURE__ */ r("table", {
+		"data-voltro-data-copilot-results": !0,
+		children: [/* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { children: s.map((e) => /* @__PURE__ */ n("th", {
+			scope: "col",
+			children: e
+		}, e)) }) }), /* @__PURE__ */ n("tbody", { children: t.rows.map((e, t) => /* @__PURE__ */ n("tr", { children: s.map((t) => /* @__PURE__ */ n("td", {
+			"data-column": t,
+			children: i(e[t])
+		}, t)) }, String(e.id ?? t))) })]
+	});
+}
+function s(i) {
+	let { api: a, action: s, placeholder: c, askLabel: l, emptyText: u } = i, d = t(a, s), [f, p] = e(""), m = () => {
+		let e = f.trim();
+		e.length === 0 || d.pending || d.ask(e);
+	};
+	return /* @__PURE__ */ r("div", {
+		"data-voltro-data-copilot": s,
+		children: [/* @__PURE__ */ r("form", {
+			"data-composer": !0,
+			onSubmit: (e) => {
+				e.preventDefault(), m();
+			},
+			children: [/* @__PURE__ */ n("input", {
+				value: f,
+				onChange: (e) => p(e.target.value),
+				placeholder: c ?? "Ask about your data…",
+				"aria-label": "Ask about your data",
+				disabled: d.pending
+			}), /* @__PURE__ */ n("button", {
+				type: "submit",
+				disabled: d.pending || f.trim().length === 0,
+				children: l ?? "Ask"
+			})]
+		}), /* @__PURE__ */ n("div", {
+			"data-answer": !0,
+			"aria-live": "polite",
+			"aria-busy": d.pending ? "true" : void 0,
+			children: d.error === void 0 ? /* @__PURE__ */ n(o, {
+				answer: d.answer,
+				...u === void 0 ? {} : { emptyText: u }
+			}) : /* @__PURE__ */ n("p", {
+				"data-voltro-data-copilot-error": !0,
+				role: "alert",
+				children: d.error instanceof Error ? d.error.message : String(d.error)
+			})
+		})]
+	});
+}
+function c(e) {
+	let n = t(e.api, e.action);
+	return e.children(n);
+}
+//#endregion
+export { s as DataCopilot, o as DataCopilotAnswer, c as DataCopilotStream };

package/dist/dataTable.js

@@ -0,0 +1,60 @@
+import { useUiStrings as e } from "./strings.js";
+import { memo as t, useMemo as n } from "react";
+import { useDataTable as r } from "@voltro/client";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/dataTable.tsx
+var s = (e) => e == null ? "" : typeof e == "boolean" ? e ? "✓" : "✗" : String(e), c = (e, t) => e ? t === "asc" ? "ascending" : "descending" : "none";
+function l({ row: e, columns: t, renderCell: n, rowActions: r }) {
+	return /* @__PURE__ */ o("tr", { children: [t.map((t) => /* @__PURE__ */ a("td", {
+		"data-column": t.name,
+		children: n ? n(e, t) : s(e[t.name])
+	}, t.name)), r ? /* @__PURE__ */ a("td", { children: r(e) }) : null] });
+}
+var u = t(l);
+function d(t) {
+	let { api: s, query: l, emptyText: d, loadingText: f, loadMoreText: p, renderCell: m, rowActions: h, rowKey: g, ..._ } = t, v = e().dataTable, y = r(s, l, _), b = n(() => y.loading ? null : y.rows.map((e, t) => /* @__PURE__ */ a(u, {
+		row: e,
+		columns: y.columns,
+		renderCell: m,
+		rowActions: h
+	}, g ? g(e) : String(e.id ?? t))), [
+		y.loading,
+		y.rows,
+		y.columns,
+		m,
+		h,
+		g
+	]);
+	return y.loading ? /* @__PURE__ */ a("p", {
+		"data-voltro-datatable-loading": !0,
+		"aria-busy": "true",
+		children: f ?? "Loading…"
+	}) : y.rows.length === 0 ? /* @__PURE__ */ a("p", {
+		"data-voltro-datatable-empty": !0,
+		children: d ?? "No rows."
+	}) : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("table", {
+		"data-voltro-datatable": l,
+		children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", { children: [y.columns.map((e) => {
+			let t = y.sort?.column === e.name, n = y.sort?.direction ?? "asc";
+			return /* @__PURE__ */ a("th", {
+				"aria-sort": c(t, n),
+				scope: "col",
+				children: /* @__PURE__ */ o("button", {
+					type: "button",
+					onClick: () => y.toggleSort(e.name),
+					children: [e.label, t ? n === "asc" ? " ▲" : " ▼" : ""]
+				})
+			}, e.name);
+		}), h ? /* @__PURE__ */ a("th", {
+			scope: "col",
+			children: v.actions
+		}) : null] }) }), /* @__PURE__ */ a("tbody", { children: b })]
+	}), y.hasMore ? /* @__PURE__ */ a("button", {
+		type: "button",
+		"data-voltro-datatable-more": !0,
+		onClick: () => y.loadMore(),
+		children: p ?? "Load more"
+	}) : null] });
+}
+//#endregion
+export { d as DataTable };

package/dist/filters.js

@@ -0,0 +1,105 @@
+import { useUiStrings as e } from "./strings.js";
+import { useQueryFilters as t } from "@voltro/client";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/filters.tsx
+var i = (e) => e == null ? "" : String(e);
+function a(t) {
+	let { filter: a, value: o, onChange: s } = t, c = e().filters, l = {
+		"data-filter": a.name,
+		"aria-label": a.label
+	};
+	switch (a.kind) {
+		case "select": return /* @__PURE__ */ r("select", {
+			...l,
+			value: i(o),
+			onChange: (e) => s(e.target.value || void 0),
+			children: [/* @__PURE__ */ n("option", {
+				value: "",
+				children: c.anyOption(a.label)
+			}), (a.options ?? []).map((e) => /* @__PURE__ */ n("option", {
+				value: e.value,
+				children: e.label
+			}, e.value))]
+		});
+		case "multi-select": return /* @__PURE__ */ n("select", {
+			...l,
+			multiple: !0,
+			value: Array.isArray(o) ? o : [],
+			onChange: (e) => s(Array.from(e.target.selectedOptions, (e) => e.value)),
+			children: (a.options ?? []).map((e) => /* @__PURE__ */ n("option", {
+				value: e.value,
+				children: e.label
+			}, e.value))
+		});
+		case "boolean": return /* @__PURE__ */ n("input", {
+			...l,
+			type: "checkbox",
+			checked: o === !0,
+			onChange: (e) => s(e.target.checked ? !0 : void 0)
+		});
+		case "number-range":
+		case "date-range": {
+			let e = a.kind === "number-range" ? "number" : "date", t = o ?? {};
+			return /* @__PURE__ */ r("span", {
+				"data-filter": a.name,
+				"data-range": a.kind,
+				children: [/* @__PURE__ */ n("input", {
+					"aria-label": `${a.label} from`,
+					type: e,
+					value: i(t.gte),
+					onChange: (e) => s({
+						...t,
+						gte: e.target.value || void 0
+					})
+				}), /* @__PURE__ */ n("input", {
+					"aria-label": `${a.label} to`,
+					type: e,
+					value: i(t.lte),
+					onChange: (e) => s({
+						...t,
+						lte: e.target.value || void 0
+					})
+				})]
+			});
+		}
+		default: return /* @__PURE__ */ n("input", {
+			...l,
+			type: "text",
+			value: i(o),
+			onChange: (e) => s(e.target.value || void 0)
+		});
+	}
+}
+function o(i) {
+	let o = t(i.api, i.query, i.initial ? { initial: i.initial } : {}), s = e().filters;
+	return /* @__PURE__ */ r("div", {
+		"data-voltro-query-filters": i.query,
+		children: [/* @__PURE__ */ r("div", {
+			"data-filter-controls": !0,
+			role: "group",
+			"aria-label": s.filtersLabel,
+			children: [
+				o.filters.map((e) => /* @__PURE__ */ r("label", {
+					"data-filter-label": !0,
+					children: [/* @__PURE__ */ n("span", { children: e.label }), /* @__PURE__ */ n(a, {
+						filter: e,
+						value: o.values[e.name],
+						onChange: (t) => o.setFilter(e.name, t)
+					})]
+				}, e.name)),
+				/* @__PURE__ */ n("button", {
+					type: "button",
+					"data-filter-clear": !0,
+					onClick: () => o.clear(),
+					children: s.clear
+				}),
+				i.showCount ?? !0 ? /* @__PURE__ */ n("span", {
+					"data-filter-count": !0,
+					children: s.resultCount(o.count ?? "…")
+				}) : null
+			]
+		}), i.children ? i.children(o) : null]
+	});
+}
+//#endregion
+export { o as QueryFilters };