@weng-lab/visualization 2.6.0-beta.1 → 2.7.0-beta.0

package/dist/visualization.es137.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es137.js","sources":["../../../node_modules/.pnpm/@visx+responsive@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/responsive/esm/utils/debounce.js"],"sourcesContent":["/**\n * Creates a debounced function that delays invoking `func` until after `wait` milliseconds\n * have elapsed since the last invocation.\n *\n * When `leading` is true, the function fires immediately on the first call (leading edge),\n * and also fires on the trailing edge if there were subsequent calls during the wait period\n * (matching lodash behavior with leading:true, trailing:true).\n */\nexport function debounce(func, wait) {\n  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  const {\n    leading = false\n  } = options;\n  let timeoutId;\n  // Track args for the trailing call; null means no subsequent calls after leading\n  let pendingArgs = null;\n  let pendingContext;\n  function debounced() {\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    if (leading && timeoutId === undefined) {\n      // Fire immediately on the leading edge, no pending trailing needed yet\n      func.apply(this, args);\n      pendingArgs = null;\n    } else {\n      // Record these args for the trailing call\n      pendingArgs = args;\n      pendingContext = this;\n    }\n    clearTimeout(timeoutId);\n    timeoutId = setTimeout(() => {\n      timeoutId = undefined;\n      if (pendingArgs !== null) {\n        func.apply(pendingContext, pendingArgs);\n        pendingArgs = null;\n        pendingContext = undefined;\n      }\n    }, wait);\n  }\n  debounced.cancel = function cancel() {\n    clearTimeout(timeoutId);\n    timeoutId = undefined;\n    pendingArgs = null;\n    pendingContext = undefined;\n  };\n  return debounced;\n}"],"names":["debounce","func","wait","options","leading","timeoutId","pendingArgs","pendingContext","debounced","_len","args","_key"],"mappings":"AAQO,SAASA,EAASC,GAAMC,GAAM;AACnC,MAAIC,IAAU,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AAClF,QAAM;AAAA,IACJ,SAAAC,IAAU;AAAA,EACd,IAAMD;AACJ,MAAIE,GAEAC,IAAc,MACdC;AACJ,WAASC,IAAY;AACnB,aAASC,IAAO,UAAU,QAAQC,IAAO,IAAI,MAAMD,CAAI,GAAGE,IAAO,GAAGA,IAAOF,GAAME;AAC/E,MAAAD,EAAKC,CAAI,IAAI,UAAUA,CAAI;AAE7B,IAAIP,KAAWC,MAAc,UAE3BJ,EAAK,MAAM,MAAMS,CAAI,GACrBJ,IAAc,SAGdA,IAAcI,GACdH,IAAiB,OAEnB,aAAaF,CAAS,GACtBA,IAAY,WAAW,MAAM;AAC3B,MAAAA,IAAY,QACRC,MAAgB,SAClBL,EAAK,MAAMM,GAAgBD,CAAW,GACtCA,IAAc,MACdC,IAAiB;AAAA,IAErB,GAAGL,CAAI;AAAA,EACT;AACA,SAAAM,EAAU,SAAS,WAAkB;AACnC,iBAAaH,CAAS,GACtBA,IAAY,QACZC,IAAc,MACdC,IAAiB;AAAA,EACnB,GACOC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es137.js","sources":["../src/components/Heatmap/hooks/useScrollToSelection.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from \"react\";\nimport type { HeatmapCellId } from \"../types\";\nimport { cellKey } from \"../heatmapSelection\";\n\n// The smallest scroll that brings [boxStart, boxEnd) into view, as scrollIntoView({ block: \"nearest\" })\n// would: unchanged if it's already visible, aligned to boxStart if it can't fit.\nfunction nearestScrollOffset(current: number, viewportSize: number, boxStart: number, boxEnd: number): number {\n  if (boxEnd - boxStart > viewportSize) return boxStart;\n  if (boxStart < current) return boxStart;\n  if (boxEnd > current + viewportSize) return boxEnd - viewportSize;\n  return current;\n}\n\nexport interface UseScrollToSelectionArgs {\n  mainPaneRef: RefObject<HTMLDivElement | null>;\n  selectedCells?: HeatmapCellId[];\n  scrollToSelection?: boolean;\n  binWidth: number;\n  viewportWidth: number;\n}\n\n// Scrolls newly selected cells into view, horizontally.\nexport function useScrollToSelection({\n  mainPaneRef, selectedCells, scrollToSelection, binWidth, viewportWidth,\n}: UseScrollToSelectionArgs) {\n  const previousSelectionKeysRef = useRef<Set<string>>(new Set());\n\n  useEffect(() => {\n    const previousKeys = previousSelectionKeysRef.current;\n    const cells = selectedCells ?? [];\n    const newCells = cells.filter((cell) => !previousKeys.has(cellKey(cell)));\n    previousSelectionKeysRef.current = new Set(cells.map(cellKey));\n\n    const main = mainPaneRef.current;\n    if (!scrollToSelection || !main || newCells.length === 0) return;\n\n    let minCol = Infinity, maxCol = -Infinity;\n    for (const cell of newCells) {\n      if (cell.column < minCol) minCol = cell.column;\n      if (cell.column > maxCol) maxCol = cell.column;\n    }\n\n    const boxLeft = minCol * binWidth;\n    const boxRight = (maxCol + 1) * binWidth;\n\n    const targetLeft = nearestScrollOffset(main.scrollLeft, viewportWidth, boxLeft, boxRight);\n    if (targetLeft !== main.scrollLeft) {\n      main.scrollTo({ left: targetLeft, behavior: \"smooth\" });\n    }\n  }, [selectedCells, scrollToSelection, binWidth, viewportWidth]);\n}\n"],"names":["nearestScrollOffset","current","viewportSize","boxStart","boxEnd","useScrollToSelection","t0","$","_c","mainPaneRef","selectedCells","scrollToSelection","binWidth","viewportWidth","t1","Symbol","for","Set","previousSelectionKeysRef","useRef","t2","previousKeys","cells","newCells","filter","cell","has","cellKey","map","main","length","minCol","Infinity","maxCol","cell_0","column","boxLeft","boxRight","targetLeft","scrollLeft","scrollTo","left","behavior","t3","useEffect"],"mappings":";;;AAMA,SAASA,EAAoBC,GAAiBC,GAAsBC,GAAkBC,GAAwB;AAE5G,SADIA,IAASD,IAAWD,KACpBC,IAAWF,IAAgBE,IAC3BC,IAASH,IAAUC,IAAqBE,IAASF,IAC9CD;AACT;AAWO,SAAAI,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA8B;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAP;AAEV,MAAAQ;AAAA,EAAAP,EAAA,CAAA,MAAAQ,uBAAAC,IAAA,2BAAA,KAC4BF,wBAAIG,IAAAA,GAAKV,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAA9D,QAAAW,IAAiCC,EAAoBL,CAAS;AAAE,MAAAM;AAAA,EAAAb,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAEtDO,IAAAA,MAAA;AACR,UAAAC,IAAqBH,EAAwBjB,SAC7CqB,IAAcZ,KAAA,CAAA,GACda,IAAiBD,EAAKE,OAAQC,CAAAA,MAAU,CAACJ,EAAYK,IAAKC,EAAQF,CAAI,CAAC,CAAC;AACxEP,IAAAA,EAAwBjB,UAAW,IAAIgB,IAAIK,EAAKM,IAAKD,CAAO,CAAC;AAE7D,UAAAE,IAAapB,EAAWR;AACxB,QAAI,CAACU,KAAD,CAAuBkB,KAAQN,EAAQO,WAAY;AAAC;AAExD,QAAAC,IAAaC,OAAbC,IAAgC;AAChC,eAAKC,KAAcX;AACjB,MAAIE,EAAIU,SAAUJ,MAAQA,IAASN,EAAIU,SACnCV,EAAIU,SAAUF,MAAQA,IAASR,EAAIU;AAGzC,UAAAC,IAAgBL,IAASnB,GACzByB,KAAkBJ,IAAS,KAAKrB,GAEhC0B,IAAmBtC,EAAoB6B,EAAIU,YAAa1B,GAAeuB,GAASC,CAAQ;AACxF,IAAIC,MAAeT,EAAIU,cACrBV,EAAIW,SAAU;AAAA,MAAAC,MAAQH;AAAAA,MAAUI,UAAY;AAAA,IAAA,CAAU;AAAA,EACvD,GACFnC,OAAAK,GAAAL,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAM,GAAAN,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAoC;AAAA,EAAApC,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAAAH,UAAAM,KAAE8B,IAAA,CAACjC,GAAeC,GAAmBC,GAAUC,CAAa,GAACN,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAG,GAAAH,QAAAM,GAAAN,QAAAoC,KAAAA,IAAApC,EAAA,EAAA,GAtB9DqC,EAAUxB,GAsBPuB,CAA2D;AAAC;"}

package/dist/visualization.es138.js

@@ -1,88 +1,16 @@
-import S from "./visualization.es139.js";
-import Z from "./visualization.es140.js";
-import q from "./visualization.es141.js";
-import w from "./visualization.es142.js";
-import n from "./visualization.es143.js";
-import s from "./visualization.es144.js";
-import B from "./visualization.es145.js";
-import { jsx as D } from "react/jsx-runtime";
-import E from "./visualization.es146.js";
-import H from "./visualization.es147.js";
-import I from "./visualization.es28.js";
-function ot(T) {
-  let {
-    children: b = Z,
-    axisClassName: N,
-    hideAxisLine: y = !1,
-    hideTicks: A = !1,
-    hideZero: m = !1,
-    innerRef: F,
-    left: R = 0,
-    numTicks: c = 10,
-    orientation: r = s.bottom,
-    rangePadding: f = 0,
-    scale: o,
-    tickFormat: V,
-    tickLength: l = 8,
-    tickValues: C,
-    top: L = 0,
-    ...j
-  } = T;
-  const p = V ?? w(o), v = r === s.left, d = r === s.top, i = d || r === s.bottom, g = q(o), x = v || d ? -1 : 1, a = o.range(), k = B(f), z = n({
-    x: Number(a[0]) + 0.5 - k.start,
-    y: 0
-  }, i), G = n({
-    x: Number(a[a.length - 1]) + 0.5 + k.end,
-    y: 0
-  }, i), u = (C ?? E(o, c)).filter((t) => !m || t !== 0 && t !== "0").map((t, e) => ({
-    value: t,
-    index: e
-  })), O = u.map((t) => {
-    let {
-      value: e,
-      index: P
-    } = t;
-    const h = H(g(e));
-    return {
-      value: e,
-      index: P,
-      from: n({
-        x: h,
-        y: 0
-      }, i),
-      to: n({
-        x: h,
-        y: l * x
-      }, i),
-      formattedValue: p(e, P, u)
-    };
-  });
-  return /* @__PURE__ */ D(I, {
-    className: S("visx-axis", N),
-    innerRef: F,
-    top: L,
-    left: R,
-    children: b({
-      ...j,
-      axisFromPoint: z,
-      axisToPoint: G,
-      hideAxisLine: y,
-      hideTicks: A,
-      hideZero: m,
-      horizontal: i,
-      numTicks: c,
-      orientation: r,
-      rangePadding: f,
-      scale: o,
-      tickFormat: p,
-      tickLength: l,
-      tickPosition: g,
-      tickSign: x,
-      ticks: O
-    })
-  });
+function u(n, i) {
+  let l = 0, t = 0;
+  if (i === void 0)
+    for (let e of n)
+      e != null && (e = +e) >= e && (++l, t += e);
+  else {
+    let e = -1;
+    for (let f of n)
+      (f = i(f, ++e, n)) != null && (f = +f) >= f && (++l, t += f);
+  }
+  if (l) return t / l;
 }
 export {
-  ot as default
+  u as default
 };
 //# sourceMappingURL=visualization.es138.js.map

package/dist/visualization.es138.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es138.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/Axis.js"],"sourcesContent":["import cx from 'classnames';\nimport { Group } from '@visx/group';\nimport { getTicks, coerceNumber } from '@visx/scale';\nimport AxisRenderer from \"./AxisRenderer.js\";\nimport getTickPosition from \"../utils/getTickPosition.js\";\nimport getTickFormatter from \"../utils/getTickFormatter.js\";\nimport createPoint from \"../utils/createPoint.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport getAxisRangePaddingConfig from \"../utils/getAxisRangePaddingConfig.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Axis(_ref) {\n  let {\n    children = AxisRenderer,\n    axisClassName,\n    hideAxisLine = false,\n    hideTicks = false,\n    hideZero = false,\n    innerRef,\n    left = 0,\n    numTicks = 10,\n    orientation = Orientation.bottom,\n    rangePadding = 0,\n    scale,\n    tickFormat,\n    tickLength = 8,\n    tickValues,\n    top = 0,\n    ...restProps\n  } = _ref;\n  const format = tickFormat ?? getTickFormatter(scale);\n  const isLeft = orientation === Orientation.left;\n  const isTop = orientation === Orientation.top;\n  const horizontal = isTop || orientation === Orientation.bottom;\n  const tickPosition = getTickPosition(scale);\n  const tickSign = isLeft || isTop ? -1 : 1;\n  const range = scale.range();\n  const rangePaddingConfig = getAxisRangePaddingConfig(rangePadding);\n  const axisFromPoint = createPoint({\n    x: Number(range[0]) + 0.5 - rangePaddingConfig.start,\n    y: 0\n  }, horizontal);\n  const axisToPoint = createPoint({\n    x: Number(range[range.length - 1]) + 0.5 + rangePaddingConfig.end,\n    y: 0\n  }, horizontal);\n  const filteredTickValues = (tickValues ?? getTicks(scale, numTicks)).filter(value => !hideZero || value !== 0 && value !== '0').map((value, index) => ({\n    value,\n    index\n  }));\n  const ticks = filteredTickValues.map(_ref2 => {\n    let {\n      value,\n      index\n    } = _ref2;\n    const scaledValue = coerceNumber(tickPosition(value));\n    return {\n      value,\n      index,\n      from: createPoint({\n        x: scaledValue,\n        y: 0\n      }, horizontal),\n      to: createPoint({\n        x: scaledValue,\n        y: tickLength * tickSign\n      }, horizontal),\n      formattedValue: format(value, index, filteredTickValues)\n    };\n  });\n  return /*#__PURE__*/_jsx(Group, {\n    className: cx('visx-axis', axisClassName),\n    innerRef: innerRef,\n    top: top,\n    left: left,\n    children: children({\n      ...restProps,\n      axisFromPoint,\n      axisToPoint,\n      hideAxisLine,\n      hideTicks,\n      hideZero,\n      horizontal,\n      numTicks,\n      orientation,\n      rangePadding,\n      scale,\n      tickFormat: format,\n      tickLength,\n      tickPosition,\n      tickSign,\n      ticks\n    })\n  });\n}"],"names":["Axis","_ref","children","AxisRenderer","axisClassName","hideAxisLine","hideTicks","hideZero","innerRef","left","numTicks","orientation","Orientation","rangePadding","scale","tickFormat","tickLength","tickValues","top","restProps","format","getTickFormatter","isLeft","isTop","horizontal","tickPosition","getTickPosition","tickSign","range","rangePaddingConfig","getAxisRangePaddingConfig","axisFromPoint","createPoint","axisToPoint","filteredTickValues","getTicks","value","index","ticks","_ref2","scaledValue","coerceNumber","_jsx","Group","cx"],"mappings":";;;;;;;;;;;AAUe,SAASA,GAAKC,GAAM;AACjC,MAAI;AAAA,IACF,UAAAC,IAAWC;AAAA,IACX,eAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,aAAAC,IAAcC,EAAY;AAAA,IAC1B,cAAAC,IAAe;AAAA,IACf,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EACP,IAAMlB;AACJ,QAAMmB,IAASL,KAAcM,EAAiBP,CAAK,GAC7CQ,IAASX,MAAgBC,EAAY,MACrCW,IAAQZ,MAAgBC,EAAY,KACpCY,IAAaD,KAASZ,MAAgBC,EAAY,QAClDa,IAAeC,EAAgBZ,CAAK,GACpCa,IAAWL,KAAUC,IAAQ,KAAK,GAClCK,IAAQd,EAAM,MAAK,GACnBe,IAAqBC,EAA0BjB,CAAY,GAC3DkB,IAAgBC,EAAY;AAAA,IAChC,GAAG,OAAOJ,EAAM,CAAC,CAAC,IAAI,MAAMC,EAAmB;AAAA,IAC/C,GAAG;AAAA,EACP,GAAKL,CAAU,GACPS,IAAcD,EAAY;AAAA,IAC9B,GAAG,OAAOJ,EAAMA,EAAM,SAAS,CAAC,CAAC,IAAI,MAAMC,EAAmB;AAAA,IAC9D,GAAG;AAAA,EACP,GAAKL,CAAU,GACPU,KAAsBjB,KAAckB,EAASrB,GAAOJ,CAAQ,GAAG,OAAO,CAAA0B,MAAS,CAAC7B,KAAY6B,MAAU,KAAKA,MAAU,GAAG,EAAE,IAAI,CAACA,GAAOC,OAAW;AAAA,IACrJ,OAAAD;AAAA,IACA,OAAAC;AAAA,EACJ,EAAI,GACIC,IAAQJ,EAAmB,IAAI,CAAAK,MAAS;AAC5C,QAAI;AAAA,MACF,OAAAH;AAAA,MACA,OAAAC;AAAA,IACN,IAAQE;AACJ,UAAMC,IAAcC,EAAahB,EAAaW,CAAK,CAAC;AACpD,WAAO;AAAA,MACL,OAAAA;AAAA,MACA,OAAAC;AAAA,MACA,MAAML,EAAY;AAAA,QAChB,GAAGQ;AAAA,QACH,GAAG;AAAA,MACX,GAAShB,CAAU;AAAA,MACb,IAAIQ,EAAY;AAAA,QACd,GAAGQ;AAAA,QACH,GAAGxB,IAAaW;AAAA,MACxB,GAASH,CAAU;AAAA,MACb,gBAAgBJ,EAAOgB,GAAOC,GAAOH,CAAkB;AAAA,IAC7D;AAAA,EACE,CAAC;AACD,SAAoBQ,gBAAAA,EAAKC,GAAO;AAAA,IAC9B,WAAWC,EAAG,aAAaxC,CAAa;AAAA,IACxC,UAAUI;AAAA,IACV,KAAKU;AAAA,IACL,MAAMT;AAAA,IACN,UAAUP,EAAS;AAAA,MACjB,GAAGiB;AAAA,MACH,eAAAY;AAAA,MACA,aAAAE;AAAA,MACA,cAAA5B;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,YAAAiB;AAAA,MACA,UAAAd;AAAA,MACA,aAAAC;AAAA,MACA,cAAAE;AAAA,MACA,OAAAC;AAAA,MACA,YAAYM;AAAA,MACZ,YAAAJ;AAAA,MACA,cAAAS;AAAA,MACA,UAAAE;AAAA,MACA,OAAAW;AAAA,IACN,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es138.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/mean.js"],"sourcesContent":["export default function mean(values, valueof) {\n  let count = 0;\n  let sum = 0;\n  if (valueof === undefined) {\n    for (let value of values) {\n      if (value != null && (value = +value) >= value) {\n        ++count, sum += value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null && (value = +value) >= value) {\n        ++count, sum += value;\n      }\n    }\n  }\n  if (count) return sum / count;\n}\n"],"names":["mean","values","valueof","count","sum","value","index"],"mappings":"AAAe,SAASA,EAAKC,GAAQC,GAAS;AAC5C,MAAIC,IAAQ,GACRC,IAAM;AACV,MAAIF,MAAY;AACd,aAASG,KAASJ;AAChB,MAAII,KAAS,SAASA,IAAQ,CAACA,MAAUA,MACvC,EAAEF,GAAOC,KAAOC;AAAA,OAGf;AACL,QAAIC,IAAQ;AACZ,aAASD,KAASJ;AAChB,OAAKI,IAAQH,EAAQG,GAAO,EAAEC,GAAOL,CAAM,MAAM,SAASI,IAAQ,CAACA,MAAUA,MAC3E,EAAEF,GAAOC,KAAOC;AAAA,EAGtB;AACA,MAAIF,EAAO,QAAOC,IAAMD;AAC1B;","x_google_ignoreList":[0]}

package/dist/visualization.es139.js

@@ -1,8 +1,77 @@
-import { getDefaultExportFromCjs as r } from "./visualization.es186.js";
-import { __require as s } from "./visualization.es252.js";
-var e = s();
-const t = /* @__PURE__ */ r(e);
+import { jsx as A, jsxs as F } from "react/jsx-runtime";
+import { c as H } from "react/compiler-runtime";
+import B from "./visualization.es203.js";
+import I from "./visualization.es51.js";
+const R = (E) => {
+  const e = H(75), {
+    crossProps: f,
+    left: G,
+    top: L,
+    median: l,
+    firstQuartile: n,
+    thirdQuartile: c,
+    valueScale: t,
+    medianWidth: s,
+    tooltipData: w,
+    handleMouseMove: a,
+    handleCrossClick: d,
+    disableViolinPlot: i,
+    tooltip: r,
+    horizontal: o
+  } = E;
+  let m;
+  e[0] !== o || e[1] !== c || e[2] !== t ? (m = o ? t(c) : 0, e[0] = o, e[1] = c, e[2] = t, e[3] = m) : m = e[3];
+  let k;
+  e[4] !== o || e[5] !== c || e[6] !== t ? (k = o ? 0 : t(c), e[4] = o, e[5] = c, e[6] = t, e[7] = k) : k = e[7];
+  let p;
+  e[8] !== m || e[9] !== k ? (p = {
+    x: m,
+    y: k
+  }, e[8] = m, e[9] = k, e[10] = p) : p = e[10];
+  let u;
+  e[11] !== n || e[12] !== o || e[13] !== t ? (u = o ? t(n) : 0, e[11] = n, e[12] = o, e[13] = t, e[14] = u) : u = e[14];
+  let h;
+  e[15] !== n || e[16] !== o || e[17] !== t ? (h = o ? 0 : t(n), e[15] = n, e[16] = o, e[17] = t, e[18] = h) : h = e[18];
+  let x;
+  e[19] !== u || e[20] !== h ? (x = {
+    x: u,
+    y: h
+  }, e[19] = u, e[20] = h, e[21] = x) : x = e[21];
+  const S = f?.color ?? "#000000", V = w === r && i ? (f?.stroke ?? 1) + 1 : f?.stroke ?? 1;
+  let v;
+  e[22] !== i || e[23] !== a || e[24] !== r ? (v = i ? (q) => a(q, r) : void 0, e[22] = i, e[23] = a, e[24] = r, e[25] = v) : v = e[25];
+  let C;
+  e[26] !== d || e[27] !== p || e[28] !== x || e[29] !== S || e[30] !== V || e[31] !== v ? (C = /* @__PURE__ */ A(B, { from: p, to: x, stroke: S, strokeWidth: V, onMouseMove: v, onClick: d }), e[26] = d, e[27] = p, e[28] = x, e[29] = S, e[30] = V, e[31] = v, e[32] = C) : C = e[32];
+  let M;
+  e[33] !== o || e[34] !== l || e[35] !== s || e[36] !== t ? (M = o ? t(l) : -s / 2, e[33] = o, e[34] = l, e[35] = s, e[36] = t, e[37] = M) : M = e[37];
+  let y;
+  e[38] !== o || e[39] !== l || e[40] !== s || e[41] !== t ? (y = o ? -s / 2 : t(l), e[38] = o, e[39] = l, e[40] = s, e[41] = t, e[42] = y) : y = e[42];
+  let P;
+  e[43] !== M || e[44] !== y ? (P = {
+    x: M,
+    y
+  }, e[43] = M, e[44] = y, e[45] = P) : P = e[45];
+  let W;
+  e[46] !== o || e[47] !== l || e[48] !== s || e[49] !== t ? (W = o ? t(l) : s / 2, e[46] = o, e[47] = l, e[48] = s, e[49] = t, e[50] = W) : W = e[50];
+  let j;
+  e[51] !== o || e[52] !== l || e[53] !== s || e[54] !== t ? (j = o ? s / 2 : t(l), e[51] = o, e[52] = l, e[53] = s, e[54] = t, e[55] = j) : j = e[55];
+  let Q;
+  e[56] !== W || e[57] !== j ? (Q = {
+    x: W,
+    y: j
+  }, e[56] = W, e[57] = j, e[58] = Q) : Q = e[58];
+  const $ = f?.medianColor ?? f?.color ?? "#000000", g = w === r && i ? (f?.stroke ?? 1) + 1 : f?.stroke ?? 1;
+  let b;
+  e[59] !== i || e[60] !== a || e[61] !== r ? (b = i ? (q) => a(q, r) : void 0, e[59] = i, e[60] = a, e[61] = r, e[62] = b) : b = e[62];
+  let z;
+  e[63] !== d || e[64] !== P || e[65] !== Q || e[66] !== $ || e[67] !== g || e[68] !== b ? (z = /* @__PURE__ */ A(B, { from: P, to: Q, stroke: $, strokeWidth: g, onMouseMove: b, onClick: d }), e[63] = d, e[64] = P, e[65] = Q, e[66] = $, e[67] = g, e[68] = b, e[69] = z) : z = e[69];
+  let D;
+  return e[70] !== G || e[71] !== C || e[72] !== z || e[73] !== L ? (D = /* @__PURE__ */ F(I, { left: G, top: L, children: [
+    C,
+    z
+  ] }), e[70] = G, e[71] = C, e[72] = z, e[73] = L, e[74] = D) : D = e[74], D;
+};
 export {
-  t as default
+  R as default
 };
 //# sourceMappingURL=visualization.es139.js.map

package/dist/visualization.es139.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es139.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"visualization.es139.js","sources":["../src/components/ViolinPlot/crossPlot.tsx"],"sourcesContent":["import { CrossPlotProps } from \"./types\";\nimport { Group } from \"@visx/group\";\nimport { Line } from '@visx/shape';\n\n\nconst CrossPlot = <T,>({ crossProps, left, top, median, firstQuartile, thirdQuartile, valueScale, medianWidth, tooltipData, handleMouseMove, handleCrossClick, disableViolinPlot, tooltip, horizontal }: CrossPlotProps<T>) => {\n\n    return (\n        <Group left={left} top={top}>\n            {/* Vertical line from min to max */}\n            <Line\n                from={{ x: horizontal ? valueScale(thirdQuartile) : 0, y: horizontal ? 0 : valueScale(thirdQuartile) }}\n                to={{ x: horizontal ? valueScale(firstQuartile): 0, y: horizontal ? 0: valueScale(firstQuartile) }}\n                stroke={crossProps?.color ?? \"#000000\"}\n                strokeWidth={\n                    tooltipData === tooltip && disableViolinPlot\n                        ? (crossProps?.stroke ?? 1) + 1\n                        : crossProps?.stroke ?? 1\n                }\n                onMouseMove={disableViolinPlot ? (e) => handleMouseMove(e, tooltip) : undefined}\n                onClick={handleCrossClick}\n            />\n            {/* Horizontal line at median */}\n            <Line\n                from={{ x: horizontal ? valueScale(median) : -medianWidth / 2, y: horizontal ? -medianWidth / 2 : valueScale(median) }}\n                to={{ x: horizontal ? valueScale(median) : medianWidth / 2, y: horizontal ? medianWidth / 2 : valueScale(median) }}\n                stroke={crossProps?.medianColor ?? crossProps?.color ?? \"#000000\"}\n                strokeWidth={\n                    tooltipData === tooltip && disableViolinPlot\n                        ? (crossProps?.stroke ?? 1) + 1\n                        : crossProps?.stroke ?? 1\n                }\n                onMouseMove={disableViolinPlot ? (e) => handleMouseMove(e, tooltip) : undefined}\n                onClick={handleCrossClick}\n            />\n        </Group>\n    );\n};\n\nexport default CrossPlot;\n"],"names":["CrossPlot","t0","$","_c","crossProps","left","top","median","firstQuartile","thirdQuartile","valueScale","medianWidth","tooltipData","handleMouseMove","handleCrossClick","disableViolinPlot","tooltip","horizontal","t1","t2","t3","x","y","t4","t5","t6","t7","color","t8","stroke","t9","e","undefined","t10","Line","t11","t12","t13","t14","t15","t16","t17","medianColor","t18","t19","e_0","t20","t21","jsxs","Group"],"mappings":"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"}

package/dist/visualization.es14.js

@@ -1,107 +1,130 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useMemo as y, useRef as I } from "react";
-import { Typography as g, LinearProgress as C, Table as D, TableBody as F, TableRow as H, TableCell as p } from "@mui/material";
-import { sortObjectByValueDesc as V } from "./visualization.es17.js";
-import W from "./visualization.es55.js";
-import q from "./visualization.es48.js";
-import A from "./visualization.es26.js";
-import E from "./visualization.es25.js";
-import G from "./visualization.es77.js";
-import { defaultStyles as J } from "./visualization.es52.js";
-import K from "./visualization.es78.js";
-const ro = ({
-  data: l,
-  tooltipTitle: b,
-  label: d,
-  loading: T = !1,
-  sortDescending: h = !1,
-  getColor: s,
-  formatLabel: u,
-  style: v
-}) => {
+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.es67.js";
+import K from "./visualization.es95.js";
+import { downloadSVGAsPNG as Q, downloadAsSVG as U, getAnimationProps as Z } from "./visualization.es36.js";
+import { useResponsiveParentSize as _ } from "./visualization.es25.js";
+import R from "./visualization.es49.js";
+import T from "./visualization.es50.js";
+import H from "./visualization.es74.js";
+import { ResponsiveContainer as p } from "./visualization.es19.js";
+import tt from "./visualization.es51.js";
+import { motion as et } from "./visualization.es45.js";
+import N from "./visualization.es75.js";
+import X from "./visualization.es76.js";
+const xt = (t) => {
   const {
-    containerRef: x,
-    TooltipInPortal: S
-  } = W({
-    scroll: !0,
-    detectBounds: !0
-  }), t = y(() => l ? h ? V(l) : l : null, [l, h]), P = S, {
-    tooltipLeft: j,
-    tooltipTop: B,
-    tooltipOpen: O,
-    showTooltip: R,
-    hideTooltip: k
-  } = q(), f = t ? Object.values(t).reduce((o, r) => o + r, 0) : 0, a = I(null), c = a?.current ? a.current.offsetWidth : 0, w = A({
-    domain: [0, f],
-    range: [0, c]
-  }), L = E({
-    domain: [""],
-    range: [0, 0]
-  }), M = (o) => {
-    const r = K(o, o);
-    r && R({
-      tooltipLeft: r.x,
-      tooltipTop: r.y
+    parentRef: F,
+    containerStyle: j,
+    width: m,
+    height: w
+  } = _({
+    width: t.width,
+    height: t.height
+  }), 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: h,
+    padding: 0.4
+  }), [$, 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(u, l) - e, b + e]
     });
-  }, z = y(() => ({
-    data: t ? [t] : [],
-    keys: t ? Object.keys(t) : [],
-    color: s
-  }), [t, s]), n = 10;
-  return /* @__PURE__ */ i("div", { style: {
-    ...v
-  }, ref: a, children: [
-    d && /* @__PURE__ */ e(g, { variant: "caption", children: d }),
-    T ? /* @__PURE__ */ e(C, {}) : /* @__PURE__ */ i("div", { style: {
-      position: "relative"
-    }, children: [
-      /* @__PURE__ */ e("svg", { width: c, height: 4, style: {
-        display: "block"
-      }, children: /* @__PURE__ */ e(G, { ...z, xScale: w, yScale: L, y: () => "", height: 4 }) }),
-      /* @__PURE__ */ e("div", { ref: x, style: {
-        position: "absolute",
-        left: -n,
-        top: -n,
-        width: c + n * 2,
-        height: 4 + n * 2,
-        zIndex: 2,
-        background: "transparent"
-      }, onMouseMove: (o) => M(o), onMouseLeave: k })
+  }, [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(u, l) - e, b + e]
+    });
+  }, [P, u, b, l]), G = g(() => R({
+    range: [0, s],
+    round: !0,
+    domain: h,
+    padding: 0.4
+  }), [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 J(t.ref, () => ({
+    downloadSVG: () => {
+      V.current && U(V.current, t.downloadFileName ?? "violin_plot.svg");
+    },
+    downloadPNG: () => {
+      V.current && Q(V.current, t.downloadFileName ?? "violin_plot.png");
+    }
+  })), /* @__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__ */ 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__ */ C(z, { children: [
+      /* @__PURE__ */ n(N, { scale: f, top: s, left: a, stroke: "black", tickStroke: "black", tickValues: q, tickLabelProps: () => ({
+        fill: "black",
+        fontSize: d,
+        textAnchor: "end",
+        dy: "0.33em"
+      }) }, "axisLeft"),
+      Y,
+      /* @__PURE__ */ n(X, { left: a, scale: G, stroke: "black", tickStroke: "black", tickValues: h, tickLabelProps: () => ({
+        fill: "black",
+        fontSize: d
+      }), tickComponent: ({
+        x: e,
+        y: i,
+        formattedValue: c,
+        ...k
+      }) => {
+        const y = () => {
+          if (!t.onViolinClicked) return;
+          const L = t.distributions.find((M) => M.label === c);
+          t.onViolinClicked(L);
+        };
+        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__ */ C(z, { children: [
+      /* @__PURE__ */ n(X, { left: a, scale: r, stroke: "black", tickStroke: "black", tickLabelProps: () => ({
+        fill: "black",
+        fontSize: d,
+        textAnchor: "end",
+        dy: "0.33em"
+      }) }, "axisLeft"),
+      Y,
+      /* @__PURE__ */ n(N, { left: a, top: v, scale: B, stroke: "black", tickStroke: "black", tickValues: h, tickLabelProps: () => ({
+        fill: "black",
+        fontSize: d,
+        textAnchor: o === "vertical" || o === "leftDiagonal" ? "end" : o === "rightDiagonal" ? "start" : "middle"
+      }), tickComponent: ({
+        x: e,
+        y: i,
+        formattedValue: c,
+        ...k
+      }) => {
+        const y = () => {
+          if (!t.onViolinClicked) return;
+          const L = t.distributions.find((M) => M.label === c);
+          t.onViolinClicked(L);
+        };
+        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")
     ] }),
-    O && t && /* @__PURE__ */ i(P, { top: B, left: j, style: {
-      zIndex: 1e3,
-      ...J
-    }, children: [
-      /* @__PURE__ */ e(g, { children: b }),
-      /* @__PURE__ */ e(D, { size: "small", children: /* @__PURE__ */ e(F, { sx: {
-        "& tr:last-of-type td, & tr:last-of-type th": {
-          border: 0
-        }
-      }, children: Object.keys(t).map((o, r) => {
-        const m = t[o];
-        return /* @__PURE__ */ i(H, { children: [
-          /* @__PURE__ */ i(p, { children: [
-            /* @__PURE__ */ e("span", { style: {
-              display: "inline-block",
-              width: 12,
-              height: 12,
-              marginRight: 6,
-              borderRadius: "50%",
-              backgroundColor: s(o)
-            } }),
-            u ? u(o) : o
-          ] }),
-          /* @__PURE__ */ e(p, { align: "right", children: m }),
-          /* @__PURE__ */ i(p, { align: "right", children: [
-            (m / f * 100).toFixed(2),
-            "%"
-          ] })
-        ] }, r);
-      }) }) })
-    ] })
-  ] });
+    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 {
-  ro as ProportionsBar
+  xt as default
 };
 //# sourceMappingURL=visualization.es14.js.map

package/dist/visualization.es14.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es14.js","sources":["../src/components/ProportionsBar/ProportionsBar.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { BarStackHorizontal } from \"@visx/shape\";\nimport { scaleBand, scaleLinear } from \"@visx/scale\";\nimport { useTooltip, defaultStyles, useTooltipInPortal, TooltipInPortalProps } from \"@visx/tooltip\";\nimport { localPoint } from \"@visx/event\";\nimport { LinearProgress, Table, TableBody, TableCell, TableRow, Typography } from \"@mui/material\";\nimport { ProportionsBarProps } from \"./types\";\nimport { sortObjectByValueDesc } from \"./helpers\";\n\nexport const ProportionsBar = <K extends string>({\n  data,\n  tooltipTitle,\n  label,\n  loading = false,\n  sortDescending = false,\n  getColor,\n  formatLabel,\n  style,\n}: ProportionsBarProps<K>) => {\n  const { containerRef, TooltipInPortal } = useTooltipInPortal({\n    scroll: true,\n    detectBounds: true,\n  });\n\n  const plotData = useMemo(() => {\n    if (!data) return null\n    return sortDescending ? sortObjectByValueDesc(data) : data\n  }, [data, sortDescending]);\n\n  //Fix weird type error on build\n  //Type error: 'TooltipInPortal' cannot be used as a JSX component.\n  const TooltipComponent = TooltipInPortal as unknown as React.FC<TooltipInPortalProps>;\n\n  const { tooltipLeft, tooltipTop, tooltipOpen, showTooltip, hideTooltip } = useTooltip();\n\n  const totalCount = plotData ? (Object.values(plotData) as number[]).reduce((prev, curr) => prev + curr, 0) : 0;\n\n  const outerDivRef = useRef<HTMLDivElement>(null)\n\n  const width = outerDivRef?.current ? outerDivRef.current.offsetWidth : 0\n\n  const barLengthScale = scaleLinear<number>({\n    domain: [0, totalCount],\n    range: [0, width],\n  });\n\n  //Not actually using since this is only a single bar\n  const uselessScale = scaleBand<string>({\n    domain: [\"\"],\n    range: [0, 0],\n  });\n\n  const handleMouseOver = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    const coords = localPoint(event, event);\n    if (!coords) return\n    showTooltip({\n      tooltipLeft: coords.x,\n      tooltipTop: coords.y,\n    });\n  };\n\n  const sharedProps = useMemo(\n    () => ({\n      data: plotData ? [plotData] : [],\n      keys: plotData ? (Object.keys(plotData) as K[]) : [],\n      color: getColor,\n    }),\n    [plotData, getColor]\n  );\n\n  const hitboxPadding = 10;\n\n  return (\n    <div style={{ ...style }} ref={outerDivRef}>\n      {label && <Typography variant=\"caption\">{label}</Typography>}\n      {loading ? (\n        <LinearProgress />\n      ) : (\n        <div style={{ position: \"relative\" }}>\n          <svg width={width} height={4} style={{ display: \"block\" }}>\n            <BarStackHorizontal\n              {...sharedProps}\n              xScale={barLengthScale}\n              yScale={uselessScale}\n              y={() => \"\"}\n              height={4}\n            />\n          </svg>\n          <div\n            ref={containerRef}\n            style={{\n              position: \"absolute\",\n              left: -hitboxPadding,\n              top: -hitboxPadding,\n              width: width + hitboxPadding * 2,\n              height: 4 + hitboxPadding * 2,\n              zIndex: 2,\n              background: \"transparent\",\n            }}\n            onMouseMove={(e) => handleMouseOver(e)}\n            onMouseLeave={hideTooltip}\n          />\n        </div>\n      )}\n      {tooltipOpen && plotData && (\n        <TooltipComponent top={tooltipTop} left={tooltipLeft} style={{ zIndex: 1000, ...defaultStyles }}>\n          <Typography>{tooltipTitle}</Typography>\n          <Table size=\"small\">\n            <TableBody\n              sx={{\n                \"& tr:last-of-type td, & tr:last-of-type th\": {\n                  border: 0,\n                },\n              }}\n            >\n              {(Object.keys(plotData) as K[]).map((key, i) => {\n                const value = plotData[key];\n                return (\n                  <TableRow key={i}>\n                    <TableCell>\n                      <span\n                        style={{\n                          display: \"inline-block\",\n                          width: 12,\n                          height: 12,\n                          marginRight: 6,\n                          borderRadius: \"50%\",\n                          backgroundColor: getColor(key),\n                        }}\n                      />\n                      {formatLabel ? formatLabel(key) : key}\n                    </TableCell>\n                    <TableCell align=\"right\">{value}</TableCell>\n                    <TableCell align=\"right\">{((value / totalCount) * 100).toFixed(2)}%</TableCell>\n                  </TableRow>\n                );\n              })}\n            </TableBody>\n          </Table>\n        </TooltipComponent>\n      )}\n    </div>\n  );\n};\n"],"names":["ProportionsBar","data","tooltipTitle","label","loading","sortDescending","getColor","formatLabel","style","containerRef","TooltipInPortal","useTooltipInPortal","scroll","detectBounds","plotData","useMemo","sortObjectByValueDesc","TooltipComponent","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","totalCount","Object","values","reduce","prev","curr","outerDivRef","useRef","width","current","offsetWidth","barLengthScale","scaleLinear","domain","range","uselessScale","scaleBand","handleMouseOver","event","coords","localPoint","x","y","sharedProps","keys","color","hitboxPadding","jsxs","jsx","Typography","LinearProgress","position","display","BarStackHorizontal","left","top","height","zIndex","background","e","defaultStyles","Table","TableBody","border","map","key","i","value","TableRow","TableCell","marginRight","borderRadius","backgroundColor","toFixed"],"mappings":"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"}
+{"version":3,"file":"visualization.es14.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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"}