@milaboratories/miplots4 1.0.165 → 1.0.166

package/dist/discrete/components/Chart.js

@@ -1,21 +1,21 @@
-import { j as e } from "../../_virtual/jsx-runtime.js";
+import { j as o } from "../../_virtual/jsx-runtime.js";
 import { BLACK as z } from "../../constants.js";
 import { BandAxis as S } from "../../common/BandAxis.js";
 import { BarElement as a } from "./layers/BarElement.js";
 import { BinnedDotsElement as mm } from "./layers/BinnedDotsElement.js";
-import { BoxElement as om } from "./layers/BoxElement.js";
-import { DotsGroupElement as em } from "./layers/DotsGroupElement.js";
+import { BoxElement as em } from "./layers/BoxElement.js";
+import { DotsGroupElement as om } from "./layers/DotsGroupElement.js";
 import { ErrorBarElement as sm } from "./layers/ErrorBarElement.js";
 import { LineElement as hm } from "./layers/LineElement.js";
 import { LogoElement as nm } from "./layers/LogoElement.js";
-import { PairedPointsElement as im } from "./layers/PairedPointsElement.js";
-import { SinaElement as rm } from "./layers/SinaElement.js";
+import { PairedPointsElement as rm } from "./layers/PairedPointsElement.js";
+import { SinaElement as im } from "./layers/SinaElement.js";
 import { StackedAreaElement as dm } from "./layers/StackedAreaElement.js";
-import { StackedBarElement as pm } from "./layers/StackedBarElement.js";
-import { StatsPValue as xm } from "./layers/StatsPValue.js";
+import { StackedBarElement as tm } from "./layers/StackedBarElement.js";
+import { StatsPValue as pm } from "./layers/StatsPValue.js";
 import { NumberAxis as U } from "./NumberAxis.js";
-import { getPairwiseStatLevelsCount as lm } from "../utils/statsPValue.js";
-import { ViolinElement as tm } from "./layers/ViolinElement.js";
+import { getPairwiseStatLevelsCount as xm } from "../utils/statsPValue.js";
+import { ViolinElement as lm } from "./layers/ViolinElement.js";
 import { DEFAULT_TICKS_SIZE as O, FACET_TITLE_LINE as _, TITLE_LINE as I, P_VALUE_LINE_HEIGHT as R } from "../constants.js";
 import { Grid as um } from "./Grid.js";
 import { r as jm } from "../../_virtual/index.js";
@@ -23,10 +23,10 @@ function gm(n, E, u) {
   if (!n.length)
     return [];
   const s = [0];
-  for (let i = 0; i < n.length - 1; i++) {
-    const g = n[i];
+  for (let r = 0; r < n.length - 1; r++) {
+    const g = n[r];
     if (g.meta.statType === "pairwise") {
-      const k = lm(
+      const k = xm(
         g.values[u],
         E,
         g.meta.significanceLevels,
@@ -46,14 +46,14 @@ function Hm({
   facetTitle: E,
   dimensions: u,
   scales: s,
-  orientation: i,
+  orientation: r,
   layersData: g,
   statsData: k,
   facetKey: h,
   xAxis: T,
   yAxis: w,
   frameType: Y,
-  tooltips: t,
+  tooltips: l,
   tooltipsContainer: d,
   keyColumn: A,
   chartSizes: b,
@@ -61,55 +61,55 @@ function Hm({
   xLabels: $,
   onlyPositive: V,
   secondaryGrouping: P,
-  tooltipsData: p
+  tooltipsData: t
 }) {
-  const [x, q] = jm.useState(), j = i === "vertical", G = gm(k, s.xPrimary.domain(), h), X = T.showTicks ? O : 0, C = w.showTicks ? O : 0, H = Z(T.title), N = Z(w.title), J = u.chartEdgeSides.includes("left") || j && !(n != null && n.sharedY) || !j && !(n != null && n.sharedX), Q = u.chartEdgeSides.includes("bottom") || j && !(n != null && n.sharedX) || !j && !(n != null && n.sharedY), W = u.chartEdgeSides.includes("left"), M = u.chartEdgeSides.includes("bottom"), { width: B, height: f } = u.inner, { left: L, top: v, padding: r } = u, l = {
-    left: c.left + L + r.left,
-    right: b.totalWidth - (c.left + L + r.left),
-    top: c.top + v + r.top,
-    bottom: b.totalHeight - (c.top + v + r.top)
-  }, K = `translate(${L + r.left},${v + r.top})`, F = !1;
-  return /* @__PURE__ */ e.jsxs("g", { transform: K, children: [
+  const [p, q] = jm.useState(), j = r === "vertical", G = gm(k, s.xPrimary.domain(), h), X = T.showTicks ? O : 0, C = w.showTicks ? O : 0, H = Z(T.title), N = Z(w.title), J = u.chartEdgeSides.includes("left") || j && !(n != null && n.sharedY) || !j && !(n != null && n.sharedX), Q = u.chartEdgeSides.includes("bottom") || j && !(n != null && n.sharedX) || !j && !(n != null && n.sharedY), W = u.chartEdgeSides.includes("left"), M = u.chartEdgeSides.includes("bottom"), { width: B, height: f } = u.inner, { left: L, top: v, padding: i } = u, x = {
+    left: c.left + L + i.left,
+    right: b.totalWidth - (c.left + L + i.left),
+    top: c.top + v + i.top,
+    bottom: b.totalHeight - (c.top + v + i.top)
+  }, K = `translate(${L + i.left},${v + i.top})`, F = !1;
+  return /* @__PURE__ */ o.jsxs("g", { transform: K, children: [
     F,
-    E.length && /* @__PURE__ */ e.jsxs("g", { children: [
-      Y === "full" && /* @__PURE__ */ e.jsx("rect", { x: "0", y: -r.top, height: r.top, width: B, fill: "#F7F8FA", stroke: z }),
-      E.map((m, o) => {
-        const y = E.length, D = (r.top - _ * y) / 2;
-        return /* @__PURE__ */ e.jsx(
+    E.length && /* @__PURE__ */ o.jsxs("g", { children: [
+      Y === "full" && /* @__PURE__ */ o.jsx("rect", { x: "0", y: -i.top, height: i.top, width: B, fill: "#F7F8FA", stroke: z }),
+      E.map((m, e) => {
+        const y = E.length, D = (i.top - _ * y) / 2;
+        return /* @__PURE__ */ o.jsx(
           "text",
           {
             fontSize: "14px",
             fontWeight: "500",
             fill: z,
             x: B / 2,
-            dy: D + _ / 2 - r.top,
-            y: o * _,
+            dy: D + _ / 2 - i.top,
+            y: e * _,
             textAnchor: "middle",
             dominantBaseline: "central",
             children: m
           },
-          o
+          e
         );
       })
     ] }),
-    /* @__PURE__ */ e.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: z, children: [
-      M && /* @__PURE__ */ e.jsx("text", { x: B / 2, y: f + r.bottom - I / 2, children: j ? H : N }),
+    /* @__PURE__ */ o.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: z, children: [
+      M && /* @__PURE__ */ o.jsx("text", { x: B / 2, y: f + i.bottom - I / 2, children: j ? H : N }),
       M && F,
-      W && /* @__PURE__ */ e.jsx(
+      W && /* @__PURE__ */ o.jsx(
         "text",
         {
-          x: -r.left + I / 2,
+          x: -i.left + I / 2,
           y: f / 2,
-          transform: `rotate(-90,${-r.left + I / 2},${f / 2})`,
+          transform: `rotate(-90,${-i.left + I / 2},${f / 2})`,
           children: j ? N : H
         }
       ),
       W && F
     ] }),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ o.jsx(
       um,
       {
-        orientation: i,
+        orientation: r,
         width: B,
         height: f,
         scaleX: s.xPrimary,
@@ -119,7 +119,7 @@ function Hm({
         frameType: Y
       }
     ),
-    Q && /* @__PURE__ */ e.jsx("g", { transform: `translate(0,${f})`, children: j ? /* @__PURE__ */ e.jsx(
+    Q && /* @__PURE__ */ o.jsx("g", { transform: `translate(0,${f})`, children: j ? /* @__PURE__ */ o.jsx(
       S,
       {
         scale: s.xPrimary,
@@ -128,8 +128,8 @@ function Hm({
         tickSize: X,
         labels: $
       }
-    ) : /* @__PURE__ */ e.jsx(U, { scale: s.y, onlyPositive: V, orient: "bottom", tickSize: C, hiddenLabels: w.hiddenLabels }) }),
-    J && /* @__PURE__ */ e.jsx("g", { children: j ? /* @__PURE__ */ e.jsx(U, { scale: s.y, onlyPositive: V, orient: "left", tickSize: C, hiddenLabels: w.hiddenLabels }) : /* @__PURE__ */ e.jsx(
+    ) : /* @__PURE__ */ o.jsx(U, { scale: s.y, onlyPositive: V, orient: "bottom", tickSize: C, hiddenLabels: w.hiddenLabels }) }),
+    J && /* @__PURE__ */ o.jsx("g", { children: j ? /* @__PURE__ */ o.jsx(U, { scale: s.y, onlyPositive: V, orient: "left", tickSize: C, hiddenLabels: w.hiddenLabels }) : /* @__PURE__ */ o.jsx(
       S,
       {
         scale: s.xPrimary,
@@ -139,214 +139,214 @@ function Hm({
         labels: $
       }
     ) }),
-    /* @__PURE__ */ e.jsxs("g", { children: [
-      g.map((m) => /* @__PURE__ */ e.jsxs("g", { children: [
-        m.type === "box" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
-          om,
+    /* @__PURE__ */ o.jsxs("g", { children: [
+      g.map((m) => /* @__PURE__ */ o.jsxs("g", { children: [
+        m.type === "box" && m.geoms[h].map((e) => /* @__PURE__ */ o.jsx(
+          em,
           {
             facetKey: h,
-            box: o,
+            box: e,
             elementsAmount: m.geoms[h].length,
             scales: s,
-            orientation: i,
+            orientation: r,
             aes: m.aes,
             hasKeyFromColumn: A !== null,
-            sideDistances: l,
-            showTooltips: t.box.show,
-            tooltipsData: p,
-            activeElementContainer: x,
+            sideDistances: x,
+            showTooltips: l.box.show ?? !0,
+            tooltipsData: t,
+            activeElementContainer: p,
             tooltipsContainer: d
           },
-          o.key
+          e.key
         )),
-        m.type === "violin" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
-          tm,
+        m.type === "violin" && m.geoms[h].map((e) => /* @__PURE__ */ o.jsx(
+          lm,
           {
             facetKey: h,
-            violin: o,
+            violin: e,
             elementsAmount: m.geoms[h].length,
             scales: s,
-            orientation: i,
+            orientation: r,
             maxViolinDensity: m.meta.maxDensity,
             aes: m.aes,
-            sideDistances: l,
-            showTooltips: t.violin.show,
-            tooltipsData: p,
-            activeElementContainer: x,
+            sideDistances: x,
+            showTooltips: l.violin.show ?? !0,
+            tooltipsData: t,
+            activeElementContainer: p,
             tooltipsContainer: d
           },
-          o.key
+          e.key
         )),
-        m.type === "dot" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
-          em,
+        m.type === "dot" && m.geoms[h].map((e) => /* @__PURE__ */ o.jsx(
+          om,
           {
             facetKey: h,
-            geom: o,
+            geom: e,
             scales: s,
-            orientation: i,
+            orientation: r,
             aes: m.aes,
             hasKeyFromColumn: A !== null,
-            sideDistances: l,
-            showTooltips: t.dot.show,
-            tooltipsData: p,
-            activeElementContainer: x,
+            sideDistances: x,
+            showTooltips: l.dot.show ?? !0,
+            tooltipsData: t,
+            activeElementContainer: p,
             tooltipsContainer: d
           },
-          o.key
+          e.key
         )),
-        m.type === "line" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "line" && m.geoms[h].map((e) => /* @__PURE__ */ o.jsx(
           hm,
           {
             facetKey: h,
-            line: o,
+            line: e,
             scales: s,
-            orientation: i,
-            sideDistances: l,
+            orientation: r,
+            sideDistances: x,
             aes: m.aes,
-            showTooltips: t.line.show,
+            showTooltips: l.line.show ?? !0,
             secondaryGrouping: P,
-            tooltipsData: p,
-            activeElementContainer: x,
+            tooltipsData: t,
+            activeElementContainer: p,
             tooltipsContainer: d
           },
-          o.key
+          e.key
         )),
-        m.type === "errorbar" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "errorbar" && m.geoms[h].map((e) => /* @__PURE__ */ o.jsx(
           sm,
           {
             facetKey: h,
-            errorBar: o,
+            errorBar: e,
             scales: s,
-            orientation: i,
+            orientation: r,
             aes: m.aes,
-            sideDistances: l,
-            showTooltips: t.errorBar.show,
-            tooltipsData: p,
-            activeElementContainer: x,
+            sideDistances: x,
+            showTooltips: l.errorBar.show ?? !0,
+            tooltipsData: t,
+            activeElementContainer: p,
             tooltipsContainer: d
           },
-          o.key
+          e.key
         )),
-        m.type === "bar" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "bar" && m.geoms[h].map((e) => /* @__PURE__ */ o.jsx(
           a,
           {
-            bar: o,
+            bar: e,
             scales: s,
-            orientation: i,
+            orientation: r,
             aes: m.aes
           },
-          o.key
+          e.key
         )),
-        m.type === "stackedBar" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
-          pm,
+        m.type === "stackedBar" && m.geoms[h].map((e) => /* @__PURE__ */ o.jsx(
+          tm,
           {
             facetKey: h,
-            geom: o,
+            geom: e,
             elementsAmount: m.geoms[h].length,
             scales: s,
-            orientation: i,
+            orientation: r,
             aes: m.aes,
             normalize: m.meta.normalize,
-            sideDistances: l,
-            showTooltips: t.stackedBar.show,
+            sideDistances: x,
+            showTooltips: l.stackedBar.show ?? !0,
             secondaryGrouping: P,
-            tooltipsData: p,
-            activeElementContainer: x,
+            tooltipsData: t,
+            activeElementContainer: p,
             tooltipsContainer: d
           },
-          o.key
+          e.key
         )),
-        m.type === "stackedArea" && /* @__PURE__ */ e.jsx(
+        m.type === "stackedArea" && /* @__PURE__ */ o.jsx(
           dm,
           {
             facetKey: h,
             layerData: m,
             scales: s,
-            orientation: i,
-            sideDistances: l,
-            showTooltips: t.stackedBar.show,
+            orientation: r,
+            sideDistances: x,
+            showTooltips: l.stackedBar.show ?? !0,
             secondaryGrouping: P,
-            tooltipsData: p,
-            activeElementContainer: x,
+            tooltipsData: t,
+            activeElementContainer: p,
             tooltipsContainer: d
           },
           "stackedArea"
         ),
-        m.type === "binnedDots" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "binnedDots" && m.geoms[h].map((e) => /* @__PURE__ */ o.jsx(
           mm,
           {
             facetKey: h,
-            geom: o,
+            geom: e,
             scales: s,
-            orientation: i,
+            orientation: r,
             aes: m.aes,
             binsCount: m.meta.binsCount,
             min: m.meta.minY,
             max: m.meta.maxY,
             hasKeyFromColumn: m.meta.hasKeyFromColumn,
-            sideDistances: l,
-            showTooltips: t.stackedBar.show,
-            tooltipsData: p,
-            activeElementContainer: x,
+            sideDistances: x,
+            showTooltips: l.stackedBar.show ?? !0,
+            tooltipsData: t,
+            activeElementContainer: p,
             tooltipsContainer: d
           },
-          o.key
+          e.key
         )),
-        m.type === "pairedPoints" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
-          im,
+        m.type === "pairedPoints" && m.geoms[h].map((e) => /* @__PURE__ */ o.jsx(
+          rm,
           {
             facetKey: h,
-            geom: o,
+            geom: e,
             scales: s,
-            orientation: i,
-            sideDistances: l,
+            orientation: r,
+            sideDistances: x,
             aes: m.aes,
-            showTooltips: t.pairedPoints.show,
-            tooltipsData: p,
-            activeElementContainer: x,
+            showTooltips: l.pairedPoints.show ?? !0,
+            tooltipsData: t,
+            activeElementContainer: p,
             tooltipsContainer: d
           },
-          o.id
+          e.id
         )),
-        m.type === "sina" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
-          rm,
+        m.type === "sina" && m.geoms[h].map((e) => /* @__PURE__ */ o.jsx(
+          im,
           {
-            geom: o,
+            geom: e,
             scales: s,
-            orientation: i,
-            sideDistances: l,
+            orientation: r,
+            sideDistances: x,
             aes: m.aes,
             hasKeyFromColumn: A !== null,
             showTooltips: !1,
             tooltipsContainer: d
           },
-          o.key
+          e.key
         )),
-        m.type === "logo" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "logo" && m.geoms[h].map((e) => /* @__PURE__ */ o.jsx(
           nm,
           {
             facetKey: h,
-            geom: o,
+            geom: e,
             elementsAmount: m.geoms[h].length,
             scales: s,
-            orientation: i,
+            orientation: r,
             aes: m.aes,
             normalize: m.meta.normalize,
-            sideDistances: l,
-            showTooltips: t.logo.show,
-            tooltipsData: p,
-            activeElementContainer: x,
+            sideDistances: x,
+            showTooltips: l.logo.show ?? !0,
+            tooltipsData: t,
+            activeElementContainer: p,
             tooltipsContainer: d
           },
-          o.key
+          e.key
         ))
       ] }, m.type)),
-      k.map((m, o) => /* @__PURE__ */ e.jsx(
-        xm,
+      k.map((m, e) => /* @__PURE__ */ o.jsx(
+        pm,
         {
-          yShift: G[o],
+          yShift: G[e],
           scales: s,
-          orientation: i,
+          orientation: r,
           statType: m.meta.statType,
           values: m.values[h],
           testMethod: m.meta.testMethod,
@@ -357,13 +357,13 @@ function Hm({
         `${m.meta.statType}_${m.meta.testMethod}`
       ))
     ] }),
-    /* @__PURE__ */ e.jsxs("g", { children: [
-      p.fixed && /* @__PURE__ */ e.jsx("rect", { width: b.chartWidth, height: b.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
-      /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ o.jsxs("g", { children: [
+      t.fixed && /* @__PURE__ */ o.jsx("rect", { width: b.chartWidth, height: b.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
+      /* @__PURE__ */ o.jsx(
         "g",
         {
           ref: (m) => {
-            m && !x && q(m);
+            m && !p && q(m);
           }
         }
       )