@well-insight/ui 0.1.10 → 0.1.11

package/dist/tree-table/index.js

@@ -1,11 +1,12 @@
-import { n as e } from "../locale-CYkJyRd1.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { n as t } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeStyle as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p } from "vue";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h } from "vue";
 //#region src/components/TreeTable/TreeTableRow.vue?vue&type=script&setup=true&lang.ts
-var m = { class: "wi-treetable__row" }, h = ["aria-label"], g = {
+var g = { class: "wi-treetable__row" }, _ = ["aria-label"], v = {
 	key: 1,
 	class: "wi-treetable__toggler-spacer"
-}, _ = /* @__PURE__ */ s({
+}, y = /* @__PURE__ */ l({
 	__name: "TreeTableRow",
 	props: {
 		node: {},
@@ -14,66 +15,69 @@ var m = { class: "wi-treetable__row" }, h = ["aria-label"], g = {
 		isExpanded: { type: Function }
 	},
 	emits: ["toggle"],
-	setup(s) {
-		let u = e();
-		return (e, v) => (l(), i(t, null, [a("tr", m, [(l(!0), i(t, null, d(s.columns, (n, r) => (l(), i("td", {
-			key: n.field,
+	setup(l) {
+		let f = t();
+		return (t, b) => (d(), a(n, null, [o("tr", g, [(d(!0), a(n, null, p(l.columns, (r, i) => (d(), a("td", {
+			key: r.field,
 			class: "wi-treetable__cell"
-		}, [r === 0 ? (l(), i("div", {
+		}, [i === 0 ? (d(), a("div", {
 			key: 0,
 			class: "wi-treetable__tree-cell",
-			style: c({ paddingLeft: `${s.depth * 1}rem` })
-		}, [s.node.children?.length ? (l(), i("button", {
+			style: u({ paddingLeft: `${l.depth * 1}rem` })
+		}, [l.node.children?.length ? (d(), a("button", {
 			key: 0,
 			type: "button",
 			class: "wi-treetable__toggler",
-			"aria-label": s.isExpanded(s.node.key) ? p(u).collapse : p(u).expand,
-			onClick: v[0] ||= (t) => e.$emit("toggle", s.node)
-		}, f(s.isExpanded(s.node.key) ? "▾" : "▸"), 9, h)) : (l(), i("span", g)), a("span", null, f(s.node.data[n.field]), 1)], 4)) : (l(), i(t, { key: 1 }, [o(f(s.node.data[n.field]), 1)], 64))]))), 128))]), s.node.children?.length && s.isExpanded(s.node.key) ? (l(!0), i(t, { key: 0 }, d(s.node.children, (t) => (l(), n(_, {
-			key: t.key,
-			node: t,
-			columns: s.columns,
-			depth: s.depth + 1,
-			"is-expanded": s.isExpanded,
-			onToggle: v[1] ||= (t) => e.$emit("toggle", t)
+			"aria-label": l.isExpanded(l.node.key) ? h(f).collapse : h(f).expand,
+			onClick: b[0] ||= (e) => t.$emit("toggle", l.node)
+		}, [c(e, {
+			name: l.isExpanded(l.node.key) ? "chevron-down" : "chevron-right",
+			size: "sm"
+		}, null, 8, ["name"])], 8, _)) : (d(), a("span", v)), o("span", null, m(l.node.data[r.field]), 1)], 4)) : (d(), a(n, { key: 1 }, [s(m(l.node.data[r.field]), 1)], 64))]))), 128))]), l.node.children?.length && l.isExpanded(l.node.key) ? (d(!0), a(n, { key: 0 }, p(l.node.children, (e) => (d(), r(y, {
+			key: e.key,
+			node: e,
+			columns: l.columns,
+			depth: l.depth + 1,
+			"is-expanded": l.isExpanded,
+			onToggle: b[1] ||= (e) => t.$emit("toggle", e)
 		}, null, 8, [
 			"node",
 			"columns",
 			"depth",
 			"is-expanded"
-		]))), 128)) : r("", !0)], 64));
+		]))), 128)) : i("", !0)], 64));
 	}
-}), v = { class: "wi-treetable" }, y = { class: "wi-treetable__table" }, b = /* @__PURE__ */ s({
+}), b = { class: "wi-treetable" }, x = { class: "wi-treetable__table" }, S = /* @__PURE__ */ l({
 	__name: "TreeTable",
 	props: {
 		value: {},
 		columns: {}
 	},
 	emits: ["node-expand", "node-collapse"],
-	setup(e, { emit: r }) {
-		let o = r, s = u({});
+	setup(e, { emit: t }) {
+		let i = t, s = f({});
 		function c(e) {
 			return !!s.value[e];
 		}
-		function p(e) {
+		function l(e) {
 			let t = !s.value[e.key];
 			s.value = {
 				...s.value,
 				[e.key]: t
-			}, o(t ? "node-expand" : "node-collapse", e);
+			}, i(t ? "node-expand" : "node-collapse", e);
 		}
-		return (r, o) => (l(), i("div", v, [a("table", y, [a("thead", null, [a("tr", null, [(l(!0), i(t, null, d(e.columns, (e) => (l(), i("th", {
+		return (t, i) => (d(), a("div", b, [o("table", x, [o("thead", null, [o("tr", null, [(d(!0), a(n, null, p(e.columns, (e) => (d(), a("th", {
 			key: e.field,
 			scope: "col"
-		}, f(e.header), 1))), 128))])]), a("tbody", null, [(l(!0), i(t, null, d(e.value, (t) => (l(), n(_, {
+		}, m(e.header), 1))), 128))])]), o("tbody", null, [(d(!0), a(n, null, p(e.value, (t) => (d(), r(y, {
 			key: t.key,
 			node: t,
 			columns: e.columns,
 			depth: 0,
 			"is-expanded": c,
-			onToggle: p
+			onToggle: l
 		}, null, 8, ["node", "columns"]))), 128))])])]));
 	}
 });
 //#endregion
-export { b as WiTreeTable };
+export { S as WiTreeTable };

package/dist/tree-table/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }
@@ -750,6 +749,45 @@
     line-height: 1;
 }
 
+.wi-icon {
+    display: inline-flex;
+    height: 1rem;
+    width: 1rem;
+}
+
+.wi-icon svg {
+    height: 100%;
+    width: 100%;
+}
+
+.wi-icon--sm,
+.wi-icon--small {
+    height: 0.875rem;
+    width: 0.875rem;
+}
+
+.wi-icon--md,
+.wi-icon--normal {
+    height: 1rem;
+    width: 1rem;
+}
+
+.wi-icon--lg,
+.wi-icon--large {
+    height: 1.25rem;
+    width: 1.25rem;
+}
+
+.wi-icon--spin svg {
+    animation: wi-icon-spin 0.8s linear infinite;
+}
+
+@keyframes wi-icon-spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
 /* —— Data: TreeTable —— */
 .wi-treetable {
     overflow: auto;

package/dist/tree-table/style.js

@@ -1,3 +1,4 @@
 import '../theme/styles.css'
 import '../styles/base.css'
+import '../components/Icon/styles.css'
 import '../components/TreeTable/styles.css'

package/dist/virtual-scroller/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@well-insight/ui",
   "type": "module",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Vue 3 component library for Well Insight.",
   "license": "MIT",
   "homepage": "https://github.com/well-insight/well-insight-ui#readme",
@@ -702,6 +702,9 @@
     "release:git": "node scripts/release-git.mjs --tag --branch",
     "release:mcp": "node scripts/release-mcp.mjs",
     "mcp:generate": "pnpm --filter @well-insight/ui-mcp generate",
+    "mcp:check-catalog": "pnpm --filter @well-insight/ui-mcp check-catalog",
+    "mcp:validate-catalog": "pnpm --filter @well-insight/ui-mcp validate-catalog",
+    "mcp:audit-examples": "pnpm --filter @well-insight/ui-mcp audit-example-coverage",
     "mcp:build": "pnpm --filter @well-insight/ui-mcp build",
     "mcp:start": "pnpm --filter @well-insight/ui-mcp start"
   }

package/dist/Pagination-BU-1IY0E.js

@@ -1,148 +0,0 @@
-import { n as e, t } from "./locale-CYkJyRd1.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p, withKeys as m, withModifiers as h } from "vue";
-//#region src/components/Pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
-var g = ["aria-label"], _ = ["disabled", "aria-label"], v = {
-	key: 0,
-	class: "wi-pagination__simple",
-	"aria-current": "page"
-}, y = [
-	"disabled",
-	"aria-label",
-	"aria-current",
-	"onClick"
-], b = ["disabled", "aria-label"], x = {
-	key: 2,
-	class: "wi-pagination__sizer"
-}, S = { class: "wi-pagination__sizer-label" }, C = ["disabled", "value"], w = ["value"], T = {
-	key: 3,
-	class: "wi-pagination__jumper"
-}, E = [
-	"max",
-	"disabled",
-	"value",
-	"onKeydown"
-], D = { key: 0 }, O = /* @__PURE__ */ s({
-	__name: "Pagination",
-	props: {
-		modelValue: { default: 1 },
-		totalRecords: {},
-		rows: { default: 10 },
-		pageSize: {},
-		pageLinkSize: { default: 5 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		showSizePicker: {
-			type: Boolean,
-			default: !1
-		},
-		pageSizes: { default: () => [
-			10,
-			20,
-			50,
-			100
-		] },
-		showQuickJumper: {
-			type: Boolean,
-			default: !1
-		},
-		simple: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"page",
-		"update:rows",
-		"update:pageSize"
-	],
-	setup(s, { expose: O, emit: k }) {
-		let A = s, j = k, M = e(), N = u(""), P = r(() => Math.max(1, A.pageSize ?? A.rows)), F = r(() => Math.max(1, Math.ceil(A.totalRecords / P.value))), I = r(() => Math.min(Math.max(1, A.modelValue), F.value)), L = r(() => (I.value - 1) * P.value), R = r(() => {
-			let e = Math.min(A.pageLinkSize, F.value), t = Math.min(Math.max(1, I.value - Math.floor(e / 2)), F.value - e + 1);
-			return Array.from({ length: e }, (e, n) => t + n);
-		}), z = r(() => {
-			let e = [...A.pageSizes];
-			return e.includes(P.value) || e.unshift(P.value), e;
-		});
-		function B(e) {
-			let t = Math.min(Math.max(1, e), F.value);
-			A.disabled || t === I.value || (j("update:modelValue", t), j("page", t));
-		}
-		function V(e) {
-			if (A.disabled || e === P.value) return;
-			j("update:rows", e), j("update:pageSize", e);
-			let t = Math.max(1, Math.ceil(A.totalRecords / e)), n = Math.min(I.value, t);
-			n !== I.value && (j("update:modelValue", n), j("page", n));
-		}
-		function H(e) {
-			let t = Number(e.target.value);
-			Number.isFinite(t) && V(t);
-		}
-		function U() {
-			let e = Number.parseInt(N.value, 10);
-			N.value = "", Number.isFinite(e) && B(e);
-		}
-		function W(e) {
-			return t(M.value.page, { page: e });
-		}
-		return O({
-			first: L,
-			pageCount: F
-		}), (e, t) => (l(), a("nav", {
-			class: c(["wi-pagination", { "wi-pagination--simple": s.simple }]),
-			"aria-label": p(M).pagination
-		}, [
-			o("button", {
-				type: "button",
-				class: "wi-pagination__button",
-				disabled: s.disabled || I.value === 1,
-				"aria-label": p(M).prevPage,
-				onClick: t[0] ||= (e) => B(I.value - 1)
-			}, " ‹ ", 8, _),
-			s.simple ? (l(), a("span", v, f(I.value) + " / " + f(F.value), 1)) : (l(!0), a(n, { key: 1 }, d(R.value, (e) => (l(), a("button", {
-				key: e,
-				type: "button",
-				class: c(["wi-pagination__button", { "wi-pagination__button--active": e === I.value }]),
-				disabled: s.disabled,
-				"aria-label": W(e),
-				"aria-current": e === I.value ? "page" : void 0,
-				onClick: (t) => B(e)
-			}, f(e), 11, y))), 128)),
-			o("button", {
-				type: "button",
-				class: "wi-pagination__button",
-				disabled: s.disabled || I.value === F.value,
-				"aria-label": p(M).nextPage,
-				onClick: t[1] ||= (e) => B(I.value + 1)
-			}, " › ", 8, b),
-			s.showSizePicker && !s.simple ? (l(), a("label", x, [o("span", S, f(p(M).itemsPerPage), 1), o("select", {
-				class: "wi-pagination__select",
-				disabled: s.disabled,
-				value: P.value,
-				onChange: H
-			}, [(l(!0), a(n, null, d(z.value, (e) => (l(), a("option", {
-				key: e,
-				value: e
-			}, f(e), 9, w))), 128))], 40, C)])) : i("", !0),
-			s.showQuickJumper && !s.simple ? (l(), a("label", T, [
-				o("span", null, f(p(M).jumpToPage), 1),
-				o("input", {
-					class: "wi-pagination__input",
-					type: "number",
-					min: "1",
-					max: F.value,
-					disabled: s.disabled,
-					value: N.value,
-					onInput: t[2] ||= (e) => N.value = e.target.value,
-					onKeydown: m(h(U, ["prevent"]), ["enter"]),
-					onBlur: U
-				}, null, 40, E),
-				p(M).pageClassifier ? (l(), a("span", D, f(p(M).pageClassifier), 1)) : i("", !0)
-			])) : i("", !0)
-		], 10, g));
-	}
-});
-//#endregion
-export { O as t };