@milaboratories/graph-maker 1.1.156 → 1.1.158

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Annotations/index.js

@@ -1,97 +1,97 @@
 import { j as i } from "../../../node_modules/react/jsx-runtime.js";
 import { Annotation as p } from "./Annotation.js";
 import { ANNOTATION_WIDTH as y, ANNOTATIONS_OFFSET as m } from "../../constants.js";
-function u(n, o) {
-  return n.showTitle && o.includes(n.titlePosition);
+function u(s, o) {
+  return s.showTitle && o.includes(s.titlePosition);
 }
-function W({
-  facetKey: n,
+function F({
+  facetKey: s,
   sideElementBBoxes: o,
   annotations: x,
-  annotationColorScales: s,
+  annotationColorScales: n,
   cellsMeta: f,
-  chartEdgeSides: e,
+  chartEdgeSides: a,
   sharedX: h,
   sharedY: K,
   width: T,
-  height: v,
-  scales: g,
+  height: g,
+  scales: v,
   stepX: B,
   stepY: G,
   aes: S,
   frame: w,
-  xGroupKeys: C,
-  yGroupKeys: N,
-  xKeysByGroups: j,
-  yKeysByGroups: A,
+  xGroupKeys: N,
+  yGroupKeys: j,
+  xKeysByGroups: A,
+  yKeysByGroups: C,
   tooltipsData: D,
-  activeElementContainer: E
+  cellsRenderingMode: O
 }) {
-  const l = x.filter((t) => e.includes(t.position) || !h && ["left", "right"].includes(t.position) || !K && ["top", "bottom"].includes(t.position)), O = l.filter((t) => t.position === "left"), b = l.filter((t) => t.position === "right"), I = l.filter((t) => t.position === "top"), X = l.filter((t) => t.position === "bottom"), { xDataByKeys: c, yDataByKeys: d } = f, r = {
-    facetKey: n,
-    scales: g,
+  const l = x.filter((t) => a.includes(t.position) || !h && ["left", "right"].includes(t.position) || !K && ["top", "bottom"].includes(t.position)), b = l.filter((t) => t.position === "left"), E = l.filter((t) => t.position === "right"), I = l.filter((t) => t.position === "top"), M = l.filter((t) => t.position === "bottom"), { xDataByKeys: d, yDataByKeys: c } = f, r = {
+    facetKey: s,
+    scales: v,
     stepX: B,
     stepY: G,
     width: T,
-    height: v,
+    height: g,
     aes: S,
     frame: w,
-    xGroupKeys: C,
-    yGroupKeys: N,
-    xKeysByGroups: j,
-    yKeysByGroups: A,
+    xGroupKeys: N,
+    yGroupKeys: j,
+    xKeysByGroups: A,
+    yKeysByGroups: C,
     tooltipsData: D,
-    activeElementContainer: E
+    cellsRenderingMode: O
   };
   return /* @__PURE__ */ i.jsxs("g", { children: [
-    O.map((t, a) => /* @__PURE__ */ i.jsx(
+    b.map((t, e) => /* @__PURE__ */ i.jsx(
       p,
       {
         annotation: t,
-        colorScale: s[t.id],
-        data: d[t.valueColumn.value],
-        showTitle: u(t, e),
-        x: o.left.annotations.x + a * y,
+        colorScale: n[t.id],
+        data: c[t.valueColumn.value],
+        showTitle: u(t, a),
+        x: o.left.annotations.x + e * y,
         y: o.left.annotations.y,
         ...r
       },
       t.id
     )),
-    b.map((t, a) => /* @__PURE__ */ i.jsx(
+    E.map((t, e) => /* @__PURE__ */ i.jsx(
       p,
       {
         annotation: t,
-        colorScale: s[t.id],
-        data: d[t.valueColumn.value],
-        showTitle: u(t, e),
-        x: o.right.annotations.x + a * y + m,
+        colorScale: n[t.id],
+        data: c[t.valueColumn.value],
+        showTitle: u(t, a),
+        x: o.right.annotations.x + e * y + m,
         y: o.right.annotations.y,
         ...r
       },
       t.id
     )),
-    I.map((t, a) => /* @__PURE__ */ i.jsx(
+    I.map((t, e) => /* @__PURE__ */ i.jsx(
       p,
       {
         annotation: t,
-        colorScale: s[t.id],
-        data: c[t.valueColumn.value],
-        showTitle: u(t, e),
+        colorScale: n[t.id],
+        data: d[t.valueColumn.value],
+        showTitle: u(t, a),
         x: o.top.annotations.x,
-        y: o.top.annotations.y + a * y,
+        y: o.top.annotations.y + e * y,
         ...r
       },
       t.id
     )),
-    X.map((t, a) => /* @__PURE__ */ i.jsx(
+    M.map((t, e) => /* @__PURE__ */ i.jsx(
       p,
       {
         annotation: t,
-        colorScale: s[t.id],
-        data: c[t.valueColumn.value],
-        showTitle: u(t, e),
+        colorScale: n[t.id],
+        data: d[t.valueColumn.value],
+        showTitle: u(t, a),
         x: o.bottom.annotations.x,
-        y: o.bottom.annotations.y + a * y + m,
+        y: o.bottom.annotations.y + e * y + m,
         ...r
       },
       t.id
@@ -99,6 +99,6 @@ function W({
   ] });
 }
 export {
-  W as Annotations
+  F as Annotations
 };
 //# sourceMappingURL=index.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Annotations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Annotations/index.tsx"],"sourcesContent":["import type {TooltipsData} from '../../../common/Tooltip';\nimport {Annotation} from './Annotation';\nimport type {\n    AnnotationColorScales,\n    AnnotationTooltipData,\n    ChartDimensionsData,\n    ChartScales,\n} from '../types';\nimport {ANNOTATION_WIDTH, ANNOTATIONS_OFFSET} from '../../constants';\nimport type {Cell} from '../../getCells';\nimport type {GroupedCellsData} from '../../getCells';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\nfunction showTitle(item: HeatmapSettingsImpl['annotations'][0], chartEdgeSides: ChartDimensionsData['chartEdgeSides']) {\n    return item.showTitle && chartEdgeSides.includes(item.titlePosition);\n}\n\ninterface AnnotationProps {\n    facetKey: string;\n    sideElementBBoxes: ChartDimensionsData['sideElementBBoxes'];\n    annotations: HeatmapSettingsImpl['annotations'];\n    cellsMeta: GroupedCellsData['meta'];\n    annotationColorScales: AnnotationColorScales;\n    sharedX: boolean;\n    sharedY: boolean;\n    chartEdgeSides: ChartDimensionsData['chartEdgeSides'];\n    width: number;\n    height: number;\n    scales: ChartScales;\n    stepX: number;\n    stepY: number;\n    aes: HeatmapSettingsImpl['aes'];\n    frame: HeatmapSettingsImpl['chartSettings']['frame'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<Cell|AnnotationTooltipData>;\n    activeElementContainer?: Element;\n}\n\nexport function Annotations({\n    facetKey,\n    sideElementBBoxes,\n    annotations,\n    annotationColorScales,\n    cellsMeta,\n    chartEdgeSides,\n    sharedX,\n    sharedY,\n    width,\n    height,\n    scales,\n    stepX,\n    stepY,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    activeElementContainer\n}: AnnotationProps) {\n    const usedAnnotations = annotations.filter(item => {\n        return (\n            chartEdgeSides.includes(item.position) ||\n            (!sharedX && ['left', 'right'].includes(item.position)) ||\n            (!sharedY && ['top', 'bottom'].includes(item.position))\n        );\n    });\n    const leftAnnotations = usedAnnotations.filter(item => item.position === 'left');\n    const rightAnnotations = usedAnnotations.filter(item => item.position === 'right');\n    const topAnnotations = usedAnnotations.filter(item => item.position === 'top');\n    const bottomAnnotations = usedAnnotations.filter(item => item.position === 'bottom');\n    const {xDataByKeys, yDataByKeys} = cellsMeta;\n\n    const commonProps = {\n        facetKey,\n        scales,\n        stepX,\n        stepY,\n        width,\n        height,\n        aes,\n        frame,\n        xGroupKeys,\n        yGroupKeys,\n        xKeysByGroups,\n        yKeysByGroups,\n        tooltipsData,\n        activeElementContainer\n    };\n    return (\n        <g>\n            {leftAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={yDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.left.annotations.x + idx * ANNOTATION_WIDTH}\n                        y={sideElementBBoxes.left.annotations.y}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {rightAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={yDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.right.annotations.x + idx * ANNOTATION_WIDTH + ANNOTATIONS_OFFSET}\n                        y={sideElementBBoxes.right.annotations.y}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {topAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={xDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.top.annotations.x}\n                        y={sideElementBBoxes.top.annotations.y + idx * ANNOTATION_WIDTH}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {bottomAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={xDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.bottom.annotations.x}\n                        y={sideElementBBoxes.bottom.annotations.y + idx * ANNOTATION_WIDTH + ANNOTATIONS_OFFSET}\n                        {...commonProps}\n                    />\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["showTitle","item","chartEdgeSides","Annotations","facetKey","sideElementBBoxes","annotations","annotationColorScales","cellsMeta","sharedX","sharedY","width","height","scales","stepX","stepY","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","activeElementContainer","usedAnnotations","leftAnnotations","rightAnnotations","topAnnotations","bottomAnnotations","xDataByKeys","yDataByKeys","commonProps","i","idx","jsx","Annotation","ANNOTATION_WIDTH","ANNOTATIONS_OFFSET"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/Annotations/index.tsx"],"sourcesContent":["import type {TooltipsData} from '../../../common/Tooltip';\nimport {Annotation} from './Annotation';\nimport type {\n    AnnotationColorScales,\n    AnnotationTooltipData,\n    ChartDimensionsData,\n    ChartScales,\n} from '../types';\nimport {ANNOTATION_WIDTH, ANNOTATIONS_OFFSET} from '../../constants';\nimport type {Cell} from '../../getCells';\nimport type {GroupedCellsData} from '../../getCells';\nimport type {HeatmapSettingsImpl} from '../../HeatmapSettingsImpl';\nimport React from 'react';\n\nfunction showTitle(item: HeatmapSettingsImpl['annotations'][0], chartEdgeSides: ChartDimensionsData['chartEdgeSides']) {\n    return item.showTitle && chartEdgeSides.includes(item.titlePosition);\n}\n\ninterface AnnotationProps {\n    facetKey: string;\n    sideElementBBoxes: ChartDimensionsData['sideElementBBoxes'];\n    annotations: HeatmapSettingsImpl['annotations'];\n    cellsMeta: GroupedCellsData['meta'];\n    annotationColorScales: AnnotationColorScales;\n    sharedX: boolean;\n    sharedY: boolean;\n    chartEdgeSides: ChartDimensionsData['chartEdgeSides'];\n    width: number;\n    height: number;\n    scales: ChartScales;\n    stepX: number;\n    stepY: number;\n    aes: HeatmapSettingsImpl['aes'];\n    frame: HeatmapSettingsImpl['chartSettings']['frame'];\n    xGroupKeys: string[];\n    yGroupKeys: string[];\n    xKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['xKeysByGroups'];\n    yKeysByGroups: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['yKeysByGroups'];\n    tooltipsData: TooltipsData<Cell|AnnotationTooltipData>;\n    cellsRenderingMode: 'canvas' | 'svg';\n}\n\nexport function Annotations({\n    facetKey,\n    sideElementBBoxes,\n    annotations,\n    annotationColorScales,\n    cellsMeta,\n    chartEdgeSides,\n    sharedX,\n    sharedY,\n    width,\n    height,\n    scales,\n    stepX,\n    stepY,\n    aes,\n    frame,\n    xGroupKeys,\n    yGroupKeys,\n    xKeysByGroups,\n    yKeysByGroups,\n    tooltipsData,\n    cellsRenderingMode,\n}: AnnotationProps) {\n    const usedAnnotations = annotations.filter(item => {\n        return (\n            chartEdgeSides.includes(item.position) ||\n            (!sharedX && ['left', 'right'].includes(item.position)) ||\n            (!sharedY && ['top', 'bottom'].includes(item.position))\n        );\n    });\n    const leftAnnotations = usedAnnotations.filter(item => item.position === 'left');\n    const rightAnnotations = usedAnnotations.filter(item => item.position === 'right');\n    const topAnnotations = usedAnnotations.filter(item => item.position === 'top');\n    const bottomAnnotations = usedAnnotations.filter(item => item.position === 'bottom');\n    const {xDataByKeys, yDataByKeys} = cellsMeta;\n\n    const commonProps = {\n        facetKey,\n        scales,\n        stepX,\n        stepY,\n        width,\n        height,\n        aes,\n        frame,\n        xGroupKeys,\n        yGroupKeys,\n        xKeysByGroups,\n        yKeysByGroups,\n        tooltipsData,\n        cellsRenderingMode,\n    };\n    return (\n        <g>\n            {leftAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={yDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.left.annotations.x + idx * ANNOTATION_WIDTH}\n                        y={sideElementBBoxes.left.annotations.y}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {rightAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={yDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.right.annotations.x + idx * ANNOTATION_WIDTH + ANNOTATIONS_OFFSET}\n                        y={sideElementBBoxes.right.annotations.y}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {topAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={xDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.top.annotations.x}\n                        y={sideElementBBoxes.top.annotations.y + idx * ANNOTATION_WIDTH}\n                        {...commonProps}\n                    />\n                );\n            })}\n            {bottomAnnotations.map((item, idx) => {\n                return (\n                    <Annotation\n                        key={item.id}\n                        annotation={item}\n                        colorScale={annotationColorScales[item.id]}\n                        data={xDataByKeys[item.valueColumn.value]}\n                        showTitle={showTitle(item, chartEdgeSides)}\n                        x={sideElementBBoxes.bottom.annotations.x}\n                        y={sideElementBBoxes.bottom.annotations.y + idx * ANNOTATION_WIDTH + ANNOTATIONS_OFFSET}\n                        {...commonProps}\n                    />\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["showTitle","item","chartEdgeSides","Annotations","facetKey","sideElementBBoxes","annotations","annotationColorScales","cellsMeta","sharedX","sharedY","width","height","scales","stepX","stepY","aes","frame","xGroupKeys","yGroupKeys","xKeysByGroups","yKeysByGroups","tooltipsData","cellsRenderingMode","usedAnnotations","leftAnnotations","rightAnnotations","topAnnotations","bottomAnnotations","xDataByKeys","yDataByKeys","commonProps","i","idx","jsx","Annotation","ANNOTATION_WIDTH","ANNOTATIONS_OFFSET"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/CanvasCells.js

@@ -0,0 +1,85 @@
+import { j as w } from "../../node_modules/react/jsx-runtime.js";
+import { r as x } from "../../_virtual/index.js";
+import { useFunction as K } from "../../utils/hooks/useFunction.js";
+function L(e, t, s, o, n, r, v, g, h, d, m, u) {
+  var f;
+  if (e) {
+    e.beginPath(), e.clearRect(0, 0, m, u);
+    for (const a of o)
+      for (const i of n) {
+        const c = (f = s == null ? void 0 : s[a]) == null ? void 0 : f[i];
+        if (!c)
+          continue;
+        const p = t.x(a), l = t.y(i);
+        e.fillStyle = c.value === null ? h : d(c.normalizedValue), e.fillRect(p, l, r, v);
+      }
+  }
+}
+function S(e, t, s) {
+  let o = 0, n = e.length - 1;
+  for (; o <= n; ) {
+    const r = Math.floor((o + n) / 2);
+    if (Math.abs(e[r] - t) < s)
+      return e[r] >= t ? r - 1 : r;
+    t < e[r] ? n = r - 1 : o = r + 1;
+  }
+  return -1;
+}
+function C(e, t, s, o) {
+  const n = S(t, e, o);
+  return n === -1 ? -1 : s[n];
+}
+function X({
+  width: e,
+  height: t,
+  facetKey: s,
+  scales: o,
+  cells: n,
+  xKeys: r,
+  yKeys: v,
+  stepX: g,
+  stepY: h,
+  aes: d,
+  colorScale: m,
+  tooltipsData: u
+}) {
+  const f = x.useRef(null), a = window.devicePixelRatio || 1, i = x.useRef(null), c = () => {
+    L(
+      i.current,
+      o,
+      n,
+      r,
+      v,
+      g,
+      h,
+      d.cellStrokeColor,
+      d.emptyCellColor,
+      m,
+      e,
+      t
+    );
+  };
+  x.useEffect(() => {
+    const l = f.current;
+    i.current || (i.current = (l == null ? void 0 : l.getContext("2d")) ?? null), l && i.current && (l.style.width = e + "px", l.style.height = t + "px", i.current.scale(a, a)), c();
+  }, [e, t]), c();
+  const p = K((l) => {
+    var y;
+    const R = l.nativeEvent.offsetX, E = l.nativeEvent.offsetY, b = C(R, o.x.range(), o.x.domain(), g), j = C(E, o.y.range(), o.y.domain(), h), M = (y = n[b]) == null ? void 0 : y[j];
+    M ? u.onMouseEnter(M, s) : u.onMouseLeave();
+  });
+  return /* @__PURE__ */ w.jsx("foreignObject", { width: e, height: t, children: /* @__PURE__ */ w.jsx(
+    "canvas",
+    {
+      ref: f,
+      width: a * e,
+      height: a * t,
+      onMouseMove: p,
+      onMouseLeave: () => u.onMouseLeave()
+    }
+  ) });
+}
+export {
+  X as CanvasCells
+};
+//# sourceMappingURL=CanvasCells.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/CanvasCells.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CanvasCells.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/heatmap/components/CanvasCells.tsx"],"sourcesContent":["import type { Cell, GroupedCellsData } from '../getCells';\nimport type { AnnotationTooltipData, ChartScales } from './types';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport type { HeatmapSettingsImpl } from '../HeatmapSettingsImpl';\nimport type { MouseEventHandler } from 'react';\nimport { useEffect, useRef } from 'react';\nimport { useFunction } from '../../utils/hooks/useFunction';\n\nfunction renderCells<T>(\n    ctx: CanvasRenderingContext2D | null,\n    scales: ChartScales,\n    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'],\n    xKeys: string[],\n    yKeys: string[],\n    stepX: number,\n    stepY: number,\n    strokeColor: string,\n    emptyCellColor: string,\n    colorScale: (value: T) => string,\n    width: number,\n    height: number\n) {\n    if (!ctx) {\n        return;\n    }\n    ctx.beginPath(); // Start a new path\n    ctx.clearRect(0, 0, width, height);\n    for (const xKey of xKeys) {\n        for (const yKey of yKeys) {\n            const cell = cells?.[xKey]?.[yKey];\n            if (!cell) {\n                continue;\n            }\n            const x = scales.x(xKey);\n            const y = scales.y(yKey);\n            ctx.fillStyle = cell.value === null ? emptyCellColor : colorScale(cell.normalizedValue as T),\n                ctx.fillRect(x, y, stepX, stepY); // Add a rectangle to the current path\n        }\n    }\n}\n\nfunction binarySearch(arr: number[], val: number, step: number) {\n    let start = 0;\n    let end = arr.length - 1;\n\n    while (start <= end) {\n        const mid = Math.floor((start + end) / 2);\n        if (Math.abs(arr[mid] - val) < step) {\n            return arr[mid] >= val ? mid - 1 : mid;\n        }\n\n        if (val < arr[mid]) {\n            end = mid - 1;\n        } else {\n            start = mid + 1;\n        }\n    }\n    return -1;\n}\nfunction searchKey(px: number, positions: number[], keys: string[], step: number) {\n    const pos = binarySearch(positions, px, step);\n    if (pos === -1) {\n        return -1;\n    }\n    return keys[pos];\n}\n\ninterface CanvasCellsProps<T> {\n    width: number,\n    height: number,\n    facetKey: string,\n    scales: ChartScales,\n    cells: GroupedCellsData['facets'][keyof GroupedCellsData['facets']]['cells'],\n    xKeys: string[],\n    yKeys: string[],\n    stepX: number,\n    stepY: number,\n    aes: HeatmapSettingsImpl['aes'];\n    colorScale: (value: T) => string,\n    tooltipsData: TooltipsData<Cell | AnnotationTooltipData>;\n}\n\nexport function CanvasCells<ValueType>({\n    width,\n    height,\n    facetKey,\n    scales,\n    cells,\n    xKeys,\n    yKeys,\n    stepX,\n    stepY,\n    aes,\n    colorScale,\n    tooltipsData,\n}: CanvasCellsProps<ValueType>) {\n    const canvasRef = useRef<HTMLCanvasElement | null>(null);\n    const canvasRatio = window.devicePixelRatio || 1;\n    const ctx = useRef<CanvasRenderingContext2D | null>(null);\n    const render = () => {\n        renderCells<ValueType>(\n            ctx.current,\n            scales,\n            cells,\n            xKeys,\n            yKeys, stepX, stepY,\n            aes.cellStrokeColor,\n            aes.emptyCellColor,\n            colorScale,\n            width,\n            height\n        );\n    };\n    useEffect(() => {\n        const canvasEl = canvasRef.current;\n        if (!ctx.current) {\n            ctx.current = canvasEl?.getContext('2d') ?? null;\n        }\n        if (canvasEl && ctx.current) {\n            canvasEl.style.width = width + 'px';\n            canvasEl.style.height = height + 'px';\n            ctx.current.scale(canvasRatio, canvasRatio);\n        }\n        render();\n    }, [width, height]);\n    render();\n\n    const moveOnCanvas: MouseEventHandler<HTMLCanvasElement> = useFunction((e: React.MouseEvent) => {\n        const x = e.nativeEvent.offsetX;\n        const y = e.nativeEvent.offsetY;\n        const xKey = searchKey(x, scales.x.range(), scales.x.domain(), stepX);\n        const yKey = searchKey(y, scales.y.range(), scales.y.domain(), stepY);\n        const activeCell = cells[xKey]?.[yKey];\n        if (activeCell) {\n            tooltipsData.onMouseEnter(activeCell, facetKey);\n        } else {\n            tooltipsData.onMouseLeave();\n        }\n    });\n\n    return (\n        <foreignObject width={width} height={height}>\n            <canvas\n                ref={canvasRef}\n                width={canvasRatio * width}\n                height={canvasRatio * height}\n                onMouseMove={moveOnCanvas}\n                onMouseLeave={() => tooltipsData.onMouseLeave()}\n            />\n        </foreignObject>\n    );\n}"],"names":["renderCells","ctx","scales","cells","xKeys","yKeys","stepX","stepY","strokeColor","emptyCellColor","colorScale","width","height","xKey","yKey","cell","_a","x","y","binarySearch","arr","val","step","start","end","mid","searchKey","px","positions","keys","pos","CanvasCells","facetKey","aes","tooltipsData","canvasRef","useRef","canvasRatio","render","useEffect","canvasEl","moveOnCanvas","useFunction","e","activeCell","jsx"],"mappings":";;;AAQA,SAASA,EACLC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;;AACE,MAAKX,GAGL;AAAAA,MAAI,aACJA,EAAI,UAAU,GAAG,GAAGU,GAAOC,CAAM;AACjC,eAAWC,KAAQT;AACf,iBAAWU,KAAQT,GAAO;AACtB,cAAMU,KAAOC,IAAAb,KAAA,gBAAAA,EAAQU,CAAAA,MAAR,gBAAAG,EAAgBF,CAAAA;AAC7B,YAAI,CAACC;AACD;AAEJ,cAAME,IAAIf,EAAO,EAAEW,CAAI,GACjBK,IAAIhB,EAAO,EAAEY,CAAI;AACvBb,UAAI,YAAYc,EAAK,UAAU,OAAON,IAAiBC,EAAWK,EAAK,eAAoB,GACvFd,EAAI,SAASgB,GAAGC,GAAGZ,GAAOC,CAAK;AAAA,MACvC;AAAA,EAAA;AAER;AAEA,SAASY,EAAaC,GAAeC,GAAaC,GAAc;AAC5D,MAAIC,IAAQ,GACRC,IAAMJ,EAAI,SAAS;AAEvB,SAAOG,KAASC,KAAK;AACjB,UAAMC,IAAM,KAAK,OAAOF,IAAQC,KAAO,CAAC;AACxC,QAAI,KAAK,IAAIJ,EAAIK,CAAG,IAAIJ,CAAG,IAAIC;AAC3B,aAAOF,EAAIK,CAAG,KAAKJ,IAAMI,IAAM,IAAIA;AAGnCJ,IAAAA,IAAMD,EAAIK,CAAG,IACbD,IAAMC,IAAM,IAEZF,IAAQE,IAAM;AAAA,EAEtB;AACA,SAAO;AACX;AACA,SAASC,EAAUC,GAAYC,GAAqBC,GAAgBP,GAAc;AAC9E,QAAMQ,IAAMX,EAAaS,GAAWD,GAAIL,CAAI;AAC5C,SAAIQ,MAAQ,KACD,KAEJD,EAAKC,CAAG;AACnB;AAiBO,SAASC,EAAuB;AAAA,EACnC,OAAApB;AAAAA,EACA,QAAAC;AAAAA,EACA,UAAAoB;AAAAA,EACA,QAAA9B;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,OAAAC;AAAAA,EACA,KAAA0B;AAAAA,EACA,YAAAvB;AAAAA,EACA,cAAAwB;AACJ,GAAgC;AAC5B,QAAMC,IAAYC,EAAAA,OAAiC,IAAI,GACjDC,IAAc,OAAO,oBAAoB,GACzCpC,IAAMmC,EAAAA,OAAwC,IAAI,GAClDE,IAAS,MAAM;AACjBtC,IAAAA;AAAAA,MACIC,EAAI;AAAA,MACJC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MAAOC;AAAAA,MAAOC;AAAAA,MACd0B,EAAI;AAAA,MACJA,EAAI;AAAA,MACJvB;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IAAA;AAAA,EAER;AACA2B,EAAAA,EAAAA,UAAU,MAAM;AACZ,UAAMC,IAAWL,EAAU;AACtBlC,IAAAA,EAAI,YACLA,EAAI,WAAUuC,KAAA,OAAA,SAAAA,EAAU,WAAW,IAAA,MAAS,OAE5CA,KAAYvC,EAAI,YAChBuC,EAAS,MAAM,QAAQ7B,IAAQ,MAC/B6B,EAAS,MAAM,SAAS5B,IAAS,MACjCX,EAAI,QAAQ,MAAMoC,GAAaA,CAAW,IAE9CC,EAAAA;AAAAA,EACJ,GAAG,CAAC3B,GAAOC,CAAM,CAAC,GAClB0B,EAAAA;AAEA,QAAMG,IAAqDC,EAAY,CAACC,MAAwB;;AAC5F,UAAM1B,IAAI0B,EAAE,YAAY,SAClBzB,IAAIyB,EAAE,YAAY,SAClB9B,IAAOa,EAAUT,GAAGf,EAAO,EAAE,MAAA,GAASA,EAAO,EAAE,UAAUI,CAAK,GAC9DQ,IAAOY,EAAUR,GAAGhB,EAAO,EAAE,MAAA,GAASA,EAAO,EAAE,UAAUK,CAAK,GAC9DqC,KAAa5B,IAAAb,EAAMU,CAAI,MAAV,gBAAAG,EAAcF,CAAAA;AAC7B8B,IAAAA,IACAV,EAAa,aAAaU,GAAYZ,CAAQ,IAE9CE,EAAa,aAAA;AAAA,EAErB,CAAC;AAED,SACIW,gBAAAA,EAAAA,IAAC,iBAAA,EAAc,OAAAlC,GAAc,QAAAC,GACzB,UAAAiC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKV;AAAAA,MACL,OAAOE,IAAc1B;AAAAA,MACrB,QAAQ0B,IAAczB;AAAAA,MACtB,aAAa6B;AAAAA,MACb,cAAc,MAAMP,EAAa,aAAA;AAAA,IAAA;AAAA,EAAa,GAEtD;AAER;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Captions/AxisCaptions.js

@@ -1,6 +1,6 @@
 import { j as t } from "../../../node_modules/react/jsx-runtime.js";
 import { BLACK as a } from "../../../constants.js";
-import { DEFAULT_TICKS_SIZE as k, TICK_OFFSET as $ } from "../../constants.js";
+import { DEFAULT_TICKS_SIZE as k, TICK_OFFSET as j } from "../../constants.js";
 function D({
   sideElementBBoxes: s,
   debug: f,
@@ -41,7 +41,7 @@ function D({
       ] }),
       C && /* @__PURE__ */ t.jsxs("g", { fontSize: "14px", transform: `translate(${h.x},${h.y})`, children: [
         L.map((r) => {
-          const y = o.xAxisLabels !== 0, e = A.position === "bottom", d = e ? 0 : h.height, m = e ? d + V : d - V, b = e ? m + $ : m - $, l = w.x(r) + B / 2, c = -o.xAxisLabels, p = y ? e ? "end" : "start" : "middle";
+          const y = o.xAxisLabels !== 0, e = A.position === "bottom", d = e ? 0 : h.height, m = e ? d + V : d - V, b = e ? m + j : m - j, l = w.x(r) + B / 2, c = -o.xAxisLabels, p = y ? e ? "end" : "start" : "middle";
           return /* @__PURE__ */ t.jsxs("g", { children: [
             /* @__PURE__ */ t.jsx("line", { x1: l, x2: l, y1: d, y2: m, stroke: a }),
             /* @__PURE__ */ t.jsx(
@@ -90,10 +90,10 @@ function D({
         }
       ),
       F && /* @__PURE__ */ t.jsx("g", { fontSize: "14px", transform: `translate(${x.x},${x.y})`, children: u.map((r) => {
-        const y = o.yAxisLabels !== 0, e = g.position === "left", d = -(90 - o.yAxisLabels), m = o.yAxisLabels === 0 ? "middle" : e ? "end" : "start", b = y ? "central" : e ? "auto" : "hanging", l = e ? x.width : 0, c = e ? l - T : l + T, p = e ? c - $ : c + $, j = w.y(r) + E / 2;
+        const y = o.yAxisLabels !== 0, e = g.position === "left", d = -(90 - o.yAxisLabels), m = o.yAxisLabels === 0 ? "middle" : e ? "end" : "start", b = y ? "central" : e ? "auto" : "hanging", l = e ? x.width : 0, c = e ? l - T : l + T, p = e ? c - j : c + j, $ = w.y(r) + E / 2;
         return /* @__PURE__ */ t.jsxs("g", { children: [
-          /* @__PURE__ */ t.jsx("line", { x1: l, x2: c, y1: j, y2: j, stroke: a }),
-          /* @__PURE__ */ t.jsx("text", { x: p, y: j, textAnchor: m, transform: `rotate(${d},${p},${j})`, dominantBaseline: b, children: S[r] })
+          /* @__PURE__ */ t.jsx("line", { x1: l, x2: c, y1: $, y2: $, stroke: a }),
+          /* @__PURE__ */ t.jsx("text", { x: p, y: $, textAnchor: m, transform: `rotate(${d},${p},${$})`, dominantBaseline: b, children: S[r] })
         ] }, r);
       }) }),
       f && /* @__PURE__ */ t.jsx(

package/dist/node_modules/@milaboratories/miplots4/dist/heatmap/components/Captions/GroupCaptions.js

@@ -1,6 +1,6 @@
-import { j as r } from "../../../node_modules/react/jsx-runtime.js";
+import { j as e } from "../../../node_modules/react/jsx-runtime.js";
 import { TICK_OFFSET as h } from "../../constants.js";
-function I({
+function P({
   sideElementBBoxes: s,
   xGroupKeys: G,
   yGroupKeys: $,
@@ -17,14 +17,14 @@ function I({
   debug: j
 }) {
   const L = s.top.groups.isVisible || s.bottom.groups.isVisible, l = s.top.groups.isVisible ? s.top.groups : s.bottom.groups, C = s.left.groups.isVisible || s.right.groups.isVisible, n = s.left.groups.isVisible ? s.left.groups : s.right.groups;
-  return /* @__PURE__ */ r.jsxs("g", { children: [
-    L && /* @__PURE__ */ r.jsx("g", { transform: `translate(${l.x},${l.y})`, children: G.map((t) => {
+  return /* @__PURE__ */ e.jsxs("g", { children: [
+    L && /* @__PURE__ */ e.jsx("g", { transform: `translate(${l.x},${l.y})`, children: G.map((t) => {
       const a = f[t].length;
       if (a === 0)
         return null;
-      const e = b.xGroupLabels, o = e !== 0, g = K.groupingPosition === "top", p = a * B, i = y.x(f[t][0]) + p / 2, u = o ? g ? l.height : 0 : l.height / 2, x = -e, d = e === 45 ? 2 * h : e === 90 ? h : 0, c = o ? g ? "start" : "end" : "middle";
-      return /* @__PURE__ */ r.jsxs("g", { transform: `translate(${i},${u + d})`, children: [
-        /* @__PURE__ */ r.jsx(
+      const r = b.xGroupLabels, o = r !== 0, g = K.groupingPosition === "top", p = a * B, i = y.x(f[t][0]) + p / 2, u = o ? g ? l.height : 0 : l.height / 2, x = -r, d = r === 45 ? 2 * h : r === 90 ? h : 0, c = o ? g ? "start" : "end" : "middle";
+      return /* @__PURE__ */ e.jsxs("g", { transform: `translate(${i},${u + d})`, children: [
+        /* @__PURE__ */ e.jsx(
           "text",
           {
             transform: `rotate(${x})`,
@@ -33,7 +33,7 @@ function I({
             children: w[t]
           }
         ),
-        j && /* @__PURE__ */ r.jsx(
+        j && /* @__PURE__ */ e.jsx(
           "rect",
           {
             x: -p / 2,
@@ -45,13 +45,13 @@ function I({
         )
       ] }, t);
     }) }),
-    C && /* @__PURE__ */ r.jsx("g", { transform: `translate(${n.x},${n.y})`, children: $.map((t) => {
+    C && /* @__PURE__ */ e.jsx("g", { transform: `translate(${n.x},${n.y})`, children: $.map((t) => {
       const a = m[t].length;
       if (a === 0)
         return null;
-      const e = a * V, o = k.groupingPosition === "left", g = o ? n.width : 0, p = y.y(m[t][0]) + e / 2, i = b.yGroupLabels, u = i !== 0, x = i === 45 ? -45 : (o ? -1 : 1) * (90 - i), d = i === 45 ? 2 * h : i === 90 ? h : 0, c = u ? o ? "end" : "start" : "middle";
-      return /* @__PURE__ */ r.jsxs("g", { transform: `translate(${g - d},${p})`, children: [
-        /* @__PURE__ */ r.jsx(
+      const r = a * V, o = k.groupingPosition === "left", g = o ? n.width : 0, p = y.y(m[t][0]) + r / 2, i = b.yGroupLabels, u = i !== 0, x = i === 45 ? -45 : (o ? -1 : 1) * (90 - i), d = i === 45 ? 2 * h : i === 90 ? h : 0, c = u ? o ? "end" : "start" : "middle";
+      return /* @__PURE__ */ e.jsxs("g", { transform: `translate(${g - d},${p})`, children: [
+        /* @__PURE__ */ e.jsx(
           "text",
           {
             y: u ? 0 : -n.width / 2,
@@ -61,13 +61,13 @@ function I({
             children: A[t]
           }
         ),
-        j && /* @__PURE__ */ r.jsx(
+        j && /* @__PURE__ */ e.jsx(
           "rect",
           {
             x: -n.width / 2,
-            y: -e / 2,
+            y: -r / 2,
             width: n.width,
-            height: e,
+            height: r,
             stroke: "black",
             fill: "none"
           }
@@ -77,6 +77,6 @@ function I({
   ] });
 }
 export {
-  I as GroupCaptions
+  P as GroupCaptions
 };
 //# sourceMappingURL=GroupCaptions.js.map