@gravitee/graphene-core 3.23.1 → 3.24.0

package/dist/testing/index.d.ts

@@ -19,6 +19,8 @@ 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';
+export { pageHeaderHarness } from '../composed/PageHeader/PageHeader.harness';
+export type { PageHeaderHarness } from '../composed/PageHeader/PageHeader.harness';
 export { passwordInputHarness } from '../composed/PasswordInput/PasswordInput.harness';
 export type { PasswordInputHarness } from '../composed/PasswordInput/PasswordInput.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,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;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sEAAsE,CAAC;AAC5G,YAAY,EAAE,oBAAoB,EAAE,MAAM,sEAAsE,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;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gEAAgE,CAAC;AACnG,YAAY,EAAE,iBAAiB,EAAE,MAAM,gEAAgE,CAAC;AACxG,OAAO,EAAE,oBAAoB,EAAE,MAAM,sEAAsE,CAAC;AAC5G,YAAY,EAAE,oBAAoB,EAAE,MAAM,sEAAsE,CAAC"}

package/dist/testing/index.js

@@ -345,8 +345,40 @@ function E(e = {}) {
 	};
 }
 //#endregion
+//#region src/composed/PageHeader/PageHeader.harness.tsx
+var D = (e) => (e ?? "").replace(/\s+/g, " ").trim(), O = (e) => D(e.querySelector("[data-slot=\"page-header-title\"]")?.textContent ?? null);
+function k(e = {}) {
+	let t = e.within ? i(e.within) : r, { name: n, selector: a } = e, o = () => {
+		let r = (n === void 0 ? t.getAllByRole("heading", { level: 1 }) : t.getAllByRole("heading", {
+			level: 1,
+			name: n
+		})).map((e) => e.closest("[data-slot=\"page-header\"]")).filter((e) => e !== null);
+		if (a !== void 0) return c(r, e, "pageHeader");
+		if (r.length === 1) return r[0];
+		throw Error(r.length === 0 ? `pageHeaderHarness: no pageHeader matched ${s(e)}` : `pageHeaderHarness: ${r.length} pageHeaders matched ${s(e)}, refine name/selector`);
+	}, l = (e) => o().querySelector(`[data-slot="${e}"]`), u = (e) => {
+		let t = l(e);
+		return t !== null && t.hasChildNodes() ? t : null;
+	};
+	return {
+		getElement: o,
+		getTitle: () => O(o()),
+		getDescription: () => {
+			let e = l("page-header-description");
+			return e === null ? null : D(e.textContent);
+		},
+		hasActions: () => u("page-header-actions") !== null,
+		getActions: () => {
+			let e = u("page-header-actions");
+			if (e === null) throw Error("pageHeaderHarness: no actions rendered (actions omitted or falsy?)");
+			return e;
+		},
+		getContent: () => u("page-header-content")
+	};
+}
+//#endregion
 //#region src/composed/PasswordInput/PasswordInput.harness.tsx
-function D(e = {}) {
+function A(e = {}) {
 	let t = d(e), n = a.setup(), r = () => t.getElement().closest("[data-slot=\"input-group\"]")?.querySelector("[data-slot=\"password-toggle\"]") ?? null, i = () => {
 		let e = r();
 		if (e === null) throw Error("passwordInputHarness: no reveal toggle found (rendered with hideToggle?)");
@@ -368,4 +400,4 @@ function D(e = {}) {
 	};
 }
 //#endregion
-export { l as buttonHarness, u as checkboxHarness, E as dataTableHarness, d as inputHarness, D as passwordInputHarness, p as radioGroupHarness, m as radioHarness, o as renderWithGraphene, h as selectHarness, g as switchHarness, S as tableHarness, w as textareaHarness };
+export { l as buttonHarness, u as checkboxHarness, E as dataTableHarness, d as inputHarness, k as pageHeaderHarness, A as passwordInputHarness, 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": "3.23.1",
+  "version": "3.24.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": [

package/snippets/data-table-list-page.tsx

@@ -53,6 +53,7 @@ import {
   DropdownMenuTrigger,
   FacetedFilter,
   Input,
+  PageHeader,
 } from '@gravitee/graphene-core';
 import {
   GlobeIcon,
@@ -214,19 +215,19 @@ export function EntityListPage() {
   const isFirstUse = totalCount === 0 && !hasFilters && !loading;
 
   return (
-    <div className="space-y-4">
-      <div className="flex items-center justify-between">
-        <div>
-          <h2 className="text-lg font-semibold">Entities</h2>
-          <p className="text-sm text-muted-foreground">Manage your entity catalog.</p>
-        </div>
-        {!isFirstUse && (
-          <Button size="sm">
-            <PlusIcon />
-            Add entity
-          </Button>
-        )}
-      </div>
+    <div className="flex flex-col gap-6">
+      <PageHeader
+        title="Entities"
+        description="Manage your entity catalog."
+        actions={
+          !isFirstUse && (
+            <Button size="sm">
+              <PlusIcon />
+              Add entity
+            </Button>
+          )
+        }
+      />
 
       {isFirstUse ? (
         <div className="rounded-lg border">