@gravitee/gamma-lib-observability 3.3.0-beta.6 → 3.3.0-beta.6-feat-targets-panel-header.5aaad46

package/dist/index.js

@@ -15846,26 +15846,45 @@ function mb({ target: e, subject: t, metrics: n, metricsHint: r, readOnly: i, su
 //#region src/targets/TargetsPanel.tsx
 var hb = { height: 208 };
 function gb(e) {
-	return bv() ? /* @__PURE__ */ z(vb, { ...e }) : /* @__PURE__ */ z(X, {
-		role: "status",
-		"aria-label": "Loading targets",
-		className: Z("rounded-xl", e.className),
-		style: hb
+	if (!bv()) {
+		let t = /* @__PURE__ */ z(X, {
+			role: "status",
+			"aria-label": "Loading targets",
+			className: Z("rounded-xl", !e.header && e.className),
+			style: hb
+		});
+		return e.header ? /* @__PURE__ */ B("div", {
+			className: Z("flex min-w-0 flex-col gap-6", e.className),
+			children: [/* @__PURE__ */ z(_b, { header: e.header }), t]
+		}) : t;
+	}
+	return /* @__PURE__ */ z(yb, { ...e });
+}
+function _b({ header: e, actions: t }) {
+	return /* @__PURE__ */ B("div", {
+		className: "flex flex-wrap items-start justify-between gap-4",
+		children: [/* @__PURE__ */ z("div", {
+			className: "min-w-0",
+			children: e
+		}), t && /* @__PURE__ */ z("div", {
+			className: "flex shrink-0 flex-wrap items-center gap-2",
+			children: t
+		})]
 	});
 }
-function _b(e, t) {
+function vb(e, t) {
 	return e !== void 0 && e.rules === t.rules && e.missed === t.missed && e.total === t.total && e.held === t.held && e.verdicts === t.verdicts;
 }
-function vb({ reference: e, apiIds: t, apiTypes: n, ruleApiTypes: r, readOnly: i = !1, suggestions: a, onChanged: o, emptyDescription: s = "Nothing is watching this subject yet.", defaults: c, describeReason: l, toolbar: u, emptyActions: d, className: f }) {
-	let p = {
+function yb({ reference: e, apiIds: t, apiTypes: n, ruleApiTypes: r, readOnly: i = !1, suggestions: a, onChanged: o, emptyDescription: s = "Nothing is watching this subject yet.", defaults: c, describeReason: l, header: u, toolbar: d, emptyActions: f, className: p }) {
+	let m = {
 		reference: e,
 		apiIds: t,
 		apiTypes: n,
 		ruleApiTypes: r
-	}, m = kv(e), h = Nv(Yv(p)), { metrics: g } = h, _ = Fv(Yv(p), h), v = pb(e, o), [y, b] = L(!1), [x, S] = L({}), C = M((e, t) => S((n) => _b(n[e], t) ? n : {
+	}, h = kv(e), g = Nv(Yv(m)), { metrics: _ } = g, v = Fv(Yv(m), g), y = pb(e, o), [b, x] = L(!1), [S, C] = L({}), w = M((e, t) => C((n) => vb(n[e], t) ? n : {
 		...n,
 		[e]: t
-	}), []), w = (m.data ?? []).map((e) => x[e.id]).filter((e) => e !== void 0).reduce((e, t) => ({
+	}), []), T = (h.data ?? []).map((e) => S[e.id]).filter((e) => e !== void 0).reduce((e, t) => ({
 		rules: e.rules + t.rules,
 		missed: e.missed + t.missed,
 		total: e.total + t.total,
@@ -15877,32 +15896,36 @@ function vb({ reference: e, apiIds: t, apiTypes: n, ruleApiTypes: r, readOnly: i
 		total: 0,
 		held: 0,
 		verdicts: 0
+	}), E = /* @__PURE__ */ B(U, {
+		size: u ? void 0 : "sm",
+		onClick: () => x(!0),
+		children: [/* @__PURE__ */ z(je, { "aria-hidden": "true" }), "New target"]
 	});
 	return /* @__PURE__ */ B("div", {
-		className: Z("flex min-w-0 flex-col gap-6", f),
+		className: Z("flex min-w-0 flex-col gap-6", p),
 		children: [
-			m.error && /* @__PURE__ */ z(bl, {
-				message: m.error.message,
-				onRetry: () => void m.refetch()
+			u && /* @__PURE__ */ z(_b, {
+				header: u,
+				actions: !i && h.data && /* @__PURE__ */ B(R, { children: [h.data.length > 0 && d, E] })
 			}),
-			!m.error && h.error && /* @__PURE__ */ z(bl, {
+			h.error && /* @__PURE__ */ z(bl, {
 				message: h.error.message,
-				onRetry: h.refetch
+				onRetry: () => void h.refetch()
 			}),
-			m.isPending && !m.error && /* @__PURE__ */ z("div", {
+			!h.error && g.error && /* @__PURE__ */ z(bl, {
+				message: g.error.message,
+				onRetry: g.refetch
+			}),
+			h.isPending && !h.error && /* @__PURE__ */ z("div", {
 				className: "flex flex-col gap-4",
 				children: [0, 1].map((e) => /* @__PURE__ */ z(X, {
 					className: "rounded-xl",
 					style: hb
 				}, e))
 			}),
-			m.data && m.data.length > 0 && /* @__PURE__ */ B(R, { children: [!i && /* @__PURE__ */ B("div", {
+			h.data && h.data.length > 0 && /* @__PURE__ */ B(R, { children: [!i && !u && /* @__PURE__ */ B("div", {
 				className: "flex flex-wrap items-center justify-end gap-2",
-				children: [u, /* @__PURE__ */ B(U, {
-					size: "sm",
-					onClick: () => b(!0),
-					children: [/* @__PURE__ */ z(je, { "aria-hidden": "true" }), "New target"]
-				})]
+				children: [d, E]
 			}), /* @__PURE__ */ z(lt, { children: /* @__PURE__ */ B(ut, {
 				className: "flex flex-wrap items-start gap-10 px-6 py-5",
 				children: [
@@ -15911,7 +15934,7 @@ function vb({ reference: e, apiIds: t, apiTypes: n, ruleApiTypes: r, readOnly: i
 						children: "Targets configured"
 					}), /* @__PURE__ */ z("p", {
 						className: "text-2xl font-medium",
-						children: w.rules
+						children: T.rules
 					})] }),
 					/* @__PURE__ */ B("div", { children: [
 						/* @__PURE__ */ z("p", {
@@ -15919,12 +15942,12 @@ function vb({ reference: e, apiIds: t, apiTypes: n, ruleApiTypes: r, readOnly: i
 							children: "Missed right now"
 						}),
 						/* @__PURE__ */ z("p", {
-							className: `text-2xl font-medium ${w.missed > 0 ? "text-destructive" : ""}`,
-							children: w.verdicts === 0 ? "—" : w.missed
+							className: `text-2xl font-medium ${T.missed > 0 ? "text-destructive" : ""}`,
+							children: T.verdicts === 0 ? "—" : T.missed
 						}),
 						/* @__PURE__ */ z("p", {
 							className: "text-muted-foreground text-xs",
-							children: w.verdicts === 0 ? w.total === 0 ? "not evaluated yet" : "no verdict in the latest window" : `of ${w.verdicts} evaluated`
+							children: T.verdicts === 0 ? T.total === 0 ? "not evaluated yet" : "no verdict in the latest window" : `of ${T.verdicts} evaluated`
 						})
 					] }),
 					/* @__PURE__ */ B("div", { children: [
@@ -15934,28 +15957,28 @@ function vb({ reference: e, apiIds: t, apiTypes: n, ruleApiTypes: r, readOnly: i
 						}),
 						/* @__PURE__ */ z("p", {
 							className: "text-2xl font-medium",
-							children: w.total === 0 ? "—" : `${Math.round(w.held / w.total * 100)}%`
+							children: T.total === 0 ? "—" : `${Math.round(T.held / T.total * 100)}%`
 						}),
 						/* @__PURE__ */ z("p", {
 							className: "text-muted-foreground text-xs",
-							children: w.total === 0 ? "not evaluated yet" : `${w.held} of ${w.total}`
+							children: T.total === 0 ? "not evaluated yet" : `${T.held} of ${T.total}`
 						})
 					] })
 				]
 			}) })] }),
-			m.data?.map((e) => /* @__PURE__ */ z(mb, {
+			h.data?.map((e) => /* @__PURE__ */ z(mb, {
 				target: e,
-				subject: p,
-				metrics: g,
-				metricsHint: _,
+				subject: m,
+				metrics: _,
+				metricsHint: v,
 				readOnly: i,
 				suggestions: a,
 				defaults: c,
 				describeReason: l,
 				onChanged: o,
-				onStats: C
+				onStats: w
 			}, e.id)),
-			m.data && m.data.length === 0 && /* @__PURE__ */ z(lt, { children: /* @__PURE__ */ B(ut, {
+			h.data && h.data.length === 0 && /* @__PURE__ */ z(lt, { children: /* @__PURE__ */ B(ut, {
 				className: "px-6 py-5",
 				children: [
 					/* @__PURE__ */ z("p", {
@@ -15970,27 +15993,23 @@ function vb({ reference: e, apiIds: t, apiTypes: n, ruleApiTypes: r, readOnly: i
 						className: "text-muted-foreground text-sm",
 						children: "No API is attributed to this subject yet. Targets can be declared now and are evaluated once one is."
 					}),
-					!i && /* @__PURE__ */ B("div", {
+					!i && (!u || f) && /* @__PURE__ */ B("div", {
 						className: "mt-3 flex flex-wrap items-center gap-2",
-						children: [d, /* @__PURE__ */ B(U, {
-							size: "sm",
-							onClick: () => b(!0),
-							children: [/* @__PURE__ */ z(je, { "aria-hidden": "true" }), "New target"]
-						})]
+						children: [f, !u && E]
 					})
 				]
 			}) }),
 			/* @__PURE__ */ z(Zv, {
-				open: y,
-				subject: p,
-				metrics: g,
-				metricsHint: _,
+				open: b,
+				subject: m,
+				metrics: _,
+				metricsHint: v,
 				suggestions: a,
-				saving: v.isSaving,
+				saving: y.isSaving,
 				onSave: async (e) => {
-					await v.createTarget(e), b(!1);
+					await y.createTarget(e), x(!1);
 				},
-				onClose: () => b(!1)
+				onClose: () => x(!1)
 			})
 		]
 	});

package/dist/targets/TargetsPanel.d.ts

@@ -17,7 +17,16 @@ export interface TargetsPanelProps extends TargetsSubjectProps {
     readonly defaults?: readonly TargetDefaultRule[];
     /** The host's own reading of a skipped window, tried before the panel's (no traffic, too few calls). */
     readonly describeReason?: DescribeRuleReason;
-    /** Actions of the host's own beside "New target", above the summary; a restore of its defaults, say. */
+    /**
+     * The host's page header: its title, and a description if it has one. Given it, the panel draws it with
+     * "New target" and the toolbar at its end, as the page's primary action, instead of in a row of their own below
+     * the host's header; the empty state then keeps only `emptyActions`. Shown while the targets load too.
+     */
+    readonly header?: ReactNode;
+    /**
+     * Actions of the host's own beside "New target": above the summary, or at the end of `header` when one is given;
+     * a restore of its defaults, say.
+     */
     readonly toolbar?: ReactNode;
     /** Actions of the host's own in the empty state, beside "New target". */
     readonly emptyActions?: ReactNode;

package/dist/targets/TargetsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TargetsPanel.d.ts","sourceRoot":"","sources":["../../src/targets/TargetsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAkB,KAAK,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInH,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,iFAAiF;IACjF,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,2GAA2G;IAC3G,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC,+GAA+G;IAC/G,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,0FAA0F;IAC1F,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACjD,wGAAwG;IACxG,QAAQ,CAAC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IAC7C,wGAAwG;IACxG,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAKD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAapD"}
+{"version":3,"file":"TargetsPanel.d.ts","sourceRoot":"","sources":["../../src/targets/TargetsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAkB,KAAK,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAInH,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,iFAAiF;IACjF,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,2GAA2G;IAC3G,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC,+GAA+G;IAC/G,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,0FAA0F;IAC1F,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACjD,wGAAwG;IACxG,QAAQ,CAAC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IAC7C;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAKD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAsBpD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/gamma-lib-observability",
-  "version": "3.3.0-beta.6",
+  "version": "3.3.0-beta.6-feat-targets-panel-header.5aaad46",
   "description": "Shared observability library for Gamma modules — dashboards, logs, tracing UI components and integration with business rules.",
   "type": "module",
   "packageManager": "yarn@4.14.1",