@milaboratories/miplots4 1.0.133 → 1.0.135

package/dist/discrete/components/Chart.js

@@ -1,88 +1,89 @@
 import { j as e } from "../../node_modules/react/jsx-runtime.js";
-import { BLACK as F } from "../../constants.js";
-import { BandAxis as S } from "./BandAxis.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 { ErrorBarElement as sm } from "./layers/ErrorBarElement.js";
-import { LineElement as nm } from "./layers/LineElement.js";
-import { LogoElement as hm } from "./layers/LogoElement.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 { StackedBarElement as dm } from "./layers/StackedBarElement.js";
-import { StatsPValue as lm } from "./layers/StatsPValue.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 { NumberAxis as U } from "./NumberAxis.js";
-import { getPairwiseStatLevelsCount as pm } from "../utils/statsPValue.js";
+import { getPairwiseStatLevelsCount as lm } from "../utils/statsPValue.js";
 import { ViolinElement as tm } from "./layers/ViolinElement.js";
-import { DEFAULT_TICKS_SIZE as G, FACET_TITLE_LINE as z, TITLE_LINE as _, P_VALUE_LINE_HEIGHT as O } from "../constants.js";
-import { Grid as xm } from "./Grid.js";
-import { r as um } from "../../_virtual/index.js";
-function jm(h, E, u) {
-  if (!h.length)
+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";
+function gm(n, E, u) {
+  if (!n.length)
     return [];
   const s = [0];
-  for (let i = 0; i < h.length - 1; i++) {
-    const g = h[i];
+  for (let i = 0; i < n.length - 1; i++) {
+    const g = n[i];
     if (g.meta.statType === "pairwise") {
-      const b = pm(
+      const k = lm(
         g.values[u],
         E,
         g.meta.significanceLevels,
         g.meta.ns
       );
-      s.push(s[s.length - 1] + O * b);
+      s.push(s[s.length - 1] + R * k);
     } else
-      s.push(s[s.length - 1] + O);
+      s.push(s[s.length - 1] + R);
   }
   return s;
 }
-function R(h) {
-  return typeof h == "string" ? h : h.value;
+function Z(n) {
+  return typeof n == "string" ? n : n.value;
 }
-function Vm({
-  facetSettings: h,
+function Hm({
+  facetSettings: n,
   facetTitle: E,
   dimensions: u,
   scales: s,
   orientation: i,
   layersData: g,
-  statsData: b,
-  facetKey: n,
+  statsData: k,
+  facetKey: h,
   xAxis: T,
-  yAxis: f,
-  frameType: I,
-  tooltips: x,
+  yAxis: w,
+  frameType: Y,
+  tooltips: t,
   tooltipsContainer: d,
-  keyColumn: P,
-  chartSizes: k,
+  keyColumn: A,
+  chartSizes: b,
   margins: c,
-  xLabels: Y,
-  onlyPositive: $,
-  secondaryGrouping: C,
-  tooltipsData: l
+  xLabels: $,
+  onlyPositive: V,
+  secondaryGrouping: P,
+  tooltipsData: p
 }) {
-  const [p, Z] = um.useState(), j = i === "vertical", q = jm(b, s.xPrimary.domain(), n), V = T.showTicks ? G : 0, X = f.showTicks ? G : 0, H = R(T.title), N = R(f.title), J = u.chartEdgeSides.includes("left") || j && !(h != null && h.sharedY) || !j && !(h != null && h.sharedX), Q = u.chartEdgeSides.includes("bottom") || j && !(h != null && h.sharedX) || !j && !(h != null && h.sharedY), W = u.chartEdgeSides.includes("left"), M = u.chartEdgeSides.includes("bottom"), { width: B, height: w } = u.inner, { left: L, top: v, padding: r } = u, 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: k.totalWidth - (c.left + L + r.left),
+    right: b.totalWidth - (c.left + L + r.left),
     top: c.top + v + r.top,
-    bottom: k.totalHeight - (c.top + v + r.top)
-  }, K = `translate(${L + r.left},${v + r.top})`, A = !1;
+    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: [
-    A,
+    F,
     E.length && /* @__PURE__ */ e.jsxs("g", { children: [
-      I === "full" && /* @__PURE__ */ e.jsx("rect", { x: "0", y: -r.top, height: r.top, width: B, fill: "#F7F8FA", stroke: F }),
+      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 - z * y) / 2;
+        const y = E.length, D = (r.top - _ * y) / 2;
         return /* @__PURE__ */ e.jsx(
           "text",
           {
             fontSize: "14px",
             fontWeight: "500",
-            fill: F,
+            fill: z,
             x: B / 2,
-            dy: D + z / 2 - r.top,
-            y: o * z,
+            dy: D + _ / 2 - r.top,
+            y: o * _,
             textAnchor: "middle",
             dominantBaseline: "central",
             children: m
@@ -91,142 +92,142 @@ function Vm({
         );
       })
     ] }),
-    /* @__PURE__ */ e.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: F, children: [
-      M && /* @__PURE__ */ e.jsx("text", { x: B / 2, y: w + r.bottom - _ / 2, children: j ? H : N }),
-      M && A,
+    /* @__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 }),
+      M && F,
       W && /* @__PURE__ */ e.jsx(
         "text",
         {
-          x: -r.left + _ / 2,
-          y: w / 2,
-          transform: `rotate(-90,${-r.left + _ / 2},${w / 2})`,
+          x: -r.left + I / 2,
+          y: f / 2,
+          transform: `rotate(-90,${-r.left + I / 2},${f / 2})`,
           children: j ? N : H
         }
       ),
-      W && A
+      W && F
     ] }),
     /* @__PURE__ */ e.jsx(
-      xm,
+      um,
       {
         orientation: i,
         width: B,
-        height: w,
+        height: f,
         scaleX: s.xPrimary,
         scaleY: s.y,
         axisX: T,
-        axisY: f,
-        frameType: I
+        axisY: w,
+        frameType: Y
       }
     ),
-    Q && /* @__PURE__ */ e.jsx("g", { transform: `translate(0,${w})`, children: j ? /* @__PURE__ */ e.jsx(
+    Q && /* @__PURE__ */ e.jsx("g", { transform: `translate(0,${f})`, children: j ? /* @__PURE__ */ e.jsx(
       S,
       {
         scale: s.xPrimary,
         orient: "bottom",
         labelsPosition: T.labelsPosition,
-        tickSize: V,
-        labels: Y
+        tickSize: X,
+        labels: $
       }
-    ) : /* @__PURE__ */ e.jsx(U, { scale: s.y, onlyPositive: $, orient: "bottom", tickSize: X, hiddenLabels: f.hiddenLabels }) }),
-    J && /* @__PURE__ */ e.jsx("g", { children: j ? /* @__PURE__ */ e.jsx(U, { scale: s.y, onlyPositive: $, orient: "left", tickSize: X, hiddenLabels: f.hiddenLabels }) : /* @__PURE__ */ e.jsx(
+    ) : /* @__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(
       S,
       {
         scale: s.xPrimary,
         orient: "left",
         labelsPosition: T.labelsPosition,
-        tickSize: V,
-        labels: Y
+        tickSize: X,
+        labels: $
       }
     ) }),
     /* @__PURE__ */ e.jsxs("g", { children: [
       g.map((m) => /* @__PURE__ */ e.jsxs("g", { children: [
-        m.type === "box" && m.geoms[n].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "box" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
           om,
           {
-            facetKey: n,
+            facetKey: h,
             box: o,
-            elementsAmount: m.geoms[n].length,
+            elementsAmount: m.geoms[h].length,
             scales: s,
             orientation: i,
             aes: m.aes,
-            hasKeyFromColumn: P !== null,
-            sideDistances: t,
-            showTooltips: x.box.show,
-            tooltipsData: l,
-            activeElementContainer: p,
+            hasKeyFromColumn: A !== null,
+            sideDistances: l,
+            showTooltips: t.box.show,
+            tooltipsData: p,
+            activeElementContainer: x,
             tooltipsContainer: d
           },
           o.key
         )),
-        m.type === "violin" && m.geoms[n].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "violin" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
           tm,
           {
-            facetKey: n,
+            facetKey: h,
             violin: o,
-            elementsAmount: m.geoms[n].length,
+            elementsAmount: m.geoms[h].length,
             scales: s,
             orientation: i,
             maxViolinDensity: m.meta.maxDensity,
             aes: m.aes,
-            sideDistances: t,
-            showTooltips: x.violin.show,
-            tooltipsData: l,
-            activeElementContainer: p,
+            sideDistances: l,
+            showTooltips: t.violin.show,
+            tooltipsData: p,
+            activeElementContainer: x,
             tooltipsContainer: d
           },
           o.key
         )),
-        m.type === "dot" && m.geoms[n].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "dot" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
           em,
           {
-            facetKey: n,
+            facetKey: h,
             geom: o,
             scales: s,
             orientation: i,
             aes: m.aes,
-            hasKeyFromColumn: P !== null,
-            sideDistances: t,
-            showTooltips: x.dot.show,
-            tooltipsData: l,
-            activeElementContainer: p,
+            hasKeyFromColumn: A !== null,
+            sideDistances: l,
+            showTooltips: t.dot.show,
+            tooltipsData: p,
+            activeElementContainer: x,
             tooltipsContainer: d
           },
           o.key
         )),
-        m.type === "line" && m.geoms[n].map((o) => /* @__PURE__ */ e.jsx(
-          nm,
+        m.type === "line" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
+          hm,
           {
-            facetKey: n,
+            facetKey: h,
             line: o,
             scales: s,
             orientation: i,
-            sideDistances: t,
+            sideDistances: l,
             aes: m.aes,
-            showTooltips: x.line.show,
-            secondaryGrouping: C,
-            tooltipsData: l,
-            activeElementContainer: p,
+            showTooltips: t.line.show,
+            secondaryGrouping: P,
+            tooltipsData: p,
+            activeElementContainer: x,
             tooltipsContainer: d
           },
           o.key
         )),
-        m.type === "errorbar" && m.geoms[n].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "errorbar" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
           sm,
           {
-            facetKey: n,
+            facetKey: h,
             errorBar: o,
             scales: s,
             orientation: i,
             aes: m.aes,
-            sideDistances: t,
-            showTooltips: x.errorBar.show,
-            tooltipsData: l,
-            activeElementContainer: p,
+            sideDistances: l,
+            showTooltips: t.errorBar.show,
+            tooltipsData: p,
+            activeElementContainer: x,
             tooltipsContainer: d
           },
           o.key
         )),
-        m.type === "bar" && m.geoms[n].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "bar" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
           a,
           {
             bar: o,
@@ -236,29 +237,45 @@ function Vm({
           },
           o.key
         )),
-        m.type === "stackedBar" && m.geoms[n].map((o) => /* @__PURE__ */ e.jsx(
-          dm,
+        m.type === "stackedBar" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
+          pm,
           {
-            facetKey: n,
+            facetKey: h,
             geom: o,
-            elementsAmount: m.geoms[n].length,
+            elementsAmount: m.geoms[h].length,
             scales: s,
             orientation: i,
             aes: m.aes,
             normalize: m.meta.normalize,
-            sideDistances: t,
-            showTooltips: x.stackedBar.show,
-            secondaryGrouping: C,
-            tooltipsData: l,
-            activeElementContainer: p,
+            sideDistances: l,
+            showTooltips: t.stackedBar.show,
+            secondaryGrouping: P,
+            tooltipsData: p,
+            activeElementContainer: x,
             tooltipsContainer: d
           },
           o.key
         )),
-        m.type === "binnedDots" && m.geoms[n].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "stackedArea" && /* @__PURE__ */ e.jsx(
+          dm,
+          {
+            facetKey: h,
+            layerData: m,
+            scales: s,
+            orientation: i,
+            sideDistances: l,
+            showTooltips: t.stackedBar.show,
+            secondaryGrouping: P,
+            tooltipsData: p,
+            activeElementContainer: x,
+            tooltipsContainer: d
+          },
+          "stackedArea"
+        ),
+        m.type === "binnedDots" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
           mm,
           {
-            facetKey: n,
+            facetKey: h,
             geom: o,
             scales: s,
             orientation: i,
@@ -267,71 +284,71 @@ function Vm({
             min: m.meta.minY,
             max: m.meta.maxY,
             hasKeyFromColumn: m.meta.hasKeyFromColumn,
-            sideDistances: t,
-            showTooltips: x.stackedBar.show,
-            tooltipsData: l,
-            activeElementContainer: p,
+            sideDistances: l,
+            showTooltips: t.stackedBar.show,
+            tooltipsData: p,
+            activeElementContainer: x,
             tooltipsContainer: d
           },
           o.key
         )),
-        m.type === "pairedPoints" && m.geoms[n].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "pairedPoints" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
           im,
           {
-            facetKey: n,
+            facetKey: h,
             geom: o,
             scales: s,
             orientation: i,
-            sideDistances: t,
+            sideDistances: l,
             aes: m.aes,
-            showTooltips: x.pairedPoints.show,
-            tooltipsData: l,
-            activeElementContainer: p,
+            showTooltips: t.pairedPoints.show,
+            tooltipsData: p,
+            activeElementContainer: x,
             tooltipsContainer: d
           },
           o.id
         )),
-        m.type === "sina" && m.geoms[n].map((o) => /* @__PURE__ */ e.jsx(
+        m.type === "sina" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
           rm,
           {
             geom: o,
             scales: s,
             orientation: i,
-            sideDistances: t,
+            sideDistances: l,
             aes: m.aes,
-            hasKeyFromColumn: P !== null,
+            hasKeyFromColumn: A !== null,
             showTooltips: !1,
             tooltipsContainer: d
           },
           o.key
         )),
-        m.type === "logo" && m.geoms[n].map((o) => /* @__PURE__ */ e.jsx(
-          hm,
+        m.type === "logo" && m.geoms[h].map((o) => /* @__PURE__ */ e.jsx(
+          nm,
           {
-            facetKey: n,
+            facetKey: h,
             geom: o,
-            elementsAmount: m.geoms[n].length,
+            elementsAmount: m.geoms[h].length,
             scales: s,
             orientation: i,
             aes: m.aes,
             normalize: m.meta.normalize,
-            sideDistances: t,
-            showTooltips: x.logo.show,
-            tooltipsData: l,
-            activeElementContainer: p,
+            sideDistances: l,
+            showTooltips: t.logo.show,
+            tooltipsData: p,
+            activeElementContainer: x,
             tooltipsContainer: d
           },
           o.key
         ))
       ] }, m.type)),
-      b.map((m, o) => /* @__PURE__ */ e.jsx(
-        lm,
+      k.map((m, o) => /* @__PURE__ */ e.jsx(
+        xm,
         {
-          yShift: q[o],
+          yShift: G[o],
           scales: s,
           orientation: i,
           statType: m.meta.statType,
-          values: m.values[n],
+          values: m.values[h],
           testMethod: m.meta.testMethod,
           format: m.meta.format,
           ns: m.meta.ns,
@@ -341,12 +358,12 @@ function Vm({
       ))
     ] }),
     /* @__PURE__ */ e.jsxs("g", { children: [
-      l.fixed && /* @__PURE__ */ e.jsx("rect", { width: k.chartWidth, height: k.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
+      p.fixed && /* @__PURE__ */ e.jsx("rect", { width: b.chartWidth, height: b.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
       /* @__PURE__ */ e.jsx(
         "g",
         {
           ref: (m) => {
-            m && !p && Z(m);
+            m && !x && q(m);
           }
         }
       )
@@ -354,6 +371,6 @@ function Vm({
   ] });
 }
 export {
-  Vm as Chart
+  Hm as Chart
 };
 //# sourceMappingURL=Chart.js.map