@weng-lab/visualization 2.2.2 → 2.3.1

package/dist/visualization.es195.js

@@ -1,8 +1,38 @@
-function t(n) {
-  for (var e = n.length, r = new Array(e); --e >= 0; ) r[e] = e;
-  return r;
+import { isCSSVariableName as s } from "./visualization.es233.js";
+import { transformProps as n } from "./visualization.es236.js";
+import { defaultTransformValue as a, readTransformValue as i } from "./visualization.es291.js";
+import { measureViewportBox as u } from "./visualization.es335.js";
+import { DOMVisualElement as p } from "./visualization.es334.js";
+import { buildHTMLStyles as l } from "./visualization.es336.js";
+import { renderHTML as f } from "./visualization.es337.js";
+import { scrapeMotionValuesFromProps as c } from "./visualization.es338.js";
+function d(m) {
+  return window.getComputedStyle(m);
+}
+class x extends p {
+  constructor() {
+    super(...arguments), this.type = "html", this.renderInstance = f;
+  }
+  readValueFromInstance(e, r) {
+    if (n.has(r))
+      return this.projection?.isProjecting ? a(r) : i(e, r);
+    {
+      const t = d(e), o = (s(r) ? t.getPropertyValue(r) : t[r]) || 0;
+      return typeof o == "string" ? o.trim() : o;
+    }
+  }
+  measureInstanceViewportBox(e, { transformPagePoint: r }) {
+    return u(e, r);
+  }
+  build(e, r, t) {
+    l(e, r, t.transformTemplate);
+  }
+  scrapeMotionValuesFromProps(e, r, t) {
+    return c(e, r, t);
+  }
 }
 export {
-  t as default
+  x as HTMLVisualElement,
+  d as getComputedStyle
 };
 //# sourceMappingURL=visualization.es195.js.map

package/dist/visualization.es195.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es195.js","sources":["../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/order/none.js"],"sourcesContent":["export default function(series) {\n  var n = series.length, o = new Array(n);\n  while (--n >= 0) o[n] = n;\n  return o;\n}\n"],"names":["stackOrderNone","series","n","o"],"mappings":"AAAe,SAAAA,EAASC,GAAQ;AAE9B,WADIC,IAAID,EAAO,QAAQE,IAAI,IAAI,MAAMD,CAAC,GAC/B,EAAEA,KAAK,IAAG,CAAAC,EAAED,CAAC,IAAIA;AACxB,SAAOC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es195.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { isCSSVariableName } from '../../animation/utils/is-css-variable.mjs';\nimport { transformProps } from '../utils/keys-transform.mjs';\nimport { defaultTransformValue, readTransformValue } from '../dom/parse-transform.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.type = \"html\";\n        this.renderInstance = renderHTML;\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            return this.projection?.isProjecting\n                ? defaultTransformValue(key)\n                : readTransformValue(instance, key);\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, props) {\n        buildHTMLStyles(renderState, latestValues, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n        return scrapeMotionValuesFromProps(props, prevProps, visualElement);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n//# sourceMappingURL=HTMLVisualElement.mjs.map\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","renderHTML","instance","key","transformProps","defaultTransformValue","readTransformValue","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","props","buildHTMLStyles","prevProps","visualElement","scrapeMotionValuesFromProps"],"mappings":";;;;;;;;AASA,SAASA,EAAiBC,GAAS;AAC/B,SAAO,OAAO,iBAAiBA,CAAO;AAC1C;AACA,MAAMC,UAA0BC,EAAiB;AAAA,EAC7C,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,OAAO,QACZ,KAAK,iBAAiBC;AAAA,EAC1B;AAAA,EACA,sBAAsBC,GAAUC,GAAK;AACjC,QAAIC,EAAe,IAAID,CAAG;AACtB,aAAO,KAAK,YAAY,eAClBE,EAAsBF,CAAG,IACzBG,EAAmBJ,GAAUC,CAAG;AAErC;AACD,YAAMI,IAAgBV,EAAiBK,CAAQ,GACzCM,KAASC,EAAkBN,CAAG,IAC9BI,EAAc,iBAAiBJ,CAAG,IAClCI,EAAcJ,CAAG,MAAM;AAC7B,aAAO,OAAOK,KAAU,WAAWA,EAAM,KAAI,IAAKA;AAAA,IACtD;AAAA,EACJ;AAAA,EACA,2BAA2BN,GAAU,EAAE,oBAAAQ,KAAsB;AACzD,WAAOC,EAAmBT,GAAUQ,CAAkB;AAAA,EAC1D;AAAA,EACA,MAAME,GAAaC,GAAcC,GAAO;AACpC,IAAAC,EAAgBH,GAAaC,GAAcC,EAAM,iBAAiB;AAAA,EACtE;AAAA,EACA,4BAA4BA,GAAOE,GAAWC,GAAe;AACzD,WAAOC,EAA4BJ,GAAOE,GAAWC,CAAa;AAAA,EACtE;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es196.js

@@ -1,12 +1,18 @@
-import f from "./visualization.es254.js";
-import { sum as c } from "./visualization.es198.js";
-function h(r) {
-  var s = r.length, o, t, e = r.map(c), u = f(r), p = 0, a = 0, m = [], n = [];
-  for (o = 0; o < s; ++o)
-    t = u[o], p < a ? (p += e[t], m.push(t)) : (a += e[t], n.push(t));
-  return n.reverse().concat(m);
-}
+import { DragGesture as r } from "./visualization.es385.js";
+import { PanGesture as o } from "./visualization.es386.js";
+import { MeasureLayout as e } from "./visualization.es387.js";
+import { HTMLProjectionNode as t } from "./visualization.es378.js";
+const u = {
+  pan: {
+    Feature: o
+  },
+  drag: {
+    Feature: r,
+    ProjectionNode: t,
+    MeasureLayout: e
+  }
+};
 export {
-  h as default
+  u as drag
 };
 //# sourceMappingURL=visualization.es196.js.map

package/dist/visualization.es196.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es196.js","sources":["../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/order/insideOut.js"],"sourcesContent":["import appearance from \"./appearance.js\";\nimport {sum} from \"./ascending.js\";\n\nexport default function(series) {\n  var n = series.length,\n      i,\n      j,\n      sums = series.map(sum),\n      order = appearance(series),\n      top = 0,\n      bottom = 0,\n      tops = [],\n      bottoms = [];\n\n  for (i = 0; i < n; ++i) {\n    j = order[i];\n    if (top < bottom) {\n      top += sums[j];\n      tops.push(j);\n    } else {\n      bottom += sums[j];\n      bottoms.push(j);\n    }\n  }\n\n  return bottoms.reverse().concat(tops);\n}\n"],"names":["stackOrderInsideOut","series","n","i","j","sums","sum","order","appearance","top","bottom","tops","bottoms"],"mappings":";;AAGe,SAAAA,EAASC,GAAQ;AAC9B,MAAIC,IAAID,EAAO,QACXE,GACAC,GACAC,IAAOJ,EAAO,IAAIK,CAAG,GACrBC,IAAQC,EAAWP,CAAM,GACzBQ,IAAM,GACNC,IAAS,GACTC,IAAO,CAAA,GACPC,IAAU,CAAA;AAEd,OAAKT,IAAI,GAAGA,IAAID,GAAG,EAAEC;AACnB,IAAAC,IAAIG,EAAMJ,CAAC,GACPM,IAAMC,KACRD,KAAOJ,EAAKD,CAAC,GACbO,EAAK,KAAKP,CAAC,MAEXM,KAAUL,EAAKD,CAAC,GAChBQ,EAAQ,KAAKR,CAAC;AAIlB,SAAOQ,EAAQ,UAAU,OAAOD,CAAI;AACtC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es196.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/drag.mjs"],"sourcesContent":["import { DragGesture } from '../../gestures/drag/index.mjs';\nimport { PanGesture } from '../../gestures/pan/index.mjs';\nimport { MeasureLayout } from './layout/MeasureLayout.mjs';\nimport { HTMLProjectionNode } from 'motion-dom';\n\nconst drag = {\n    pan: {\n        Feature: PanGesture,\n    },\n    drag: {\n        Feature: DragGesture,\n        ProjectionNode: HTMLProjectionNode,\n        MeasureLayout,\n    },\n};\n\nexport { drag };\n//# sourceMappingURL=drag.mjs.map\n"],"names":["drag","PanGesture","DragGesture","HTMLProjectionNode","MeasureLayout"],"mappings":";;;;AAKK,MAACA,IAAO;AAAA,EACT,KAAK;AAAA,IACD,SAASC;AAAA,EACjB;AAAA,EACI,MAAM;AAAA,IACF,SAASC;AAAA,IACT,gBAAgBC;AAAA,IAChB,eAAAC;AAAA,EACR;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es197.js

@@ -1,8 +1,22 @@
-import r from "./visualization.es198.js";
-function t(e) {
-  return r(e).reverse();
-}
+import { HoverGesture as e } from "./visualization.es381.js";
+import { FocusGesture as r } from "./visualization.es382.js";
+import { PressGesture as t } from "./visualization.es383.js";
+import { InViewFeature as o } from "./visualization.es384.js";
+const a = {
+  inView: {
+    Feature: o
+  },
+  tap: {
+    Feature: t
+  },
+  focus: {
+    Feature: r
+  },
+  hover: {
+    Feature: e
+  }
+};
 export {
-  t as default
+  a as gestureAnimations
 };
 //# sourceMappingURL=visualization.es197.js.map

package/dist/visualization.es197.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es197.js","sources":["../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/order/descending.js"],"sourcesContent":["import ascending from \"./ascending.js\";\n\nexport default function(series) {\n  return ascending(series).reverse();\n}\n"],"names":["stackOrderDescending","series","ascending"],"mappings":";AAEe,SAAAA,EAASC,GAAQ;AAC9B,SAAOC,EAAUD,CAAM,EAAE,QAAO;AAClC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es197.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/gestures.mjs"],"sourcesContent":["import { HoverGesture } from '../../gestures/hover.mjs';\nimport { FocusGesture } from '../../gestures/focus.mjs';\nimport { PressGesture } from '../../gestures/press.mjs';\nimport { InViewFeature } from './viewport/index.mjs';\n\nconst gestureAnimations = {\n    inView: {\n        Feature: InViewFeature,\n    },\n    tap: {\n        Feature: PressGesture,\n    },\n    focus: {\n        Feature: FocusGesture,\n    },\n    hover: {\n        Feature: HoverGesture,\n    },\n};\n\nexport { gestureAnimations };\n//# sourceMappingURL=gestures.mjs.map\n"],"names":["gestureAnimations","InViewFeature","PressGesture","FocusGesture","HoverGesture"],"mappings":";;;;AAKK,MAACA,IAAoB;AAAA,EACtB,QAAQ;AAAA,IACJ,SAASC;AAAA,EACjB;AAAA,EACI,KAAK;AAAA,IACD,SAASC;AAAA,EACjB;AAAA,EACI,OAAO;AAAA,IACH,SAASC;AAAA,EACjB;AAAA,EACI,OAAO;AAAA,IACH,SAASC;AAAA,EACjB;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es198.js

@@ -1,16 +1,12 @@
-import a from "./visualization.es195.js";
-function f(n) {
-  var r = n.map(e);
-  return a(n).sort(function(t, u) {
-    return r[t] - r[u];
-  });
-}
-function e(n) {
-  for (var r = 0, t = -1, u = n.length, o; ++t < u; ) (o = +n[t][1]) && (r += o);
-  return r;
-}
+import { MeasureLayout as o } from "./visualization.es387.js";
+import { HTMLProjectionNode as t } from "./visualization.es378.js";
+const a = {
+  layout: {
+    ProjectionNode: t,
+    MeasureLayout: o
+  }
+};
 export {
-  f as default,
-  e as sum
+  a as layout
 };
 //# sourceMappingURL=visualization.es198.js.map

package/dist/visualization.es198.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es198.js","sources":["../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/order/ascending.js"],"sourcesContent":["import none from \"./none.js\";\n\nexport default function(series) {\n  var sums = series.map(sum);\n  return none(series).sort(function(a, b) { return sums[a] - sums[b]; });\n}\n\nexport function sum(series) {\n  var s = 0, i = -1, n = series.length, v;\n  while (++i < n) if (v = +series[i][1]) s += v;\n  return s;\n}\n"],"names":["stackOrderAscending","series","sums","sum","none","a","b","s","i","n","v"],"mappings":";AAEe,SAAAA,EAASC,GAAQ;AAC9B,MAAIC,IAAOD,EAAO,IAAIE,CAAG;AACzB,SAAOC,EAAKH,CAAM,EAAE,KAAK,SAASI,GAAGC,GAAG;AAAE,WAAOJ,EAAKG,CAAC,IAAIH,EAAKI,CAAC;AAAA,EAAG,CAAC;AACvE;AAEO,SAASH,EAAIF,GAAQ;AAE1B,WADIM,IAAI,GAAGC,IAAI,IAAIC,IAAIR,EAAO,QAAQS,GAC/B,EAAEF,IAAIC,IAAG,EAAIC,IAAI,CAACT,EAAOO,CAAC,EAAE,CAAC,OAAGD,KAAKG;AAC5C,SAAOH;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es198.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/layout.mjs"],"sourcesContent":["import { HTMLProjectionNode } from 'motion-dom';\nimport { MeasureLayout } from './layout/MeasureLayout.mjs';\n\nconst layout = {\n    layout: {\n        ProjectionNode: HTMLProjectionNode,\n        MeasureLayout,\n    },\n};\n\nexport { layout };\n//# sourceMappingURL=layout.mjs.map\n"],"names":["layout","HTMLProjectionNode","MeasureLayout"],"mappings":";;AAGK,MAACA,IAAS;AAAA,EACX,QAAQ;AAAA,IACJ,gBAAgBC;AAAA,IAChB,eAAAC;AAAA,EACR;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es199.js

@@ -1,30 +1,11 @@
-import s from "./visualization.es249.js";
-import o from "./visualization.es250.js";
-import a from "./visualization.es251.js";
-import { withPath as v } from "./visualization.es252.js";
-import { x as L, y as b } from "./visualization.es253.js";
-function j(e, r) {
-  var m = o(!0), i = null, l = a, u = null, h = v(t);
-  e = typeof e == "function" ? e : e === void 0 ? L : o(e), r = typeof r == "function" ? r : r === void 0 ? b : o(r);
-  function t(n) {
-    var f, d = (n = s(n)).length, p, c = !1, g;
-    for (i == null && (u = l(g = h())), f = 0; f <= d; ++f)
-      !(f < d && m(p = n[f], f, n)) === c && ((c = !c) ? u.lineStart() : u.lineEnd()), c && u.point(+e(p, f, n), +r(p, f, n));
-    if (g) return u = null, g + "" || null;
+class s {
+  constructor(t) {
+    this.isMounted = !1, this.node = t;
+  }
+  update() {
   }
-  return t.x = function(n) {
-    return arguments.length ? (e = typeof n == "function" ? n : o(+n), t) : e;
-  }, t.y = function(n) {
-    return arguments.length ? (r = typeof n == "function" ? n : o(+n), t) : r;
-  }, t.defined = function(n) {
-    return arguments.length ? (m = typeof n == "function" ? n : o(!!n), t) : m;
-  }, t.curve = function(n) {
-    return arguments.length ? (l = n, i != null && (u = l(i)), t) : l;
-  }, t.context = function(n) {
-    return arguments.length ? (n == null ? i = u = null : u = l(i = n), t) : i;
-  }, t;
 }
 export {
-  j as default
+  s as Feature
 };
 //# sourceMappingURL=visualization.es199.js.map

package/dist/visualization.es199.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es199.js","sources":["../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/line.js"],"sourcesContent":["import array from \"./array.js\";\nimport constant from \"./constant.js\";\nimport curveLinear from \"./curve/linear.js\";\nimport {withPath} from \"./path.js\";\nimport {x as pointX, y as pointY} from \"./point.js\";\n\nexport default function(x, y) {\n  var defined = constant(true),\n      context = null,\n      curve = curveLinear,\n      output = null,\n      path = withPath(line);\n\n  x = typeof x === \"function\" ? x : (x === undefined) ? pointX : constant(x);\n  y = typeof y === \"function\" ? y : (y === undefined) ? pointY : constant(y);\n\n  function line(data) {\n    var i,\n        n = (data = array(data)).length,\n        d,\n        defined0 = false,\n        buffer;\n\n    if (context == null) output = curve(buffer = path());\n\n    for (i = 0; i <= n; ++i) {\n      if (!(i < n && defined(d = data[i], i, data)) === defined0) {\n        if (defined0 = !defined0) output.lineStart();\n        else output.lineEnd();\n      }\n      if (defined0) output.point(+x(d, i, data), +y(d, i, data));\n    }\n\n    if (buffer) return output = null, buffer + \"\" || null;\n  }\n\n  line.x = function(_) {\n    return arguments.length ? (x = typeof _ === \"function\" ? _ : constant(+_), line) : x;\n  };\n\n  line.y = function(_) {\n    return arguments.length ? (y = typeof _ === \"function\" ? _ : constant(+_), line) : y;\n  };\n\n  line.defined = function(_) {\n    return arguments.length ? (defined = typeof _ === \"function\" ? _ : constant(!!_), line) : defined;\n  };\n\n  line.curve = function(_) {\n    return arguments.length ? (curve = _, context != null && (output = curve(context)), line) : curve;\n  };\n\n  line.context = function(_) {\n    return arguments.length ? (_ == null ? context = output = null : output = curve(context = _), line) : context;\n  };\n\n  return line;\n}\n"],"names":["d3Line","x","y","defined","constant","context","curve","curveLinear","output","path","withPath","line","pointX","pointY","data","i","n","array","d","defined0","buffer","_"],"mappings":";;;;;AAMe,SAAAA,EAASC,GAAGC,GAAG;AAC5B,MAAIC,IAAUC,EAAS,EAAI,GACvBC,IAAU,MACVC,IAAQC,GACRC,IAAS,MACTC,IAAOC,EAASC,CAAI;AAExBV,EAAAA,IAAI,OAAOA,KAAM,aAAaA,IAAKA,MAAM,SAAaW,IAASR,EAASH,CAAC,GACzEC,IAAI,OAAOA,KAAM,aAAaA,IAAKA,MAAM,SAAaW,IAAST,EAASF,CAAC;AAEzE,WAASS,EAAKG,GAAM;AAClB,QAAIC,GACAC,KAAKF,IAAOG,EAAMH,CAAI,GAAG,QACzBI,GACAC,IAAW,IACXC;AAIJ,SAFIf,KAAW,SAAMG,IAASF,EAAMc,IAASX,GAAM,IAE9CM,IAAI,GAAGA,KAAKC,GAAG,EAAED;AACpB,MAAI,EAAEA,IAAIC,KAAKb,EAAQe,IAAIJ,EAAKC,CAAC,GAAGA,GAAGD,CAAI,OAAOK,OAC5CA,IAAW,CAACA,KAAUX,EAAO,UAAS,IACrCA,EAAO,QAAO,IAEjBW,KAAUX,EAAO,MAAM,CAACP,EAAEiB,GAAGH,GAAGD,CAAI,GAAG,CAACZ,EAAEgB,GAAGH,GAAGD,CAAI,CAAC;AAG3D,QAAIM,EAAQ,QAAOZ,IAAS,MAAMY,IAAS,MAAM;AAAA,EACnD;AAEA,SAAAT,EAAK,IAAI,SAASU,GAAG;AACnB,WAAO,UAAU,UAAUpB,IAAI,OAAOoB,KAAM,aAAaA,IAAIjB,EAAS,CAACiB,CAAC,GAAGV,KAAQV;AAAAA,EACrF,GAEAU,EAAK,IAAI,SAASU,GAAG;AACnB,WAAO,UAAU,UAAUnB,IAAI,OAAOmB,KAAM,aAAaA,IAAIjB,EAAS,CAACiB,CAAC,GAAGV,KAAQT;AAAAA,EACrF,GAEAS,EAAK,UAAU,SAASU,GAAG;AACzB,WAAO,UAAU,UAAUlB,IAAU,OAAOkB,KAAM,aAAaA,IAAIjB,EAAS,CAAC,CAACiB,CAAC,GAAGV,KAAQR;AAAA,EAC5F,GAEAQ,EAAK,QAAQ,SAASU,GAAG;AACvB,WAAO,UAAU,UAAUf,IAAQe,GAAGhB,KAAW,SAASG,IAASF,EAAMD,CAAO,IAAIM,KAAQL;AAAA,EAC9F,GAEAK,EAAK,UAAU,SAASU,GAAG;AACzB,WAAO,UAAU,UAAUA,KAAK,OAAOhB,IAAUG,IAAS,OAAOA,IAASF,EAAMD,IAAUgB,CAAC,GAAGV,KAAQN;AAAA,EACxG,GAEOM;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es199.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/Feature.mjs"],"sourcesContent":["/**\n * Feature base class for extending VisualElement functionality.\n * Features are plugins that can be mounted/unmounted to add behavior\n * like gestures, animations, or layout tracking.\n */\nclass Feature {\n    constructor(node) {\n        this.isMounted = false;\n        this.node = node;\n    }\n    update() { }\n}\n\nexport { Feature };\n//# sourceMappingURL=Feature.mjs.map\n"],"names":["Feature","node"],"mappings":"AAKA,MAAMA,EAAQ;AAAA,EACV,YAAYC,GAAM;AACd,SAAK,YAAY,IACjB,KAAK,OAAOA;AAAA,EAChB;AAAA,EACA,SAAS;AAAA,EAAE;AACf;","x_google_ignoreList":[0]}

package/dist/visualization.es2.js

@@ -1,143 +1,143 @@
-import { j as o } from "./visualization.es18.js";
-import { useState as F, useRef as q, useEffect as z, useMemo as s, useCallback as pe, useImperativeHandle as ue } from "react";
-import { CircularProgress as de } from "@mui/material";
-import he from "./visualization.es19.js";
-import { measureTextWidth as $, downloadSVGAsPNG as fe, downloadAsSVG as xe } from "./visualization.es20.js";
-import ge from "./visualization.es21.js";
-import { useResponsiveParentSize as Se } from "./visualization.es16.js";
-import be from "./visualization.es22.js";
-import ve from "./visualization.es23.js";
-import ye from "./visualization.es24.js";
-import { ResponsiveContainer as Me } from "./visualization.es13.js";
-import je from "./visualization.es25.js";
-import Le from "./visualization.es26.js";
-const I = "Roboto,Helvetica,Arial,sans-serif", Re = (t, v, y) => $(t, v, y) + 10, Ve = ({
+import { jsxs as q, jsx as n, Fragment as de } from "react/jsx-runtime";
+import { useState as P, useRef as z, useEffect as I, useMemo as i, useCallback as ue, useImperativeHandle as he } from "react";
+import { CircularProgress as fe } from "@mui/material";
+import ge from "./visualization.es28.js";
+import { measureTextWidth as J, downloadSVGAsPNG as xe, downloadAsSVG as Se } from "./visualization.es20.js";
+import be from "./visualization.es29.js";
+import { useResponsiveParentSize as ve } from "./visualization.es16.js";
+import ye from "./visualization.es30.js";
+import Me from "./visualization.es21.js";
+import Le from "./visualization.es22.js";
+import { ResponsiveContainer as we } from "./visualization.es13.js";
+import Re from "./visualization.es24.js";
+import Ae from "./visualization.es31.js";
+const $ = "Roboto,Helvetica,Arial,sans-serif", Fe = (t, v, y) => J(t, v, y) + 10, qe = ({
   data: t,
   ref: v,
   topAxisLabel: y,
-  onBarClicked: J,
-  TooltipContents: K,
-  show95thPercentileLine: Q = !1,
+  onBarClicked: K,
+  TooltipContents: Q,
+  show95thPercentileLine: U = !1,
   cutoffNegativeValues: p = !1,
-  barSize: P = 15,
-  barSpacing: T = 2,
-  fill: k = !1,
-  legendTitle: U = "FDR",
-  legendValues: X = [1, 0.05, 0.01, 1e-3],
-  downloadFileName: C,
-  animation: Y,
-  animationBuffer: Z,
-  width: N,
-  height: _
+  barSize: T = 15,
+  barSpacing: k = 2,
+  fill: C = !1,
+  legendTitle: X = "FDR",
+  legendValues: Y = [1, 0.05, 0.01, 1e-3],
+  downloadFileName: H,
+  animation: Z,
+  animationBuffer: N,
+  width: _,
+  height: ee
 }) => {
-  const [u, ee] = F(200), [M, E] = F(!1), [te, oe] = F(!0), i = q(null), ne = q(null), {
-    parentRef: re,
-    node: d,
-    containerStyle: ae,
+  const [d, te] = P(200), [M, B] = P(!1), [oe, ne] = P(!0), s = z(null), re = z(null), {
+    parentRef: ae,
+    node: u,
+    containerStyle: ie,
     width: r,
     height: h
-  } = Se({
-    width: N,
-    height: _
+  } = ve({
+    width: _,
+    height: ee
   }, {
     debounceTime: 150
   });
-  z(() => {
-    if (!d) return;
-    const e = () => oe(!1);
-    return d.addEventListener("scroll", e, {
+  I(() => {
+    if (!u) return;
+    const e = () => ne(!1);
+    return u.addEventListener("scroll", e, {
       once: !0
-    }), () => d.removeEventListener("scroll", e);
-  }, [d]);
-  const j = t.map((e) => e.lollipopValue).filter((e) => e !== void 0), H = 5e-3, B = s(() => be({
+    }), () => u.removeEventListener("scroll", e);
+  }, [u]);
+  const L = t.map((e) => e.lollipopValue).filter((e) => e !== void 0), D = 5e-3, E = i(() => ye({
     base: 10,
-    domain: [H, 1],
+    domain: [D, 1],
     // Min/Max of fdr values in data
     range: [10, 2],
     round: !0
-  }), []), D = pe((e) => B(Math.max(H, e)), [B]), L = 50, G = 20, R = j.length > 0 ? 30 : 0, l = s(() => Math.max(...t.map((e) => Re(e.category ?? "", 12, "Arial"))), [t]), W = 10, f = s(() => Math.max(...t.map((e) => e.value)), [t]), x = s(() => Math.min(...t.map((e) => e.value)), [t]), g = -0.5, c = s(() => t.flatMap((e, a) => [e, {
+  }), []), G = ue((e) => E(Math.max(D, e)), [E]), w = 50, W = 20, R = L.length > 0 ? 30 : 0, l = i(() => Math.max(...t.map((e) => Fe(e.category ?? "", 12, "Arial"))), [t]), j = 10, f = i(() => Math.max(...t.map((e) => e.value)), [t]), g = i(() => Math.min(...t.map((e) => e.value)), [t]), x = -0.5, c = i(() => t.flatMap((e, a) => [e, {
     id: `spacer-${a}`,
     value: 0,
     color: "transparent"
-  }]).slice(0, -1), [t]), se = t.length * P + (t.length - 1) * T, m = k ? h - L - G - R : se, ie = s(() => ve({
+  }]).slice(0, -1), [t]), se = t.length * T + (t.length - 1) * k, m = C ? h - w - W - R : se, le = i(() => Me({
     domain: c.map((e) => e.id),
     range: [0, m],
     paddingOuter: 0.5
-  }), [c, m]), n = s(() => ye({
+  }), [c, m]), o = i(() => Le({
     domain: [
       // If cutting off negative values, the lower bound is max(negativeCutoff, minValue).
-      p ? Math.min(0, Math.max(x, g)) : Math.min(0, x - 0.07 * (0 - x)),
+      p ? Math.min(0, Math.max(g, x)) : Math.min(0, g - 0.07 * (0 - g)),
       // Make some room past the last tick (7% of the range of the data) if the data isnt all negative
       Math.max(f, 0) + (f > 0 ? 0.07 * f : 0)
     ],
     // always include 0 as anchor if values do not cross 0
-    range: [0, Math.max(r - l - u, 0)]
-  }), [p, x, g, f, r, u]);
-  z(() => {
+    range: [0, Math.max(r - l - d, 0)]
+  }), [p, g, x, f, r, d]);
+  I(() => {
     if (!r)
       return;
-    const e = r - l, [a, S] = n.domain(), b = S - a;
-    let w = 0;
+    const e = r - l, [a, S] = o.domain(), b = S - a;
+    let A = 0;
     b > 0 && c.forEach((O) => {
-      const ce = $(O.label ?? "", 12, I), A = Math.max(0 - a, O.value - a) / b;
-      if (A > 0) {
-        const me = (e * (A - 1) + W + ce) / A;
-        w = Math.max(w, me);
+      const me = J(O.label ?? "", 12, $), F = Math.max(0 - a, O.value - a) / b;
+      if (F > 0) {
+        const pe = (e * (F - 1) + j + me) / F;
+        A = Math.max(A, pe);
       }
     });
-    const V = Math.max(0, Math.ceil(w));
-    Math.abs(V - u) > 1 ? (E(!1), ee(V)) : E(!0);
-  }, [c, n, l, u, r]);
-  const le = (n.range()[0] + n.range()[1]) / 2;
-  return ue(v, () => ({
+    const V = Math.max(0, Math.ceil(A));
+    Math.abs(V - d) > 1 ? (B(!1), te(V)) : B(!0);
+  }, [c, o, l, d, r]);
+  const ce = (o.range()[0] + o.range()[1]) / 2;
+  return he(v, () => ({
     downloadSVG: () => {
-      i.current && xe(i.current, C ?? "bar_plot.svg");
+      s.current && Se(s.current, H ?? "bar_plot.svg");
     },
     downloadPNG: () => {
-      i.current && fe(i.current, C ?? "bar_plot.png");
+      s.current && xe(s.current, H ?? "bar_plot.png");
     }
   })), // Min width of 500 to ensure that on mobile the calculated bar width is not negative
-  /* @__PURE__ */ o.jsxs(Me, { parentRef: re, containerStyle: ae, style: {
+  /* @__PURE__ */ q(we, { parentRef: ae, containerStyle: ie, style: {
     minWidth: 500,
     overflow: "auto"
   }, children: [
-    j.length > 0 && /* @__PURE__ */ o.jsx(he, { values: j, label: U, getlollipopRadius: D, height: R, width: 300, legendValues: X, spaceForCategory: l, axisCenter: le, loading: !M || r < 0 }),
-    t.length === 0 ? /* @__PURE__ */ o.jsx("p", { children: "No Data To Display" }) : /* @__PURE__ */ o.jsx(
+    L.length > 0 && /* @__PURE__ */ n(ge, { values: L, label: X, getlollipopRadius: G, height: R, width: 300, legendValues: Y, spaceForCategory: l, axisCenter: ce, loading: !M || r < 0 }),
+    t.length === 0 ? /* @__PURE__ */ n("p", { children: "No Data To Display" }) : /* @__PURE__ */ n(
       "svg",
       {
         ref: (e) => {
-          i && e && (i.current = e), ne.current = e;
+          s && e && (s.current = e), re.current = e;
         },
         width: r,
-        height: k ? h && h - R : m + L + G,
+        height: C ? h && h - R : m + w + W,
         opacity: M && r > 0 ? 1 : 0.3,
-        children: /* @__PURE__ */ o.jsxs(je, { left: l, top: L, children: [
-          /* @__PURE__ */ o.jsx(Le, { scale: n, top: 0, label: y, labelProps: {
+        children: /* @__PURE__ */ q(Re, { left: l, top: w, children: [
+          /* @__PURE__ */ n(Ae, { scale: o, top: 0, label: y, labelProps: {
             dy: -5,
             fontSize: 14,
-            fontFamily: I
+            fontFamily: $
           }, numTicks: r < 700 ? 4 : void 0, tickFormat: (e, a) => {
             const S = typeof e == "number" ? e : e.valueOf();
-            return a === 0 && S < 0 && p && t.some((b) => b.value <= g) ? "Low Signal" : S.toString();
+            return a === 0 && S < 0 && p && t.some((b) => b.value <= x) ? "Low Signal" : S.toString();
           } }),
-          c.map((e, a) => /* @__PURE__ */ o.jsx(ge, { bar: e, index: a, onBarClicked: J, TooltipContents: K, cutoffNegativeValues: p, negativeCutoff: g, xScale: n, yScale: ie, barSize: P, barSpacing: T, gapBetweenTextAndBar: W, getLollipopRadius: D, animation: Y, animationEnabled: te, animationBuffer: Z }, e.id)),
-          /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx("line", { x1: n(0), x2: n(0), y1: 0, y2: m, stroke: "#000000" }) }),
-          Q && n.domain()[1] > 1.645 && /* @__PURE__ */ o.jsx("line", { x1: n(1.645), x2: n(1.645), y1: 0, y2: m, stroke: "black", strokeDasharray: "5 7" })
+          c.map((e, a) => /* @__PURE__ */ n(be, { bar: e, index: a, onBarClicked: K, TooltipContents: Q, cutoffNegativeValues: p, negativeCutoff: x, xScale: o, yScale: le, barSize: T, barSpacing: k, gapBetweenTextAndBar: j, getLollipopRadius: G, animation: Z, animationEnabled: oe, animationBuffer: N }, e.id)),
+          /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n("line", { x1: o(0), x2: o(0), y1: 0, y2: m, stroke: "#000000" }) }),
+          U && o.domain()[1] > 1.645 && /* @__PURE__ */ n("line", { x1: o(1.645), x2: o(1.645), y1: 0, y2: m, stroke: "black", strokeDasharray: "5 7" })
         ] })
       }
     ),
-    !M && /* @__PURE__ */ o.jsx("div", { style: {
+    !M && /* @__PURE__ */ n("div", { style: {
       display: "flex",
       position: "absolute",
       inset: 0,
       justifyContent: "center"
-    }, children: /* @__PURE__ */ o.jsx(de, { sx: {
+    }, children: /* @__PURE__ */ n(fe, { sx: {
       mt: 10
     } }) })
   ] });
 };
 export {
-  Ve as default,
-  Re as getTextHeight
+  qe as default,
+  Fe as getTextHeight
 };
 //# sourceMappingURL=visualization.es2.js.map

package/dist/visualization.es2.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es2.js","sources":["../src/components/BarPlot/barplot.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { scaleBand, scaleLinear, scaleLog } from '@visx/scale';\nimport { AxisTop } from '@visx/axis';\nimport { Group } from '@visx/group';\nimport { CircularProgress } from '@mui/material';\nimport { BarData, BarPlotProps } from './types';\nimport { NumberValue } from '@visx/vendor/d3-scale';\nimport Legend from './legend';\nimport { downloadAsSVG, downloadSVGAsPNG, measureTextWidth } from '../../utility';\nimport { ResponsiveContainer, useResponsiveParentSize } from '../../responsive';\nimport SingleBar from './singleBar';\n\nconst fontFamily = \"Roboto,Helvetica,Arial,sans-serif\"\n\n//helper function to get the approx length of the longest category in px\nexport const getTextHeight = (text: string, fontSize: number, fontFamily: string): number => {\n    return measureTextWidth(text, fontSize, fontFamily) + 10;\n};\n\nconst BarPlot = <T,>({\n    data,\n    ref,\n    topAxisLabel,\n    onBarClicked,\n    TooltipContents,\n    show95thPercentileLine = false,\n    cutoffNegativeValues = false,\n    barSize = 15,\n    barSpacing = 2,\n    fill = false,\n    legendTitle = \"FDR\",\n    legendValues = [1, 0.05, 0.01, 0.001],\n    downloadFileName,\n    animation,\n    animationBuffer,\n    width,\n    height\n}: BarPlotProps<T>) => {\n    const [spaceForLabel, setSpaceForLabel] = useState(200)\n    const [labelSpaceDecided, setLabelSpaceDecided] = useState(false)\n    // State to control whether animation is enabled so that if scrollling too fast through a long list of bars,\n    // you dont have to wait for the animation to catch up\n    const [animationEnabled, setAnimationEnabled] = useState(true);\n\n    const svgRef = useRef<SVGSVGElement | null>(null);\n\n    const outerSvgRef = useRef<SVGSVGElement>(null)\n    const { parentRef, node, containerStyle, width: ParentWidth, height: ParentHeight } = useResponsiveParentSize({ width, height }, { debounceTime: 150 });\n\n    useEffect(() => {\n        if (!node) return;\n\n        const handleScroll = () => setAnimationEnabled(false);\n\n        node.addEventListener(\"scroll\", handleScroll, { once: true });\n\n        return () => node.removeEventListener(\"scroll\", handleScroll);\n    }, [node]);\n\n    const lollipopValues = data\n        .map(d => d.lollipopValue)\n        .filter((v): v is number => v !== undefined);\n\n    const rScaleAdjustment = 0.005\n\n    /**\n     * Scale for the radius of the FDR circle. Use getFDRradius instead of this directly to avoid going outside of the domain\n     */\n    const rScale = useMemo(() =>\n        scaleLog<number>({\n            base: 10,\n            domain: [rScaleAdjustment, 1], // Min/Max of fdr values in data\n            range: [10, 2],\n            round: true,\n        }),\n        []\n    )\n\n    /**\n     * \n     * @param x \n     * @returns rScale(Math.max(0.005, x)) to avoid the very large values near 0\n     */\n    const getlollipopRadius = useCallback((x: number) => rScale(Math.max(rScaleAdjustment, x)), [rScale])\n\n    // Y padding\n    const spaceForTopAxis = 50\n    const spaceOnBottom = 20\n    const legendHeight = lollipopValues.length > 0 ? 30 : 0\n\n    // X padding\n    const spaceForCategory = useMemo(() =>\n        Math.max(...data.map(d => getTextHeight(d.category ?? \"\", 12, \"Arial\"))),\n        [data])\n    const gapBetweenTextAndBar = 10\n\n    const maxValue = useMemo(() => Math.max(...data.map((d) => d.value)), [data])\n    const minValue = useMemo(() => Math.min(...data.map((d) => d.value)), [data])\n    const negativeCutoff = -0.5\n\n    const bars = useMemo(() => data.flatMap((item, index) => [\n        item,\n        {\n            id: `spacer-${index}`,\n            value: 0,\n            color: \"transparent\",\n        }\n    ]).slice(0, -1), [data]);\n\n    const dataHeight = ((data.length) * (barSize)) + ((data.length - 1) * (barSpacing))\n    const totalHeight = fill ? ParentHeight - spaceForTopAxis - spaceOnBottom - legendHeight : dataHeight\n\n    // Scales\n    const yScale = useMemo(() =>\n        scaleBand<string>({\n            domain: bars.map((d) => d.id),\n            range: [0, totalHeight],\n            paddingOuter: 0.5,\n        }), [bars, totalHeight])\n\n    const xScale = useMemo(() =>\n        scaleLinear<number>({\n            domain: [\n                // If cutting off negative values, the lower bound is max(negativeCutoff, minValue).\n                cutoffNegativeValues ? Math.min(0, Math.max(minValue, negativeCutoff)) : Math.min(0, minValue - 0.07 * (0 - minValue)),\n                // Make some room past the last tick (7% of the range of the data) if the data isnt all negative\n                 Math.max(maxValue, 0) + (maxValue > 0 ? 0.07 * maxValue : 0),\n            ], // always include 0 as anchor if values do not cross 0\n            range: [0, Math.max(ParentWidth - spaceForCategory - spaceForLabel, 0)],\n        }), [cutoffNegativeValues, minValue, negativeCutoff, maxValue, ParentWidth, spaceForLabel])\n\n    //Figures out how much horizontal space the value labels need so they don't overflow (or leave too much empty space).\n    //Solved directly from the scale's domain (which doesn't depend on spaceForLabel), so it converges in a single pass\n    //instead of repeatedly nudging spaceForLabel by +/-25px and re-rendering every bar each time.\n    useEffect(() => {\n        if (!ParentWidth) { return }\n\n        const availableWidth = ParentWidth - spaceForCategory\n        const [domainMin, domainMax] = xScale.domain()\n        const domainSpan = domainMax - domainMin\n\n        let requiredSpace = 0\n\n        if (domainSpan > 0) {\n            bars.forEach((d) => {\n                const textWidth = measureTextWidth((d as BarData<T>).label ?? \"\", 12, fontFamily);\n\n                // Position of the bar's far edge as a fraction of availableWidth, independent of spaceForLabel\n                const fraction = Math.max(0 - domainMin, d.value - domainMin) / domainSpan\n\n                if (fraction > 0) {\n                    const needed = (availableWidth * (fraction - 1) + gapBetweenTextAndBar + textWidth) / fraction\n                    requiredSpace = Math.max(requiredSpace, needed)\n                }\n            });\n        }\n\n        const newSpaceForLabel = Math.max(0, Math.ceil(requiredSpace))\n\n        if (Math.abs(newSpaceForLabel - spaceForLabel) > 1) {\n            setLabelSpaceDecided(false)\n            setSpaceForLabel(newSpaceForLabel)\n        } else {\n            setLabelSpaceDecided(true)\n        }\n\n    }, [bars, xScale, spaceForCategory, spaceForLabel, ParentWidth]);\n\n    const axisCenter = (xScale.range()[0] + xScale.range()[1]) / 2;\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(ref, () => ({\n        downloadSVG: () => {\n            if (svgRef.current) downloadAsSVG(svgRef.current, downloadFileName ?? \"bar_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (svgRef.current) downloadSVGAsPNG(svgRef.current, downloadFileName ?? \"bar_plot.png\");\n        },\n    }));\n\n    return (\n        // Min width of 500 to ensure that on mobile the calculated bar width is not negative\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle} style={{ minWidth: 500, overflow: 'auto' }}>\n            {lollipopValues.length > 0 && (\n                <Legend\n                    values={lollipopValues}\n                    label={legendTitle}\n                    getlollipopRadius={getlollipopRadius}\n                    height={legendHeight}\n                    width={300}\n                    legendValues={legendValues}\n                    spaceForCategory={spaceForCategory}\n                    axisCenter={axisCenter}\n                    loading={!labelSpaceDecided || ParentWidth < 0}\n                />\n            )}\n            {data.length === 0 ?\n                <p>No Data To Display</p>\n                :\n                <svg\n                    //define fallback ref if not passed through props\n                    ref={(node) => {\n                        if (svgRef && node) {\n                            svgRef.current = node;\n                        }\n                        outerSvgRef.current = node;\n                    }}\n                    width={ParentWidth}\n                    height={fill ? ParentHeight ? ParentHeight - legendHeight : ParentHeight : totalHeight + spaceForTopAxis + spaceOnBottom}\n                    opacity={(labelSpaceDecided && ParentWidth > 0) ? 1 : 0.3}\n                >\n                    <Group left={spaceForCategory} top={spaceForTopAxis}>\n                        {/* Top Axis with Label */}\n                        <AxisTop\n                            scale={xScale}\n                            top={0}\n                            label={topAxisLabel}\n                            labelProps={{ dy: -5, fontSize: 14, fontFamily }}\n                            numTicks={ParentWidth < 700 ? 4 : undefined}\n                            tickFormat={(value: NumberValue, index: number) => {\n                                const num = typeof value === 'number' ? value : value.valueOf();\n\n                                if (index === 0 && num < 0 && cutoffNegativeValues && data.some(d => d.value <= negativeCutoff)) {\n                                    return \"Low Signal\";\n                                } else {\n                                    return num.toString();\n                                }\n                            }}\n                        />\n\n                        {bars.map((d, i) => {\n\n                            return (\n                                <SingleBar\n                                    key={d.id}\n                                    bar={d}\n                                    index={i}\n                                    onBarClicked={onBarClicked as unknown as ((bar: BarData<unknown>) => void) | undefined}\n                                    TooltipContents={TooltipContents as unknown as ((bar: BarData<unknown>) => React.ReactNode) | undefined}\n                                    cutoffNegativeValues={cutoffNegativeValues}\n                                    negativeCutoff={negativeCutoff}\n                                    xScale={xScale}\n                                    yScale={yScale}\n                                    barSize={barSize}\n                                    barSpacing={barSpacing}\n                                    gapBetweenTextAndBar={gapBetweenTextAndBar}\n                                    getLollipopRadius={getlollipopRadius}\n                                    animation={animation}\n                                    animationEnabled={animationEnabled}\n                                    animationBuffer={animationBuffer}\n                                />\n                            );\n                        })}\n                        <>\n                            <line\n                                x1={xScale(0)}\n                                x2={xScale(0)}\n                                y1={0}\n                                y2={totalHeight}\n                                stroke=\"#000000\"\n                            />\n                        </>\n                        {show95thPercentileLine && xScale.domain()[1] > 1.645 &&\n                            <line\n                                x1={xScale(1.645)}\n                                x2={xScale(1.645)}\n                                y1={0}\n                                y2={totalHeight}\n                                stroke={\"black\"}\n                                strokeDasharray={'5 7'}\n                            />\n                        }\n                    </Group>\n                </svg>\n            }\n            {/* Loading Wheel for resizing */}\n            {!labelSpaceDecided &&\n                <div style={{ display: \"flex\", position: \"absolute\", inset: 0, justifyContent: \"center\" }}>\n                    <CircularProgress sx={{ mt: 10 }} />\n                </div>\n            }\n        </ResponsiveContainer>\n    );\n};\n\nexport default BarPlot;"],"names":["fontFamily","getTextHeight","text","fontSize","measureTextWidth","BarPlot","data","ref","topAxisLabel","onBarClicked","TooltipContents","show95thPercentileLine","cutoffNegativeValues","barSize","barSpacing","fill","legendTitle","legendValues","downloadFileName","animation","animationBuffer","width","height","spaceForLabel","setSpaceForLabel","useState","labelSpaceDecided","setLabelSpaceDecided","animationEnabled","setAnimationEnabled","svgRef","useRef","outerSvgRef","parentRef","node","containerStyle","ParentWidth","ParentHeight","useResponsiveParentSize","debounceTime","useEffect","handleScroll","addEventListener","once","removeEventListener","lollipopValues","map","d","lollipopValue","filter","v","undefined","rScaleAdjustment","rScale","useMemo","scaleLog","base","domain","range","round","getlollipopRadius","useCallback","x","Math","max","spaceForTopAxis","spaceOnBottom","legendHeight","length","spaceForCategory","category","gapBetweenTextAndBar","maxValue","value","minValue","min","negativeCutoff","bars","flatMap","item","index","id","color","slice","dataHeight","totalHeight","yScale","scaleBand","paddingOuter","xScale","scaleLinear","availableWidth","domainMin","domainMax","domainSpan","requiredSpace","forEach","textWidth","label","fraction","needed","newSpaceForLabel","ceil","abs","axisCenter","useImperativeHandle","downloadSVG","current","downloadAsSVG","downloadPNG","downloadSVGAsPNG","jsxs","ResponsiveContainer","minWidth","overflow","jsx","Legend","Group","AxisTop","dy","num","valueOf","some","toString","i","SingleBar","display","position","inset","justifyContent","CircularProgress","mt"],"mappings":"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"}
+{"version":3,"file":"visualization.es2.js","sources":["../src/components/BarPlot/barplot.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { scaleBand, scaleLinear, scaleLog } from '@visx/scale';\nimport { AxisTop } from '@visx/axis';\nimport { Group } from '@visx/group';\nimport { CircularProgress } from '@mui/material';\nimport { BarData, BarPlotProps } from './types';\nimport { NumberValue } from '@visx/vendor/d3-scale';\nimport Legend from './legend';\nimport { downloadAsSVG, downloadSVGAsPNG, measureTextWidth } from '../../utility';\nimport { ResponsiveContainer, useResponsiveParentSize } from '../../responsive';\nimport SingleBar from './singleBar';\n\nconst fontFamily = \"Roboto,Helvetica,Arial,sans-serif\"\n\n//helper function to get the approx length of the longest category in px\nexport const getTextHeight = (text: string, fontSize: number, fontFamily: string): number => {\n    return measureTextWidth(text, fontSize, fontFamily) + 10;\n};\n\nconst BarPlot = <T,>({\n    data,\n    ref,\n    topAxisLabel,\n    onBarClicked,\n    TooltipContents,\n    show95thPercentileLine = false,\n    cutoffNegativeValues = false,\n    barSize = 15,\n    barSpacing = 2,\n    fill = false,\n    legendTitle = \"FDR\",\n    legendValues = [1, 0.05, 0.01, 0.001],\n    downloadFileName,\n    animation,\n    animationBuffer,\n    width,\n    height\n}: BarPlotProps<T>) => {\n    const [spaceForLabel, setSpaceForLabel] = useState(200)\n    const [labelSpaceDecided, setLabelSpaceDecided] = useState(false)\n    // State to control whether animation is enabled so that if scrollling too fast through a long list of bars,\n    // you dont have to wait for the animation to catch up\n    const [animationEnabled, setAnimationEnabled] = useState(true);\n\n    const svgRef = useRef<SVGSVGElement | null>(null);\n\n    const outerSvgRef = useRef<SVGSVGElement>(null)\n    const { parentRef, node, containerStyle, width: ParentWidth, height: ParentHeight } = useResponsiveParentSize({ width, height }, { debounceTime: 150 });\n\n    useEffect(() => {\n        if (!node) return;\n\n        const handleScroll = () => setAnimationEnabled(false);\n\n        node.addEventListener(\"scroll\", handleScroll, { once: true });\n\n        return () => node.removeEventListener(\"scroll\", handleScroll);\n    }, [node]);\n\n    const lollipopValues = data\n        .map(d => d.lollipopValue)\n        .filter((v): v is number => v !== undefined);\n\n    const rScaleAdjustment = 0.005\n\n    /**\n     * Scale for the radius of the FDR circle. Use getFDRradius instead of this directly to avoid going outside of the domain\n     */\n    const rScale = useMemo(() =>\n        scaleLog<number>({\n            base: 10,\n            domain: [rScaleAdjustment, 1], // Min/Max of fdr values in data\n            range: [10, 2],\n            round: true,\n        }),\n        []\n    )\n\n    /**\n     * \n     * @param x \n     * @returns rScale(Math.max(0.005, x)) to avoid the very large values near 0\n     */\n    const getlollipopRadius = useCallback((x: number) => rScale(Math.max(rScaleAdjustment, x)), [rScale])\n\n    // Y padding\n    const spaceForTopAxis = 50\n    const spaceOnBottom = 20\n    const legendHeight = lollipopValues.length > 0 ? 30 : 0\n\n    // X padding\n    const spaceForCategory = useMemo(() =>\n        Math.max(...data.map(d => getTextHeight(d.category ?? \"\", 12, \"Arial\"))),\n        [data])\n    const gapBetweenTextAndBar = 10\n\n    const maxValue = useMemo(() => Math.max(...data.map((d) => d.value)), [data])\n    const minValue = useMemo(() => Math.min(...data.map((d) => d.value)), [data])\n    const negativeCutoff = -0.5\n\n    const bars = useMemo(() => data.flatMap((item, index) => [\n        item,\n        {\n            id: `spacer-${index}`,\n            value: 0,\n            color: \"transparent\",\n        }\n    ]).slice(0, -1), [data]);\n\n    const dataHeight = ((data.length) * (barSize)) + ((data.length - 1) * (barSpacing))\n    const totalHeight = fill ? ParentHeight - spaceForTopAxis - spaceOnBottom - legendHeight : dataHeight\n\n    // Scales\n    const yScale = useMemo(() =>\n        scaleBand<string>({\n            domain: bars.map((d) => d.id),\n            range: [0, totalHeight],\n            paddingOuter: 0.5,\n        }), [bars, totalHeight])\n\n    const xScale = useMemo(() =>\n        scaleLinear<number>({\n            domain: [\n                // If cutting off negative values, the lower bound is max(negativeCutoff, minValue).\n                cutoffNegativeValues ? Math.min(0, Math.max(minValue, negativeCutoff)) : Math.min(0, minValue - 0.07 * (0 - minValue)),\n                // Make some room past the last tick (7% of the range of the data) if the data isnt all negative\n                 Math.max(maxValue, 0) + (maxValue > 0 ? 0.07 * maxValue : 0),\n            ], // always include 0 as anchor if values do not cross 0\n            range: [0, Math.max(ParentWidth - spaceForCategory - spaceForLabel, 0)],\n        }), [cutoffNegativeValues, minValue, negativeCutoff, maxValue, ParentWidth, spaceForLabel])\n\n    //Figures out how much horizontal space the value labels need so they don't overflow (or leave too much empty space).\n    //Solved directly from the scale's domain (which doesn't depend on spaceForLabel), so it converges in a single pass\n    //instead of repeatedly nudging spaceForLabel by +/-25px and re-rendering every bar each time.\n    useEffect(() => {\n        if (!ParentWidth) { return }\n\n        const availableWidth = ParentWidth - spaceForCategory\n        const [domainMin, domainMax] = xScale.domain()\n        const domainSpan = domainMax - domainMin\n\n        let requiredSpace = 0\n\n        if (domainSpan > 0) {\n            bars.forEach((d) => {\n                const textWidth = measureTextWidth((d as BarData<T>).label ?? \"\", 12, fontFamily);\n\n                // Position of the bar's far edge as a fraction of availableWidth, independent of spaceForLabel\n                const fraction = Math.max(0 - domainMin, d.value - domainMin) / domainSpan\n\n                if (fraction > 0) {\n                    const needed = (availableWidth * (fraction - 1) + gapBetweenTextAndBar + textWidth) / fraction\n                    requiredSpace = Math.max(requiredSpace, needed)\n                }\n            });\n        }\n\n        const newSpaceForLabel = Math.max(0, Math.ceil(requiredSpace))\n\n        if (Math.abs(newSpaceForLabel - spaceForLabel) > 1) {\n            setLabelSpaceDecided(false)\n            setSpaceForLabel(newSpaceForLabel)\n        } else {\n            setLabelSpaceDecided(true)\n        }\n\n    }, [bars, xScale, spaceForCategory, spaceForLabel, ParentWidth]);\n\n    const axisCenter = (xScale.range()[0] + xScale.range()[1]) / 2;\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(ref, () => ({\n        downloadSVG: () => {\n            if (svgRef.current) downloadAsSVG(svgRef.current, downloadFileName ?? \"bar_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (svgRef.current) downloadSVGAsPNG(svgRef.current, downloadFileName ?? \"bar_plot.png\");\n        },\n    }));\n\n    return (\n        // Min width of 500 to ensure that on mobile the calculated bar width is not negative\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle} style={{ minWidth: 500, overflow: 'auto' }}>\n            {lollipopValues.length > 0 && (\n                <Legend\n                    values={lollipopValues}\n                    label={legendTitle}\n                    getlollipopRadius={getlollipopRadius}\n                    height={legendHeight}\n                    width={300}\n                    legendValues={legendValues}\n                    spaceForCategory={spaceForCategory}\n                    axisCenter={axisCenter}\n                    loading={!labelSpaceDecided || ParentWidth < 0}\n                />\n            )}\n            {data.length === 0 ?\n                <p>No Data To Display</p>\n                :\n                <svg\n                    //define fallback ref if not passed through props\n                    ref={(node) => {\n                        if (svgRef && node) {\n                            svgRef.current = node;\n                        }\n                        outerSvgRef.current = node;\n                    }}\n                    width={ParentWidth}\n                    height={fill ? ParentHeight ? ParentHeight - legendHeight : ParentHeight : totalHeight + spaceForTopAxis + spaceOnBottom}\n                    opacity={(labelSpaceDecided && ParentWidth > 0) ? 1 : 0.3}\n                >\n                    <Group left={spaceForCategory} top={spaceForTopAxis}>\n                        {/* Top Axis with Label */}\n                        <AxisTop\n                            scale={xScale}\n                            top={0}\n                            label={topAxisLabel}\n                            labelProps={{ dy: -5, fontSize: 14, fontFamily }}\n                            numTicks={ParentWidth < 700 ? 4 : undefined}\n                            tickFormat={(value: NumberValue, index: number) => {\n                                const num = typeof value === 'number' ? value : value.valueOf();\n\n                                if (index === 0 && num < 0 && cutoffNegativeValues && data.some(d => d.value <= negativeCutoff)) {\n                                    return \"Low Signal\";\n                                } else {\n                                    return num.toString();\n                                }\n                            }}\n                        />\n\n                        {bars.map((d, i) => {\n\n                            return (\n                                <SingleBar\n                                    key={d.id}\n                                    bar={d}\n                                    index={i}\n                                    onBarClicked={onBarClicked as unknown as ((bar: BarData<unknown>) => void) | undefined}\n                                    TooltipContents={TooltipContents as unknown as ((bar: BarData<unknown>) => React.ReactNode) | undefined}\n                                    cutoffNegativeValues={cutoffNegativeValues}\n                                    negativeCutoff={negativeCutoff}\n                                    xScale={xScale}\n                                    yScale={yScale}\n                                    barSize={barSize}\n                                    barSpacing={barSpacing}\n                                    gapBetweenTextAndBar={gapBetweenTextAndBar}\n                                    getLollipopRadius={getlollipopRadius}\n                                    animation={animation}\n                                    animationEnabled={animationEnabled}\n                                    animationBuffer={animationBuffer}\n                                />\n                            );\n                        })}\n                        <>\n                            <line\n                                x1={xScale(0)}\n                                x2={xScale(0)}\n                                y1={0}\n                                y2={totalHeight}\n                                stroke=\"#000000\"\n                            />\n                        </>\n                        {show95thPercentileLine && xScale.domain()[1] > 1.645 &&\n                            <line\n                                x1={xScale(1.645)}\n                                x2={xScale(1.645)}\n                                y1={0}\n                                y2={totalHeight}\n                                stroke={\"black\"}\n                                strokeDasharray={'5 7'}\n                            />\n                        }\n                    </Group>\n                </svg>\n            }\n            {/* Loading Wheel for resizing */}\n            {!labelSpaceDecided &&\n                <div style={{ display: \"flex\", position: \"absolute\", inset: 0, justifyContent: \"center\" }}>\n                    <CircularProgress sx={{ mt: 10 }} />\n                </div>\n            }\n        </ResponsiveContainer>\n    );\n};\n\nexport default BarPlot;"],"names":["fontFamily","getTextHeight","text","fontSize","measureTextWidth","BarPlot","data","ref","topAxisLabel","onBarClicked","TooltipContents","show95thPercentileLine","cutoffNegativeValues","barSize","barSpacing","fill","legendTitle","legendValues","downloadFileName","animation","animationBuffer","width","height","spaceForLabel","setSpaceForLabel","useState","labelSpaceDecided","setLabelSpaceDecided","animationEnabled","setAnimationEnabled","svgRef","useRef","outerSvgRef","parentRef","node","containerStyle","ParentWidth","ParentHeight","useResponsiveParentSize","debounceTime","useEffect","handleScroll","addEventListener","once","removeEventListener","lollipopValues","map","d","lollipopValue","filter","v","undefined","rScaleAdjustment","rScale","useMemo","scaleLog","base","domain","range","round","getlollipopRadius","useCallback","x","Math","max","spaceForTopAxis","spaceOnBottom","legendHeight","length","spaceForCategory","category","gapBetweenTextAndBar","maxValue","value","minValue","min","negativeCutoff","bars","flatMap","item","index","id","color","slice","dataHeight","totalHeight","yScale","scaleBand","paddingOuter","xScale","scaleLinear","availableWidth","domainMin","domainMax","domainSpan","requiredSpace","forEach","textWidth","label","fraction","needed","newSpaceForLabel","ceil","abs","axisCenter","useImperativeHandle","downloadSVG","current","downloadAsSVG","downloadPNG","downloadSVGAsPNG","jsxs","ResponsiveContainer","minWidth","overflow","jsx","Legend","Group","AxisTop","dy","num","valueOf","some","toString","i","SingleBar","display","position","inset","justifyContent","CircularProgress","mt"],"mappings":"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"}

package/dist/visualization.es20.js

@@ -1,6 +1,6 @@
-import f from "./visualization.es97.js";
-import p from "./visualization.es98.js";
-import { easeOut as x } from "./visualization.es99.js";
+import f from "./visualization.es89.js";
+import p from "./visualization.es90.js";
+import { easeOut as x } from "./visualization.es91.js";
 function S(t, o = "scatterPlot.png", e = window.devicePixelRatio || 2) {
   if (!t) return;
   const i = t.getBoundingClientRect(), n = Math.ceil(Math.max(i.width, i.height));