@gravitee/graphene-charts 2.36.2 → 2.36.3

package/dist/lib/sanitize-css-ident.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Strips any character that is not a valid CSS identifier codepoint
+ * (ASCII letters, digits, hyphen, underscore). Used to align CSS custom
+ * property names between emission (ChartStyle) and consumption (series,
+ * legend, tooltip, doughnut segments).
+ */
+export declare function sanitizeCssIdent(value: string): string;
+//# sourceMappingURL=sanitize-css-ident.d.ts.map

package/dist/lib/sanitize-css-ident.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize-css-ident.d.ts","sourceRoot":"","sources":["../../src/lib/sanitize-css-ident.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEtD"}

package/dist/lineage/index.js

@@ -1,5 +1,5 @@
 import { t as e } from "../utils-ySutDPYb.js";
-import { l as t, n, o as r } from "../primitives-Bp_ciIfm.js";
+import { l as t, n, o as r } from "../primitives-BnaI6bnw.js";
 import { t as i } from "../surface-k4U7sG_T.js";
 import { Badge as a } from "@gravitee/graphene-core";
 import { Fragment as o, useCallback as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";

package/dist/primitives/TooltipPortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipPortal.d.ts","sourceRoot":"","sources":["../../src/primitives/TooltipPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,UAAU,kBAAkB;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,kBAAkB,qBA8CpF;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"TooltipPortal.d.ts","sourceRoot":"","sources":["../../src/primitives/TooltipPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,UAAU,kBAAkB;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,kBAAkB,qBAiDpF;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/{primitives-Bp_ciIfm.js → primitives-BnaI6bnw.js}

@@ -31,29 +31,35 @@ var _ = {
 	right: 20,
 	bottom: 30,
 	left: 40
-}, y = a.createContext(null);
-function b() {
-	let e = a.useContext(y);
+}, y = /[^a-zA-Z0-9_-]/g;
+function b(e) {
+	return e.replace(y, "");
+}
+//#endregion
+//#region src/base/ChartContainer/ChartContainer.tsx
+var x = a.createContext(null);
+function S() {
+	let e = a.useContext(x);
 	if (!e) throw Error("useChartConfig must be used within a <ChartContainer>");
 	return e;
 }
-function x(e, t) {
+function C(e, t) {
 	return t && (t.height !== void 0 || t.minHeight !== void 0 || t.maxHeight !== void 0) ? !0 : e ? /(?:^|\s)!?(?:min-|max-)?h-[^\s]+/.test(e) : !1;
 }
-var S = 10;
-function C({ id: t, config: n, className: r, children: i, style: c, ...l }) {
+var w = 10;
+function T({ id: t, config: n, className: r, children: i, style: c, ...l }) {
 	let u = a.useId(), d = `chart-${t ?? u.replace(/:/g, "")}`, f = a.useMemo(() => {
 		let e = Object.entries(n), t = {};
 		for (let n = 0; n < e.length; n++) {
 			let [r, i] = e[n];
 			i.color || i.theme ? t[r] = i : t[r] = {
 				...i,
-				color: `var(--chart-${n % S + 1})`
+				color: `var(--chart-${n % w + 1})`
 			};
 		}
 		return t;
-	}, [n]), p = a.useMemo(() => Object.entries(f).filter(([, e]) => e.color || e.theme), [f]), m = x(r, c);
-	return /* @__PURE__ */ o(y.Provider, {
+	}, [n]), p = a.useMemo(() => Object.entries(f).filter(([, e]) => e.color || e.theme), [f]), m = C(r, c);
+	return /* @__PURE__ */ o(x.Provider, {
 		value: {
 			config: f,
 			id: d
@@ -71,14 +77,10 @@ function C({ id: t, config: n, className: r, children: i, style: c, ...l }) {
 		})
 	});
 }
-var w = /[^a-zA-Z0-9_-]/g;
-function T(e) {
-	return e.replace(w, "");
-}
 function E({ id: e, config: t }) {
-	let n = T(e);
+	let n = b(e);
 	return /* @__PURE__ */ o("style", { dangerouslySetInnerHTML: { __html: Object.entries(_).map(([e, r]) => `${r} [data-chart=${n}] {\n${Object.entries(t).map(([t, n]) => {
-		let r = n.theme?.[e] ?? n.color, i = T(t);
+		let r = n.theme?.[e] ?? n.color, i = b(t);
 		return !r || !i ? null : `  --color-${i}: ${r};`;
 	}).filter(Boolean).join("\n")}\n}`).join("\n") } });
 }
@@ -566,14 +568,17 @@ function de({ state: e, containerRef: t, chartId: n, children: r }) {
 	let i = a.useRef(null), [s, c] = a.useState({
 		x: 0,
 		y: 0,
-		visible: !1
+		visible: !1,
+		settled: !1
 	});
 	return a.useLayoutEffect(() => {
 		let n = t.current, r = i.current;
 		if (!n || !r) {
 			c((e) => e.visible ? {
-				...e,
-				visible: !1
+				x: e.x,
+				y: e.y,
+				visible: !1,
+				settled: !1
 			} : e);
 			return;
 		}
@@ -581,7 +586,8 @@ function de({ state: e, containerRef: t, chartId: n, children: r }) {
 		c((e) => e.x === u && e.y === d && e.visible ? e : {
 			x: u,
 			y: d,
-			visible: !0
+			visible: !0,
+			settled: e.visible
 		});
 	}, [
 		e.x,
@@ -591,11 +597,12 @@ function de({ state: e, containerRef: t, chartId: n, children: r }) {
 		ref: i,
 		role: "tooltip",
 		"data-chart": n,
-		className: "pointer-events-none fixed z-50 transition-[left,top] duration-75 ease-out",
+		className: "pointer-events-none fixed z-50",
 		style: {
 			left: s.x,
 			top: s.y,
-			visibility: s.visible ? "visible" : "hidden"
+			visibility: s.visible ? "visible" : "hidden",
+			transition: s.settled ? "left 75ms ease-out, top 75ms ease-out" : "none"
 		},
 		children: r
 	}), document.body);
@@ -665,8 +672,8 @@ function me({ state: e, className: t, data: n, margin: r, categoryPadding: i, ca
 		children: m
 	}) });
 }
-function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i = "band", layout: m = "vertical", animated: h = !0, ariaLabel: _, valueTickFormatter: y = g, categoryTickFormatter: x = String, onPointHover: S, onPointLeave: C, className: w, children: T, ...E }) {
-	let { config: O, id: k } = b(), { tooltip: A, legend: M } = oe(), te = a.useMemo(() => pe(T), [T]), N = a.useMemo(() => {
+function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i = "band", layout: m = "vertical", animated: h = !0, ariaLabel: _, valueTickFormatter: y = g, categoryTickFormatter: b = String, onPointHover: x, onPointLeave: C, className: w, children: T, ...E }) {
+	let { config: O, id: k } = S(), { tooltip: A, legend: M } = oe(), te = a.useMemo(() => pe(T), [T]), N = a.useMemo(() => {
 		let e = fe(T), n = {};
 		for (let r of ["left", "right"]) {
 			let i = e.filter((e) => (e.axisId ?? "left") === r).map((e) => e.dataKey);
@@ -808,7 +815,7 @@ function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i
 			clientX: e.clientX,
 			clientY: n.top + P.top + c
 		};
-		A && R.show(s, o.category, l, n), S?.(s, o.category, e);
+		A && R.show(s, o.category, l, n), x?.(s, o.category, e);
 	}
 	function _e() {
 		ie(null), R.hide(), C?.();
@@ -854,7 +861,7 @@ function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i
 		stackedLayers: J,
 		barGroupScale: ue,
 		valueTickFormatter: y,
-		categoryTickFormatter: x,
+		categoryTickFormatter: b,
 		chartWrapperRef: I,
 		chartId: k,
 		showTooltipAt: ve,
@@ -878,7 +885,7 @@ function he({ data: t, margin: n, categoryPadding: r = .1, categoryScaleType: i
 		J,
 		ue,
 		y,
-		x,
+		b,
 		k,
 		ve,
 		ye
@@ -1033,4 +1040,4 @@ function ve({ ariaLabel: t = "Loading chart", className: n, ...r }) {
 	});
 }
 //#endregion
-export { b as C, g as E, E as S, v as T, te as _, de as a, D as b, $ as c, X as d, oe as f, L as g, q as h, me as i, Z as l, K as m, _e as n, ue as o, J as p, ge as r, ce as s, ve as t, se as u, M as v, _ as w, C as x, ee as y };
+export { S as C, g as D, v as E, E as S, _ as T, te as _, de as a, D as b, $ as c, X as d, oe as f, L as g, q as h, me as i, Z as l, K as m, _e as n, ue as o, J as p, ge as r, ce as s, ve as t, se as u, M as v, b as w, T as x, ee as y };

package/dist/series/AreaSeries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AreaSeries.d.ts","sourceRoot":"","sources":["../../src/series/AreaSeries.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA6BD,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,MAAM,EACN,OAAO,EACP,SAAsB,EACtB,WAAiB,EACjB,QAAe,EACf,YAAoB,GACrB,EAAE,eAAe,2CAoKjB;kBA5KQ,UAAU;;;AAgLnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"AreaSeries.d.ts","sourceRoot":"","sources":["../../src/series/AreaSeries.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA6BD,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,MAAM,EACN,OAAO,EACP,SAAsB,EACtB,WAAiB,EACjB,QAAe,EACf,YAAoB,GACrB,EAAE,eAAe,2CAoKjB;kBA5KQ,UAAU;;;AAgLnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/series/BarSeries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BarSeries.d.ts","sourceRoot":"","sources":["../../src/series/BarSeries.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0CD,iBAAS,SAAS,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,cAAc,2CAoKxF;kBApKQ,SAAS;;;AAwKlB,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"BarSeries.d.ts","sourceRoot":"","sources":["../../src/series/BarSeries.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA0CD,iBAAS,SAAS,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,cAAc,2CAoKxF;kBApKQ,SAAS;;;AAwKlB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/series/LineSeries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineSeries.d.ts","sourceRoot":"","sources":["../../src/series/LineSeries.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAsBD,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,MAAM,EACN,SAAsB,EACtB,QAAgB,EAChB,YAAoB,GACrB,EAAE,eAAe,2CAyHjB;kBA/HQ,UAAU;;;AAmInB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"LineSeries.d.ts","sourceRoot":"","sources":["../../src/series/LineSeries.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,YAAY,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAsBD,iBAAS,UAAU,CAAC,EAClB,OAAO,EACP,MAAM,EACN,SAAsB,EACtB,QAAgB,EAChB,YAAoB,GACrB,EAAE,eAAe,2CAyHjB;kBA/HQ,UAAU;;;AAmInB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/graphene-charts",
-  "version": "2.36.2",
+  "version": "2.36.3",
   "type": "module",
   "description": "Theme-compliant data visualization components for the Graphene design system. Built on D3, styled with Tailwind, and designed to inherit the Graphene token system out of the box.",
   "keywords": [