@weng-lab/visualization 2.2.2 → 2.3.1

package/dist/visualization.es10.js

@@ -1,127 +1,127 @@
-import { j as e } from "./visualization.es18.js";
-import { useRef as W, useMemo as g, useImperativeHandle as E } from "react";
-import { getTextHeight as B } from "./visualization.es51.js";
-import q from "./visualization.es65.js";
-import { downloadSVGAsPNG as J, downloadAsSVG as K, getAnimationProps as Q } from "./visualization.es20.js";
-import { useResponsiveParentSize as U } from "./visualization.es16.js";
-import G from "./visualization.es23.js";
-import F from "./visualization.es24.js";
-import R from "./visualization.es58.js";
-import { ResponsiveContainer as Z } from "./visualization.es13.js";
-import _ from "./visualization.es25.js";
-import { motion as p } from "./visualization.es56.js";
-import Y from "./visualization.es59.js";
-import O from "./visualization.es60.js";
+import { jsx as n, jsxs as C, Fragment as z } from "react/jsx-runtime";
+import { useRef as E, useMemo as g, useImperativeHandle as J } from "react";
+import { getTextHeight as O } from "./visualization.es18.js";
+import K from "./visualization.es19.js";
+import { downloadSVGAsPNG as Q, downloadAsSVG as U, getAnimationProps as Z } from "./visualization.es20.js";
+import { useResponsiveParentSize as _ } from "./visualization.es16.js";
+import R from "./visualization.es21.js";
+import T from "./visualization.es22.js";
+import H from "./visualization.es23.js";
+import { ResponsiveContainer as p } from "./visualization.es13.js";
+import tt from "./visualization.es24.js";
+import { motion as et } from "./visualization.es25.js";
+import N from "./visualization.es26.js";
+import X from "./visualization.es27.js";
 const xt = (t) => {
   const {
-    parentRef: T,
-    containerStyle: H,
+    parentRef: F,
+    containerStyle: j,
     width: m,
-    height: y
-  } = U({
+    height: w
+  } = _({
     width: t.width,
     height: t.height
-  }), j = W(null), d = g(() => t.distributions.map((i, n) => i.label ?? `Group ${n + 1}`), [t.distributions]), o = t.labelOrientation ?? "horizontal", s = 15, C = t.cutoffLine ?? "none", k = t.horizontal ? o === "vertical" ? s : Math.max(...d.map((i) => B(i, s, "Arial"))) / (o !== "horizontal" ? 1.25 : 1) : o === "horizontal" ? s : Math.max(...d.map((i) => B(i, s, "Arial"))) / (o !== "vertical" ? 1.25 : 1), z = 40, a = t.horizontal ? o !== "vertical" ? k / 1.75 : k : z, P = m - 2 * a, V = y - k - 2 * a, w = m - 2.5 * a, h = y - 130, L = t.distributions.flatMap((i) => i.data.flatMap((n) => n.value)), x = Math.min(...L), b = Math.max(...L), l = t.cutoffValue ?? x, M = g(() => G({
-    range: [0, P],
+  }), V = E(null), h = g(() => t.distributions.map((e, i) => e.label ?? `Group ${i + 1}`), [t.distributions]), o = t.labelOrientation ?? "horizontal", d = 15, S = t.cutoffLine ?? "none", x = t.horizontal ? o === "vertical" ? d : Math.max(...h.map((e) => O(e, d, "Arial"))) / (o !== "horizontal" ? 1.25 : 1) : o === "horizontal" ? d : Math.max(...h.map((e) => O(e, d, "Arial"))) / (o !== "vertical" ? 1.25 : 1), A = 40, a = t.horizontal ? o !== "vertical" ? x / 1.75 : x : A, $ = m - 2 * a, v = w - x - 2 * a, P = m - 2.5 * a, s = w - 130, D = t.distributions.flatMap((e) => e.data.flatMap((i) => i.value)), u = Math.min(...D), b = Math.max(...D), l = t.cutoffValue ?? u, B = g(() => R({
+    range: [0, $],
     round: !0,
-    domain: d,
+    domain: h,
     padding: 0.4
-  }), [P, d]), r = g(() => {
-    const i = 0.07 * (b - Math.max(x, l));
-    return F({
-      range: [V, 0],
+  }), [$, h]), r = g(() => {
+    const e = 0.07 * (b - Math.max(u, l));
+    return T({
+      range: [v, 0],
       round: !0,
       // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis
-      domain: [Math.max(x, l) - i, b + i]
+      domain: [Math.max(u, l) - e, b + e]
     });
-  }, [V, x, b, l]), f = g(() => {
-    const i = 0.07 * (b - Math.max(x, l));
-    return F({
-      range: [0, w],
+  }, [v, u, b, l]), f = g(() => {
+    const e = 0.07 * (b - Math.max(u, l));
+    return T({
+      range: [0, P],
       round: !0,
       // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis
-      domain: [Math.max(x, l) - i, b + i]
+      domain: [Math.max(u, l) - e, b + e]
     });
-  }, [w, x, b, l]), $ = g(() => G({
-    range: [0, h],
+  }, [P, u, b, l]), G = g(() => R({
+    range: [0, s],
     round: !0,
-    domain: d,
+    domain: h,
     padding: 0.4
-  }), [h, d]), N = t.horizontal ? f : r, X = t.horizontal ? $ : M, D = t.horizontal ? /* @__PURE__ */ e.jsx(R, { textAnchor: "middle", verticalAnchor: "end", fontSize: s, y: h + z + 20, x: w / 2 + a, children: t.axisLabel }) : /* @__PURE__ */ e.jsx(R, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: s, y: V / 2, x: -10, children: t.axisLabel }), I = g(() => {
-    const i = r.ticks();
-    return t.cutoffValue ? Array.from(/* @__PURE__ */ new Set([...i, l])).sort((n, c) => n - c) : i;
+  }), [s, h]), I = t.horizontal ? f : r, W = t.horizontal ? G : B, Y = t.horizontal ? /* @__PURE__ */ n(H, { textAnchor: "middle", verticalAnchor: "end", fontSize: d, y: s + A + 20, x: P / 2 + a, children: t.axisLabel }) : /* @__PURE__ */ n(H, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: d, y: v / 2, x: -10, children: t.axisLabel }), q = g(() => {
+    const e = r.ticks();
+    return t.cutoffValue ? Array.from(/* @__PURE__ */ new Set([...e, l])).sort((i, c) => i - c) : e;
   }, [r, l]);
-  return E(t.ref, () => ({
+  return J(t.ref, () => ({
     downloadSVG: () => {
-      j.current && K(j.current, t.downloadFileName ?? "violin_plot.svg");
+      V.current && U(V.current, t.downloadFileName ?? "violin_plot.svg");
     },
     downloadPNG: () => {
-      j.current && J(j.current, t.downloadFileName ?? "violin_plot.png");
+      V.current && Q(V.current, t.downloadFileName ?? "violin_plot.png");
     }
-  })), /* @__PURE__ */ e.jsx(Z, { parentRef: T, containerStyle: H, children: /* @__PURE__ */ e.jsx("svg", { width: m ?? 0, height: y ?? 0, ref: j, children: /* @__PURE__ */ e.jsxs(_, { top: z, left: a, children: [
-    t.distributions.map((i, n) => {
-      const c = t.animation ? p.g : "g", u = Q(t.animation, n, t.animationBuffer ?? 0.03);
-      return /* @__PURE__ */ e.jsx(c, { ...u, children: /* @__PURE__ */ e.jsx(q, { distribution: i, distIndex: n, violinProps: t.violinProps, crossProps: t.crossProps, valueScale: N, labelScale: X, offset: a, labels: d, disableCrossPlot: t.disableCrossPlot ?? !1, disableViolinPlot: t.disableViolinPlot ?? !1, horizontal: t.horizontal ?? !1, pointTooltipBody: t.pointTooltipBody, onViolinClicked: t.onViolinClicked, onPointClicked: t.onPointClicked }, n) }, `node-${n}`);
+  })), /* @__PURE__ */ n(p, { parentRef: F, containerStyle: j, children: /* @__PURE__ */ n("svg", { width: m ?? 0, height: w ?? 0, ref: V, children: /* @__PURE__ */ C(tt, { top: A, left: a, children: [
+    t.distributions.map((e, i) => {
+      const c = t.animation ? et.g : "g", k = Z(t.animation, i, t.animationBuffer ?? 0.03);
+      return /* @__PURE__ */ n(c, { ...k, children: /* @__PURE__ */ n(K, { distribution: e, distIndex: i, violinProps: t.violinProps, crossProps: t.crossProps, valueScale: I, labelScale: W, offset: a, labels: h, disableCrossPlot: t.disableCrossPlot ?? !1, disableViolinPlot: t.disableViolinPlot ?? !1, horizontal: t.horizontal ?? !1, pointTooltipBody: t.pointTooltipBody, onViolinClicked: t.onViolinClicked, onPointClicked: t.onPointClicked }, i) }, `node-${i}`);
     }),
-    t.cutoffValue && (t.horizontal ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("rect", { x: 0, y: 0, width: f(l), height: h, fill: "white", opacity: t.cutoffOpacity ?? 0.8 }),
-      /* @__PURE__ */ e.jsx("rect", { x: -k, y: 0, width: k + a, height: h, fill: "white" })
-    ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("rect", { x: a, y: r(l), width: m - a, height: r(l), fill: "white", opacity: t.cutoffOpacity ?? 0.8 }),
-      /* @__PURE__ */ e.jsx("rect", { x: a, y: V, width: m - a, height: k + 2 * a, fill: "white" })
+    t.cutoffValue && (t.horizontal ? /* @__PURE__ */ C(z, { children: [
+      /* @__PURE__ */ n("rect", { x: 0, y: 0, width: f(l), height: s, fill: "white", opacity: t.cutoffOpacity ?? 0.8 }),
+      /* @__PURE__ */ n("rect", { x: -x, y: 0, width: x + a, height: s, fill: "white" })
+    ] }) : /* @__PURE__ */ C(z, { children: [
+      /* @__PURE__ */ n("rect", { x: a, y: r(l), width: m - a, height: r(l), fill: "white", opacity: t.cutoffOpacity ?? 0.8 }),
+      /* @__PURE__ */ n("rect", { x: a, y: v, width: m - a, height: x + 2 * a, fill: "white" })
     ] })),
-    t.horizontal ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(Y, { scale: f, top: h, left: a, stroke: "black", tickStroke: "black", tickValues: I, tickLabelProps: () => ({
+    t.horizontal ? /* @__PURE__ */ C(z, { children: [
+      /* @__PURE__ */ n(N, { scale: f, top: s, left: a, stroke: "black", tickStroke: "black", tickValues: q, tickLabelProps: () => ({
         fill: "black",
-        fontSize: s,
+        fontSize: d,
         textAnchor: "end",
         dy: "0.33em"
       }) }, "axisLeft"),
-      D,
-      /* @__PURE__ */ e.jsx(O, { left: a, scale: $, stroke: "black", tickStroke: "black", tickValues: d, tickLabelProps: () => ({
+      Y,
+      /* @__PURE__ */ n(X, { left: a, scale: G, stroke: "black", tickStroke: "black", tickValues: h, tickLabelProps: () => ({
         fill: "black",
-        fontSize: s
+        fontSize: d
       }), tickComponent: ({
-        x: i,
-        y: n,
+        x: e,
+        y: i,
         formattedValue: c,
-        ...u
+        ...k
       }) => {
-        const v = () => {
+        const y = () => {
           if (!t.onViolinClicked) return;
-          const S = t.distributions.find((A) => A.label === c);
-          t.onViolinClicked(S);
+          const L = t.distributions.find((M) => M.label === c);
+          t.onViolinClicked(L);
         };
-        return o !== "horizontal" ? /* @__PURE__ */ e.jsx("text", { ...u, onClick: v, cursor: t.onViolinClicked ? "pointer" : "text", x: i, y: n, dx: o === "vertical" ? 0 : "-0.25em", dy: o === "vertical" ? "0.50em" : o === "leftDiagonal" ? "-0.25em" : "0.25em", transform: o === "vertical" ? `rotate(90, ${i}, ${n})` : o === "leftDiagonal" ? `rotate(-45, ${i}, ${n})` : `rotate(45, ${i}, ${n})`, textAnchor: o === "vertical" ? "middle" : "end", dominantBaseline: "middle", children: c }) : /* @__PURE__ */ e.jsx("text", { ...u, x: i, y: n, textAnchor: "end", dominantBaseline: "middle", dx: "-0.50em", onClick: v, cursor: t.onViolinClicked ? "pointer" : "text", children: c });
+        return o !== "horizontal" ? /* @__PURE__ */ n("text", { ...k, onClick: y, cursor: t.onViolinClicked ? "pointer" : "text", x: e, y: i, dx: o === "vertical" ? 0 : "-0.25em", dy: o === "vertical" ? "0.50em" : o === "leftDiagonal" ? "-0.25em" : "0.25em", transform: o === "vertical" ? `rotate(90, ${e}, ${i})` : o === "leftDiagonal" ? `rotate(-45, ${e}, ${i})` : `rotate(45, ${e}, ${i})`, textAnchor: o === "vertical" ? "middle" : "end", dominantBaseline: "middle", children: c }) : /* @__PURE__ */ n("text", { ...k, x: e, y: i, textAnchor: "end", dominantBaseline: "middle", dx: "-0.50em", onClick: y, cursor: t.onViolinClicked ? "pointer" : "text", children: c });
       } }, "axisBottom")
-    ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(O, { left: a, scale: r, stroke: "black", tickStroke: "black", tickLabelProps: () => ({
+    ] }) : /* @__PURE__ */ C(z, { children: [
+      /* @__PURE__ */ n(X, { left: a, scale: r, stroke: "black", tickStroke: "black", tickLabelProps: () => ({
         fill: "black",
-        fontSize: s,
+        fontSize: d,
         textAnchor: "end",
         dy: "0.33em"
       }) }, "axisLeft"),
-      D,
-      /* @__PURE__ */ e.jsx(Y, { left: a, top: V, scale: M, stroke: "black", tickStroke: "black", tickValues: d, tickLabelProps: () => ({
+      Y,
+      /* @__PURE__ */ n(N, { left: a, top: v, scale: B, stroke: "black", tickStroke: "black", tickValues: h, tickLabelProps: () => ({
         fill: "black",
-        fontSize: s,
+        fontSize: d,
         textAnchor: o === "vertical" || o === "leftDiagonal" ? "end" : o === "rightDiagonal" ? "start" : "middle"
       }), tickComponent: ({
-        x: i,
-        y: n,
+        x: e,
+        y: i,
         formattedValue: c,
-        ...u
+        ...k
       }) => {
-        const v = () => {
+        const y = () => {
           if (!t.onViolinClicked) return;
-          const S = t.distributions.find((A) => A.label === c);
-          t.onViolinClicked(S);
+          const L = t.distributions.find((M) => M.label === c);
+          t.onViolinClicked(L);
         };
-        return o !== "horizontal" ? /* @__PURE__ */ e.jsx("text", { onClick: v, cursor: t.onViolinClicked ? "pointer" : "text", ...u, x: i, y: n, transform: o === "vertical" ? `rotate(-90, ${i}, ${n})` : o === "leftDiagonal" ? `rotate(-45, ${i}, ${n})` : `rotate(45, ${i}, ${n})`, textAnchor: o === "vertical" || o === "leftDiagonal" ? "end" : o === "rightDiagonal" ? "start" : "middle", children: c }) : /* @__PURE__ */ e.jsx("text", { ...u, x: i, y: n, textAnchor: "middle", onClick: v, cursor: t.onViolinClicked ? "pointer" : "text", children: c });
+        return o !== "horizontal" ? /* @__PURE__ */ n("text", { onClick: y, cursor: t.onViolinClicked ? "pointer" : "text", ...k, x: e, y: i, transform: o === "vertical" ? `rotate(-90, ${e}, ${i})` : o === "leftDiagonal" ? `rotate(-45, ${e}, ${i})` : `rotate(45, ${e}, ${i})`, textAnchor: o === "vertical" || o === "leftDiagonal" ? "end" : o === "rightDiagonal" ? "start" : "middle", children: c }) : /* @__PURE__ */ n("text", { ...k, x: e, y: i, textAnchor: "middle", onClick: y, cursor: t.onViolinClicked ? "pointer" : "text", children: c });
       } }, "axisBottom")
     ] }),
-    t.show95thPercentileLine && (t.horizontal ? f.domain()[1] > 1.645 && /* @__PURE__ */ e.jsx("line", { x1: f(1.645), x2: f(1.645), y1: 0, y2: h, stroke: "black", strokeDasharray: "5 7" }) : r.domain()[1] > 1.645 && /* @__PURE__ */ e.jsx("line", { y1: r(1.645), y2: r(1.645), x1: a, x2: m, stroke: "black", strokeDasharray: "5 7" })),
-    t.cutoffValue && C !== "none" && (t.horizontal ? /* @__PURE__ */ e.jsx("line", { x1: f(t.cutoffValue), x2: f(t.cutoffValue), y1: 0, y2: h, stroke: "black", strokeDasharray: C === "dashed" ? "5 7" : "" }) : /* @__PURE__ */ e.jsx("line", { y1: r(t.cutoffValue), y2: r(t.cutoffValue), x1: a, x2: m, stroke: "black", strokeDasharray: C === "dashed" ? "5 7" : "" }))
+    t.show95thPercentileLine && (t.horizontal ? f.domain()[1] > 1.645 && /* @__PURE__ */ n("line", { x1: f(1.645), x2: f(1.645), y1: 0, y2: s, stroke: "black", strokeDasharray: "5 7" }) : r.domain()[1] > 1.645 && /* @__PURE__ */ n("line", { y1: r(1.645), y2: r(1.645), x1: a, x2: m, stroke: "black", strokeDasharray: "5 7" })),
+    t.cutoffValue && S !== "none" && (t.horizontal ? /* @__PURE__ */ n("line", { x1: f(t.cutoffValue), x2: f(t.cutoffValue), y1: 0, y2: s, stroke: "black", strokeDasharray: S === "dashed" ? "5 7" : "" }) : /* @__PURE__ */ n("line", { y1: r(t.cutoffValue), y2: r(t.cutoffValue), x1: a, x2: m, stroke: "black", strokeDasharray: S === "dashed" ? "5 7" : "" }))
   ] }) }) });
 };
 export {

package/dist/visualization.es10.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es10.js","sources":["../src/components/ViolinPlot/violinPlot.tsx"],"sourcesContent":["import { Distribution, ViolinPlotProps } from \"./types\";\nimport { Group } from \"@visx/group\";\nimport { scaleBand, scaleLinear } from \"@visx/scale\";\nimport { AxisLeft, AxisBottom } from '@visx/axis';\nimport { useImperativeHandle, useMemo, useRef } from \"react\";\nimport { Text } from '@visx/text';\nimport { getTextHeight } from \"./helpers\";\nimport SingleViolin from \"./singleViolin\";\nimport { downloadAsSVG, downloadSVGAsPNG, getAnimationProps } from \"../../utility\";\nimport { ResponsiveContainer, useResponsiveParentSize } from \"../../responsive\";\nimport { motion } from \"framer-motion\";\n\nconst ViolinPlot = <T extends object>(\n    props: ViolinPlotProps<T>,\n) => {\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    const svgRef = useRef<SVGSVGElement | null>(null);\n\n    //Array of labels fo xDomain\n    const labels = useMemo(() => {\n        return props.distributions.map((x, i) => x.label ?? `Group ${i + 1}`);\n    }, [props.distributions]);\n\n    const labelOrientation = props.labelOrientation ?? \"horizontal\"\n    const fontSize = 15;\n\n    const cutoffLine = props.cutoffLine ?? \"none\"\n\n    //If the label orientation is anything but horizontal, find the max height of the elements, otherwise set to fontsize\n    const maxLabelHeight = props.horizontal ? ((labelOrientation === \"vertical\" ? fontSize : Math.max(\n        ...labels.map(label => getTextHeight(label, fontSize, \"Arial\"))\n    ) / (labelOrientation !== \"horizontal\" ? 1.25 : 1))) :\n        (labelOrientation === \"horizontal\" ? fontSize : Math.max(\n            ...labels.map(label => getTextHeight(label, fontSize, \"Arial\"))\n        ) / (labelOrientation !== \"vertical\" ? 1.25 : 1));\n\n    const baseOffset = 40;\n    const offset = props.horizontal ? labelOrientation !== \"vertical\" ? maxLabelHeight / 1.75 : maxLabelHeight : baseOffset;\n\n    // bounds\n    const vertXMax = parentWidth - 2 * offset;\n    const vertYMax = parentHeight - maxLabelHeight - 2 * offset;\n    const horizonXMax = parentWidth - 2.5 * offset;\n    const horizonYMax = parentHeight - 130;\n\n    //all values from data spread out based on count\n    const allValues: number[] = props.distributions.flatMap(x =>\n        x.data.flatMap(d => d.value)\n    );\n\n    const minYValue = Math.min(...allValues);\n    const maxYValue = Math.max(...allValues);\n\n    const cutoffValue = props.cutoffValue ?? minYValue\n\n    // scales\n    const vertXScale = useMemo(() => {\n        return scaleBand<string>({\n            range: [0, vertXMax],\n            round: true,\n            domain: labels,\n            padding: 0.4,\n        });\n    }, [vertXMax, labels]);\n\n    const vertYScale = useMemo(() => {\n        const padding = .07 * (maxYValue - (Math.max(minYValue, cutoffValue)))\n        return scaleLinear<number>({\n            range: [vertYMax, 0],\n            round: true,\n            // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis\n            domain: [(Math.max(minYValue, cutoffValue)) - padding, maxYValue + padding],\n        });\n    }, [vertYMax, minYValue, maxYValue, cutoffValue]);\n\n    const horizonXScale = useMemo(() => {\n        const padding = .07 * (maxYValue - (Math.max(minYValue, cutoffValue)))\n        return scaleLinear<number>({\n            range: [0, horizonXMax],\n            round: true,\n            // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis\n            domain: [(Math.max(minYValue, cutoffValue)) - padding, maxYValue + padding],\n        });\n    }, [horizonXMax, minYValue, maxYValue, cutoffValue]);\n\n    const horizonYScale = useMemo(() => {\n        return scaleBand<string>({\n            range: [0, horizonYMax],\n            round: true,\n            domain: labels,\n            padding: 0.4,\n        });\n    }, [horizonYMax, labels]);\n\n\n    const valueScale = props.horizontal ? horizonXScale : vertYScale;\n    const labelScale = props.horizontal ? horizonYScale : vertXScale;\n\n    const axisLabel = props.horizontal ? (\n        <Text\n            textAnchor=\"middle\"\n            verticalAnchor=\"end\"\n            fontSize={fontSize}\n            y={horizonYMax + baseOffset + 20}\n            x={horizonXMax / 2 + offset}\n        >\n            {props.axisLabel}\n        </Text>\n    ) : (\n        <Text\n            textAnchor=\"middle\"\n            verticalAnchor=\"end\"\n            angle={-90}\n            fontSize={fontSize}\n            y={vertYMax / 2}\n            x={-10}\n        >\n            {props.axisLabel}\n        </Text>\n    );\n\n    const tickValues = useMemo(() => {\n        const baseTicks = vertYScale.ticks();\n        if (props.cutoffValue) return Array.from(new Set([...baseTicks, cutoffValue])).sort((a, b) => a - b);\n        return baseTicks;\n    }, [vertYScale, cutoffValue]);\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (svgRef.current) downloadAsSVG(svgRef.current, props.downloadFileName ?? \"violin_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (svgRef.current) downloadSVGAsPNG(svgRef.current, props.downloadFileName ?? \"violin_plot.png\");\n        },\n    }));\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            <svg width={parentWidth ?? 0} height={parentHeight?? 0} ref={svgRef}>\n                <Group top={baseOffset} left={offset}>\n                    {props.distributions.map((x: Distribution<T>, i) => {\n                        const Wrapper = props.animation ? motion.g : \"g\";\n                        const animProps = getAnimationProps(props.animation, i, props.animationBuffer ?? .03);\n                        \n                        return (\n                            <Wrapper key={`node-${i}`} {...animProps}>\n                                <SingleViolin\n                                    key={i}\n                                    distribution={x}\n                                    distIndex={i}\n                                    violinProps={props.violinProps}\n                                    crossProps={props.crossProps}\n                                    valueScale={valueScale}\n                                    labelScale={labelScale}\n                                    offset={offset}\n                                    labels={labels}\n                                    disableCrossPlot={props.disableCrossPlot ?? false}\n                                    disableViolinPlot={props.disableViolinPlot ?? false}\n                                    horizontal={props.horizontal ?? false}\n                                    pointTooltipBody={props.pointTooltipBody}\n                                    onViolinClicked={props.onViolinClicked}\n                                    onPointClicked={props.onPointClicked}\n                                />\n                            </Wrapper>\n                        )\n                    })}\n                    {/* opacity box to cutoff the rest of the plot */}\n                    {props.cutoffValue && (\n                        props.horizontal ? (\n                            <>\n                                <rect\n                                    x={0}\n                                    y={0}\n                                    width={horizonXScale(cutoffValue)}\n                                    height={horizonYMax}\n                                    fill=\"white\"\n                                    opacity={props.cutoffOpacity ?? .8}\n                                />\n                                <rect\n                                    x={-maxLabelHeight}\n                                    y={0}\n                                    width={maxLabelHeight + offset}\n                                    height={horizonYMax}\n                                    fill=\"white\"\n                                />\n                            </>\n                        ) : (\n                            <>\n                                <rect\n                                    x={offset}\n                                    y={vertYScale(cutoffValue)}\n                                    width={parentWidth - offset}\n                                    height={vertYScale(cutoffValue)}\n                                    fill=\"white\"\n                                    opacity={props.cutoffOpacity ?? .8}\n                                />\n                                <rect\n                                    x={offset}\n                                    y={vertYMax}\n                                    width={parentWidth - offset}\n                                    height={maxLabelHeight + 2 * offset}\n                                    fill=\"white\"\n                                />\n                            </>\n                        )\n                    )}\n                    {props.horizontal ? (\n                        <>\n                            <AxisBottom\n                                key={\"axisLeft\"}\n                                scale={horizonXScale}\n                                top={horizonYMax}\n                                left={offset}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={tickValues}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: 'end',\n                                    dy: '0.33em',\n                                })}\n                            />\n                            {axisLabel}\n                            <AxisLeft\n                                key={\"axisBottom\"}\n                                left={offset}\n                                scale={horizonYScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={labels}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                })}\n                                tickComponent={({ x, y, formattedValue, ...tickProps }) => {\n                                    const handleClick = () => {\n                                        if (!props.onViolinClicked) return;\n\n                                        const distribution = props.distributions.find(d => d.label === formattedValue)!;\n                                        props.onViolinClicked(distribution);\n                                    };\n\n                                    if (labelOrientation !== \"horizontal\") {\n                                        return (\n                                            <text\n                                                {...tickProps}\n                                                onClick={handleClick}\n                                                cursor={props.onViolinClicked ? \"pointer\" : \"text\"}\n                                                x={x}\n                                                y={y}\n                                                dx={labelOrientation === \"vertical\" ? 0 : \"-0.25em\"}\n                                                dy={labelOrientation === \"vertical\" ? \"0.50em\" : labelOrientation === \"leftDiagonal\" ? \"-0.25em\" : \"0.25em\"}\n                                                transform={\n                                                    labelOrientation === \"vertical\" ? `rotate(90, ${x}, ${y})` :\n                                                        labelOrientation === \"leftDiagonal\" ? `rotate(-45, ${x}, ${y})` :\n                                                            `rotate(45, ${x}, ${y})`\n                                                }\n                                                textAnchor={labelOrientation === \"vertical\" ? \"middle\" : \"end\"}\n                                                dominantBaseline=\"middle\"\n                                            >\n                                                {formattedValue}\n                                            </text>\n                                        );\n                                    }\n                                    return (\n                                        <text {...tickProps} x={x} y={y} textAnchor=\"end\" dominantBaseline=\"middle\" dx=\"-0.50em\" onClick={handleClick} cursor={props.onViolinClicked ? \"pointer\" : \"text\"}>\n                                            {formattedValue}\n                                        </text>\n                                    );\n                                }}\n                            />\n                        </>\n                    ) : (\n                        <>\n                            <AxisLeft\n                                key={\"axisLeft\"}\n                                left={offset}\n                                scale={vertYScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: 'end',\n                                    dy: '0.33em',\n                                })}\n                            />\n                            {axisLabel}\n                            <AxisBottom\n                                key={\"axisBottom\"}\n                                left={offset}\n                                top={vertYMax}\n                                scale={vertXScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={labels}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: labelOrientation === \"vertical\" || labelOrientation === \"leftDiagonal\" ? \"end\" : labelOrientation === \"rightDiagonal\" ? \"start\" : \"middle\",\n                                })}\n                                tickComponent={({ x, y, formattedValue, ...tickProps }) => {\n                                    const handleClick = () => {\n                                        if (!props.onViolinClicked) return;\n\n                                        const distribution = props.distributions.find(d => d.label === formattedValue)!;\n                                        props.onViolinClicked(distribution);\n                                    };\n\n                                    if (labelOrientation !== \"horizontal\") {\n                                        return (\n                                            <text\n                                                onClick={handleClick}\n                                                cursor={props.onViolinClicked ? \"pointer\" : \"text\"}\n                                                {...tickProps}\n                                                x={x}\n                                                y={y}\n                                                transform={\n                                                    labelOrientation === \"vertical\" ? `rotate(-90, ${x}, ${y})` :\n                                                        labelOrientation === \"leftDiagonal\" ? `rotate(-45, ${x}, ${y})` :\n                                                            `rotate(45, ${x}, ${y})`\n                                                }\n                                                textAnchor={labelOrientation === \"vertical\" || labelOrientation === \"leftDiagonal\" ? \"end\" : labelOrientation === \"rightDiagonal\" ? \"start\" : \"middle\"}\n                                            >\n                                                {formattedValue}\n                                            </text>\n                                        );\n                                    }\n                                    return (\n                                        <text {...tickProps} x={x} y={y} textAnchor=\"middle\" onClick={handleClick} cursor={props.onViolinClicked ? \"pointer\" : \"text\"}>\n                                            {formattedValue}\n                                        </text>\n                                    );\n                                }}\n                            />\n                        </>\n                    )\n                    }\n                    {props.show95thPercentileLine && (\n                        props.horizontal ? (\n                            horizonXScale.domain()[1] > 1.645 && (\n                                <line\n                                    x1={horizonXScale(1.645)}\n                                    x2={horizonXScale(1.645)}\n                                    y1={0}\n                                    y2={horizonYMax}\n                                    stroke=\"black\"\n                                    strokeDasharray=\"5 7\"\n                                />\n                            )\n                        ) : (\n                            vertYScale.domain()[1] > 1.645 && (\n                                <line\n                                    y1={vertYScale(1.645)}\n                                    y2={vertYScale(1.645)}\n                                    x1={offset}\n                                    x2={parentWidth}\n                                    stroke=\"black\"\n                                    strokeDasharray=\"5 7\"\n                                />\n                            )\n                        )\n                    )}\n                    {/* cutoff dotted line */}\n                    {props.cutoffValue && cutoffLine !== \"none\" && (\n                        props.horizontal ? (\n                            <line\n                                x1={horizonXScale(props.cutoffValue)}\n                                x2={horizonXScale(props.cutoffValue)}\n                                y1={0}\n                                y2={horizonYMax}\n                                stroke=\"black\"\n                                strokeDasharray={cutoffLine === \"dashed\" ? \"5 7\" : \"\"}\n                            />\n                        ) : (\n                            <line\n                                y1={vertYScale(props.cutoffValue)}\n                                y2={vertYScale(props.cutoffValue)}\n                                x1={offset}\n                                x2={parentWidth}\n                                stroke=\"black\"\n                                strokeDasharray={cutoffLine === \"dashed\" ? \"5 7\" : \"\"}\n                            />\n                        )\n                    )}\n                </Group>\n            </svg>\n        </ResponsiveContainer>\n    );\n}\n\nexport default ViolinPlot"],"names":["ViolinPlot","props","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","svgRef","useRef","labels","useMemo","distributions","map","x","i","label","labelOrientation","fontSize","cutoffLine","maxLabelHeight","horizontal","Math","max","getTextHeight","baseOffset","offset","vertXMax","vertYMax","horizonXMax","horizonYMax","allValues","flatMap","data","d","value","minYValue","min","maxYValue","cutoffValue","vertXScale","scaleBand","range","round","domain","padding","vertYScale","scaleLinear","horizonXScale","horizonYScale","valueScale","labelScale","axisLabel","jsx","Text","tickValues","baseTicks","ticks","Array","from","Set","sort","a","b","useImperativeHandle","ref","downloadSVG","current","downloadAsSVG","downloadFileName","downloadPNG","downloadSVGAsPNG","ResponsiveContainer","jsxs","Group","Wrapper","animation","motion","g","animProps","getAnimationProps","animationBuffer","SingleViolin","violinProps","crossProps","disableCrossPlot","disableViolinPlot","pointTooltipBody","onViolinClicked","onPointClicked","Fragment","cutoffOpacity","AxisBottom","fill","textAnchor","dy","AxisLeft","y","formattedValue","tickProps","handleClick","distribution","find","show95thPercentileLine"],"mappings":"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"}
+{"version":3,"file":"visualization.es10.js","sources":["../src/components/ViolinPlot/violinPlot.tsx"],"sourcesContent":["import { Distribution, ViolinPlotProps } from \"./types\";\nimport { Group } from \"@visx/group\";\nimport { scaleBand, scaleLinear } from \"@visx/scale\";\nimport { AxisLeft, AxisBottom } from '@visx/axis';\nimport { useImperativeHandle, useMemo, useRef } from \"react\";\nimport { Text } from '@visx/text';\nimport { getTextHeight } from \"./helpers\";\nimport SingleViolin from \"./singleViolin\";\nimport { downloadAsSVG, downloadSVGAsPNG, getAnimationProps } from \"../../utility\";\nimport { ResponsiveContainer, useResponsiveParentSize } from \"../../responsive\";\nimport { motion } from \"framer-motion\";\n\nconst ViolinPlot = <T extends object>(\n    props: ViolinPlotProps<T>,\n) => {\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    const svgRef = useRef<SVGSVGElement | null>(null);\n\n    //Array of labels fo xDomain\n    const labels = useMemo(() => {\n        return props.distributions.map((x, i) => x.label ?? `Group ${i + 1}`);\n    }, [props.distributions]);\n\n    const labelOrientation = props.labelOrientation ?? \"horizontal\"\n    const fontSize = 15;\n\n    const cutoffLine = props.cutoffLine ?? \"none\"\n\n    //If the label orientation is anything but horizontal, find the max height of the elements, otherwise set to fontsize\n    const maxLabelHeight = props.horizontal ? ((labelOrientation === \"vertical\" ? fontSize : Math.max(\n        ...labels.map(label => getTextHeight(label, fontSize, \"Arial\"))\n    ) / (labelOrientation !== \"horizontal\" ? 1.25 : 1))) :\n        (labelOrientation === \"horizontal\" ? fontSize : Math.max(\n            ...labels.map(label => getTextHeight(label, fontSize, \"Arial\"))\n        ) / (labelOrientation !== \"vertical\" ? 1.25 : 1));\n\n    const baseOffset = 40;\n    const offset = props.horizontal ? labelOrientation !== \"vertical\" ? maxLabelHeight / 1.75 : maxLabelHeight : baseOffset;\n\n    // bounds\n    const vertXMax = parentWidth - 2 * offset;\n    const vertYMax = parentHeight - maxLabelHeight - 2 * offset;\n    const horizonXMax = parentWidth - 2.5 * offset;\n    const horizonYMax = parentHeight - 130;\n\n    //all values from data spread out based on count\n    const allValues: number[] = props.distributions.flatMap(x =>\n        x.data.flatMap(d => d.value)\n    );\n\n    const minYValue = Math.min(...allValues);\n    const maxYValue = Math.max(...allValues);\n\n    const cutoffValue = props.cutoffValue ?? minYValue\n\n    // scales\n    const vertXScale = useMemo(() => {\n        return scaleBand<string>({\n            range: [0, vertXMax],\n            round: true,\n            domain: labels,\n            padding: 0.4,\n        });\n    }, [vertXMax, labels]);\n\n    const vertYScale = useMemo(() => {\n        const padding = .07 * (maxYValue - (Math.max(minYValue, cutoffValue)))\n        return scaleLinear<number>({\n            range: [vertYMax, 0],\n            round: true,\n            // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis\n            domain: [(Math.max(minYValue, cutoffValue)) - padding, maxYValue + padding],\n        });\n    }, [vertYMax, minYValue, maxYValue, cutoffValue]);\n\n    const horizonXScale = useMemo(() => {\n        const padding = .07 * (maxYValue - (Math.max(minYValue, cutoffValue)))\n        return scaleLinear<number>({\n            range: [0, horizonXMax],\n            round: true,\n            // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis\n            domain: [(Math.max(minYValue, cutoffValue)) - padding, maxYValue + padding],\n        });\n    }, [horizonXMax, minYValue, maxYValue, cutoffValue]);\n\n    const horizonYScale = useMemo(() => {\n        return scaleBand<string>({\n            range: [0, horizonYMax],\n            round: true,\n            domain: labels,\n            padding: 0.4,\n        });\n    }, [horizonYMax, labels]);\n\n\n    const valueScale = props.horizontal ? horizonXScale : vertYScale;\n    const labelScale = props.horizontal ? horizonYScale : vertXScale;\n\n    const axisLabel = props.horizontal ? (\n        <Text\n            textAnchor=\"middle\"\n            verticalAnchor=\"end\"\n            fontSize={fontSize}\n            y={horizonYMax + baseOffset + 20}\n            x={horizonXMax / 2 + offset}\n        >\n            {props.axisLabel}\n        </Text>\n    ) : (\n        <Text\n            textAnchor=\"middle\"\n            verticalAnchor=\"end\"\n            angle={-90}\n            fontSize={fontSize}\n            y={vertYMax / 2}\n            x={-10}\n        >\n            {props.axisLabel}\n        </Text>\n    );\n\n    const tickValues = useMemo(() => {\n        const baseTicks = vertYScale.ticks();\n        if (props.cutoffValue) return Array.from(new Set([...baseTicks, cutoffValue])).sort((a, b) => a - b);\n        return baseTicks;\n    }, [vertYScale, cutoffValue]);\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (svgRef.current) downloadAsSVG(svgRef.current, props.downloadFileName ?? \"violin_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (svgRef.current) downloadSVGAsPNG(svgRef.current, props.downloadFileName ?? \"violin_plot.png\");\n        },\n    }));\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            <svg width={parentWidth ?? 0} height={parentHeight?? 0} ref={svgRef}>\n                <Group top={baseOffset} left={offset}>\n                    {props.distributions.map((x: Distribution<T>, i) => {\n                        const Wrapper = props.animation ? motion.g : \"g\";\n                        const animProps = getAnimationProps(props.animation, i, props.animationBuffer ?? .03);\n                        \n                        return (\n                            <Wrapper key={`node-${i}`} {...animProps}>\n                                <SingleViolin\n                                    key={i}\n                                    distribution={x}\n                                    distIndex={i}\n                                    violinProps={props.violinProps}\n                                    crossProps={props.crossProps}\n                                    valueScale={valueScale}\n                                    labelScale={labelScale}\n                                    offset={offset}\n                                    labels={labels}\n                                    disableCrossPlot={props.disableCrossPlot ?? false}\n                                    disableViolinPlot={props.disableViolinPlot ?? false}\n                                    horizontal={props.horizontal ?? false}\n                                    pointTooltipBody={props.pointTooltipBody}\n                                    onViolinClicked={props.onViolinClicked}\n                                    onPointClicked={props.onPointClicked}\n                                />\n                            </Wrapper>\n                        )\n                    })}\n                    {/* opacity box to cutoff the rest of the plot */}\n                    {props.cutoffValue && (\n                        props.horizontal ? (\n                            <>\n                                <rect\n                                    x={0}\n                                    y={0}\n                                    width={horizonXScale(cutoffValue)}\n                                    height={horizonYMax}\n                                    fill=\"white\"\n                                    opacity={props.cutoffOpacity ?? .8}\n                                />\n                                <rect\n                                    x={-maxLabelHeight}\n                                    y={0}\n                                    width={maxLabelHeight + offset}\n                                    height={horizonYMax}\n                                    fill=\"white\"\n                                />\n                            </>\n                        ) : (\n                            <>\n                                <rect\n                                    x={offset}\n                                    y={vertYScale(cutoffValue)}\n                                    width={parentWidth - offset}\n                                    height={vertYScale(cutoffValue)}\n                                    fill=\"white\"\n                                    opacity={props.cutoffOpacity ?? .8}\n                                />\n                                <rect\n                                    x={offset}\n                                    y={vertYMax}\n                                    width={parentWidth - offset}\n                                    height={maxLabelHeight + 2 * offset}\n                                    fill=\"white\"\n                                />\n                            </>\n                        )\n                    )}\n                    {props.horizontal ? (\n                        <>\n                            <AxisBottom\n                                key={\"axisLeft\"}\n                                scale={horizonXScale}\n                                top={horizonYMax}\n                                left={offset}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={tickValues}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: 'end',\n                                    dy: '0.33em',\n                                })}\n                            />\n                            {axisLabel}\n                            <AxisLeft\n                                key={\"axisBottom\"}\n                                left={offset}\n                                scale={horizonYScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={labels}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                })}\n                                tickComponent={({ x, y, formattedValue, ...tickProps }) => {\n                                    const handleClick = () => {\n                                        if (!props.onViolinClicked) return;\n\n                                        const distribution = props.distributions.find(d => d.label === formattedValue)!;\n                                        props.onViolinClicked(distribution);\n                                    };\n\n                                    if (labelOrientation !== \"horizontal\") {\n                                        return (\n                                            <text\n                                                {...tickProps}\n                                                onClick={handleClick}\n                                                cursor={props.onViolinClicked ? \"pointer\" : \"text\"}\n                                                x={x}\n                                                y={y}\n                                                dx={labelOrientation === \"vertical\" ? 0 : \"-0.25em\"}\n                                                dy={labelOrientation === \"vertical\" ? \"0.50em\" : labelOrientation === \"leftDiagonal\" ? \"-0.25em\" : \"0.25em\"}\n                                                transform={\n                                                    labelOrientation === \"vertical\" ? `rotate(90, ${x}, ${y})` :\n                                                        labelOrientation === \"leftDiagonal\" ? `rotate(-45, ${x}, ${y})` :\n                                                            `rotate(45, ${x}, ${y})`\n                                                }\n                                                textAnchor={labelOrientation === \"vertical\" ? \"middle\" : \"end\"}\n                                                dominantBaseline=\"middle\"\n                                            >\n                                                {formattedValue}\n                                            </text>\n                                        );\n                                    }\n                                    return (\n                                        <text {...tickProps} x={x} y={y} textAnchor=\"end\" dominantBaseline=\"middle\" dx=\"-0.50em\" onClick={handleClick} cursor={props.onViolinClicked ? \"pointer\" : \"text\"}>\n                                            {formattedValue}\n                                        </text>\n                                    );\n                                }}\n                            />\n                        </>\n                    ) : (\n                        <>\n                            <AxisLeft\n                                key={\"axisLeft\"}\n                                left={offset}\n                                scale={vertYScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: 'end',\n                                    dy: '0.33em',\n                                })}\n                            />\n                            {axisLabel}\n                            <AxisBottom\n                                key={\"axisBottom\"}\n                                left={offset}\n                                top={vertYMax}\n                                scale={vertXScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={labels}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: labelOrientation === \"vertical\" || labelOrientation === \"leftDiagonal\" ? \"end\" : labelOrientation === \"rightDiagonal\" ? \"start\" : \"middle\",\n                                })}\n                                tickComponent={({ x, y, formattedValue, ...tickProps }) => {\n                                    const handleClick = () => {\n                                        if (!props.onViolinClicked) return;\n\n                                        const distribution = props.distributions.find(d => d.label === formattedValue)!;\n                                        props.onViolinClicked(distribution);\n                                    };\n\n                                    if (labelOrientation !== \"horizontal\") {\n                                        return (\n                                            <text\n                                                onClick={handleClick}\n                                                cursor={props.onViolinClicked ? \"pointer\" : \"text\"}\n                                                {...tickProps}\n                                                x={x}\n                                                y={y}\n                                                transform={\n                                                    labelOrientation === \"vertical\" ? `rotate(-90, ${x}, ${y})` :\n                                                        labelOrientation === \"leftDiagonal\" ? `rotate(-45, ${x}, ${y})` :\n                                                            `rotate(45, ${x}, ${y})`\n                                                }\n                                                textAnchor={labelOrientation === \"vertical\" || labelOrientation === \"leftDiagonal\" ? \"end\" : labelOrientation === \"rightDiagonal\" ? \"start\" : \"middle\"}\n                                            >\n                                                {formattedValue}\n                                            </text>\n                                        );\n                                    }\n                                    return (\n                                        <text {...tickProps} x={x} y={y} textAnchor=\"middle\" onClick={handleClick} cursor={props.onViolinClicked ? \"pointer\" : \"text\"}>\n                                            {formattedValue}\n                                        </text>\n                                    );\n                                }}\n                            />\n                        </>\n                    )\n                    }\n                    {props.show95thPercentileLine && (\n                        props.horizontal ? (\n                            horizonXScale.domain()[1] > 1.645 && (\n                                <line\n                                    x1={horizonXScale(1.645)}\n                                    x2={horizonXScale(1.645)}\n                                    y1={0}\n                                    y2={horizonYMax}\n                                    stroke=\"black\"\n                                    strokeDasharray=\"5 7\"\n                                />\n                            )\n                        ) : (\n                            vertYScale.domain()[1] > 1.645 && (\n                                <line\n                                    y1={vertYScale(1.645)}\n                                    y2={vertYScale(1.645)}\n                                    x1={offset}\n                                    x2={parentWidth}\n                                    stroke=\"black\"\n                                    strokeDasharray=\"5 7\"\n                                />\n                            )\n                        )\n                    )}\n                    {/* cutoff dotted line */}\n                    {props.cutoffValue && cutoffLine !== \"none\" && (\n                        props.horizontal ? (\n                            <line\n                                x1={horizonXScale(props.cutoffValue)}\n                                x2={horizonXScale(props.cutoffValue)}\n                                y1={0}\n                                y2={horizonYMax}\n                                stroke=\"black\"\n                                strokeDasharray={cutoffLine === \"dashed\" ? \"5 7\" : \"\"}\n                            />\n                        ) : (\n                            <line\n                                y1={vertYScale(props.cutoffValue)}\n                                y2={vertYScale(props.cutoffValue)}\n                                x1={offset}\n                                x2={parentWidth}\n                                stroke=\"black\"\n                                strokeDasharray={cutoffLine === \"dashed\" ? \"5 7\" : \"\"}\n                            />\n                        )\n                    )}\n                </Group>\n            </svg>\n        </ResponsiveContainer>\n    );\n}\n\nexport default ViolinPlot"],"names":["ViolinPlot","props","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","svgRef","useRef","labels","useMemo","distributions","map","x","i","label","labelOrientation","fontSize","cutoffLine","maxLabelHeight","horizontal","Math","max","getTextHeight","baseOffset","offset","vertXMax","vertYMax","horizonXMax","horizonYMax","allValues","flatMap","data","d","value","minYValue","min","maxYValue","cutoffValue","vertXScale","scaleBand","range","round","domain","padding","vertYScale","scaleLinear","horizonXScale","horizonYScale","valueScale","labelScale","axisLabel","jsx","Text","tickValues","baseTicks","ticks","Array","from","Set","sort","a","b","useImperativeHandle","ref","downloadSVG","current","downloadAsSVG","downloadFileName","downloadPNG","downloadSVGAsPNG","ResponsiveContainer","jsxs","Group","Wrapper","animation","motion","g","animProps","getAnimationProps","animationBuffer","SingleViolin","violinProps","crossProps","disableCrossPlot","disableViolinPlot","pointTooltipBody","onViolinClicked","onPointClicked","Fragment","cutoffOpacity","AxisBottom","fill","textAnchor","dy","AxisLeft","y","formattedValue","tickProps","handleClick","distribution","find","show95thPercentileLine"],"mappings":"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"}

package/dist/visualization.es100.js

@@ -1,18 +1,93 @@
-import c from "./visualization.es145.js";
-import { j as i } from "./visualization.es18.js";
-function l(r) {
+import m from "./visualization.es99.js";
+import M from "./visualization.es184.js";
+import R from "./visualization.es104.js";
+import q from "./visualization.es185.js";
+import { jsxs as w, Fragment as B, jsx as c } from "react/jsx-runtime";
+import E from "./visualization.es177.js";
+import G from "./visualization.es23.js";
+const f = {
+  textAnchor: "middle",
+  fontFamily: "Arial",
+  fontSize: 10,
+  fill: "#222"
+};
+function X(k) {
   let {
-    className: e,
-    innerRef: s,
-    ...t
-  } = r;
-  return /* @__PURE__ */ i.jsx("circle", {
-    ref: s,
-    className: c("visx-circle", e),
-    ...t
+    axisFromPoint: p,
+    axisLineClassName: x,
+    axisToPoint: b,
+    hideAxisLine: d,
+    hideTicks: L,
+    horizontal: h,
+    label: i = "",
+    labelClassName: P,
+    labelOffset: u = 14,
+    labelProps: T,
+    orientation: a = R.bottom,
+    scale: r,
+    stroke: y = "#222",
+    strokeDasharray: z,
+    strokeWidth: s = 1,
+    tickClassName: S,
+    tickComponent: g,
+    tickLineProps: C,
+    tickLabelProps: e,
+    tickLength: F = 8,
+    tickStroke: N = "#222",
+    tickTransform: A,
+    ticks: o,
+    ticksComponent: j = q
+  } = k;
+  const n = {
+    ...f,
+    ...T
+  }, v = {
+    ...f,
+    ...typeof e == "object" ? e : null
+  }, l = o.map((t) => {
+    let {
+      value: O,
+      index: W
+    } = t;
+    return typeof e == "function" ? e(O, W, o) : v;
+  }), D = Math.max(10, ...l.map((t) => typeof t.fontSize == "number" ? t.fontSize : 0));
+  return /* @__PURE__ */ w(B, {
+    children: [j({
+      hideTicks: L,
+      horizontal: h,
+      orientation: a,
+      scale: r,
+      tickClassName: S,
+      tickComponent: g,
+      tickLabelProps: l,
+      tickStroke: N,
+      tickTransform: A,
+      ticks: o,
+      strokeWidth: s,
+      tickLineProps: C
+    }), !d && /* @__PURE__ */ c(E, {
+      className: m("visx-axis-line", x),
+      from: p,
+      to: b,
+      stroke: y,
+      strokeWidth: s,
+      strokeDasharray: z
+    }), i && /* @__PURE__ */ c(G, {
+      className: m("visx-axis-label", P),
+      ...M({
+        labelOffset: u,
+        labelProps: n,
+        orientation: a,
+        range: r.range(),
+        tickLabelFontSize: D,
+        tickLength: F
+      }),
+      ...n,
+      children: i
+    })]
   });
 }
 export {
-  l as default
+  X as default
 };
 //# sourceMappingURL=visualization.es100.js.map

package/dist/visualization.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es100.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/Circle.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Circle(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"circle\", {\n    ref: innerRef,\n    className: cx('visx-circle', className),\n    ...restProps\n  });\n}"],"names":["Circle","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAOC,GAAM;AACnC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAAA,IAAK,UAAU;AAAA,IACjC,KAAKF;AAAA,IACL,WAAWG,EAAG,eAAeJ,CAAS;AAAA,IACtC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es100.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisRenderer.js"],"sourcesContent":["import cx from 'classnames';\nimport { Line } from '@visx/shape';\nimport { Text } from '@visx/text';\nimport getLabelTransform from \"../utils/getLabelTransform.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport Ticks from \"./Ticks.js\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst defaultTextProps = {\n  textAnchor: 'middle',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  fill: '#222'\n};\nexport default function AxisRenderer(_ref) {\n  let {\n    axisFromPoint,\n    axisLineClassName,\n    axisToPoint,\n    hideAxisLine,\n    hideTicks,\n    horizontal,\n    label = '',\n    labelClassName,\n    labelOffset = 14,\n    labelProps,\n    orientation = Orientation.bottom,\n    scale,\n    stroke = '#222',\n    strokeDasharray,\n    strokeWidth = 1,\n    tickClassName,\n    tickComponent,\n    tickLineProps,\n    tickLabelProps,\n    tickLength = 8,\n    tickStroke = '#222',\n    tickTransform,\n    ticks,\n    ticksComponent = Ticks\n  } = _ref;\n  const combinedLabelProps = {\n    ...defaultTextProps,\n    ...labelProps\n  };\n  const tickLabelPropsDefault = {\n    ...defaultTextProps,\n    ...(typeof tickLabelProps === 'object' ? tickLabelProps : null)\n  };\n  // compute the max tick label size to compute label offset\n  const allTickLabelProps = ticks.map(_ref2 => {\n    let {\n      value,\n      index\n    } = _ref2;\n    return typeof tickLabelProps === 'function' ? tickLabelProps(value, index, ticks) : tickLabelPropsDefault;\n  });\n  const maxTickLabelFontSize = Math.max(10, ...allTickLabelProps.map(props => typeof props.fontSize === 'number' ? props.fontSize : 0));\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [ticksComponent({\n      hideTicks,\n      horizontal,\n      orientation,\n      scale,\n      tickClassName,\n      tickComponent,\n      tickLabelProps: allTickLabelProps,\n      tickStroke,\n      tickTransform,\n      ticks,\n      strokeWidth,\n      tickLineProps\n    }), !hideAxisLine && /*#__PURE__*/_jsx(Line, {\n      className: cx('visx-axis-line', axisLineClassName),\n      from: axisFromPoint,\n      to: axisToPoint,\n      stroke: stroke,\n      strokeWidth: strokeWidth,\n      strokeDasharray: strokeDasharray\n    }), label && /*#__PURE__*/_jsx(Text, {\n      className: cx('visx-axis-label', labelClassName),\n      ...getLabelTransform({\n        labelOffset,\n        labelProps: combinedLabelProps,\n        orientation,\n        range: scale.range(),\n        tickLabelFontSize: maxTickLabelFontSize,\n        tickLength\n      }),\n      ...combinedLabelProps,\n      children: label\n    })]\n  });\n}"],"names":["defaultTextProps","AxisRenderer","_ref","axisFromPoint","axisLineClassName","axisToPoint","hideAxisLine","hideTicks","horizontal","label","labelClassName","labelOffset","labelProps","orientation","Orientation","scale","stroke","strokeDasharray","strokeWidth","tickClassName","tickComponent","tickLineProps","tickLabelProps","tickLength","tickStroke","tickTransform","ticks","ticksComponent","Ticks","combinedLabelProps","tickLabelPropsDefault","allTickLabelProps","_ref2","value","index","maxTickLabelFontSize","props","_jsxs","_Fragment","_jsx","Line","cx","Text","getLabelTransform"],"mappings":";;;;;;;AAOA,MAAMA,IAAmB;AAAA,EACvB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,MAAM;AACR;AACe,SAASC,EAAaC,GAAM;AACzC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,gBAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC;AAAA,IACA,aAAAC,IAAcC,EAAY;AAAA,IAC1B,OAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,iBAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC,IAAa;AAAA,IACb,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC,IAAiBC;AAAA,EACrB,IAAM1B;AACJ,QAAM2B,IAAqB;AAAA,IACzB,GAAG7B;AAAA,IACH,GAAGY;AAAA,EACP,GACQkB,IAAwB;AAAA,IAC5B,GAAG9B;AAAA,IACH,GAAI,OAAOsB,KAAmB,WAAWA,IAAiB;AAAA,EAC9D,GAEQS,IAAoBL,EAAM,IAAI,CAAAM,MAAS;AAC3C,QAAI;AAAA,MACF,OAAAC;AAAA,MACA,OAAAC;AAAA,IACN,IAAQF;AACJ,WAAO,OAAOV,KAAmB,aAAaA,EAAeW,GAAOC,GAAOR,CAAK,IAAII;AAAA,EACtF,CAAC,GACKK,IAAuB,KAAK,IAAI,IAAI,GAAGJ,EAAkB,IAAI,CAAAK,MAAS,OAAOA,EAAM,YAAa,WAAWA,EAAM,WAAW,CAAC,CAAC;AACpI,SAAoBC,gBAAAA,EAAMC,GAAW;AAAA,IACnC,UAAU,CAACX,EAAe;AAAA,MACxB,WAAApB;AAAA,MACA,YAAAC;AAAA,MACA,aAAAK;AAAA,MACA,OAAAE;AAAA,MACA,eAAAI;AAAA,MACA,eAAAC;AAAA,MACA,gBAAgBW;AAAA,MAChB,YAAAP;AAAA,MACA,eAAAC;AAAA,MACA,OAAAC;AAAA,MACA,aAAAR;AAAA,MACA,eAAAG;AAAA,IACN,CAAK,GAAG,CAACf,KAA6BiC,gBAAAA,EAAKC,GAAM;AAAA,MAC3C,WAAWC,EAAG,kBAAkBrC,CAAiB;AAAA,MACjD,MAAMD;AAAA,MACN,IAAIE;AAAA,MACJ,QAAQW;AAAA,MACR,aAAaE;AAAA,MACb,iBAAiBD;AAAA,IACvB,CAAK,GAAGR,KAAsB8B,gBAAAA,EAAKG,GAAM;AAAA,MACnC,WAAWD,EAAG,mBAAmB/B,CAAc;AAAA,MAC/C,GAAGiC,EAAkB;AAAA,QACnB,aAAAhC;AAAA,QACA,YAAYkB;AAAA,QACZ,aAAAhB;AAAA,QACA,OAAOE,EAAM,MAAK;AAAA,QAClB,mBAAmBoB;AAAA,QACnB,YAAAZ;AAAA,MACR,CAAO;AAAA,MACD,GAAGM;AAAA,MACH,UAAUpB;AAAA,IAChB,CAAK,CAAC;AAAA,EACN,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es101.js

@@ -1,18 +1,16 @@
-import a from "./visualization.es145.js";
-import { j as o } from "./visualization.es18.js";
-function i(r) {
-  let {
-    className: e,
-    innerRef: s,
-    ...t
-  } = r;
-  return /* @__PURE__ */ o.jsx("rect", {
-    ref: s,
-    className: a("visx-bar", e),
-    ...t
-  });
+function a(r) {
+  let u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "center";
+  const t = r;
+  if (u !== "start" && "bandwidth" in t) {
+    let n = t.bandwidth();
+    return u === "center" && (n /= 2), t.round() && (n = Math.round(n)), (i) => {
+      const e = t(i);
+      return typeof e == "number" ? e + n : e;
+    };
+  }
+  return r;
 }
 export {
-  i as default
+  a as default
 };
 //# sourceMappingURL=visualization.es101.js.map

package/dist/visualization.es101.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es101.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/Bar.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Bar(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"rect\", {\n    ref: innerRef,\n    className: cx('visx-bar', className),\n    ...restProps\n  });\n}"],"names":["Bar","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAIC,GAAM;AAChC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,IAC/B,KAAKF;AAAA,IACL,WAAWG,EAAG,YAAYJ,CAAS;AAAA,IACnC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es101.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/utils/getTickPosition.js"],"sourcesContent":["/**\n * Create a function that returns a tick position for the given tick value\n */\nexport default function getTickPosition(scale) {\n  let align = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'center';\n  // Broaden type before using 'xxx' in s as typeguard.\n  const s = scale;\n\n  // For point or band scales,\n  // have to add offset to make the tick at center or end.\n  if (align !== 'start' && 'bandwidth' in s) {\n    let offset = s.bandwidth();\n    if (align === 'center') offset /= 2;\n    if (s.round()) offset = Math.round(offset);\n    return d => {\n      const scaledValue = s(d);\n      return typeof scaledValue === 'number' ? scaledValue + offset : scaledValue;\n    };\n  }\n  return scale;\n}"],"names":["getTickPosition","scale","align","s","offset","d","scaledValue"],"mappings":"AAGe,SAASA,EAAgBC,GAAO;AAC7C,MAAIC,IAAQ,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI;AAEhF,QAAMC,IAAIF;AAIV,MAAIC,MAAU,WAAW,eAAeC,GAAG;AACzC,QAAIC,IAASD,EAAE,UAAS;AACxB,WAAID,MAAU,aAAUE,KAAU,IAC9BD,EAAE,MAAK,MAAIC,IAAS,KAAK,MAAMA,CAAM,IAClC,CAAAC,MAAK;AACV,YAAMC,IAAcH,EAAEE,CAAC;AACvB,aAAO,OAAOC,KAAgB,WAAWA,IAAcF,IAASE;AAAA,IAClE;AAAA,EACF;AACA,SAAOL;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es102.js

@@ -1,12 +1,9 @@
-import * as o from "react";
-import r from "./visualization.es329.js";
-import t from "./visualization.es321.js";
-import m from "./visualization.es330.js";
-function i() {
-  const e = m(r);
-  return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[t] || e;
+import o from "./visualization.es144.js";
+function n(r) {
+  const t = r;
+  return "tickFormat" in t ? t.tickFormat() : o;
 }
 export {
-  i as default
+  n as default
 };
 //# sourceMappingURL=visualization.es102.js.map

package/dist/visualization.es102.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es102.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/styles/useTheme.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTheme as useThemeSystem } from '@mui/system';\nimport defaultTheme from \"./defaultTheme.js\";\nimport THEME_ID from \"./identifier.js\";\nexport default function useTheme() {\n  const theme = useThemeSystem(defaultTheme);\n  if (process.env.NODE_ENV !== 'production') {\n    // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useDebugValue(theme);\n  }\n  return theme[THEME_ID] || theme;\n}"],"names":["useTheme","theme","useThemeSystem","defaultTheme","React","THEME_ID"],"mappings":";;;;AAMe,SAASA,IAAW;AACjC,QAAMC,IAAQC,EAAeC,CAAY;AACzC,SAAI,QAAQ,IAAI,aAAa,gBAG3BC,EAAM,cAAcH,CAAK,GAEpBA,EAAMI,CAAQ,KAAKJ;AAC5B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es102.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/utils/getTickFormatter.js"],"sourcesContent":["import { toString } from '@visx/scale';\n/**\n * Returns a tick position for the given tick value\n */\nexport default function getTickFormatter(scale) {\n  // Broaden type before using 'xxx' in s as typeguard.\n  const s = scale;\n\n  // For point or band scales,\n  // have to add offset to make the tick centered.\n  if ('tickFormat' in s) {\n    return s.tickFormat();\n  }\n  return toString;\n}"],"names":["getTickFormatter","scale","s","toString"],"mappings":";AAIe,SAASA,EAAiBC,GAAO;AAE9C,QAAMC,IAAID;AAIV,SAAI,gBAAgBC,IACXA,EAAE,WAAU,IAEdC;AACT;","x_google_ignoreList":[0]}