@weng-lab/visualization 2.4.0-beta.5 → 2.4.0-beta.7

package/dist/visualization.es66.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es66.js","sources":["../../../node_modules/.pnpm/@visx+zoom@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/zoom/esm/Zoom.js"],"sourcesContent":["import { useState, useRef, useCallback } from 'react';\nimport { localPoint } from '@visx/event';\nimport { useGesture } from '@use-gesture/react';\nimport { composeMatrices, inverseMatrix, applyMatrixToPoint, applyInverseMatrixToPoint, translateMatrix, identityMatrix, scaleMatrix } from \"./util/matrix.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\n// default prop values\nconst defaultInitialTransformMatrix = {\n  scaleX: 1,\n  scaleY: 1,\n  translateX: 0,\n  translateY: 0,\n  skewX: 0,\n  skewY: 0\n};\nconst defaultWheelDelta = event => -event.deltaY > 0 ? {\n  scaleX: 1.1,\n  scaleY: 1.1\n} : {\n  scaleX: 0.9,\n  scaleY: 0.9\n};\nconst defaultPinchDelta = _ref => {\n  let {\n    offset: [s],\n    lastOffset: [lastS]\n  } = _ref;\n  return {\n    scaleX: s - lastS < 0 ? 0.9 : 1.1,\n    scaleY: s - lastS < 0 ? 0.9 : 1.1\n  };\n};\nfunction Zoom(_ref2) {\n  let {\n    scaleXMin = 0,\n    scaleXMax = Infinity,\n    scaleYMin = 0,\n    scaleYMax = Infinity,\n    initialTransformMatrix = defaultInitialTransformMatrix,\n    wheelDelta = defaultWheelDelta,\n    pinchDelta = defaultPinchDelta,\n    width,\n    height,\n    constrain,\n    children\n  } = _ref2;\n  const containerRef = useRef(null);\n  const matrixStateRef = useRef(initialTransformMatrix);\n  const [transformMatrix, setTransformMatrixState] = useState(initialTransformMatrix);\n  const [isDragging, setIsDragging] = useState(false);\n  const [startTranslate, setStartTranslate] = useState(undefined);\n  const [startPoint, setStartPoint] = useState(undefined);\n  const defaultConstrain = useCallback((newTransformMatrix, prevTransformMatrix) => {\n    if (constrain) return constrain(newTransformMatrix, prevTransformMatrix);\n    const {\n      scaleX,\n      scaleY\n    } = newTransformMatrix;\n    const shouldConstrainScaleX = scaleX > scaleXMax || scaleX < scaleXMin;\n    const shouldConstrainScaleY = scaleY > scaleYMax || scaleY < scaleYMin;\n    if (shouldConstrainScaleX || shouldConstrainScaleY) {\n      return prevTransformMatrix;\n    }\n    return newTransformMatrix;\n  }, [constrain, scaleXMin, scaleXMax, scaleYMin, scaleYMax]);\n  const setTransformMatrix = useCallback(newTransformMatrix => {\n    setTransformMatrixState(prevTransformMatrix => {\n      const updatedTransformMatrix = defaultConstrain(newTransformMatrix, prevTransformMatrix);\n      matrixStateRef.current = updatedTransformMatrix;\n      return updatedTransformMatrix;\n    });\n  }, [defaultConstrain]);\n  const applyToPoint = useCallback(_ref3 => {\n    let {\n      x,\n      y\n    } = _ref3;\n    return applyMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n  }, [transformMatrix]);\n  const applyInverseToPoint = useCallback(_ref4 => {\n    let {\n      x,\n      y\n    } = _ref4;\n    return applyInverseMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n  }, [transformMatrix]);\n  const reset = useCallback(() => {\n    setTransformMatrix(initialTransformMatrix);\n  }, [initialTransformMatrix, setTransformMatrix]);\n  const scale = useCallback(_ref5 => {\n    let {\n      scaleX,\n      scaleY: maybeScaleY,\n      point\n    } = _ref5;\n    const scaleY = maybeScaleY || scaleX;\n    const cleanPoint = point || {\n      x: width / 2,\n      y: height / 2\n    };\n    // need to use ref value instead of state here because wheel listener does not have access to latest state\n    const translate = applyInverseMatrixToPoint(matrixStateRef.current, cleanPoint);\n    const nextMatrix = composeMatrices(matrixStateRef.current, translateMatrix(translate.x, translate.y), scaleMatrix(scaleX, scaleY), translateMatrix(-translate.x, -translate.y));\n    setTransformMatrix(nextMatrix);\n    if (isDragging) {\n      const {\n        translateX,\n        translateY\n      } = matrixStateRef.current;\n      setStartPoint(point);\n      setStartTranslate({\n        translateX,\n        translateY\n      });\n    }\n  }, [height, width, isDragging, setTransformMatrix]);\n  const translate = useCallback(_ref6 => {\n    let {\n      translateX,\n      translateY\n    } = _ref6;\n    const nextMatrix = composeMatrices(transformMatrix, translateMatrix(translateX, translateY));\n    setTransformMatrix(nextMatrix);\n  }, [setTransformMatrix, transformMatrix]);\n  const setTranslate = useCallback(_ref7 => {\n    let {\n      translateX,\n      translateY\n    } = _ref7;\n    const nextMatrix = {\n      ...transformMatrix,\n      translateX,\n      translateY\n    };\n    setTransformMatrix(nextMatrix);\n  }, [setTransformMatrix, transformMatrix]);\n  const translateTo = useCallback(_ref8 => {\n    let {\n      x,\n      y\n    } = _ref8;\n    const point = applyInverseMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n    setTranslate({\n      translateX: point.x,\n      translateY: point.y\n    });\n  }, [setTranslate, transformMatrix]);\n  const invert = useCallback(() => inverseMatrix(transformMatrix), [transformMatrix]);\n  const toStringInvert = useCallback(() => {\n    const {\n      translateX,\n      translateY,\n      scaleX,\n      scaleY,\n      skewX,\n      skewY\n    } = invert();\n    return `matrix(${scaleX}, ${skewY}, ${skewX}, ${scaleY}, ${translateX}, ${translateY})`;\n  }, [invert]);\n  const dragStart = useCallback(event => {\n    const {\n      translateX,\n      translateY\n    } = transformMatrix;\n    setStartPoint(localPoint(event) || undefined);\n    setStartTranslate({\n      translateX,\n      translateY\n    });\n    setIsDragging(true);\n  }, [transformMatrix]);\n  const dragMove = useCallback((event, options) => {\n    if (!isDragging || !startPoint || !startTranslate) return;\n    const currentPoint = localPoint(event);\n    const dx = currentPoint ? -(startPoint.x - currentPoint.x) : -startPoint.x;\n    const dy = currentPoint ? -(startPoint.y - currentPoint.y) : -startPoint.y;\n    let translateX = startTranslate.translateX + dx;\n    if (options?.offsetX) translateX += options?.offsetX ?? 0;\n    let translateY = startTranslate.translateY + dy;\n    if (options?.offsetY) translateY += options?.offsetY ?? 0;\n    setTranslate({\n      translateX,\n      translateY\n    });\n  }, [isDragging, setTranslate, startPoint, startTranslate]);\n  const dragEnd = useCallback(() => {\n    setStartPoint(undefined);\n    setStartTranslate(undefined);\n    setIsDragging(false);\n  }, []);\n  const handleWheel = useCallback(event => {\n    event.preventDefault();\n    const point = localPoint(event) || undefined;\n    const {\n      scaleX,\n      scaleY\n    } = wheelDelta(event);\n    scale({\n      scaleX,\n      scaleY,\n      point\n    });\n  }, [scale, wheelDelta]);\n  const handlePinch = useCallback(state => {\n    const {\n      origin: [ox, oy],\n      memo\n    } = state;\n    let currentMemo = memo;\n    if (containerRef.current) {\n      const {\n        top,\n        left\n      } = currentMemo ?? containerRef.current.getBoundingClientRect();\n      if (!currentMemo) {\n        currentMemo = {\n          top,\n          left\n        };\n      }\n      const {\n        scaleX,\n        scaleY\n      } = pinchDelta(state);\n      scale({\n        scaleX,\n        scaleY,\n        point: {\n          x: ox - left,\n          y: oy - top\n        }\n      });\n    }\n    return currentMemo;\n  }, [scale, pinchDelta]);\n  const toString = useCallback(() => {\n    const {\n      translateX,\n      translateY,\n      scaleX,\n      scaleY,\n      skewX,\n      skewY\n    } = transformMatrix;\n    return `matrix(${scaleX}, ${skewY}, ${skewX}, ${scaleY}, ${translateX}, ${translateY})`;\n  }, [transformMatrix]);\n  const center = useCallback(() => {\n    const centerPoint = {\n      x: width / 2,\n      y: height / 2\n    };\n    const inverseCentroid = applyInverseToPoint(centerPoint);\n    translate({\n      translateX: inverseCentroid.x - centerPoint.x,\n      translateY: inverseCentroid.y - centerPoint.y\n    });\n  }, [height, width, applyInverseToPoint, translate]);\n  const clear = useCallback(() => {\n    setTransformMatrix(identityMatrix());\n  }, [setTransformMatrix]);\n  useGesture({\n    onDragStart: _ref9 => {\n      let {\n        event\n      } = _ref9;\n      if (!(event instanceof KeyboardEvent)) dragStart(event);\n    },\n    onDrag: _ref0 => {\n      let {\n        event,\n        pinching,\n        cancel\n      } = _ref0;\n      if (pinching) {\n        cancel();\n        dragEnd();\n      } else if (!(event instanceof KeyboardEvent)) {\n        dragMove(event);\n      }\n    },\n    onDragEnd: dragEnd,\n    onPinch: handlePinch,\n    onWheel: _ref1 => {\n      let {\n        event,\n        active,\n        pinching\n      } = _ref1;\n      if (\n      // Outside of Safari, the wheel event is fired together with the pinch event\n      pinching ||\n      // currently onWheelEnd emits one final wheel event which causes 2x scale\n      // updates for the last tick. ensuring that the gesture is active avoids this\n      !active) {\n        return;\n      }\n      handleWheel(event);\n    }\n  }, {\n    target: containerRef,\n    eventOptions: {\n      passive: false\n    },\n    drag: {\n      filterTaps: true\n    }\n  });\n  const zoom = {\n    initialTransformMatrix,\n    transformMatrix,\n    isDragging,\n    center,\n    clear,\n    scale,\n    translate,\n    translateTo,\n    setTranslate,\n    setTransformMatrix,\n    reset,\n    handleWheel,\n    handlePinch,\n    dragEnd,\n    dragMove,\n    dragStart,\n    toString,\n    invert,\n    toStringInvert,\n    applyToPoint,\n    applyInverseToPoint,\n    containerRef\n  };\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(zoom)\n  });\n}\nexport default Zoom;"],"names":["defaultInitialTransformMatrix","defaultWheelDelta","event","defaultPinchDelta","_ref","s","lastS","Zoom","_ref2","scaleXMin","scaleXMax","scaleYMin","scaleYMax","initialTransformMatrix","wheelDelta","pinchDelta","width","height","constrain","children","containerRef","useRef","matrixStateRef","transformMatrix","setTransformMatrixState","useState","isDragging","setIsDragging","startTranslate","setStartTranslate","startPoint","setStartPoint","defaultConstrain","useCallback","newTransformMatrix","prevTransformMatrix","scaleX","scaleY","shouldConstrainScaleX","shouldConstrainScaleY","setTransformMatrix","updatedTransformMatrix","applyToPoint","_ref3","x","y","applyMatrixToPoint","applyInverseToPoint","_ref4","applyInverseMatrixToPoint","reset","scale","_ref5","maybeScaleY","point","cleanPoint","translate","nextMatrix","composeMatrices","translateMatrix","scaleMatrix","translateX","translateY","_ref6","setTranslate","_ref7","translateTo","_ref8","invert","inverseMatrix","toStringInvert","skewX","skewY","dragStart","localPoint","dragMove","options","currentPoint","dx","dy","dragEnd","handleWheel","handlePinch","state","ox","oy","memo","currentMemo","top","left","toString","center","centerPoint","inverseCentroid","clear","identityMatrix","useGesture","_ref9","_ref0","pinching","cancel","_ref1","active","_jsx","_Fragment"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es66.js","sources":["../src/components/Heatmap/HeatmapCells.tsx"],"sourcesContent":["import { HeatmapRect, HeatmapCircle, RectCell, CircleCell } from \"@visx/heatmap\";\nimport { useMemo, useRef, memo, ReactElement } from \"react\";\nimport type { AnimationType } from \"../../utility\";\nimport type { ColumnDatum, RowDatum, HeatmapCellId } from \"./types\";\nimport HeatmapCell from \"./HeatmapCell\";\nimport { PlotTooltip, type PlotTooltipHandle } from \"../../tooltip\";\nimport { useStableCallback } from \"../../hooks\";\nimport { DEFAULT_DESELECTED_COLOR, cellKey, getHeatmapColorScale, resolveCellAppearance } from \"./heatmapCellAppearance\";\n\nexport type AnyBin = RectCell<ColumnDatum, RowDatum> | CircleCell<ColumnDatum, RowDatum>;\n\nconst getBins = (d: ColumnDatum) => d.rows;\n\nexport interface HeatmapCellsProps {\n  data: ColumnDatum[];\n  xScale: (d: number) => number;\n  yScale: (d: number) => number;\n  colors: [string, string, ...string[]];\n  maxValue: number;\n  gap: number;\n  isRect: boolean;\n  binWidth: number;\n  binHeight: number;\n  animationType?: AnimationType;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\n}\n\nconst HeatmapCells = memo(function HeatmapCells({\n  data, xScale, yScale, colors, maxValue, gap,\n  isRect, binWidth, binHeight, animationType,\n  tooltipBody, onClick, selectedCells, deselectedColor = DEFAULT_DESELECTED_COLOR,\n}: HeatmapCellsProps) {\n  const colorScale = useMemo(\n    () => getHeatmapColorScale(colors, maxValue),\n    [colors, maxValue]\n  );\n  const radius = Math.min(binWidth, binHeight) / 2;\n\n  const selectedKeys = useMemo(\n    () => (selectedCells?.length ? new Set(selectedCells.map(cellKey)) : null),\n    [selectedCells]\n  );\n\n  // The tooltip is a sibling of the grid and owns its own state, so moving the pointer around\n  // never re-renders a cell. Cells reach it through this ref, which never changes identity.\n  const tooltipRef = useRef<PlotTooltipHandle<AnyBin>>(null);\n\n  // Consumers commonly pass an inline arrow for onClick. Cells are memoized on prop identity,\n  // so forwarding that directly would invalidate every cell on each render of the consumer.\n  const handleClick = useStableCallback(onClick);\n\n  const HeatmapComponent = isRect ? HeatmapRect : HeatmapCircle;\n\n  return (\n    <>\n      <HeatmapComponent\n        data={data}\n        xScale={xScale}\n        yScale={yScale}\n        colorScale={colorScale}\n        bins={getBins}\n        gap={gap}\n        {...(isRect ? { binWidth, binHeight } : { radius })}\n      >\n        {(heatmap) =>\n          heatmap.map((heatmapBins, colIndex) =>\n            heatmapBins.map((bin) => {\n              const isDeselected = !!selectedKeys && !selectedKeys.has(cellKey(bin));\n              const { fill, fillOpacity } = resolveCellAppearance(bin.count, bin.color, isDeselected, deselectedColor);\n              return (\n                <HeatmapCell\n                  key={`heatmap-cell-${bin.row}-${bin.column}`}\n                  bin={bin}\n                  isRect={isRect}\n                  binWidth={binWidth}\n                  fill={fill}\n                  fillOpacity={fillOpacity}\n                  colIndex={colIndex}\n                  animationType={animationType}\n                  tooltipRef={tooltipRef}\n                  onClick={handleClick}\n                />\n              );\n            })\n          )\n        }\n      </HeatmapComponent>\n      {tooltipBody && <PlotTooltip ref={tooltipRef}>{tooltipBody}</PlotTooltip>}\n    </>\n  );\n});\n\nexport default HeatmapCells;\n"],"names":["getBins","d","rows","HeatmapCells","memo","t0","$","_c","data","xScale","yScale","colors","maxValue","gap","isRect","binWidth","binHeight","animationType","tooltipBody","onClick","selectedCells","deselectedColor","t1","undefined","DEFAULT_DESELECTED_COLOR","t2","getHeatmapColorScale","colorScale","radius","Math","min","t3","length","Set","map","cellKey","selectedKeys","tooltipRef","useRef","handleClick","useStableCallback","HeatmapComponent","HeatmapRect","HeatmapCircle","t4","t5","heatmap","heatmapBins","colIndex","bin","isDeselected","has","fill","fillOpacity","resolveCellAppearance","count","color","HeatmapCell","row","column","t6","t7","jsx","PlotTooltip","t8"],"mappings":"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"}

package/dist/visualization.es67.js

@@ -1,22 +1,50 @@
-import "./visualization.es128.js";
-import "react/jsx-runtime";
-function d(i) {
-  let {
-    source: p,
-    target: u,
-    x: c,
-    y: a
-  } = i;
-  return (n) => {
-    const r = p(n), e = u(n), x = c(r), y = a(r), I = c(e), P = a(e), s = x - Math.PI / 2, t = y, o = I - Math.PI / 2, h = P, f = Math.cos(s), g = Math.sin(s), M = Math.cos(o), $ = Math.sin(o), m = Math.abs(o - s) > Math.PI ? o <= s : o > s;
-    return `
-      M${t * f},${t * g}
-      A${t},${t},0,0,${m ? 1 : 0},${t * M},${t * $}
-      L${h * M},${h * $}
-    `;
-  };
-}
+import { jsx as $ } from "react/jsx-runtime";
+import { c as A } from "react/compiler-runtime";
+import { memo as H } from "react";
+import { getAnimationProps as I } from "./visualization.es29.js";
+import { motion as M } from "./visualization.es34.js";
+const S = "visx-heatmap-cell", d = "visx-heatmap-cell-shape", z = `
+.${S} { cursor: pointer; }
+.${d} { transition: stroke-width 0.2s; pointer-events: all; }
+.${S}:hover .${d} { stroke-width: 2; }
+`, N = (o, t) => o.row !== t.row || o.column !== t.column || o.count !== t.count || o.gap !== t.gap || o.color !== t.color || o.opacity !== t.opacity || o.bin !== t.bin || o.datum !== t.datum ? !1 : "x" in o ? "x" in t && o.x === t.x && o.y === t.y && o.width === t.width && o.height === t.height : "cy" in t && o.cy === t.cy && o.r === t.r && o.radius === t.radius, O = (o, t) => o.fill === t.fill && o.fillOpacity === t.fillOpacity && o.isRect === t.isRect && o.binWidth === t.binWidth && o.colIndex === t.colIndex && o.animationType === t.animationType && o.tooltipRef === t.tooltipRef && o.onClick === t.onClick && N(o.bin, t.bin), B = H(function(t) {
+  const i = A(27), {
+    bin: e,
+    isRect: E,
+    binWidth: a,
+    fill: m,
+    fillOpacity: y,
+    colIndex: C,
+    animationType: P,
+    tooltipRef: l,
+    onClick: g
+  } = t, w = E && "width" in e && "height" in e && "x" in e && "y" in e, x = !E && "cy" in e && "r" in e;
+  let h;
+  i[0] !== m || i[1] !== y ? (h = {
+    fill: m,
+    fillOpacity: y,
+    stroke: m,
+    strokeWidth: 0
+  }, i[0] = m, i[1] = y, i[2] = h) : h = i[2];
+  const p = h, k = P ? M.g : "g", L = P;
+  let f;
+  i[3] !== C || i[4] !== L ? (f = I(L, C), i[3] = C, i[4] = L, i[5] = f) : f = i[5];
+  const R = f;
+  let c;
+  i[6] !== e || i[7] !== l ? (c = (W) => l.current?.show(e, W), i[6] = e, i[7] = l, i[8] = c) : c = i[8];
+  let n;
+  i[9] !== l ? (n = () => l.current?.hide(), i[9] = l, i[10] = n) : n = i[10];
+  let s;
+  i[11] !== e || i[12] !== g ? (s = () => g?.(e), i[11] = e, i[12] = g, i[13] = s) : s = i[13];
+  let r;
+  i[14] !== e || i[15] !== a || i[16] !== x || i[17] !== w || i[18] !== p ? (r = w ? /* @__PURE__ */ $("rect", { className: `visx-heatmap-rect ${d}`, width: e.width, height: e.height, x: e.x, y: e.y, ...p }) : x ? /* @__PURE__ */ $("circle", { className: `visx-heatmap-circle ${d}`, cx: e.column * a + a / 2, cy: e.cy, r: e.r, ...p }) : null, i[14] = e, i[15] = a, i[16] = x, i[17] = w, i[18] = p, i[19] = r) : r = i[19];
+  let u;
+  return i[20] !== k || i[21] !== R || i[22] !== c || i[23] !== n || i[24] !== s || i[25] !== r ? (u = /* @__PURE__ */ $(k, { ...R, className: S, onMouseMove: c, onMouseLeave: n, onClick: s, children: r }), i[20] = k, i[21] = R, i[22] = c, i[23] = n, i[24] = s, i[25] = r, i[26] = u) : u = i[26], u;
+}, O);
 export {
-  d as pathRadialStep
+  S as CELL_CLASS,
+  d as CELL_SHAPE_CLASS,
+  B as default,
+  z as heatmapCellStyles
 };
 //# sourceMappingURL=visualization.es67.js.map

package/dist/visualization.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es67.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/link/step/LinkRadialStep.js"],"sourcesContent":["import cx from 'classnames';\nimport { getX, getY, getSource, getTarget } from \"../../../util/accessors.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport function pathRadialStep(_ref) {\n  let {\n    source,\n    target,\n    x,\n    y\n  } = _ref;\n  return link => {\n    const sourceData = source(link);\n    const targetData = target(link);\n    const sx = x(sourceData);\n    const sy = y(sourceData);\n    const tx = x(targetData);\n    const ty = y(targetData);\n    const sa = sx - Math.PI / 2;\n    const sr = sy;\n    const ta = tx - Math.PI / 2;\n    const tr = ty;\n    const sc = Math.cos(sa);\n    const ss = Math.sin(sa);\n    const tc = Math.cos(ta);\n    const ts = Math.sin(ta);\n    const sf = Math.abs(ta - sa) > Math.PI ? ta <= sa : ta > sa;\n    return `\n      M${sr * sc},${sr * ss}\n      A${sr},${sr},0,0,${sf ? 1 : 0},${sr * tc},${sr * ts}\n      L${tr * tc},${tr * ts}\n    `;\n  };\n}\nexport default function LinkRadialStep(_ref2) {\n  let {\n    className,\n    innerRef,\n    data,\n    path,\n    x = getX,\n    y = getY,\n    source = getSource,\n    target = getTarget,\n    children,\n    ...restProps\n  } = _ref2;\n  const pathGen = path || pathRadialStep({\n    source,\n    target,\n    x,\n    y\n  });\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children({\n      path: pathGen\n    })\n  });\n  return /*#__PURE__*/_jsx(\"path\", {\n    ref: innerRef,\n    className: cx('visx-link visx-link-radial-step', className),\n    d: pathGen(data) || '',\n    ...restProps\n  });\n}"],"names":["pathRadialStep","_ref","source","target","x","y","link","sourceData","targetData","sx","sy","tx","ty","sa","sr","ta","tr","sc","ss","tc","ts","sf"],"mappings":";;AAGO,SAASA,EAAeC,GAAM;AACnC,MAAI;AAAA,IACF,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,EACJ,IAAMJ;AACJ,SAAO,CAAAK,MAAQ;AACb,UAAMC,IAAaL,EAAOI,CAAI,GACxBE,IAAaL,EAAOG,CAAI,GACxBG,IAAKL,EAAEG,CAAU,GACjBG,IAAKL,EAAEE,CAAU,GACjBI,IAAKP,EAAEI,CAAU,GACjBI,IAAKP,EAAEG,CAAU,GACjBK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAKJ,IAAK,KAAK,KAAK,GACpBK,IAAKJ,GACLK,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIJ,CAAE,GAChBK,IAAK,KAAK,IAAIL,CAAE,GAChBM,IAAK,KAAK,IAAIN,IAAKF,CAAE,IAAI,KAAK,KAAKE,KAAMF,IAAKE,IAAKF;AACzD,WAAO;AAAA,SACFC,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA,SAClBJ,CAAE,IAAIA,CAAE,QAAQO,IAAK,IAAI,CAAC,IAAIP,IAAKK,CAAE,IAAIL,IAAKM,CAAE;AAAA,SAChDJ,IAAKG,CAAE,IAAIH,IAAKI,CAAE;AAAA;AAAA,EAEzB;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es67.js","sources":["../src/components/Heatmap/HeatmapCell.tsx"],"sourcesContent":["import { memo, MouseEvent } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { getAnimationProps } from \"../../utility\";\nimport type { AnimationType } from \"../../utility\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport type { PlotTooltipRef } from \"../../tooltip\";\n\n/** Class on the <g> wrapping each cell. The hover rule keys off this. */\nexport const CELL_CLASS = \"visx-heatmap-cell\";\n/** Class on the <rect>/<circle> inside each cell. */\nexport const CELL_SHAPE_CLASS = \"visx-heatmap-cell-shape\";\n\n/**\n * Hover styling is plain CSS rather than React state: `:hover` costs no render at all, while\n * tracking hover in state re-renders on every cell the pointer crosses. Rendered once per chart\n * by Heatmap, inside the <svg> so it survives the SVG/PNG download serialization.\n *\n * The stroke is always painted in the cell's own fill color, so hovering only has to give it a\n * width. `strokeWidth={0}` below is a presentation attribute, which loses to any CSS rule - so\n * the hover rule wins without needing !important.\n *\n * `pointer-events: all` because cells with a null count render with fill=\"none\", and SVG's\n * default (visiblePainted) only treats painted area as a hit target - without this the pointer\n * falls through such a cell to the <svg> and it can never show its \"no data\" tooltip.\n */\nexport const heatmapCellStyles = `\n.${CELL_CLASS} { cursor: pointer; }\n.${CELL_SHAPE_CLASS} { transition: stroke-width 0.2s; pointer-events: all; }\n.${CELL_CLASS}:hover .${CELL_SHAPE_CLASS} { stroke-width: 2; }\n`;\n\nexport interface HeatmapCellProps {\n  bin: AnyBin;\n  isRect: boolean;\n  binWidth: number;\n  fill: string;\n  fillOpacity: number;\n  colIndex: number;\n  animationType?: AnimationType;\n  /** Stable for the life of the plot, so it never invalidates this cell's memoization. */\n  tooltipRef: PlotTooltipRef<AnyBin>;\n  onClick?: (bin: AnyBin) => void;\n}\n\n/**\n * visx rebuilds every bin object inside its own render, so `bin` always arrives with a fresh\n * identity and memo's default shallow compare can never bail out. Comparing the bin's fields\n * instead lets untouched cells skip re-rendering, which is what makes selection changes cheap:\n * only the cells whose appearance actually changed re-render, rather than the whole grid.\n *\n * `bin.bin` and `bin.datum` are the caller's own row/column data, which do keep identity, so a\n * reference check on those covers data and metadata changes.\n */\nconst binsEqual = (a: AnyBin, b: AnyBin): boolean => {\n  if (\n    a.row !== b.row ||\n    a.column !== b.column ||\n    a.count !== b.count ||\n    a.gap !== b.gap ||\n    a.color !== b.color ||\n    a.opacity !== b.opacity ||\n    a.bin !== b.bin ||\n    a.datum !== b.datum\n  ) {\n    return false;\n  }\n  // Rect and circle cells carry different geometry fields\n  if (\"x\" in a) {\n    return \"x\" in b && a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;\n  }\n  return \"cy\" in b && a.cy === b.cy && a.r === b.r && a.radius === b.radius;\n};\n\n/**\n * Must compare every prop in HeatmapCellProps - one left out here would silently stop updating.\n */\nconst cellPropsEqual = (prev: HeatmapCellProps, next: HeatmapCellProps): boolean =>\n  prev.fill === next.fill &&\n  prev.fillOpacity === next.fillOpacity &&\n  prev.isRect === next.isRect &&\n  prev.binWidth === next.binWidth &&\n  prev.colIndex === next.colIndex &&\n  prev.animationType === next.animationType &&\n  prev.tooltipRef === next.tooltipRef &&\n  prev.onClick === next.onClick &&\n  binsEqual(prev.bin, next.bin);\n\nconst HeatmapCell = memo(function HeatmapCell({\n  bin, isRect, binWidth, fill, fillOpacity, colIndex,\n  animationType, tooltipRef, onClick,\n}: HeatmapCellProps) {\n  const isRectCell = isRect && \"width\" in bin && \"height\" in bin && \"x\" in bin && \"y\" in bin;\n  const isCircleCell = !isRect && \"cy\" in bin && \"r\" in bin;\n\n  const sharedProps = { fill, fillOpacity, stroke: fill, strokeWidth: 0 };\n\n  const Wrapper = animationType ? motion.g : \"g\";\n  const animProps = getAnimationProps(animationType as AnimationType, colIndex);\n\n  return (\n    <Wrapper\n      {...animProps}\n      className={CELL_CLASS}\n      onMouseMove={(event: MouseEvent<SVGElement>) => tooltipRef.current?.show(bin, event)}\n      onMouseLeave={() => tooltipRef.current?.hide()}\n      onClick={() => onClick?.(bin)}\n    >\n      {isRectCell ? (\n        <rect\n          className={`visx-heatmap-rect ${CELL_SHAPE_CLASS}`}\n          width={bin.width}\n          height={bin.height}\n          x={bin.x}\n          y={bin.y}\n          {...sharedProps}\n        />\n      ) : isCircleCell ? (\n        <circle\n          className={`visx-heatmap-circle ${CELL_SHAPE_CLASS}`}\n          cx={bin.column * binWidth + binWidth / 2}\n          cy={bin.cy}\n          r={bin.r}\n          {...sharedProps}\n        />\n      ) : null}\n    </Wrapper>\n  );\n}, cellPropsEqual);\n\nexport default HeatmapCell;\n"],"names":["CELL_CLASS","CELL_SHAPE_CLASS","heatmapCellStyles","binsEqual","a","b","row","column","count","gap","color","opacity","bin","datum","x","y","width","height","cy","r","radius","cellPropsEqual","prev","next","fill","fillOpacity","isRect","binWidth","colIndex","animationType","tooltipRef","onClick","HeatmapCell","memo","t0","$","_c","isRectCell","isCircleCell","t1","stroke","strokeWidth","sharedProps","Wrapper","motion","g","t2","t3","getAnimationProps","animProps","t4","event","current","show","t5","hide","t6","t7","jsx","t8"],"mappings":"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"}

package/dist/visualization.es68.js

@@ -1,43 +1,48 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { c as w } from "react/compiler-runtime";
-import x from "./visualization.es29.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
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { c as S } from "react/compiler-runtime";
+import { measureTextWidth as W } from "./visualization.es29.js";
+import H from "./visualization.es31.js";
+import k from "./visualization.es33.js";
+const l = 14, _ = 6, x = 4, y = 11, A = "sans-serif", T = 5, I = (n) => n % 1 === 0 ? String(n) : n.toFixed(1), L = (n, t) => Array.from({
+  length: T
+}, (e, o) => n + o * (t - n) / (T - 1)), D = 1.15, G = 6, O = (n, t) => {
+  const e = Math.max(...L(n, t).map((o) => W(I(o), y, A)));
+  return l + x + _ + e * D + G;
+}, R = (n) => {
+  const t = S(11), {
+    colors: e,
+    minValue: o,
+    maxValue: c,
+    height: r
   } = 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;
+  if (t[0] !== e || t[1] !== r || t[2] !== c || t[3] !== o) {
+    const u = L(o, c), F = H({
+      domain: [c, o],
+      range: [0, r]
+    });
+    let s;
+    t[5] !== e ? (s = e.map((h, a) => /* @__PURE__ */ i("stop", { offset: `${a / (e.length - 1) * 100}%`, stopColor: e[e.length - 1 - a] }, a)), t[5] = e, t[6] = s) : s = t[6];
+    let m;
+    t[7] !== s ? (m = /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("linearGradient", { id: "heatmap-legend-gradient", x1: "0", y1: "0", x2: "0", y2: "1", children: s }) }), t[7] = s, t[8] = m) : m = t[8];
+    let f;
+    t[9] !== r ? (f = /* @__PURE__ */ i("rect", { x: 0, y: 0, width: l, height: r, fill: "url(#heatmap-legend-gradient)", rx: 2 }), t[9] = r, t[10] = f) : f = t[10], d = /* @__PURE__ */ g(k, { children: [
+      m,
+      f,
+      u.map((h, a) => {
+        const p = F(h);
+        return /* @__PURE__ */ g("g", { children: [
+          /* @__PURE__ */ i("line", { x1: l, x2: l + x, y1: p, y2: p, stroke: "#4d4f52", strokeWidth: 1 }),
+          /* @__PURE__ */ i("text", { x: l + x + _, y: p, dominantBaseline: "middle", fontSize: y, fontFamily: A, fill: "#4d4f52", children: I(h) })
+        ] }, a);
+      })
+    ] }), t[0] = e, t[1] = r, t[2] = c, t[3] = o, t[4] = d;
+  } else
+    d = t[4];
+  return 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
+  R as default,
+  O as getHeatmapLegendWidth
 };
 //# sourceMappingURL=visualization.es68.js.map

package/dist/visualization.es68.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es68.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;"}
+{"version":3,"file":"visualization.es68.js","sources":["../src/components/Heatmap/HeatmapLegend.tsx"],"sourcesContent":["import { Group } from \"@visx/group\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { measureTextWidth } from \"../../utility\";\n\nconst BAR_WIDTH = 14;\nconst LABEL_GAP = 6;\nconst TICK_WIDTH = 4;\nconst FONT_SIZE = 11;\nconst FONT_FAMILY = \"sans-serif\";\nconst NUM_TICKS = 5;\n\ninterface HeatmapLegendProps {\n    colors: [string, string, ...string[]];\n    minValue: number;\n    maxValue: number;\n    height: number;\n}\n\nconst formatTick = (value: number) =>\n    value % 1 === 0 ? String(value) : value.toFixed(1);\n\nconst getTickValues = (minValue: number, maxValue: number) =>\n    Array.from({ length: NUM_TICKS }, (_, i) =>\n        minValue + (i * (maxValue - minValue)) / (NUM_TICKS - 1)\n    );\n\n// Canvas's measureText and the browser's actual SVG text layout don't agree to the sub-pixel,\n// and the gap widens with string length - pad generously so longer labels (more digits) don't\n// creep past the reserved width and get clipped by the svg's default overflow:hidden.\nconst LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nconst RIGHT_PADDING = 6;\n\n// Full width needed to render the legend (color bar + ticks + tick labels) without\n// clipping, based on the widest formatted tick label for the given value range.\nexport const getHeatmapLegendWidth = (minValue: number, maxValue: number): number => {\n    const maxLabelWidth = Math.max(\n        ...getTickValues(minValue, maxValue).map((value) =>\n            measureTextWidth(formatTick(value), FONT_SIZE, FONT_FAMILY)\n        )\n    );\n    return BAR_WIDTH + TICK_WIDTH + LABEL_GAP + maxLabelWidth * LABEL_WIDTH_SAFETY_FACTOR + RIGHT_PADDING;\n};\n\nconst HeatmapLegend = ({ colors, minValue, maxValue, height }: HeatmapLegendProps) => {\n    const gradientId = \"heatmap-legend-gradient\";\n\n    const tickValues = getTickValues(minValue, maxValue);\n\n    const yScale = scaleLinear<number>({\n        domain: [maxValue, minValue],\n        range: [0, height],\n    });\n\n    return (\n        <Group>\n            <defs>\n                {/* The bar reads top (max) to bottom (min), so the gradient stops run in reverse\n                    color order to match how colors map to values in the heatmap cells. */}\n                <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    {colors.map((_, i) => (\n                        <stop\n                            key={i}\n                            offset={`${(i / (colors.length - 1)) * 100}%`}\n                            stopColor={colors[colors.length - 1 - i]}\n                        />\n                    ))}\n                </linearGradient>\n            </defs>\n            <rect\n                x={0}\n                y={0}\n                width={BAR_WIDTH}\n                height={height}\n                fill={`url(#${gradientId})`}\n                rx={2}\n            />\n            {tickValues.map((value, i) => {\n                const y = yScale(value);\n                return (\n                    <g key={i}>\n                        <line\n                            x1={BAR_WIDTH}\n                            x2={BAR_WIDTH + TICK_WIDTH}\n                            y1={y}\n                            y2={y}\n                            stroke=\"#4d4f52\"\n                            strokeWidth={1}\n                        />\n                        <text\n                            x={BAR_WIDTH + TICK_WIDTH + LABEL_GAP}\n                            y={y}\n                            dominantBaseline=\"middle\"\n                            fontSize={FONT_SIZE}\n                            fontFamily={FONT_FAMILY}\n                            fill=\"#4d4f52\"\n                        >\n                            {formatTick(value)}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default HeatmapLegend;\nexport type { HeatmapLegendProps };\n"],"names":["BAR_WIDTH","LABEL_GAP","TICK_WIDTH","FONT_SIZE","FONT_FAMILY","NUM_TICKS","formatTick","value","String","toFixed","getTickValues","minValue","maxValue","Array","from","length","_","i","LABEL_WIDTH_SAFETY_FACTOR","RIGHT_PADDING","getHeatmapLegendWidth","maxLabelWidth","Math","max","map","measureTextWidth","HeatmapLegend","t0","$","_c","colors","height","t1","tickValues","yScale","scaleLinear","domain","range","t2","jsx","t3","gradientId","t4","Group","i_0","y"],"mappings":"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"}

package/dist/visualization.es69.js

@@ -1,84 +1,24 @@
-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.es22.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;
-  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[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[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) {
+import o from "./visualization.es31.js";
+const L = "#d1d5db", r = 0.5, E = "none", i = (n) => `${n.row}-${n.column}`;
+function u(n, a) {
+  return o({
+    range: n,
+    domain: n.map((e, t) => t * a / (n.length - 1))
+  });
+}
+function p(n, a, e, t) {
+  const l = n == null;
   return {
-    ...t,
-    open: !1
+    fill: l ? E : e ? t : a ?? t,
+    fillOpacity: l ? 0 : e ? r : 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 {
-  H as default
+  L as DEFAULT_DESELECTED_COLOR,
+  r as DESELECTED_OPACITY,
+  E as NULL_VALUE_COLOR,
+  i as cellKey,
+  u as getHeatmapColorScale,
+  p as resolveCellAppearance
 };
 //# sourceMappingURL=visualization.es69.js.map

package/dist/visualization.es69.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es69.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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"}
+{"version":3,"file":"visualization.es69.js","sources":["../src/components/Heatmap/heatmapCellAppearance.ts"],"sourcesContent":["import { scaleLinear } from \"@visx/scale\";\nimport type { HeatmapCellId } from \"./types\";\n\nexport const DEFAULT_DESELECTED_COLOR = \"#d1d5db\";\nexport const DESELECTED_OPACITY = 0.5;\nexport const NULL_VALUE_COLOR = \"none\";\n\nexport const cellKey = (cell: HeatmapCellId) => `${cell.row}-${cell.column}`;\n\nexport function getHeatmapColorScale(colors: [string, string, ...string[]], maxValue: number) {\n  return scaleLinear<string>({\n    range: colors,\n    domain: colors.map((_, i) => (i * maxValue) / (colors.length - 1)),\n  });\n}\n\n/**\n * Shared by the SVG cell renderer (HeatmapCells.tsx, used for non-scrollable mode and export)\n * and the canvas cell renderer (HeatmapCanvasCells.ts, used on-screen in scrollable mode) so the\n * two can never drift apart on what a cell actually looks like.\n */\nexport function resolveCellAppearance(\n  count: number | null | undefined,\n  color: string | undefined,\n  isDeselected: boolean,\n  deselectedColor: string\n): { fill: string; fillOpacity: number } {\n  const isNullValue = count == null;\n  return {\n    fill: isNullValue ? NULL_VALUE_COLOR : isDeselected ? deselectedColor : color ?? deselectedColor,\n    fillOpacity: isNullValue ? 0 : isDeselected ? DESELECTED_OPACITY : 1,\n  };\n}\n"],"names":["DEFAULT_DESELECTED_COLOR","DESELECTED_OPACITY","NULL_VALUE_COLOR","cellKey","cell","row","column","getHeatmapColorScale","colors","maxValue","scaleLinear","range","domain","map","_","i","length","resolveCellAppearance","count","color","isDeselected","deselectedColor","isNullValue","fill","fillOpacity"],"mappings":";AAGO,MAAMA,IAA2B,WAC3BC,IAAqB,KACrBC,IAAmB,QAEnBC,IAAUA,CAACC,MAAwB,GAAGA,EAAKC,GAAG,IAAID,EAAKE,MAAM;AAEnE,SAASC,EAAqBC,GAAuCC,GAAkB;AAC5F,SAAOC,EAAoB;AAAA,IACzBC,OAAOH;AAAAA,IACPI,QAAQJ,EAAOK,IAAI,CAACC,GAAGC,MAAOA,IAAIN,KAAaD,EAAOQ,SAAS,EAAE;AAAA,EAAA,CAClE;AACH;AAOO,SAASC,EACdC,GACAC,GACAC,GACAC,GACuC;AACvC,QAAMC,IAAcJ,KAAS;AAC7B,SAAO;AAAA,IACLK,MAAMD,IAAcpB,IAAmBkB,IAAeC,IAAkBF,KAASE;AAAAA,IACjFG,aAAaF,IAAc,IAAIF,IAAenB,IAAqB;AAAA,EAAA;AAEvE;"}

package/dist/visualization.es7.js

@@ -1,16 +1,16 @@
 import { jsx as N, jsxs as oe } from "react/jsx-runtime";
 import { useState as G, useMemo as f, useRef as U, useCallback as R } from "react";
-import { ZoomFrame as ce } from "./visualization.es60.js";
-import { RenderTree as re } from "./visualization.es61.js";
-import ie from "./visualization.es52.js";
-import le from "./visualization.es53.js";
-import de from "./visualization.es62.js";
-import ue from "./visualization.es63.js";
-import he from "./visualization.es64.js";
-import S from "./visualization.es65.js";
-import pe from "./visualization.es29.js";
-import me from "./visualization.es66.js";
-import { pathRadialStep as J } from "./visualization.es67.js";
+import { ZoomFrame as ce } from "./visualization.es52.js";
+import { RenderTree as re } from "./visualization.es53.js";
+import ie from "./visualization.es46.js";
+import le from "./visualization.es47.js";
+import de from "./visualization.es54.js";
+import ue from "./visualization.es55.js";
+import he from "./visualization.es56.js";
+import S from "./visualization.es57.js";
+import pe from "./visualization.es33.js";
+import me from "./visualization.es58.js";
+import { pathRadialStep as J } from "./visualization.es59.js";
 const we = {
   duration: 0.3,
   ease: "easeInOut"