@milaboratories/graph-maker 1.1.142 → 1.1.143

package/dist/node_modules/@milaboratories/miplots4/dist/common/ContinuousGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContinuousGrid.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/common/ContinuousGrid.tsx"],"sourcesContent":["import {BLACK, GRID_GRAY} from '../constants';\nimport type {AxisSettings, FrameType} from '../types';\nimport {getLineShape} from '../utils/getLineShape';\nimport type {ScaleLinear, ScaleLogarithmic, ScaleSymLog} from 'd3-scale';\nimport React from 'react';\nimport {useEffect, useState} from 'react';\n\nconst GRID_FRAME_WIDTH = 1;\n\ninterface GridProps {\n    scaleY: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\n    scaleX: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\n    width: number;\n    height: number;\n    axisX: AxisSettings;\n    axisY: AxisSettings;\n    frameType: FrameType;\n    updatingKey?: string;\n}\n\nexport function ContinuousGrid({scaleX, scaleY, width, height, axisX, axisY, frameType, updatingKey = ''}: GridProps) {\n    const [ticksX, setTicksX] = useState<number[]>(scaleX.ticks());\n    const [ticksY, setTicksY] = useState<number[]>(scaleY.ticks());\n\n    const {significantLines: significantLinesX = []} = axisX;\n    const {significantLines: significantLinesY = []} = axisY;\n\n    useEffect(() => {\n        const ticksX = scaleX.ticks().filter(t => !significantLinesX.includes(t));\n        const ticksY = scaleY.ticks().filter(t => !significantLinesY.includes(t));\n        setTicksX(ticksX);\n        setTicksY(ticksY);\n    }, [scaleX, scaleY, updatingKey]);\n\n    return (\n        <g stroke={GRID_GRAY}>\n            {axisX.showGrid &&\n                ticksX.map((tick) => {\n                    const x = scaleX(tick);\n                    return (\n                        <line key={`x_${x}_${height}`} x1={x} x2={x} y1={0} y2={height} />\n                    );\n                })}\n            {axisY.showGrid &&\n                ticksY.map(tick => {\n                    const y = scaleY(tick);\n                    return (\n                        <line key={`y_${y}_${width}`} x1={0} x2={width} y1={y} y2={y} />\n                    );\n                })}\n            <g strokeDasharray={getLineShape(axisX.significantLinesStyle)} stroke={BLACK}>\n                {significantLinesX.map(v => {\n                    const x = scaleX(v);\n                    if (x < 0 || x > width) {\n                        return null;\n                    }\n                    return (\n                        <line key={`significant_${x}_${height}`} x1={x} x2={x} y1={0} y2={height} />\n                    );\n                })}\n            </g>\n            <g strokeDasharray={getLineShape(axisY.significantLinesStyle)} stroke={BLACK}>\n                {significantLinesY.map(v => {\n                    const y = scaleY(v);\n                    if (y < 0 || y > height) {\n                        return null;\n                    }\n                    return (\n                        <line key={`significant_${y}_${width}`} x1={0} x2={width} y1={y} y2={y} />\n                    );\n                })}\n            </g>\n            {frameType !== 'empty' && (\n                <g strokeWidth={GRID_FRAME_WIDTH}>\n                    {(axisX.showGrid || frameType !== 'left') && <line stroke={frameType === 'left' ? GRID_GRAY : BLACK} x1=\"0\" x2={width} y1={height} y2={height} />}\n                    {(axisX.showGrid || frameType !== 'bottom') && <line stroke={frameType === 'bottom' ? GRID_GRAY : BLACK} x1=\"0\" x2=\"0\" y1=\"0\" y2={height} />}\n                    {(axisX.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1={width} x2={width} y1=\"0\" y2={height} />}\n                    {(axisY.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1=\"0\" x2={width} y1=\"0\" y2=\"0\" />}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["GRID_FRAME_WIDTH","ContinuousGrid","scaleX","scaleY","width","height","axisX","axisY","frameType","updatingKey","ticksX","setTicksX","useState","ticksY","setTicksY","significantLinesX","significantLinesY","useEffect","t","jsxs","GRID_GRAY","tick","x","jsx","y","getLineShape","BLACK","v"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ContinuousGrid.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/common/ContinuousGrid.tsx"],"sourcesContent":["import {BLACK, GRID_GRAY} from '../constants';\nimport type {AxisSettingsContinuous, FrameType} from '../types';\nimport {getLineShape} from '../utils/getLineShape';\nimport type {ScaleLinear, ScaleLogarithmic, ScaleSymLog} from 'd3-scale';\nimport React from 'react';\nimport {useEffect, useState} from 'react';\n\nconst GRID_FRAME_WIDTH = 1;\n\ninterface GridProps {\n    scaleY: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\n    scaleX: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;\n    width: number;\n    height: number;\n    axisX: AxisSettingsContinuous;\n    axisY: AxisSettingsContinuous;\n    frameType: FrameType;\n    updatingKey?: string;\n}\n\nexport function ContinuousGrid({scaleX, scaleY, width, height, axisX, axisY, frameType, updatingKey = ''}: GridProps) {\n    const [ticksX, setTicksX] = useState<number[]>(scaleX.ticks());\n    const [ticksY, setTicksY] = useState<number[]>(scaleY.ticks());\n\n    const {significantLines: significantLinesX = []} = axisX;\n    const {significantLines: significantLinesY = []} = axisY;\n\n    useEffect(() => {\n        const ticksX = scaleX.ticks().filter(t => !significantLinesX.includes(t));\n        const ticksY = scaleY.ticks().filter(t => !significantLinesY.includes(t));\n        setTicksX(ticksX);\n        setTicksY(ticksY);\n    }, [scaleX, scaleY, updatingKey]);\n\n    return (\n        <g stroke={GRID_GRAY}>\n            {axisX.showGrid &&\n                ticksX.map((tick) => {\n                    const x = scaleX(tick);\n                    return (\n                        <line key={`x_${x}_${height}`} x1={x} x2={x} y1={0} y2={height} />\n                    );\n                })}\n            {axisY.showGrid &&\n                ticksY.map(tick => {\n                    const y = scaleY(tick);\n                    return (\n                        <line key={`y_${y}_${width}`} x1={0} x2={width} y1={y} y2={y} />\n                    );\n                })}\n            <g strokeDasharray={getLineShape(axisX.significantLinesStyle)} stroke={BLACK}>\n                {significantLinesX.map(v => {\n                    const x = scaleX(v);\n                    if (x < 0 || x > width) {\n                        return null;\n                    }\n                    return (\n                        <line key={`significant_${x}_${height}`} x1={x} x2={x} y1={0} y2={height} />\n                    );\n                })}\n            </g>\n            <g strokeDasharray={getLineShape(axisY.significantLinesStyle)} stroke={BLACK}>\n                {significantLinesY.map(v => {\n                    const y = scaleY(v);\n                    if (y < 0 || y > height) {\n                        return null;\n                    }\n                    return (\n                        <line key={`significant_${y}_${width}`} x1={0} x2={width} y1={y} y2={y} />\n                    );\n                })}\n            </g>\n            {frameType !== 'empty' && (\n                <g strokeWidth={GRID_FRAME_WIDTH}>\n                    {(axisX.showGrid || frameType !== 'left') && <line stroke={frameType === 'left' ? GRID_GRAY : BLACK} x1=\"0\" x2={width} y1={height} y2={height} />}\n                    {(axisX.showGrid || frameType !== 'bottom') && <line stroke={frameType === 'bottom' ? GRID_GRAY : BLACK} x1=\"0\" x2=\"0\" y1=\"0\" y2={height} />}\n                    {(axisX.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1={width} x2={width} y1=\"0\" y2={height} />}\n                    {(axisY.showGrid || frameType === 'full') && <line stroke={frameType === 'full' ? BLACK : GRID_GRAY} x1=\"0\" x2={width} y1=\"0\" y2=\"0\" />}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["GRID_FRAME_WIDTH","ContinuousGrid","scaleX","scaleY","width","height","axisX","axisY","frameType","updatingKey","ticksX","setTicksX","useState","ticksY","setTicksY","significantLinesX","significantLinesY","useEffect","t","jsxs","GRID_GRAY","tick","x","jsx","y","getLineShape","BLACK","v"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/ChartRenderer.js

@@ -3,7 +3,7 @@ import { createRoot as U } from "../node_modules/react-dom/client.js";
 import { Error as X } from "../common/Error.js";
 import { BLACK as Q } from "../constants.js";
 import { DEFAULT_DOT_AES as Y, LEGEND_OFFSET as J } from "../scatterplot/constants.js";
-import { isCategoricalAes as $, isContinuousAes as j } from "../types/common.js";
+import { isCategoricalAes as V, isContinuousAes as j } from "../types/common.js";
 import "../types/discrete.js";
 import "../types/scatterplot.js";
 import "../types/heatmap.js";
@@ -14,7 +14,7 @@ import { getContinuousLegendTicks as Z } from "../utils/getContinuousLegendTicks
 import { getContinuousLegendWidth as ee, getDiscreteLegendWidth as te } from "../utils/getLegendWidth.js";
 import { TextMeasurer as G } from "../utils/TextMeasurer/TextMeasurer.js";
 import { Chart as ae } from "./components/Chart.js";
-import { MAX_HEATMAP_WIDTH as ie, COLOR_NULL as F, MAX_LEGEND_HEIGHT as se, MARGIN as E, HEATMAP_LEFT_OFFSET as P, HEIGHT as V, WIDTH as D } from "./constants.js";
+import { MAX_HEATMAP_WIDTH as ie, COLOR_NULL as F, MAX_LEGEND_HEIGHT as se, MARGIN as y, HEATMAP_LEFT_OFFSET as $, HEIGHT as P, WIDTH as D } from "./constants.js";
 import { updateLinksHeight as oe, updateNodesHorizontalPosition as he } from "./getHierarchyData.js";
 import W from "../node_modules/d3-scale/src/ordinal.js";
 import le from "../node_modules/d3-scale/src/linear.js";
@@ -22,7 +22,7 @@ import { sqrt as q } from "../node_modules/d3-scale/src/pow.js";
 import re from "../node_modules/d3-hierarchy/src/cluster.js";
 var ne = Object.defineProperty, de = (h, e, t) => e in h ? ne(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, z = (h, e, t) => de(h, typeof e != "symbol" ? e + "" : e, t);
 function K(h, e) {
-  if ($(e))
+  if (V(e))
     return (t) => e.valuesMap[String(h.getColumnValue(e.columnName.value, t))];
   if (j(e)) {
     const { domain: t, range: i } = e, n = q().domain(t).range(i);
@@ -65,11 +65,11 @@ class Ke {
   constructor() {
     z(this, "component", /* @__PURE__ */ k.jsx(k.Fragment, {})), z(this, "reactRoot", null), z(this, "parentNode", null), z(this, "rootNode", null), z(this, "chartSizes", {
       treeWidth: D,
-      treeHeight: V,
+      treeHeight: P,
       heatmapWidth: 0,
       heatmapHeight: 0,
-      totalWidth: D + D + E.LEFT + E.RIGHT,
-      totalHeight: V + E.TOP + E.BOTTOM,
+      totalWidth: D + D + y.LEFT + y.RIGHT,
+      totalHeight: P + y.TOP + y.BOTTOM,
       labelsOffset: 0
     }), z(this, "legend", { width: 0, height: 0, items: [] }), z(this, "heatmapScales", {
       x: W().domain(["null"]).range([1]),
@@ -129,11 +129,11 @@ class Ke {
     if (t.valueType === "stringSource" && S) {
       const o = [...e.meta.uniqueValues], a = W(
         o,
-        o.map((y, O) => S[O % S.length])
+        o.map((E, O) => S[O % S.length])
       ).unknown(F);
       this.heatmapColorScale = {
         scale: a,
-        getter: (y) => y ? a(y) : F
+        getter: (E) => E ? a(E) : F
       };
     }
     this.chartSizes.heatmapWidth = this.heatmapScales.x(e.xKeys[e.xKeys.length - 1]) + this.heatmapStep.x;
@@ -155,7 +155,7 @@ class Ke {
       );
     }
     const H = [];
-    [i.nodeColor, i.nodeShape, i.lineColor].filter($).map((d) => d.columnName).forEach((d) => {
+    [i.nodeColor, i.nodeShape, i.lineColor].filter(V).map((d) => d.columnName).forEach((d) => {
       const r = t[d.value];
       if (r.usedAes.length === 0 || !r.aesMap)
         return;
@@ -225,9 +225,9 @@ class Ke {
       const _ = o, B = f;
       v.push({ id: d.value, type: "size", width: N, height: C, left: _, top: B, title: b, scale: m, values: u, labels: M }), S = N, f += C + x;
     }
-    const y = o + S + 2 * J, O = a;
+    const E = o + S + 2 * J, O = a;
     this.legend = {
-      width: y,
+      width: E,
       height: O,
       items: v
     };
@@ -239,7 +239,7 @@ class Ke {
     this.chartSizes.treeHeight = l, this.chartSizes.heatmapHeight = l;
   }
   updateTotalSizes(e) {
-    this.chartSizes.totalWidth = this.chartSizes.treeWidth + this.chartSizes.heatmapWidth + this.legend.width + E.LEFT + E.RIGHT, e && (this.chartSizes.totalWidth += P), this.legend.width > 0 && (this.chartSizes.totalWidth += P), this.chartSizes.totalHeight = Math.max(this.chartSizes.treeHeight, this.legend.height) + E.TOP + E.BOTTOM;
+    this.chartSizes.totalWidth = this.chartSizes.treeWidth + this.chartSizes.heatmapWidth + this.legend.width + y.LEFT + y.RIGHT, e && (this.chartSizes.totalWidth += $), this.legend.width > 0 && (this.chartSizes.totalWidth += $), this.chartSizes.totalHeight = Math.max(this.chartSizes.treeHeight, this.legend.height) + y.TOP + y.BOTTOM;
   }
   prepareTableLabels(e) {
     const t = new G("bold 14px Arial"), i = "…";
@@ -272,7 +272,7 @@ class Ke {
     }), this.chartSizes.treeWidth += l;
   }
   render(e, t, i, n, l, s, c, T, x, A, L, w, H, v, S, f, o, a) {
-    var y;
+    var E;
     this.updateChartSizes(t.size, v, i), this.updateHeatmapScales(v, S, t.size), this.updateLegendSize(t.legend, f, L, H, v, S), this.prepareTableLabels(v);
     const O = l === "top" ? [this.chartSizes.treeWidth, this.chartSizes.treeHeight] : [this.chartSizes.treeHeight, this.chartSizes.treeWidth];
     re().size(O).separation(() => 1)(i);
@@ -307,7 +307,7 @@ class Ke {
         onClick: a
       }
     );
-    this.component = p, (y = this.reactRoot) == null || y.render(p);
+    this.component = p, (E = this.reactRoot) == null || E.render(p);
   }
   renderError(e) {
     var t;