@gravitee/graphene-core 2.7.1 → 2.8.0

package/dist/testing/index.d.ts

@@ -13,6 +13,10 @@ export { selectHarness } from '../base/Select/Select.harness';
 export type { SelectHarness } from '../base/Select/Select.harness';
 export { switchHarness } from '../base/Switch/Switch.harness';
 export type { SwitchHarness } from '../base/Switch/Switch.harness';
+export { tableHarness } from '../base/Table/Table.harness';
+export type { TableHarness, TableRowHarness } from '../base/Table/Table.harness';
 export { textareaHarness } from '../base/Textarea/Textarea.harness';
 export type { TextareaHarness } from '../base/Textarea/Textarea.harness';
+export { dataTableHarness } from '../composed/DataTable/DataTable.harness';
+export type { DataTableHarness, DataTableRowHarness, } from '../composed/DataTable/DataTable.harness';
 //# sourceMappingURL=index.d.ts.map

package/dist/testing/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/testing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACnF,YAAY,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AACzF,YAAY,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,YAAY,EAAE,MAAM,kDAAkD,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,4DAA4D,CAAC;AAC7G,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,4DAA4D,CAAC;AAClH,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACnF,YAAY,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACnF,YAAY,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AACzF,YAAY,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/testing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACnF,YAAY,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AACzF,YAAY,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,YAAY,EAAE,MAAM,kDAAkD,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,4DAA4D,CAAC;AAC7G,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,4DAA4D,CAAC;AAClH,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACnF,YAAY,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACnF,YAAY,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,kDAAkD,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACtG,OAAO,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AACzF,YAAY,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AAE9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,8DAA8D,CAAC;AAChG,YAAY,EACV,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,8DAA8D,CAAC"}

package/dist/testing/index.js

@@ -197,19 +197,79 @@ function g(e = {}) {
 	};
 }
 //#endregion
+//#region src/base/Table/Table.harness.tsx
+function _(e, t) {
+	let n = (e.textContent ?? "").trim(), r = (e.getAttribute("aria-label") ?? "").trim();
+	return typeof t == "string" ? n === t || r === t : t.test(n) || t.test(r);
+}
+function v(e) {
+	return e.map((e) => {
+		let t = (e.textContent ?? "").trim(), n = (e.getAttribute("aria-label") ?? "").trim();
+		return t || (n ? `aria-label="${n}"` : "<empty>");
+	}).join(", ");
+}
+function y(e) {
+	let t = e.tHead;
+	return t ? Array.from(t.children).filter((e) => e.tagName === "TR").flatMap((e) => Array.from(e.children).filter((e) => e.tagName === "TH")) : [];
+}
+function b(e) {
+	return Array.from(e.tBodies).flatMap((e) => Array.from(e.children).filter((e) => e.tagName === "TR"));
+}
+function x(e, t) {
+	let n = () => Array.from(e.children).filter((e) => e.tagName === "TD"), r = (e) => {
+		let r = t(), i = r.findIndex((t) => _(t, e));
+		if (i === -1) throw Error(`tableHarness: header matching ${String(e)} not found in [${v(r)}]`);
+		let a = n();
+		if (!a[i]) throw Error(`tableHarness: row has ${a.length} cells, no cell at column index ${i}`);
+		return a[i];
+	};
+	return {
+		getElement: () => e,
+		getCells: () => n().map((e) => (e.textContent ?? "").trim()),
+		getCellText: (e) => (r(e).textContent ?? "").trim(),
+		getCellElement: r
+	};
+}
+function S(e = {}) {
+	let t = e.within ? i(e.within) : r, { name: n, selector: a } = e, o = () => a === void 0 ? n === void 0 ? t.getByRole("table") : t.getByRole("table", { name: n }) : c(n === void 0 ? t.getAllByRole("table") : t.getAllByRole("table", { name: n }), e, "table"), s = () => y(o()), l = () => s().map((e) => (e.textContent ?? "").trim()), u = () => b(o()), d = (e) => u().find((t) => {
+		let n = (t.textContent ?? "").trim();
+		return typeof e == "string" ? n.includes(e) : e.test(n);
+	});
+	return {
+		getElement: o,
+		getHeaders: l,
+		getRowCount: () => u().length,
+		getRow: (e) => {
+			if (typeof e == "number") {
+				let t = u(), n = t[e];
+				if (!n) throw Error(`tableHarness: no row at index ${e} (count=${t.length})`);
+				return x(n, s);
+			}
+			let t = d(e);
+			if (!t) throw Error(`tableHarness: no row matching ${String(e)}`);
+			return x(t, s);
+		},
+		queryRow: (e) => {
+			let t = d(e);
+			return t ? x(t, s) : null;
+		},
+		getRows: () => u().map((e) => x(e, s))
+	};
+}
+//#endregion
 //#region src/base/Textarea/Textarea.harness.tsx
-function _(e) {
+function C(e) {
 	return e instanceof HTMLTextAreaElement;
 }
-function v(e = {}) {
+function w(e = {}) {
 	let t = e.within ? i(e.within) : r, { name: n, selector: o } = e, s = () => {
 		if (o === void 0) {
 			let e = n === void 0 ? t.getByRole("textbox") : t.getByRole("textbox", { name: n });
-			if (!_(e)) throw Error(`textareaHarness: matched element is <${e.tagName.toLowerCase()}>, not <textarea>`);
+			if (!C(e)) throw Error(`textareaHarness: matched element is <${e.tagName.toLowerCase()}>, not <textarea>`);
 			return e;
 		}
 		let r = e.within ?? document.body;
-		return c(n === void 0 ? Array.from(r.querySelectorAll("textarea")) : t.getAllByRole("textbox", { name: n }).filter(_), e, "textarea");
+		return c(n === void 0 ? Array.from(r.querySelectorAll("textarea")) : t.getAllByRole("textbox", { name: n }).filter(C), e, "textarea");
 	}, l = a.setup();
 	return {
 		type: (e) => l.type(s(), e),
@@ -225,4 +285,64 @@ function v(e = {}) {
 	};
 }
 //#endregion
-export { l as buttonHarness, u as checkboxHarness, d as inputHarness, p as radioGroupHarness, m as radioHarness, o as renderWithGraphene, h as selectHarness, g as switchHarness, v as textareaHarness };
+//#region src/composed/DataTable/DataTable.harness.tsx
+function T(e, t) {
+	let n = y(e), r = n.find((e) => _(e, t));
+	if (!r) throw Error(`dataTableHarness: header matching ${String(t)} not found in [${v(n)}]`);
+	return r;
+}
+function E(e = {}) {
+	let t = S(e), n = a.setup(), r = (e) => ({
+		...e,
+		isSelected: () => e.getElement().getAttribute("data-state") === "selected",
+		select: async () => {
+			let t = i(e.getElement()).getByRole("checkbox", { name: /select row/i });
+			t.getAttribute("aria-checked") !== "true" && await n.click(t);
+		},
+		unselect: async () => {
+			let t = i(e.getElement()).getByRole("checkbox", { name: /select row/i });
+			t.getAttribute("aria-checked") === "true" && await n.click(t);
+		}
+	}), o = () => {
+		let e = t.getElement().tHead;
+		if (!e) throw Error("dataTableHarness: <thead> not found");
+		return i(e).getByRole("checkbox", { name: /select all/i });
+	};
+	return {
+		getElement: t.getElement,
+		getHeaders: t.getHeaders,
+		getRowCount: t.getRowCount,
+		getRow: (e) => r(t.getRow(e)),
+		queryRow: (e) => {
+			let n = t.queryRow(e);
+			return n ? r(n) : null;
+		},
+		getRows: () => t.getRows().map(r),
+		sortBy: async (e) => {
+			let r = T(t.getElement(), e), i = r.querySelector("button");
+			await n.click(i ?? r);
+		},
+		getSortDirection: (e) => {
+			let n = T(t.getElement(), e).getAttribute("aria-sort");
+			return n === "ascending" || n === "descending" || n === "none" ? n : null;
+		},
+		selectAll: async () => {
+			let e = o();
+			e.getAttribute("aria-checked") !== "true" && await n.click(e);
+		},
+		unselectAll: async () => {
+			let e = o();
+			e.getAttribute("aria-checked") !== "false" && await n.click(e);
+		},
+		getSelectedCount: () => t.getRows().filter((e) => e.getElement().getAttribute("data-state") === "selected").length,
+		isLoading: () => t.getElement().closest("[aria-busy]")?.getAttribute("aria-busy") === "true",
+		isEmpty: () => {
+			let e = t.getRows();
+			if (e.length !== 1) return !1;
+			let n = Array.from(e[0].getElement().children).filter((e) => e.tagName === "TD");
+			return n.length === 1 && n[0].hasAttribute("colspan");
+		}
+	};
+}
+//#endregion
+export { l as buttonHarness, u as checkboxHarness, E as dataTableHarness, d as inputHarness, p as radioGroupHarness, m as radioHarness, o as renderWithGraphene, h as selectHarness, g as switchHarness, S as tableHarness, w as textareaHarness };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/graphene-core",
-  "version": "2.7.1",
+  "version": "2.8.0",
   "type": "module",
   "description": "Gravitee's Graphene design system: accessible React components, design tokens, icons, and shared ESLint/TypeScript configs. Built on shadcn/ui and Tailwind.",
   "keywords": [