@beweco/aurora-ui 0.6.65 → 0.6.66

package/dist/index.cjs.js

@@ -6445,10 +6445,17 @@ var COLOR_BODY = "#c7d2fe";
 var COLOR_STROKE = "#4338ca";
 var COLOR_MEDIAN = "#1e3a8a";
 var COLOR_AXIS = "#6b7280";
+/** Desplazamiento vertical del rótulo del grupo bajo el eje X. */
+var GROUP_LABEL_DY = 16;
+/** Desplazamiento vertical de la línea `n=` (bajo el rótulo del grupo). */
+var SAMPLE_SIZE_DY = 30;
+/** Aire por debajo de la línea `n=` que la superficie de hover también cubre. */
+var HOVER_PADDING = 4;
 var defaultTranslations$1 = {
     emptyState: "Sin datos de distribución",
     sampleSizeLabel: "n",
     outliersLabel: "outliers",
+    pointsLabel: "puntos",
 };
 function formatTick(value, factor, unit) {
     var scaled = value * factor;
@@ -6496,9 +6503,22 @@ function ViolinPlot(_a) {
     var fmt = formatValue !== null && formatValue !== void 0 ? formatValue : (function (v) { return formatTick(v, factor, unit); });
     var columnWidth = (VIEW_WIDTH - marginLeft - MARGIN.right) / groups.length;
     var axisTitle = unit ? "".concat(valueLabel, " (").concat(unit, ")") : valueLabel;
+    /**
+     * Texto del tooltip de columna (TECH-1768): de qué grupo es y cuántos puntos tiene.
+     *
+     * El `nExcluded` va en el MISMO tooltip cuando lo hay: sin él, `n` se leería como "puntos
+     * dibujados" y no lo son — los outliers recortados están contados en `n` pero fuera del lienzo,
+     * y la diferencia importa justo en los grupos con cola larga.
+     */
+    var tooltipFor = function (group) {
+        var base = "".concat(group.label, " \u00B7 ").concat(group.n, " ").concat(t.pointsLabel);
+        return group.nExcluded > 0
+            ? "".concat(base, " \u00B7 \u2212").concat(group.nExcluded, " ").concat(t.outliersLabel)
+            : base;
+    };
     return (jsxRuntime.jsxs("svg", { viewBox: "0 0 ".concat(VIEW_WIDTH, " ").concat(height), width: "100%", role: "img", "aria-label": valueLabel, children: [[0, maxValue / 2, maxValue].map(function (v) { return (jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("line", { x1: marginLeft, x2: VIEW_WIDTH - MARGIN.right, y1: valueToY(v), y2: valueToY(v), stroke: "#e5e7eb", strokeDasharray: "3 3" }), jsxRuntime.jsx("text", { x: marginLeft - 6, y: valueToY(v) + 4, textAnchor: "end", fontSize: 11, fill: COLOR_AXIS, children: fmt(v) })] }, v)); }), jsxRuntime.jsx("text", { transform: "translate(12 ".concat(plotTop + plotHeight / 2, ") rotate(-90)"), textAnchor: "middle", fontSize: 12, fill: COLOR_AXIS, children: axisTitle }), groupLabel ? (jsxRuntime.jsx("text", { x: marginLeft + (VIEW_WIDTH - marginLeft - MARGIN.right) / 2, y: height - 6, textAnchor: "middle", fontSize: 12, fill: COLOR_AXIS, children: groupLabel })) : null, groups.map(function (group, i) {
                 var centerX = marginLeft + columnWidth * (i + 0.5);
-                return (jsxRuntime.jsxs("g", { children: [shouldFallback(group, minSampleForViolin) ? (jsxRuntime.jsx(ViolinFallback, { group: group, centerX: centerX, valueToY: valueToY })) : (jsxRuntime.jsx(ViolinBody, { group: group, centerX: centerX, valueToY: valueToY })), jsxRuntime.jsx("text", { x: centerX, y: plotBottom + 16, textAnchor: "middle", fontSize: 12, fill: COLOR_AXIS, children: group.label }), jsxRuntime.jsxs("text", { x: centerX, y: plotBottom + 30, textAnchor: "middle", fontSize: 10, fill: COLOR_AXIS, children: [t.sampleSizeLabel, "=", group.n, group.nExcluded > 0
+                return (jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("title", { children: tooltipFor(group) }), jsxRuntime.jsx("rect", { x: centerX - columnWidth / 2, y: plotTop, width: columnWidth, height: plotBottom - plotTop + SAMPLE_SIZE_DY + HOVER_PADDING, fill: "transparent", pointerEvents: "all" }), shouldFallback(group, minSampleForViolin) ? (jsxRuntime.jsx(ViolinFallback, { group: group, centerX: centerX, valueToY: valueToY })) : (jsxRuntime.jsx(ViolinBody, { group: group, centerX: centerX, valueToY: valueToY })), jsxRuntime.jsx("text", { x: centerX, y: plotBottom + GROUP_LABEL_DY, textAnchor: "middle", fontSize: 12, fill: COLOR_AXIS, children: group.label }), jsxRuntime.jsxs("text", { x: centerX, y: plotBottom + SAMPLE_SIZE_DY, textAnchor: "middle", fontSize: 10, fill: COLOR_AXIS, children: [t.sampleSizeLabel, "=", group.n, group.nExcluded > 0
                                     ? " \u00B7 \u2212".concat(group.nExcluded, " ").concat(t.outliersLabel)
                                     : ""] })] }, group.label));
             })] }));

package/dist/index.esm.js

@@ -6446,10 +6446,17 @@ var COLOR_BODY = "#c7d2fe";
 var COLOR_STROKE = "#4338ca";
 var COLOR_MEDIAN = "#1e3a8a";
 var COLOR_AXIS = "#6b7280";
+/** Desplazamiento vertical del rótulo del grupo bajo el eje X. */
+var GROUP_LABEL_DY = 16;
+/** Desplazamiento vertical de la línea `n=` (bajo el rótulo del grupo). */
+var SAMPLE_SIZE_DY = 30;
+/** Aire por debajo de la línea `n=` que la superficie de hover también cubre. */
+var HOVER_PADDING = 4;
 var defaultTranslations$1 = {
     emptyState: "Sin datos de distribución",
     sampleSizeLabel: "n",
     outliersLabel: "outliers",
+    pointsLabel: "puntos",
 };
 function formatTick(value, factor, unit) {
     var scaled = value * factor;
@@ -6497,9 +6504,22 @@ function ViolinPlot(_a) {
     var fmt = formatValue !== null && formatValue !== void 0 ? formatValue : (function (v) { return formatTick(v, factor, unit); });
     var columnWidth = (VIEW_WIDTH - marginLeft - MARGIN.right) / groups.length;
     var axisTitle = unit ? "".concat(valueLabel, " (").concat(unit, ")") : valueLabel;
+    /**
+     * Texto del tooltip de columna (TECH-1768): de qué grupo es y cuántos puntos tiene.
+     *
+     * El `nExcluded` va en el MISMO tooltip cuando lo hay: sin él, `n` se leería como "puntos
+     * dibujados" y no lo son — los outliers recortados están contados en `n` pero fuera del lienzo,
+     * y la diferencia importa justo en los grupos con cola larga.
+     */
+    var tooltipFor = function (group) {
+        var base = "".concat(group.label, " \u00B7 ").concat(group.n, " ").concat(t.pointsLabel);
+        return group.nExcluded > 0
+            ? "".concat(base, " \u00B7 \u2212").concat(group.nExcluded, " ").concat(t.outliersLabel)
+            : base;
+    };
     return (jsxs("svg", { viewBox: "0 0 ".concat(VIEW_WIDTH, " ").concat(height), width: "100%", role: "img", "aria-label": valueLabel, children: [[0, maxValue / 2, maxValue].map(function (v) { return (jsxs("g", { children: [jsx("line", { x1: marginLeft, x2: VIEW_WIDTH - MARGIN.right, y1: valueToY(v), y2: valueToY(v), stroke: "#e5e7eb", strokeDasharray: "3 3" }), jsx("text", { x: marginLeft - 6, y: valueToY(v) + 4, textAnchor: "end", fontSize: 11, fill: COLOR_AXIS, children: fmt(v) })] }, v)); }), jsx("text", { transform: "translate(12 ".concat(plotTop + plotHeight / 2, ") rotate(-90)"), textAnchor: "middle", fontSize: 12, fill: COLOR_AXIS, children: axisTitle }), groupLabel ? (jsx("text", { x: marginLeft + (VIEW_WIDTH - marginLeft - MARGIN.right) / 2, y: height - 6, textAnchor: "middle", fontSize: 12, fill: COLOR_AXIS, children: groupLabel })) : null, groups.map(function (group, i) {
                 var centerX = marginLeft + columnWidth * (i + 0.5);
-                return (jsxs("g", { children: [shouldFallback(group, minSampleForViolin) ? (jsx(ViolinFallback, { group: group, centerX: centerX, valueToY: valueToY })) : (jsx(ViolinBody, { group: group, centerX: centerX, valueToY: valueToY })), jsx("text", { x: centerX, y: plotBottom + 16, textAnchor: "middle", fontSize: 12, fill: COLOR_AXIS, children: group.label }), jsxs("text", { x: centerX, y: plotBottom + 30, textAnchor: "middle", fontSize: 10, fill: COLOR_AXIS, children: [t.sampleSizeLabel, "=", group.n, group.nExcluded > 0
+                return (jsxs("g", { children: [jsx("title", { children: tooltipFor(group) }), jsx("rect", { x: centerX - columnWidth / 2, y: plotTop, width: columnWidth, height: plotBottom - plotTop + SAMPLE_SIZE_DY + HOVER_PADDING, fill: "transparent", pointerEvents: "all" }), shouldFallback(group, minSampleForViolin) ? (jsx(ViolinFallback, { group: group, centerX: centerX, valueToY: valueToY })) : (jsx(ViolinBody, { group: group, centerX: centerX, valueToY: valueToY })), jsx("text", { x: centerX, y: plotBottom + GROUP_LABEL_DY, textAnchor: "middle", fontSize: 12, fill: COLOR_AXIS, children: group.label }), jsxs("text", { x: centerX, y: plotBottom + SAMPLE_SIZE_DY, textAnchor: "middle", fontSize: 10, fill: COLOR_AXIS, children: [t.sampleSizeLabel, "=", group.n, group.nExcluded > 0
                                     ? " \u00B7 \u2212".concat(group.nExcluded, " ").concat(t.outliersLabel)
                                     : ""] })] }, group.label));
             })] }));

package/dist/types/components/violin-plot/ViolinPlot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViolinPlot.d.ts","sourceRoot":"","sources":["../../../../src/components/violin-plot/ViolinPlot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEX,eAAe,EAEf,MAAM,oBAAoB,CAAC;AA+B5B;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAC1B,MAAM,EACN,UAAU,EACV,UAAU,EACV,QAAiB,EACjB,WAAW,EACX,MAAY,EACZ,kBAAuB,EACvB,YAAiB,GACjB,EAAE,eAAe,2CA8IjB;AA2DD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ViolinPlot.d.ts","sourceRoot":"","sources":["../../../../src/components/violin-plot/ViolinPlot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEX,eAAe,EAEf,MAAM,oBAAoB,CAAC;AAsC5B;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAC1B,MAAM,EACN,UAAU,EACV,UAAU,EACV,QAAiB,EACjB,WAAW,EACX,MAAY,EACZ,kBAAuB,EACvB,YAAiB,GACjB,EAAE,eAAe,2CA2LjB;AA2DD,eAAe,UAAU,CAAC"}

package/dist/types/components/violin-plot/ViolinPlot.types.d.ts

@@ -34,6 +34,8 @@ export interface ViolinPlotTranslations {
     sampleSizeLabel?: string;
     /** Sufijo del conteo de outliers excluidos (`· −12 outliers`). */
     outliersLabel?: string;
+    /** Sustantivo del tooltip de columna (`Onboarding · 248 puntos`). */
+    pointsLabel?: string;
 }
 export interface ViolinPlotProps {
     groups: ViolinGroup[];

package/dist/types/components/violin-plot/ViolinPlot.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViolinPlot.types.d.ts","sourceRoot":"","sources":["../../../../src/components/violin-plot/ViolinPlot.types.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,MAAM,WAAW,SAAS;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACd;AAED,wEAAwE;AACxE,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AAExD;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACtC,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC/B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB;;;;;OAKG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACtC"}
+{"version":3,"file":"ViolinPlot.types.d.ts","sourceRoot":"","sources":["../../../../src/components/violin-plot/ViolinPlot.types.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,MAAM,WAAW,SAAS;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACd;AAED,wEAAwE;AACxE,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AAExD;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACtC,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC/B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB;;;;;OAKG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACtC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.6.65",
+	"version": "0.6.66",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",