@weng-lab/visualization 2.5.0 → 2.5.1

package/dist/visualization.es624.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es624.js","sources":["../../../node_modules/.pnpm/math-expression-evaluator@1.4.0/node_modules/math-expression-evaluator/src/math_function.js"],"sourcesContent":["\"use strict\";\r\nvar Mexp = function (parsed) {\r\n  this.value = parsed\r\n}\r\n\r\nMexp.math = {\r\n  isDegree: true, // mode of calculator\r\n  acos: function (x) {\r\n    return (Mexp.math.isDegree ? 180 / Math.PI * Math.acos(x) : Math.acos(x))\r\n  },\r\n  add: function (a, b) {\r\n    return a + b\r\n  },\r\n  asin: function (x) {\r\n    return (Mexp.math.isDegree ? 180 / Math.PI * Math.asin(x) : Math.asin(x))\r\n  },\r\n  atan: function (x) {\r\n    return (Mexp.math.isDegree ? 180 / Math.PI * Math.atan(x) : Math.atan(x))\r\n  },\r\n  acosh: function (x) {\r\n    return Math.log(x + Math.sqrt(x * x - 1))\r\n  },\r\n  asinh: function (x) {\r\n    return Math.log(x + Math.sqrt(x * x + 1))\r\n  },\r\n  atanh: function (x) {\r\n    return Math.log((1 + x) / (1 - x))\r\n  },\r\n  C: function (n, r) {\r\n    var pro = 1\r\n    var other = n - r\r\n    var choice = r\r\n    if (choice < other) {\r\n      choice = other\r\n      other = r\r\n    }\r\n    for (var i = choice + 1; i <= n; i++) {\r\n      pro *= i\r\n    }\r\n    return pro / Mexp.math.fact(other)\r\n  },\r\n  changeSign: function (x) {\r\n    return -x\r\n  },\r\n  cos: function (x) {\r\n    if (Mexp.math.isDegree) x = Mexp.math.toRadian(x)\r\n    return Math.cos(x)\r\n  },\r\n  cosh: function (x) {\r\n    return (Math.pow(Math.E, x) + Math.pow(Math.E, -1 * x)) / 2\r\n  },\r\n  div: function (a, b) {\r\n    return a / b\r\n  },\r\n  fact: function (n) {\r\n    if (n % 1 !== 0) return 'NaN'\r\n    var pro = 1\r\n    for (var i = 2; i <= n; i++) {\r\n      pro *= i\r\n    }\r\n    return pro\r\n  },\r\n  inverse: function (x) {\r\n    return 1 / x\r\n  },\r\n  log: function (i) {\r\n    return Math.log(i) / Math.log(10)\r\n  },\r\n  mod: function (a, b) {\r\n    return a % b\r\n  },\r\n  mul: function (a, b) {\r\n    return a * b\r\n  },\r\n  P: function (n, r) {\r\n    var pro = 1\r\n    for (var i = Math.floor(n) - Math.floor(r) + 1; i <= Math.floor(n); i++) {\r\n      pro *= i\r\n    }\r\n    return pro\r\n  },\r\n  Pi: function (low, high, ex) {\r\n    var pro = 1\r\n    for (var i = low; i <= high; i++) {\r\n      pro *= Number(ex.postfixEval({\r\n        n: i\r\n      }))\r\n    }\r\n    return pro\r\n  },\r\n  pow10x: function (e) {\r\n    var x = 1\r\n    while (e--) {\r\n      x *= 10\r\n    }\r\n    return x\r\n  },\r\n  sigma: function (low, high, ex) {\r\n    var sum = 0\r\n    for (var i = low; i <= high; i++) {\r\n      sum += Number(ex.postfixEval({\r\n        n: i\r\n      }))\r\n    }\r\n    return sum\r\n  },\r\n  sin: function (x) {\r\n    if (Mexp.math.isDegree) x = Mexp.math.toRadian(x)\r\n    return Math.sin(x)\r\n  },\r\n  sinh: function (x) {\r\n    return (Math.pow(Math.E, x) - Math.pow(Math.E, -1 * x)) / 2\r\n  },\r\n  sub: function (a, b) {\r\n    return a - b\r\n  },\r\n  tan: function (x) {\r\n    if (Mexp.math.isDegree) x = Mexp.math.toRadian(x)\r\n    return Math.tan(x)\r\n  },\r\n  tanh: function (x) {\r\n    return Mexp.sinha(x) / Mexp.cosha(x)\r\n  },\r\n  toRadian: function (x) {\r\n    return x * Math.PI / 180\r\n  },\r\n  and: function (a, b) {\r\n    return a & b\r\n  }\r\n}\r\nMexp.Exception = function (message) {\r\n  this.message = message\r\n}\r\nmodule.exports = Mexp\r\n"],"names":["Mexp","parsed","x","a","b","n","r","pro","other","choice","i","low","high","ex","e","sum","message","math_function"],"mappings":";;;;AACA,MAAIA,IAAO,SAAUC,GAAQ;AAC3B,SAAK,QAAQA;AAAA,EACf;AAEA,SAAAD,EAAK,OAAO;AAAA,IACV,UAAU;AAAA;AAAA,IACV,MAAM,SAAUE,GAAG;AACjB,aAAQF,EAAK,KAAK,WAAW,MAAM,KAAK,KAAK,KAAK,KAAKE,CAAC,IAAI,KAAK,KAAKA,CAAC;AAAA,IAC3E;AAAA,IACE,KAAK,SAAUC,GAAGC,GAAG;AACnB,aAAOD,IAAIC;AAAA,IACf;AAAA,IACE,MAAM,SAAUF,GAAG;AACjB,aAAQF,EAAK,KAAK,WAAW,MAAM,KAAK,KAAK,KAAK,KAAKE,CAAC,IAAI,KAAK,KAAKA,CAAC;AAAA,IAC3E;AAAA,IACE,MAAM,SAAUA,GAAG;AACjB,aAAQF,EAAK,KAAK,WAAW,MAAM,KAAK,KAAK,KAAK,KAAKE,CAAC,IAAI,KAAK,KAAKA,CAAC;AAAA,IAC3E;AAAA,IACE,OAAO,SAAUA,GAAG;AAClB,aAAO,KAAK,IAAIA,IAAI,KAAK,KAAKA,IAAIA,IAAI,CAAC,CAAC;AAAA,IAC5C;AAAA,IACE,OAAO,SAAUA,GAAG;AAClB,aAAO,KAAK,IAAIA,IAAI,KAAK,KAAKA,IAAIA,IAAI,CAAC,CAAC;AAAA,IAC5C;AAAA,IACE,OAAO,SAAUA,GAAG;AAClB,aAAO,KAAK,KAAK,IAAIA,MAAM,IAAIA,EAAE;AAAA,IACrC;AAAA,IACE,GAAG,SAAUG,GAAGC,GAAG;AACjB,UAAIC,IAAM,GACNC,IAAQH,IAAIC,GACZG,IAASH;AACb,MAAIG,IAASD,MACXC,IAASD,GACTA,IAAQF;AAEV,eAASI,IAAID,IAAS,GAAGC,KAAKL,GAAGK;AAC/B,QAAAH,KAAOG;AAET,aAAOH,IAAMP,EAAK,KAAK,KAAKQ,CAAK;AAAA,IACrC;AAAA,IACE,YAAY,SAAUN,GAAG;AACvB,aAAO,CAACA;AAAA,IACZ;AAAA,IACE,KAAK,SAAUA,GAAG;AAChB,aAAIF,EAAK,KAAK,aAAUE,IAAIF,EAAK,KAAK,SAASE,CAAC,IACzC,KAAK,IAAIA,CAAC;AAAA,IACrB;AAAA,IACE,MAAM,SAAUA,GAAG;AACjB,cAAQ,KAAK,IAAI,KAAK,GAAGA,CAAC,IAAI,KAAK,IAAI,KAAK,GAAG,KAAKA,CAAC,KAAK;AAAA,IAC9D;AAAA,IACE,KAAK,SAAUC,GAAGC,GAAG;AACnB,aAAOD,IAAIC;AAAA,IACf;AAAA,IACE,MAAM,SAAUC,GAAG;AACjB,UAAIA,IAAI,MAAM,EAAG,QAAO;AAExB,eADIE,IAAM,GACDG,IAAI,GAAGA,KAAKL,GAAGK;AACtB,QAAAH,KAAOG;AAET,aAAOH;AAAA,IACX;AAAA,IACE,SAAS,SAAUL,GAAG;AACpB,aAAO,IAAIA;AAAA,IACf;AAAA,IACE,KAAK,SAAUQ,GAAG;AAChB,aAAO,KAAK,IAAIA,CAAC,IAAI,KAAK,IAAI,EAAE;AAAA,IACpC;AAAA,IACE,KAAK,SAAUP,GAAGC,GAAG;AACnB,aAAOD,IAAIC;AAAA,IACf;AAAA,IACE,KAAK,SAAUD,GAAGC,GAAG;AACnB,aAAOD,IAAIC;AAAA,IACf;AAAA,IACE,GAAG,SAAUC,GAAGC,GAAG;AAEjB,eADIC,IAAM,GACDG,IAAI,KAAK,MAAML,CAAC,IAAI,KAAK,MAAMC,CAAC,IAAI,GAAGI,KAAK,KAAK,MAAML,CAAC,GAAGK;AAClE,QAAAH,KAAOG;AAET,aAAOH;AAAA,IACX;AAAA,IACE,IAAI,SAAUI,GAAKC,GAAMC,GAAI;AAE3B,eADIN,IAAM,GACDG,IAAIC,GAAKD,KAAKE,GAAMF;AAC3B,QAAAH,KAAO,OAAOM,EAAG,YAAY;AAAA,UAC3B,GAAGH;AAAA,QACX,CAAO,CAAC;AAEJ,aAAOH;AAAA,IACX;AAAA,IACE,QAAQ,SAAUO,GAAG;AAEnB,eADIZ,IAAI,GACDY;AACL,QAAAZ,KAAK;AAEP,aAAOA;AAAA,IACX;AAAA,IACE,OAAO,SAAUS,GAAKC,GAAMC,GAAI;AAE9B,eADIE,IAAM,GACDL,IAAIC,GAAKD,KAAKE,GAAMF;AAC3B,QAAAK,KAAO,OAAOF,EAAG,YAAY;AAAA,UAC3B,GAAGH;AAAA,QACX,CAAO,CAAC;AAEJ,aAAOK;AAAA,IACX;AAAA,IACE,KAAK,SAAUb,GAAG;AAChB,aAAIF,EAAK,KAAK,aAAUE,IAAIF,EAAK,KAAK,SAASE,CAAC,IACzC,KAAK,IAAIA,CAAC;AAAA,IACrB;AAAA,IACE,MAAM,SAAUA,GAAG;AACjB,cAAQ,KAAK,IAAI,KAAK,GAAGA,CAAC,IAAI,KAAK,IAAI,KAAK,GAAG,KAAKA,CAAC,KAAK;AAAA,IAC9D;AAAA,IACE,KAAK,SAAUC,GAAGC,GAAG;AACnB,aAAOD,IAAIC;AAAA,IACf;AAAA,IACE,KAAK,SAAUF,GAAG;AAChB,aAAIF,EAAK,KAAK,aAAUE,IAAIF,EAAK,KAAK,SAASE,CAAC,IACzC,KAAK,IAAIA,CAAC;AAAA,IACrB;AAAA,IACE,MAAM,SAAUA,GAAG;AACjB,aAAOF,EAAK,MAAME,CAAC,IAAIF,EAAK,MAAME,CAAC;AAAA,IACvC;AAAA,IACE,UAAU,SAAUA,GAAG;AACrB,aAAOA,IAAI,KAAK,KAAK;AAAA,IACzB;AAAA,IACE,KAAK,SAAUC,GAAGC,GAAG;AACnB,aAAOD,IAAIC;AAAA,IACf;AAAA,KAEAJ,EAAK,YAAY,SAAUgB,GAAS;AAClC,SAAK,UAAUA;AAAA,EACjB,GACAC,IAAiBjB;;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es624.js","sources":["../../../node_modules/.pnpm/@visx+drag@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/drag/esm/util/getClosestPoint.js"],"sourcesContent":["/** Gets closest point from list of points */\nexport default function getClosestPoint(point, samples) {\n  let closestPoint = point;\n  let minDistance = Infinity;\n  for (const sample of samples) {\n    const distance = Math.sqrt((sample.x - point.x) ** 2 + (sample.y - point.y) ** 2);\n    if (distance < minDistance) {\n      minDistance = distance;\n      closestPoint = {\n        x: sample.x,\n        y: sample.y\n      };\n    }\n  }\n  return closestPoint;\n}"],"names":["getClosestPoint","point","samples","closestPoint","minDistance","sample","distance"],"mappings":"AACe,SAASA,EAAgBC,GAAOC,GAAS;AACtD,MAAIC,IAAeF,GACfG,IAAc;AAClB,aAAWC,KAAUH,GAAS;AAC5B,UAAMI,IAAW,KAAK,MAAMD,EAAO,IAAIJ,EAAM,MAAM,KAAKI,EAAO,IAAIJ,EAAM,MAAM,CAAC;AAChF,IAAIK,IAAWF,MACbA,IAAcE,GACdH,IAAe;AAAA,MACb,GAAGE,EAAO;AAAA,MACV,GAAGA,EAAO;AAAA,IAClB;AAAA,EAEE;AACA,SAAOF;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es63.js

@@ -0,0 +1,43 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+import x from "./visualization.es33.js";
+const g = 18, l = 12, u = 6, r = 8;
+function G(n) {
+  const t = Math.max(...n.map((h) => h.label.length)) * 7 + l + u + r * 2, e = n.length * g + r * 2;
+  return {
+    width: t,
+    height: e
+  };
+}
+const W = (n) => {
+  const t = w(11), {
+    series: e,
+    xMax: h
+  } = n;
+  let s;
+  t[0] !== e ? (s = G(e), t[0] = e, t[1] = s) : s = t[1];
+  const {
+    width: c,
+    height: f
+  } = s, m = h - c - 4;
+  let o;
+  t[2] !== f || t[3] !== c ? (o = /* @__PURE__ */ a("rect", { width: c, height: f, fill: "white", stroke: "#d4d4d4", strokeWidth: 1, rx: 3 }), t[2] = f, t[3] = c, t[4] = o) : o = t[4];
+  let i;
+  t[5] !== e ? (i = e.map(H), t[5] = e, t[6] = i) : i = t[6];
+  let d;
+  return t[7] !== m || t[8] !== o || t[9] !== i ? (d = /* @__PURE__ */ p(x, { left: m, top: 4, children: [
+    o,
+    i
+  ] }), t[7] = m, t[8] = o, t[9] = i, t[10] = d) : d = t[10], d;
+};
+function H(n, t) {
+  return /* @__PURE__ */ p(x, { top: r + t * g, children: [
+    /* @__PURE__ */ a("rect", { x: r, y: 2, width: l, height: l, fill: n.color, opacity: 0.85, rx: 2 }),
+    /* @__PURE__ */ a("text", { x: r + l + u, y: l / 2 + 2, dominantBaseline: "middle", fontSize: 11, children: n.label })
+  ] }, `legend-${t}`);
+}
+export {
+  W as default,
+  G as legendDimensions
+};
+//# sourceMappingURL=visualization.es63.js.map

package/dist/visualization.es63.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es63.js","sources":["../src/components/Histogram/HistogramLegend.tsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@visx/group';\nimport { HistogramSeries } from './types';\n\nconst ROW_HEIGHT = 18;\nconst SWATCH = 12;\nconst GAP = 6;\nconst PADDING = 8;\n\ninterface HistogramLegendProps {\n    series: HistogramSeries[];\n    xMax: number;\n}\n\nexport function legendDimensions(series: HistogramSeries[]) {\n    const width = Math.max(...series.map((s) => s.label.length)) * 7 + SWATCH + GAP + PADDING * 2;\n    const height = series.length * ROW_HEIGHT + PADDING * 2;\n    return { width, height };\n}\n\nconst HistogramLegend = ({ series, xMax }: HistogramLegendProps) => {\n    const { width, height } = legendDimensions(series);\n\n    return (\n        <Group left={xMax - width - 4} top={4}>\n            <rect width={width} height={height} fill=\"white\" stroke=\"#d4d4d4\" strokeWidth={1} rx={3} />\n            {series.map((s, i) => (\n                <Group key={`legend-${i}`} top={PADDING + i * ROW_HEIGHT}>\n                    <rect x={PADDING} y={2} width={SWATCH} height={SWATCH} fill={s.color} opacity={0.85} rx={2} />\n                    <text\n                        x={PADDING + SWATCH + GAP}\n                        y={SWATCH / 2 + 2}\n                        dominantBaseline=\"middle\"\n                        fontSize={11}\n                    >\n                        {s.label}\n                    </text>\n                </Group>\n            ))}\n        </Group>\n    );\n};\n\nexport default HistogramLegend;\n"],"names":["ROW_HEIGHT","SWATCH","GAP","PADDING","legendDimensions","series","width","Math","max","map","s","label","length","height","HistogramLegend","t0","$","_c","xMax","t1","t2","t3","jsx","t4","_temp","t5","jsxs","Group","i","color"],"mappings":";;;AAIA,MAAMA,IAAa,IACbC,IAAS,IACTC,IAAM,GACNC,IAAU;AAOT,SAASC,EAAiBC,GAA2B;AACxD,QAAMC,IAAQC,KAAKC,IAAI,GAAGH,EAAOI,IAAKC,CAAAA,MAAMA,EAAEC,MAAMC,MAAM,CAAC,IAAI,IAAIX,IAASC,IAAMC,IAAU,GACtFU,IAASR,EAAOO,SAASZ,IAAaG,IAAU;AACtD,SAAO;AAAA,IAAEG,OAAAA;AAAAA,IAAOO,QAAAA;AAAAA,EAAAA;AACpB;AAEA,MAAMC,IAAkBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAZ,QAAAA;AAAAA,IAAAa,MAAAA;AAAAA,EAAAA,IAAAH;AAAsC,MAAAI;AAAA,EAAAH,SAAAX,KACjCc,IAAAf,EAAiBC,CAAM,GAACW,OAAAX,GAAAW,OAAAG,KAAAA,IAAAH,EAAA,CAAA;AAAlD,QAAA;AAAA,IAAAV,OAAAA;AAAAA,IAAAO,QAAAA;AAAAA,EAAAA,IAA0BM,GAGTC,IAAAF,IAAOZ,IAAQ;AAAC,MAAAe;AAAA,EAAAL,EAAA,CAAA,MAAAH,KAAAG,SAAAV,KACzBe,IAAA,gBAAAC,EAAA,QAAA,EAAahB,OAAAA,GAAeO,QAAAA,GAAa,MAAA,SAAe,QAAA,WAAuB,aAAA,GAAO,IAAA,EAAA,CAAC,GAAIG,OAAAH,GAAAG,OAAAV,GAAAU,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,SAAAX,KAC1FkB,IAAAlB,EAAMI,IAAKe,CAYX,GAACR,OAAAX,GAAAW,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,EAAA,CAAA,MAAAI,KAAAJ,SAAAK,KAAAL,EAAA,CAAA,MAAAO,KAdNE,IAAA,gBAAAC,EAACC,GAAA,EAAY,MAAAP,GAAuB,KAAA,GAChCC,UAAAA;AAAAA,IAAAA;AAAAA,IACCE;AAAAA,EAAAA,GAaL,GAAQP,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAO,GAAAP,QAAAS,KAAAA,IAAAT,EAAA,EAAA,GAfRS;AAeQ;AAnBQ,SAAAD,EAAAd,GAAAkB,GAAA;AAAA,SAOR,gBAAAF,EAACC,GAAA,EAA+B,KAAAxB,IAAUyB,IAAI5B,GAC1C,UAAA;AAAA,IAAA,gBAAAsB,EAAA,QAAA,EAASnB,GAAAA,GAAY,MAAUF,OAAAA,GAAgBA,QAAAA,GAAc,MAAAS,EAACmB,OAAiB,SAAA,MAAU,IAAA,GAAC;AAAA,IAC1F,gBAAAP,YACO,GAAAnB,IAAUF,IAASC,GACnB,GAAAD,IAAS,IAAI,GACC,kBAAA,UACP,UAAA,IAETS,YAACC,MAAAA,CACN;AAAA,EAAA,EAAA,GATQ,UAAUiB,CAAC,EAUvB;AAAQ;"}

package/dist/visualization.es635.js

@@ -1,4 +1,4 @@
-import c from "./visualization.es623.js";
+import c from "./visualization.es621.js";
 function g(e, n) {
   var t = n ? n.length : 0, o = e ? Math.min(t, e.length) : 0, f = new Array(o), i = new Array(t), r;
   for (r = 0; r < o; ++r) f[r] = c(e[r], n[r]);

package/dist/visualization.es637.js

@@ -1,4 +1,4 @@
-import r from "./visualization.es623.js";
+import r from "./visualization.es621.js";
 function u(o, e) {
   var n = {}, f = {}, t;
   (o === null || typeof o != "object") && (o = {}), (e === null || typeof e != "object") && (e = {});

package/dist/visualization.es638.js

@@ -1,4 +1,4 @@
-import g from "./visualization.es622.js";
+import g from "./visualization.es620.js";
 var x = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, c = new RegExp(x.source, "g");
 function h(i) {
   return function() {

package/dist/visualization.es64.js

@@ -1,134 +1,84 @@
-import { jsx as t, jsxs as d, Fragment as q } from "react/jsx-runtime";
-import { c as E } from "react/compiler-runtime";
-import { useState as H } from "react";
-import m from "@mui/material/Button";
-import N from "./visualization.es118.js";
-import X from "./visualization.es119.js";
-import Y from "@mui/icons-material/KeyboardDoubleArrowRight";
-import $ from "@mui/icons-material/KeyboardDoubleArrowLeft";
-import K from "@mui/material/Stack";
-import { Typography as G } from "@mui/material";
-import J from "@mui/icons-material/Download";
-import M from "@mui/icons-material/Shuffle";
-import Q from "@mui/icons-material/Label";
-import U from "@mui/icons-material/LabelOff";
-import V from "@mui/icons-material/Insights";
-import f from "@mui/material/Tooltip";
-import Z from "@mui/material/Paper";
-const xe = (P) => {
-  const e = E(38), {
-    toggles: g,
-    onToggle: h,
-    simpleCategories: y,
-    edgeType: x,
-    colorFunc: b,
-    elements: u,
-    edges: w,
-    scales: C,
-    scaleWidth: S,
-    downloadScreenshot: L,
-    randomize: I,
-    organize: z,
-    toggleLabels: k,
-    labelsOn: T,
-    legendToggle: W,
-    legendNodeLabel: v,
-    legendEdgeLabel: j,
-    uniqueCat: D,
-    scaleLabel: R
-  } = P, [o, _] = H(!1), O = o ? "40px" : "250px";
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { c as b } from "react/compiler-runtime";
+import { useState as S, useImperativeHandle as v } from "react";
+import _ from "./visualization.es82.js";
+const H = (t) => {
+  const e = b(10), {
+    multiSeries: d,
+    tooltipBody: i,
+    ref: h
+  } = t;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
+    open: !1
+  }, e[0] = r) : r = e[0];
+  const [p, u] = S(r);
   let s;
-  e[0] !== O ? (s = {
-    position: "absolute",
-    top: "0",
-    right: "0",
-    width: O,
-    backgroundColor: "white",
-    transition: "width 0.3s",
-    zIndex: 1e3,
-    overflowX: "hidden",
-    marginRight: "5px",
-    marginTop: "5px",
-    overflowY: "auto",
-    maxHeight: "100vh"
-  }, e[0] = O, e[1] = s) : s = e[1];
-  const A = s, B = o ? "0px" : "10px";
-  let a;
-  e[2] !== B ? (a = {
-    width: B,
-    height: "40px",
-    display: "inline-block",
-    alignItems: "left",
-    justifyContent: "left",
-    cursor: "pointer",
-    padding: "0px"
-  }, e[2] = B, e[3] = a) : a = e[3];
-  const F = a;
+  if (e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = () => ({
+    show: (g, x, y) => u({
+      open: !0,
+      data: g,
+      left: x,
+      top: y
+    }),
+    hide: () => u(j)
+  }), e[1] = s) : s = e[1], v(h, s), !p.open || !p.data)
+    return null;
+  const {
+    data: o,
+    left: f,
+    top: m
+  } = p;
   let l;
-  e[4] !== o ? (l = () => _(!o), e[4] = o, e[5] = l) : l = e[5];
-  let p;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
-    typography: "body2",
-    textTransform: "none"
-  }, e[6] = p) : p = e[6];
-  let i;
-  e[7] !== o ? (i = o ? /* @__PURE__ */ t($, { style: {
-    marginLeft: "-27px"
-  } }) : /* @__PURE__ */ t(Y, { style: {
-    marginRight: "30px"
-  } }), e[7] = o, e[8] = i) : i = e[8];
-  let n;
-  e[9] !== F || e[10] !== l || e[11] !== i ? (n = /* @__PURE__ */ t(m, { onClick: l, fullWidth: !0, sx: p, style: F, children: i }), e[9] = F, e[10] = l, e[11] = i, e[12] = n) : n = e[12];
-  let r;
-  e[13] !== o || e[14] !== b || e[15] !== L || e[16] !== x || e[17] !== w || e[18] !== u || e[19] !== T || e[20] !== j || e[21] !== v || e[22] !== W || e[23] !== h || e[24] !== z || e[25] !== I || e[26] !== R || e[27] !== S || e[28] !== C || e[29] !== y || e[30] !== k || e[31] !== g || e[32] !== D ? (r = !o && /* @__PURE__ */ d(q, { children: [
-    /* @__PURE__ */ t(G, { variant: "body2", style: {
-      fontSize: "20px",
-      marginLeft: "22px",
-      marginTop: "5px",
-      justifyContent: "center",
-      alignItems: "center",
-      display: "inline-block"
-    }, children: "Controls" }),
-    /* @__PURE__ */ d(K, { spacing: 1, children: [
-      /* @__PURE__ */ t(N, { toggles: g, onToggle: h, simpleCategories: y, edgeType: x, colorFunc: b, elements: u, edges: w, legendToggle: W, legendNodeLabel: v, legendEdgeLabel: j, uniqueCat: D }),
-      /* @__PURE__ */ t(X, { scales: C, width: S, scaleLabel: R }),
-      /* @__PURE__ */ d(K, { direction: "row", spacing: 2, style: {
-        marginBottom: "5px"
-      }, children: [
-        /* @__PURE__ */ t(m, { onClick: L, style: {
-          fontSize: "small",
-          minWidth: "40px"
-        }, children: /* @__PURE__ */ t(f, { title: "Download", color: "primary", sx: {
-          ml: 1
-        }, placement: "bottom", children: /* @__PURE__ */ t(J, {}) }) }),
-        /* @__PURE__ */ t(m, { onClick: I, style: {
-          fontSize: "small",
-          minWidth: "40px"
-        }, children: /* @__PURE__ */ t(f, { title: "Randomize", color: "primary", sx: {
-          ml: 1
-        }, placement: "bottom", children: /* @__PURE__ */ t(M, {}) }) }),
-        /* @__PURE__ */ t(m, { onClick: z, style: {
-          fontSize: "small",
-          minWidth: "40px"
-        }, children: /* @__PURE__ */ t(f, { title: "Organize", color: "primary", sx: {
-          ml: 1
-        }, placement: "bottom", children: /* @__PURE__ */ t(V, {}) }) }),
-        /* @__PURE__ */ t(m, { onClick: k, style: {
-          fontSize: "small",
-          minWidth: "40px"
-        }, children: /* @__PURE__ */ t(f, { title: "Toggle Labels", color: "primary", sx: {
-          ml: 1
-        }, placement: "bottom", children: T ? /* @__PURE__ */ t(U, {}) : /* @__PURE__ */ t(Q, {}) }) })
-      ] })
+  e[2] !== o || e[3] !== d || e[4] !== i ? (l = i ? i(o) : /* @__PURE__ */ n("div", { style: {
+    fontSize: 12
+  }, children: [
+    /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ c("strong", { children: "Range:" }),
+      " ",
+      o.x0.toFixed(2),
+      ", ",
+      o.x1.toFixed(2)
+    ] }),
+    d ? o.series.map(k) : /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ c("strong", { children: "Count:" }),
+      " ",
+      o.count
     ] })
-  ] }), e[13] = o, e[14] = b, e[15] = L, e[16] = x, e[17] = w, e[18] = u, e[19] = T, e[20] = j, e[21] = v, e[22] = W, e[23] = h, e[24] = z, e[25] = I, e[26] = R, e[27] = S, e[28] = C, e[29] = y, e[30] = k, e[31] = g, e[32] = D, e[33] = r) : r = e[33];
-  let c;
-  return e[34] !== A || e[35] !== n || e[36] !== r ? (c = /* @__PURE__ */ d(Z, { style: A, elevation: 3, children: [
-    n,
-    r
-  ] }), e[34] = A, e[35] = n, e[36] = r, e[37] = c) : c = e[37], c;
+  ] }), e[2] = o, e[3] = d, e[4] = i, e[5] = l) : l = e[5];
+  let a;
+  return e[6] !== f || e[7] !== l || e[8] !== m ? (a = /* @__PURE__ */ c(_, { left: f, top: m, children: l }), e[6] = f, e[7] = l, e[8] = m, e[9] = a) : a = e[9], a;
 };
+function j(t) {
+  return {
+    ...t,
+    open: !1
+  };
+}
+function k(t) {
+  return /* @__PURE__ */ n("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    gap: 4
+  }, children: [
+    /* @__PURE__ */ c("span", { style: {
+      width: 8,
+      height: 8,
+      borderRadius: 2,
+      backgroundColor: t.color,
+      display: "inline-block"
+    } }),
+    /* @__PURE__ */ n("span", { children: [
+      /* @__PURE__ */ n("strong", { children: [
+        t.label,
+        ":"
+      ] }),
+      " ",
+      t.count
+    ] })
+  ] }, t.label);
+}
 export {
-  xe as default
+  H as default
 };
 //# sourceMappingURL=visualization.es64.js.map

package/dist/visualization.es64.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es64.js","sources":["../src/components/Graph/ControlPanel.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from 'react';\nimport { Node, Edge } from './types';\nimport Button from '@mui/material/Button';\nimport Legend from './Legend';\nimport ScaleLegend from './ScaleLegend';\nimport KeyboardDoubleArrowRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight';\nimport KeyboardDoubleArrowLeftIcon from '@mui/icons-material/KeyboardDoubleArrowLeft';\nimport Stack from '@mui/material/Stack';\nimport { Typography } from '@mui/material';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport ShuffleIcon from '@mui/icons-material/Shuffle';\nimport LabelIcon from '@mui/icons-material/Label';\nimport LabelOffIcon from '@mui/icons-material/LabelOff';\nimport InsightsIcon from '@mui/icons-material/Insights';\nimport Tooltip from '@mui/material/Tooltip';\nimport Paper from '@mui/material/Paper';\n\ninterface ControlPanelProps {\n  toggles: { [key: string]: boolean };\n  onToggle: (category: string) => void;\n  simpleCategories: string[];\n  edgeType: boolean;\n  colorFunc?: (node: Node | Edge) => string;\n  elements: Node[];\n  edges: Edge[];\n  scales: number[];\n  scaleWidth: (n: number) => number;\n  downloadScreenshot: () => void;\n  randomize: () => void;\n  organize: () => void;\n  toggleLabels: () => void;\n  labelsOn: boolean;\n  legendToggle?: (node: Node | Edge) => string;\n  legendNodeLabel?: string;\n  legendEdgeLabel?: string;\n  uniqueCat?: string[];\n  scaleLabel?: string;\n}\n\nconst ControlPanel: React.FC<ControlPanelProps> = ({\n  toggles,\n  onToggle,\n  simpleCategories,\n  edgeType,\n  colorFunc,\n  elements,\n  edges,\n  scales,\n  scaleWidth,\n  downloadScreenshot,\n  randomize,\n  organize,\n  toggleLabels,\n  labelsOn,\n  legendToggle,\n  legendNodeLabel,\n  legendEdgeLabel,\n  uniqueCat,\n  scaleLabel,\n}) => {\n  const [collapsed, setCollapsed] = useState(false);\n\n  const panelStyle: CSSProperties = {\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    width: collapsed ? '40px' : '250px',\n    backgroundColor: 'white',\n    transition: 'width 0.3s',\n    zIndex: 1000,\n    overflowX: 'hidden',\n    marginRight: '5px',\n    marginTop: '5px',\n    overflowY: 'auto',\n    maxHeight: '100vh',\n  };\n\n  const buttonStyle: CSSProperties = {\n    width: collapsed ? '0px' : '10px',\n    height: '40px',\n    display: 'inline-block',\n    alignItems: 'left',\n    justifyContent: 'left',\n    cursor: 'pointer',\n    padding: '0px',\n  };\n\n  return (\n    <Paper style={panelStyle} elevation={3}>\n      <Button\n        onClick={() => setCollapsed(!collapsed)}\n        fullWidth\n        sx={{ typography: 'body2', textTransform: 'none' }}\n        style={buttonStyle}\n      >\n        {collapsed ? (\n          <KeyboardDoubleArrowLeftIcon style={{ marginLeft: '-27px' }} />\n        ) : (\n          <KeyboardDoubleArrowRightIcon style={{ marginRight: '30px' }} />\n        )}\n      </Button>\n\n      {!collapsed && (\n        <>\n          <Typography\n            variant=\"body2\"\n            style={{\n              fontSize: '20px',\n              marginLeft: '22px',\n              marginTop: '5px',\n              justifyContent: 'center',\n              alignItems: 'center',\n              display: 'inline-block',\n            }}\n          >\n            Controls\n          </Typography>\n          <Stack spacing={1}>\n            <Legend\n              toggles={toggles}\n              onToggle={onToggle}\n              simpleCategories={simpleCategories}\n              edgeType={edgeType}\n              colorFunc={colorFunc}\n              elements={elements}\n              edges={edges}\n              legendToggle={legendToggle}\n              legendNodeLabel={legendNodeLabel}\n              legendEdgeLabel={legendEdgeLabel}\n              uniqueCat={uniqueCat}\n            />\n\n            <ScaleLegend\n              scales={scales}\n              width={scaleWidth}\n              scaleLabel={scaleLabel}\n            />\n\n            <Stack direction=\"row\" spacing={2} style={{ marginBottom: '5px' }}>\n              <Button\n                onClick={downloadScreenshot}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Download\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <DownloadIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={randomize}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Randomize\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <ShuffleIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={organize}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Organize\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <InsightsIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={toggleLabels}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Toggle Labels\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  {labelsOn ? <LabelOffIcon /> : <LabelIcon />}\n                </Tooltip>\n              </Button>\n            </Stack>\n          </Stack>\n        </>\n      )}\n    </Paper>\n  );\n};\n\nexport default ControlPanel;\n"],"names":["ControlPanel","t0","$","_c","toggles","onToggle","simpleCategories","edgeType","colorFunc","elements","edges","scales","scaleWidth","downloadScreenshot","randomize","organize","toggleLabels","labelsOn","legendToggle","legendNodeLabel","legendEdgeLabel","uniqueCat","scaleLabel","collapsed","setCollapsed","useState","t1","t2","position","top","right","width","backgroundColor","transition","zIndex","overflowX","marginRight","marginTop","overflowY","maxHeight","panelStyle","t3","t4","height","display","alignItems","justifyContent","cursor","padding","buttonStyle","t5","t6","Symbol","for","typography","textTransform","t7","jsx","KeyboardDoubleArrowLeftIcon","marginLeft","KeyboardDoubleArrowRightIcon","t8","Button","t9","jsxs","Fragment","Typography","fontSize","Stack","Legend","ScaleLegend","marginBottom","minWidth","Tooltip","ml","DownloadIcon","ShuffleIcon","InsightsIcon","LabelOffIcon","LabelIcon","t10","Paper"],"mappings":"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"}
+{"version":3,"file":"visualization.es64.js","sources":["../src/components/Histogram/HistogramTooltip.tsx"],"sourcesContent":["import React, { useImperativeHandle, useState } from 'react';\nimport { TooltipWithBounds } from '@visx/tooltip';\nimport { HistogramBin } from './types';\n\nexport interface HistogramTooltipHandle {\n    show: (bin: HistogramBin, left: number, top: number) => void;\n    hide: () => void;\n}\n\ninterface HistogramTooltipProps {\n    multiSeries: boolean;\n    tooltipBody?: (bin: HistogramBin) => React.ReactElement;\n    ref: React.Ref<HistogramTooltipHandle>;\n}\n\nconst HistogramTooltip = ({ multiSeries, tooltipBody, ref }: HistogramTooltipProps) => {\n    const [state, setState] = useState<{ open: boolean; data?: HistogramBin; left?: number; top?: number }>({ open: false });\n\n    useImperativeHandle(ref, () => ({\n        show: (bin, left, top) => setState({ open: true, data: bin, left, top }),\n        hide: () => setState((s) => ({ ...s, open: false })),\n    }));\n\n    if (!state.open || !state.data) return null;\n\n    const { data, left, top } = state;\n\n    return (\n        <TooltipWithBounds left={left} top={top}>\n            {tooltipBody ? (\n                tooltipBody(data)\n            ) : (\n                <div style={{ fontSize: 12 }}>\n                    <div>\n                        <strong>Range:</strong> {data.x0.toFixed(2)}, {data.x1.toFixed(2)}\n                    </div>\n                    {multiSeries ? (\n                        data.series.map((s) => (\n                            <div key={s.label} style={{ display: 'flex', alignItems: 'center', gap: 4 }}>\n                                <span style={{ width: 8, height: 8, borderRadius: 2, backgroundColor: s.color, display: 'inline-block' }} />\n                                <span><strong>{s.label}:</strong> {s.count}</span>\n                            </div>\n                        ))\n                    ) : (\n                        <div><strong>Count:</strong> {data.count}</div>\n                    )}\n                </div>\n            )}\n        </TooltipWithBounds>\n    );\n};\n\nexport default HistogramTooltip;\n"],"names":["HistogramTooltip","t0","$","_c","multiSeries","tooltipBody","ref","t1","Symbol","for","open","state","setState","useState","t2","show","bin","left","top","data","hide","_temp","useImperativeHandle","left_0","top_0","t3","jsxs","fontSize","jsx","x0","toFixed","x1","series","map","_temp2","count","t4","TooltipWithBounds","s","s_0","display","alignItems","gap","width","height","borderRadius","backgroundColor","color","label"],"mappings":"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"}

package/dist/visualization.es65.js

@@ -1,35 +1,49 @@
-const c = 12, t = "sans-serif", e = 14, i = (o) => (n) => o[Math.floor(+n)] ?? "", T = (o) => o === "horizontal" ? 0 : o === "vertical" ? -90 : o === "leftDiagonal" ? -45 : 45, s = (o) => o === "horizontal" ? "middle" : o === "rightDiagonal" ? "start" : "end", I = (o) => ({
-  fontSize: 12,
-  fontFamily: t,
-  textAnchor: s(o),
-  angle: T(o),
-  dy: o === "horizontal" ? "0.71em" : "0.25em"
-}), _ = {
-  fontSize: 14,
-  fontFamily: t,
-  textAnchor: "middle",
-  dy: "-0.5em"
-}, l = {
-  fontSize: 12,
-  fontFamily: t,
-  textAnchor: "end",
-  dx: "-0.25em",
-  dy: "0.25em"
-}, r = {
-  fontSize: 14,
-  fontFamily: t,
-  textAnchor: "middle"
-};
+import { jsx as g } from "react/jsx-runtime";
+import { memo as X, useState as v } from "react";
+import { getAnimationProps as w } from "./visualization.es31.js";
+import { motion as x } from "./visualization.es34.js";
+import B from "./visualization.es112.js";
+const E = X(({
+  bin: r,
+  x: p,
+  barWidth: l,
+  yScale: n,
+  animationType: c,
+  binIndex: f,
+  svgRef: i,
+  tooltipRef: s,
+  onBarClicked: u
+}) => {
+  const [h, m] = v(!1), d = c ? x.g : "g", M = w(c, f);
+  let a = 0;
+  const Y = r.series.map((t, e) => {
+    const o = a;
+    return a += t.count, {
+      s: t,
+      si: e,
+      segY: n(o + t.count),
+      segHeight: Math.max(n(o) - n(o + t.count), 0)
+    };
+  });
+  return /* @__PURE__ */ g(d, { ...M, onMouseEnter: (t) => {
+    m(!0);
+    const e = i.current?.getBoundingClientRect();
+    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
+  }, onMouseMove: (t) => {
+    const e = i.current?.getBoundingClientRect();
+    s.current?.show(r, e ? t.clientX - e.left + 10 : t.pageX, e ? t.clientY - e.top : t.pageY);
+  }, onMouseLeave: () => {
+    m(!1), s.current?.hide();
+  }, children: Y.map(({
+    s: t,
+    si: e,
+    segY: o,
+    segHeight: H
+  }) => /* @__PURE__ */ g(B, { x: p, y: o, width: l, height: H, fill: t.color, opacity: 0.85, stroke: h ? "#000000" : "none", style: {
+    cursor: u ? "pointer" : "default"
+  }, onClick: () => u?.(r) }, `seg-${e}`)) });
+});
 export {
-  e as AXIS_TITLE_FONT_SIZE,
-  t as TICK_FONT_FAMILY,
-  c as TICK_FONT_SIZE,
-  I as getXAxisTickLabelProps,
-  i as makeTickFormat,
-  _ as xAxisLabelProps,
-  T as xTickAngleFor,
-  s as xTickTextAnchorFor,
-  r as yAxisLabelProps,
-  l as yAxisTickLabelProps
+  E as default
 };
 //# sourceMappingURL=visualization.es65.js.map

package/dist/visualization.es65.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es65.js","sources":["../src/components/Heatmap/heatmapAxisProps.ts"],"sourcesContent":["import type { HeatmapProps } from \"./types\";\n\nexport const TICK_FONT_SIZE = 12;\nexport const TICK_FONT_FAMILY = \"sans-serif\";\nexport const AXIS_TITLE_FONT_SIZE = 14;\n\nexport const makeTickFormat = (names: string[]) => (d: number | { valueOf(): number }) => names[Math.floor(+d)] ?? \"\";\n\ntype XLabelOrientation = NonNullable<HeatmapProps[\"xLabelOrientation\"]>;\n\nexport const xTickAngleFor = (xLabelOrientation: XLabelOrientation) =>\n  xLabelOrientation === \"horizontal\" ? 0 : xLabelOrientation === \"vertical\" ? -90 : xLabelOrientation === \"leftDiagonal\" ? -45 : 45;\n\nexport const xTickTextAnchorFor = (xLabelOrientation: XLabelOrientation): \"middle\" | \"start\" | \"end\" =>\n  xLabelOrientation === \"horizontal\" ? \"middle\" : xLabelOrientation === \"rightDiagonal\" ? \"start\" : \"end\";\n\nexport const getXAxisTickLabelProps = (xLabelOrientation: XLabelOrientation) => ({\n  fontSize: TICK_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: xTickTextAnchorFor(xLabelOrientation),\n  angle: xTickAngleFor(xLabelOrientation),\n  dy: xLabelOrientation === \"horizontal\" ? \"0.71em\" : \"0.25em\",\n});\n\nexport const xAxisLabelProps = {\n  fontSize: AXIS_TITLE_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: \"middle\" as const,\n  dy: \"-0.5em\",\n};\n\nexport const yAxisTickLabelProps = {\n  fontSize: TICK_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: \"end\" as const,\n  dx: \"-0.25em\",\n  dy: \"0.25em\",\n};\n\nexport const yAxisLabelProps = {\n  fontSize: AXIS_TITLE_FONT_SIZE,\n  fontFamily: TICK_FONT_FAMILY,\n  textAnchor: \"middle\" as const,\n};\n"],"names":["TICK_FONT_SIZE","TICK_FONT_FAMILY","AXIS_TITLE_FONT_SIZE","makeTickFormat","names","d","Math","floor","xTickAngleFor","xLabelOrientation","xTickTextAnchorFor","getXAxisTickLabelProps","fontSize","fontFamily","textAnchor","angle","dy","xAxisLabelProps","yAxisTickLabelProps","dx","yAxisLabelProps"],"mappings":"AAEO,MAAMA,IAAiB,IACjBC,IAAmB,cACnBC,IAAuB,IAEvBC,IAAiBA,CAACC,MAAoB,CAACC,MAAsCD,EAAME,KAAKC,MAAM,CAACF,CAAC,CAAC,KAAK,IAItGG,IAAgBA,CAACC,MAC5BA,MAAsB,eAAe,IAAIA,MAAsB,aAAa,MAAMA,MAAsB,iBAAiB,MAAM,IAEpHC,IAAqBA,CAACD,MACjCA,MAAsB,eAAe,WAAWA,MAAsB,kBAAkB,UAAU,OAEvFE,IAAyBA,CAACF,OAA0C;AAAA,EAC/EG,UAAUZ;AAAAA,EACVa,YAAYZ;AAAAA,EACZa,YAAYJ,EAAmBD,CAAiB;AAAA,EAChDM,OAAOP,EAAcC,CAAiB;AAAA,EACtCO,IAAIP,MAAsB,eAAe,WAAW;AACtD,IAEaQ,IAAkB;AAAA,EAC7BL,UAAUV;AAAAA,EACVW,YAAYZ;AAAAA,EACZa,YAAY;AAAA,EACZE,IAAI;AACN,GAEaE,IAAsB;AAAA,EACjCN,UAAUZ;AAAAA,EACVa,YAAYZ;AAAAA,EACZa,YAAY;AAAA,EACZK,IAAI;AAAA,EACJH,IAAI;AACN,GAEaI,IAAkB;AAAA,EAC7BR,UAAUV;AAAAA,EACVW,YAAYZ;AAAAA,EACZa,YAAY;AACd;"}
+{"version":3,"file":"visualization.es65.js","sources":["../src/components/Histogram/HistogramBar.tsx"],"sourcesContent":["import React, { memo, useState } from 'react';\nimport { Bar } from '@visx/shape';\nimport { motion } from 'framer-motion';\nimport { getAnimationProps, AnimationType } from '../../utility';\nimport { HistogramBin } from './types';\nimport { HistogramTooltipHandle } from './HistogramTooltip';\n\nexport interface HistogramBarProps {\n    bin: HistogramBin;\n    x: number;\n    barWidth: number;\n    yScale: (v: number) => number;\n    animationType?: AnimationType;\n    binIndex: number;\n    svgRef: React.RefObject<SVGSVGElement | null>;\n    tooltipRef: React.RefObject<HistogramTooltipHandle | null>;\n    onBarClicked?: (bin: HistogramBin) => void;\n}\n\n//memoize so that entire chart doesnt re-render on hover, just the hovered bar\nconst HistogramBar = memo(({ bin, x, barWidth, yScale, animationType, binIndex, svgRef, tooltipRef, onBarClicked }: HistogramBarProps) => {\n    const [isHovered, setIsHovered] = useState(false);\n\n    const Wrapper = animationType ? motion.g : 'g';\n    const animProps = getAnimationProps(animationType, binIndex);\n\n    let totCount = 0;\n    const segments = bin.series.map((s, si) => {\n        const start = totCount;\n        totCount += s.count;\n        return { s, si, segY: yScale(start + s.count), segHeight: Math.max(yScale(start) - yScale(start + s.count), 0) };\n    });\n\n    return (\n        <Wrapper\n            {...animProps}\n            onMouseEnter={(e: React.MouseEvent) => {\n                setIsHovered(true);\n                const rect = svgRef.current?.getBoundingClientRect();\n                tooltipRef.current?.show(bin, rect ? e.clientX - rect.left + 10 : e.pageX, rect ? e.clientY - rect.top : e.pageY);\n            }}\n            onMouseMove={(e: React.MouseEvent) => {\n                const rect = svgRef.current?.getBoundingClientRect();\n                tooltipRef.current?.show(bin, rect ? e.clientX - rect.left + 10 : e.pageX, rect ? e.clientY - rect.top : e.pageY);\n            }}\n            onMouseLeave={() => {\n                setIsHovered(false);\n                tooltipRef.current?.hide();\n            }}\n        >\n            {segments.map(({ s, si, segY, segHeight }) => (\n                <Bar\n                    key={`seg-${si}`}\n                    x={x}\n                    y={segY}\n                    width={barWidth}\n                    height={segHeight}\n                    fill={s.color}\n                    opacity={0.85}\n                    stroke={isHovered ? '#000000' : 'none'}\n                    style={{ cursor: onBarClicked ? 'pointer' : 'default' }}\n                    onClick={() => onBarClicked?.(bin)}\n                />\n            ))}\n        </Wrapper>\n    );\n});\n\nexport default HistogramBar;\n"],"names":["HistogramBar","memo","bin","x","barWidth","yScale","animationType","binIndex","svgRef","tooltipRef","onBarClicked","isHovered","setIsHovered","useState","Wrapper","motion","g","animProps","getAnimationProps","totCount","segments","series","map","s","si","start","count","segY","segHeight","Math","max","e","rect","current","getBoundingClientRect","show","clientX","left","pageX","clientY","top","pageY","hide","jsx","Bar","color","cursor"],"mappings":";;;;;AAoBA,MAAMA,IAAeC,EAAK,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAKC,GAAAA;AAAAA,EAAGC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQC,eAAAA;AAAAA,EAAeC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQC,YAAAA;AAAAA,EAAYC,cAAAA;AAAgC,MAAM;AACtI,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAUR,IAAgBS,EAAOC,IAAI,KACrCC,IAAYC,EAAkBZ,GAAeC,CAAQ;AAE3D,MAAIY,IAAW;AACf,QAAMC,IAAWlB,EAAImB,OAAOC,IAAI,CAACC,GAAGC,MAAO;AACvC,UAAMC,IAAQN;AACdA,WAAAA,KAAYI,EAAEG,OACP;AAAA,MAAEH,GAAAA;AAAAA,MAAGC,IAAAA;AAAAA,MAAIG,MAAMtB,EAAOoB,IAAQF,EAAEG,KAAK;AAAA,MAAGE,WAAWC,KAAKC,IAAIzB,EAAOoB,CAAK,IAAIpB,EAAOoB,IAAQF,EAAEG,KAAK,GAAG,CAAC;AAAA,IAAA;AAAA,EACjH,CAAC;AAED,2BACKZ,GAAA,EACG,GAAIG,GACJ,cAAc,CAACc,MAAwB;AACnCnB,IAAAA,EAAa,EAAI;AACjB,UAAMoB,IAAOxB,EAAOyB,SAASC,sBAAAA;AAC7BzB,IAAAA,EAAWwB,SAASE,KAAKjC,GAAK8B,IAAOD,EAAEK,UAAUJ,EAAKK,OAAO,KAAKN,EAAEO,OAAON,IAAOD,EAAEQ,UAAUP,EAAKQ,MAAMT,EAAEU,KAAK;AAAA,EACpH,GACA,aAAa,CAACV,MAAwB;AAClC,UAAMC,IAAOxB,EAAOyB,SAASC,sBAAAA;AAC7BzB,IAAAA,EAAWwB,SAASE,KAAKjC,GAAK8B,IAAOD,EAAEK,UAAUJ,EAAKK,OAAO,KAAKN,EAAEO,OAAON,IAAOD,EAAEQ,UAAUP,EAAKQ,MAAMT,EAAEU,KAAK;AAAA,EACpH,GACA,cAAc,MAAM;AAChB7B,IAAAA,EAAa,EAAK,GAClBH,EAAWwB,SAASS,KAAAA;AAAAA,EACxB,GAECtB,UAAAA,EAASE,IAAI,CAAC;AAAA,IAAEC,GAAAA;AAAAA,IAAGC,IAAAA;AAAAA,IAAIG,MAAAA;AAAAA,IAAMC,WAAAA;AAAAA,EAAAA,MAC1B,gBAAAe,EAACC,GAAA,EAEG,GAAAzC,GACA,GAAGwB,GACH,OAAOvB,GACP,QAAQwB,GACR,MAAML,EAAEsB,OACR,SAAS,MACT,QAAQlC,IAAY,YAAY,QAChC,OAAO;AAAA,IAAEmC,QAAQpC,IAAe,YAAY;AAAA,EAAA,GAC5C,SAAS,MAAMA,IAAeR,CAAG,KAT5B,OAAOsB,CAAE,EASqB,CAE1C,GACL;AAER,CAAC;"}