npm - @milaboratories/graph-maker - Versions diffs - 1.1.138 → 1.1.139 - Mend

@milaboratories/graph-maker 1.1.138 → 1.1.139

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (219) hide show

package/dist/node_modules/@milaboratories/miplots4/dist/bubble/ChartRenderer.js CHANGED Viewed

@@ -1,53 +1,54 @@
-import { j as E } from "../node_modules/react/jsx-runtime.js";
-import { Error as W } from "../common/Error.js";
-import { calculateChartSideElementSizes as $ } from "./utils/calculateChartSideElementSizes.js";
-import { calculateSideElementsBBoxes as F } from "./utils/calculateSideElementsBBoxes.js";
-import { calculateCaptionTails as G } from "./utils/calculateCaptionTails.js";
-import { getChartEdgeSides as K } from "../utils/getChartEdgeSides.js";
-import { getContinuousLegendTicks as P } from "../utils/getContinuousLegendTicks.js";
-import { MIN_MARGIN as A, LEGEND_OFFSET as j, TITLE_LINE as D, CHART_SIDE_ELEMENTS as k, MIN_PADDING as B } from "./constants.js";
-import { TITLE_LINE_HEIGHT as U, TITLE_MARGIN as O, DEFAULT_HEIGHT_SMALL as V, DEFAULT_HEIGHT as L, DEFAULT_WIDTH as M } from "../constants.js";
-import { createRoot as q } from "../node_modules/react-dom/client.js";
-import { ChartsGroup as Q } from "./components/ChartsGroup.js";
-import { TextMeasurer as X } from "../utils/TextMeasurer.js";
-import { arrangeLegendParts as J } from "../utils/arrangeLegendParts.js";
+import { j as L } from "../node_modules/react/jsx-runtime.js";
+import { createRoot as W } from "../node_modules/react-dom/client.js";
+import { Error as F } from "../common/Error.js";
+import { DataFrameProvider as $ } from "../common/useDataFrame.js";
+import { TITLE_LINE_HEIGHT as G, TITLE_MARGIN as K, DEFAULT_HEIGHT_SMALL as P, DEFAULT_HEIGHT as E, DEFAULT_WIDTH as M } from "../constants.js";
+import { arrangeLegendParts as j } from "../utils/arrangeLegendParts.js";
+import { getChartEdgeSides as k } from "../utils/getChartEdgeSides.js";
+import { getContinuousLegendTicks as B } from "../utils/getContinuousLegendTicks.js";
+import { TextMeasurer as U } from "../utils/TextMeasurer/TextMeasurer.js";
+import { ChartsGroup as O } from "./components/ChartsGroup.js";
+import { MIN_MARGIN as A, LEGEND_OFFSET as V, TITLE_LINE as I, CHART_SIDE_ELEMENTS as q, MIN_PADDING as X } from "./constants.js";
+import { calculateChartSideElementSizes as J } from "./utils/calculateChartSideElementSizes.js";
+import { calculateSideElementsBBoxes as Q } from "./utils/calculateSideElementsBBoxes.js";
+import { calculateCaptionTails as Y } from "./utils/calculateCaptionTails.js";
 import w from "../node_modules/d3-scale/src/ordinal.js";
 import N from "../node_modules/d3-scale/src/linear.js";
 import { sqrt as v } from "../node_modules/d3-scale/src/pow.js";
-var Y = Object.defineProperty, Z = (l, t, s) => t in l ? Y(l, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : l[t] = s, d = (l, t, s) => Z(l, typeof t != "symbol" ? t + "" : t, s);
-const tt = (l, t) => {
-  const s = Math.min(...t), a = Math.max(...t);
-  if (s === a) {
-    const h = l % 2 === 0 ? [] : [s];
-    for (let r = 1; r < l / 2 + 1; r++)
-      h.push(s + r), h.unshift(s - r);
-    return h;
+var Z = Object.defineProperty, tt = (r, t, e) => t in r ? Z(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, d = (r, t, e) => tt(r, typeof t != "symbol" ? t + "" : t, e);
+const et = (r, t) => {
+  const e = Math.min(...t), s = Math.max(...t);
+  if (e === s) {
+    const o = r % 2 === 0 ? [] : [e];
+    for (let m = 1; m < r / 2 + 1; m++)
+      o.push(e + m), o.unshift(e - m);
+    return o;
   }
-  if (l < 2)
-    return [s, a];
-  const o = (a - s) / (l - 1), e = [];
-  for (let h = 0; h < l - 1; h++)
-    e.push(s + o * h);
-  return e.push(a), e;
+  if (r < 2)
+    return [e, s];
+  const h = (s - e) / (r - 1), i = [];
+  for (let o = 0; o < r - 1; o++)
+    i.push(e + h * o);
+  return i.push(s), i;
 };
-function st(l, t, s) {
-  let a = s;
-  return l && (l.colorRange && (a = l.colorRange), l.method === "standardScaling" && (a = [-2, 2]), l.method === "meanNormalization" && (a = [-0.75, 0.75])), tt(t, a);
+function st(r, t, e) {
+  let s = e;
+  return r && (r.colorRange && (s = r.colorRange), r.method === "standardScaling" && (s = [-2, 2]), r.method === "meanNormalization" && (s = [-0.75, 0.75])), et(t, s);
 }
-class ft {
+class zt {
   constructor() {
-    d(this, "reactRoot", null), d(this, "parentNode", null), d(this, "rootNode", null), d(this, "component", /* @__PURE__ */ E.jsx(E.Fragment, {})), d(this, "chartsDimensions", {}), d(this, "chartSizes", {
+    d(this, "reactRoot", null), d(this, "parentNode", null), d(this, "rootNode", null), d(this, "component", /* @__PURE__ */ L.jsx(L.Fragment, {})), d(this, "chartsDimensions", {}), d(this, "chartSizes", {
       chartWidth: M,
       // width of single chart
-      chartHeight: L,
+      chartHeight: E,
       // height of single chart
       chartsWidth: M,
       // width of all charts in charts row
-      chartsHeight: L,
+      chartsHeight: E,
       // width of all charts in charts column, without axes
       totalWidth: M,
       // width of all charts in charts row, plus left axis, plus legend
-      totalHeight: L
+      totalHeight: E
       // width of all charts in charts height, plus bottom axis, plus top title
     }), d(this, "margins", {
       top: A,
@@ -74,108 +75,108 @@ class ft {
   clear() {
     var t;
     this.parentNode && this.rootNode && ((t = this.parentNode) == null || t.removeChild(this.rootNode), this.parentNode = null, this.rootNode = null), setTimeout(() => {
-      var s;
-      (s = this.reactRoot) == null || s.unmount(), this.reactRoot = null;
+      var e;
+      (e = this.reactRoot) == null || e.unmount(), this.reactRoot = null;
     });
   }
   init(t) {
-    this.parentNode === null && (this.parentNode = t, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = q(this.rootNode));
+    this.parentNode === null && (this.parentNode = t, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = W(this.rootNode));
   }
   updateMargins(t) {
     this.margins = {
-      top: t.show ? U + O * 2 : A,
+      top: t.show ? G + K * 2 : A,
       bottom: A,
       left: A,
       right: this.legend.width
     }, this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right, this.chartSizes.totalHeight = this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;
   }
-  updateLegendSize(t, s, a, o) {
+  updateLegendSize(t, e, s, h) {
     if (!t.show) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const e = [], h = Math.min(
-      Math.max(this.chartSizes.chartHeight, V),
-      L
-    ), r = Math.max(this.chartSizes.chartHeight, h), g = { width: 0, height: 0, left: 0, top: 0 }, S = this.colorScale.domain(), x = P(this.colorScale, [
+    const i = [], o = Math.min(
+      Math.max(this.chartSizes.chartHeight, P),
+      E
+    ), m = Math.max(this.chartSizes.chartHeight, o), g = { width: 0, height: 0, left: 0, top: 0 }, S = this.colorScale.domain(), x = B(this.colorScale, [
       S[0],
       S[S.length - 1]
-    ]), z = s.label ?? s.value, c = N([x[0], x[x.length - 1]], [h, 0]);
-    e.push({
+    ]), C = e.label ?? e.value, u = N([x[0], x[x.length - 1]], [o, 0]);
+    i.push({
       id: "colorValue",
       type: "continuous",
       scale: this.colorScale,
-      tickPositionScale: c,
+      tickPositionScale: u,
       values: x,
-      title: z,
+      title: C,
       ...g
     });
-    const u = a.label ?? a.value, C = this.sizeScale.ticks(3), p = this.sizeScale.tickFormat(3), i = C.reduce((T, b) => (T[String(b)] = p(b), T), {});
-    if (e.push({
+    const p = s.label ?? s.value, z = this.sizeScale.ticks(3), l = this.sizeScale.tickFormat(3), a = z.reduce((T, b) => (T[String(b)] = l(b), T), {});
+    if (i.push({
       id: "sizeValue",
       type: "size",
-      title: u,
+      title: p,
       scale: this.sizeScale,
-      values: C,
-      labels: i,
+      values: z,
+      labels: a,
       ...g
-    }), !e.length) {
+    }), !i.length) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const n = J(e, r, h), m = n[n.length - 1], y = m.left + m.width + 2 * j, f = this.chartsDimensions[o[0]].padding;
+    const n = j(i, m, o), c = n[n.length - 1], y = c.left + c.width + 2 * V, f = this.chartsDimensions[h[0]].padding;
     this.legend = {
       width: y,
-      height: r + f.top,
+      height: m + f.top,
       items: n
     };
   }
-  updateCaptionsSize(t, s, a) {
-    const o = new X("bold 14px Arial"), { xKeys: e, yKeys: h, xLabels: r, yLabels: g } = t.meta;
+  updateCaptionsSize(t, e, s) {
+    const h = new U("bold 14px Arial"), { xKeys: i, yKeys: o, xLabels: m, yLabels: g } = t.meta;
     this.labelAngles = {
-      xAxisLabels: s.axisLabelsAngle,
-      yAxisLabels: a.axisLabelsAngle
+      xAxisLabels: e.axisLabelsAngle,
+      yAxisLabels: s.axisLabelsAngle
     };
     let S = 0, x = 0;
-    for (const p of e) {
-      const i = o.getTextWidth(r[p]);
-      i > S && (S = i);
+    for (const l of i) {
+      const a = h.getTextWidth(m[l]);
+      a > S && (S = a);
     }
-    for (const p of h) {
-      const i = o.getTextWidth(g[p]);
-      i > x && (x = i);
+    for (const l of o) {
+      const a = h.getTextWidth(g[l]);
+      a > x && (x = a);
     }
-    const { xCaptionTail: z, yCaptionTail: c } = G(
+    const { xCaptionTail: C, yCaptionTail: u } = Y(
       this.labelAngles,
       this.step,
       t,
-      o
-    ), u = this.labelAngles.xAxisLabels / 180 * Math.PI, C = this.labelAngles.yAxisLabels / 180 * Math.PI;
+      h
+    ), p = this.labelAngles.xAxisLabels / 180 * Math.PI, z = this.labelAngles.yAxisLabels / 180 * Math.PI;
     this.captionsSizes = {
-      xCaptionTail: z,
-      yCaptionTail: c,
-      xAxisCaptions: S * Math.sin(u) || D,
-      yAxisCaptions: x * Math.sin(C) || D
+      xCaptionTail: C,
+      yCaptionTail: u,
+      xAxisCaptions: S * Math.sin(p) || I,
+      yAxisCaptions: x * Math.sin(z) || I
     };
   }
-  updateChartDimensions(t, s, a, o) {
-    const e = t.length, h = Math.min(s.nRows ?? e, e), r = Math.min(s.nCols ?? e, e);
-    this.columnsCount = s.nRows ? Math.ceil(e / h) : r, this.rowsCount = Math.ceil(e / this.columnsCount), this.chartsDimensions = {};
+  updateChartDimensions(t, e, s, h) {
+    const i = t.length, o = Math.min(e.nRows ?? i, i), m = Math.min(e.nCols ?? i, i);
+    this.columnsCount = e.nRows ? Math.ceil(i / o) : m, this.rowsCount = Math.ceil(i / this.columnsCount), this.chartsDimensions = {};
     let g = 0, S = 0;
-    t.forEach((c, u) => {
-      const C = u % this.columnsCount + 1, p = K(u, t.length, this.columnsCount, this.rowsCount), i = this.chartSizes.chartWidth, n = this.chartSizes.chartHeight, m = $(
-        a,
-        o,
+    t.forEach((u, p) => {
+      const z = p % this.columnsCount + 1, l = k(p, t.length, this.columnsCount, this.rowsCount), a = this.chartSizes.chartWidth, n = this.chartSizes.chartHeight, c = J(
+        s,
+        h,
         this.captionsSizes,
-        p,
+        l,
         t,
         this.step.x,
         this.step.y
       );
-      function y(I) {
+      function y(D) {
         return Math.max(
-          k[I].reduce((R, _) => R + m[I][_], 0),
-          B
+          q[D].reduce((R, _) => R + c[D][_], 0),
+          X
         );
       }
       const f = {
@@ -185,74 +186,75 @@ class ft {
         bottom: y("bottom")
       };
       f.left < this.captionsSizes.xCaptionTail && (f.left = this.captionsSizes.xCaptionTail), f.bottom < this.captionsSizes.yCaptionTail && (f.bottom = this.captionsSizes.yCaptionTail);
-      const T = F(m, i, n), b = i + f.left + f.right, H = n + f.top + f.bottom;
-      this.chartsDimensions[c] = {
+      const T = Q(c, a, n), b = a + f.left + f.right, H = n + f.top + f.bottom;
+      this.chartsDimensions[u] = {
         left: g,
         top: S,
-        inner: { width: i, height: n },
+        inner: { width: a, height: n },
         outer: { width: b, height: H },
         padding: f,
         sideElementBBoxes: T,
-        chartEdgeSides: p
-      }, g += b, C === this.columnsCount && (g = 0, S += H);
+        chartEdgeSides: l
+      }, g += b, z === this.columnsCount && (g = 0, S += H);
     });
-    const x = t.slice(0, this.columnsCount).reduce((c, u) => c + this.chartsDimensions[u].outer.width, 0), z = t.filter((c, u) => u % this.columnsCount === 0).reduce((c, u) => c + this.chartsDimensions[u].outer.height, 0);
-    this.chartSizes.chartsWidth = x, this.chartSizes.chartsHeight = z;
+    const x = t.slice(0, this.columnsCount).reduce((u, p) => u + this.chartsDimensions[p].outer.width, 0), C = t.filter((u, p) => p % this.columnsCount === 0).reduce((u, p) => u + this.chartsDimensions[p].outer.height, 0);
+    this.chartSizes.chartsWidth = x, this.chartSizes.chartsHeight = C;
   }
-  updateChartsSizes(t, s) {
-    const { width: a, height: o, cellSize: e } = s;
-    e && (this.chartSizes.chartWidth = t.meta.xKeys.length * e, this.chartSizes.chartHeight = t.meta.yKeys.length * e), a && o && (this.chartSizes.chartWidth = a, this.chartSizes.chartHeight = o);
+  updateChartsSizes(t, e) {
+    const { width: s, height: h, cellSize: i } = e;
+    i && (this.chartSizes.chartWidth = t.meta.xKeys.length * i, this.chartSizes.chartHeight = t.meta.yKeys.length * i), s && h && (this.chartSizes.chartWidth = s, this.chartSizes.chartHeight = h);
   }
   // update scales for cell positions, x and y for each facet
-  updateScales(t, s, a, o) {
-    const { width: e, height: h, cellSize: r } = s, { meta: g } = t, S = (p, i = {}) => [...p].sort(
-      (n, m) => a.sorting === "asc" ? (i[n] ?? n).localeCompare(i[m] ?? m, "en", { numeric: !0 }) : (i[m] ?? m).localeCompare(i[n] ?? n, "en", { numeric: !0 })
-    ), x = (p, i = {}) => [...p].sort(
-      (n, m) => o.sorting === "asc" ? (i[n] ?? n).localeCompare(i[m] ?? m, "en", { numeric: !0 }) : (i[m] ?? m).localeCompare(i[n] ?? n, "en", { numeric: !0 })
-    ), z = S(g.xKeys, g.xLabels), c = x(g.yKeys, g.yLabels);
-    r ? (this.step.x = r, this.step.y = r) : e && h && (this.step.x = e / z.length, this.step.y = h / c.length);
-    const u = new Array(z.length).fill(null).map((p, i) => i * this.step.x), C = new Array(c.length).fill(null).map((p, i) => i * this.step.y);
-    this.scales.x = w().domain(z).range(u), this.scales.y = w().domain(c).range(C);
+  updateScales(t, e, s, h) {
+    const { width: i, height: o, cellSize: m } = e, { meta: g } = t, S = (l, a = {}) => [...l].sort(
+      (n, c) => s.sorting === "asc" ? (a[n] ?? n).localeCompare(a[c] ?? c, "en", { numeric: !0 }) : (a[c] ?? c).localeCompare(a[n] ?? n, "en", { numeric: !0 })
+    ), x = (l, a = {}) => [...l].sort(
+      (n, c) => h.sorting === "asc" ? (a[n] ?? n).localeCompare(a[c] ?? c, "en", { numeric: !0 }) : (a[c] ?? c).localeCompare(a[n] ?? n, "en", { numeric: !0 })
+    ), C = S(g.xKeys, g.xLabels), u = x(g.yKeys, g.yLabels);
+    m ? (this.step.x = m, this.step.y = m) : i && o && (this.step.x = i / C.length, this.step.y = o / u.length);
+    const p = new Array(C.length).fill(null).map((l, a) => a * this.step.x), z = new Array(u.length).fill(null).map((l, a) => a * this.step.y);
+    this.scales.x = w().domain(C).range(p), this.scales.y = w().domain(u).range(z);
   }
-  updateAesScale(t, s, a, o) {
-    this.colorScale = N().domain(st(o, t.colorsList.length, a)).range(t.colorsList), this.sizeScale = v(s, [t.minRadius, t.maxRadius]);
+  updateAesScale(t, e, s, h) {
+    this.colorScale = N().domain(st(h, t.colorsList.length, s)).range(t.colorsList), this.sizeScale = v(e, [t.minRadius, t.maxRadius]);
   }
-  render(t, s, a, o, e, h, r, g, S, x) {
-    var z;
-    const { meta: c, facets: u } = e, { valueExtentSize: C, valueExtentColor: p } = c, { xAxis: i, yAxis: n, title: m, size: y } = s;
-    this.updateChartsSizes(e, y), this.updateAesScale(S, C, p, g), this.updateScales(e, y, s.xAxis, s.yAxis), this.updateCaptionsSize(e, i, n), this.updateChartDimensions(o, a, i, n), this.updateLegendSize(s.legend, h, r, o), this.updateMargins(m);
-    const f = /* @__PURE__ */ E.jsx(
-      Q,
+  render(t, e, s, h, i, o, m, g, S, x, C) {
+    var u;
+    const { meta: p, facets: z, meta: { facetKeys: l } } = i, { valueExtentSize: a, valueExtentColor: n } = p, { xAxis: c, yAxis: y, title: f, size: T } = s;
+    this.updateChartsSizes(i, T), this.updateAesScale(S, a, n, g), this.updateScales(i, T, s.xAxis, s.yAxis), this.updateCaptionsSize(i, c, y), this.updateChartDimensions(l, h, c, y), this.updateLegendSize(s.legend, o, m, l), this.updateMargins(f);
+    const b = /* @__PURE__ */ L.jsx($, { dataFrame: t, children: /* @__PURE__ */ L.jsx(
+      O,
       {
         aes: S,
         captionsSizes: this.captionsSizes,
-        cellsMeta: c,
+        cellsMeta: p,
         columnsCount: this.columnsCount,
         chartsDimensions: this.chartsDimensions,
         chartSettings: s,
         chartSizes: this.chartSizes,
         sizeScale: this.sizeScale,
         colorScale: this.colorScale,
-        facetKeys: o,
-        facetSettings: a,
-        groupedCells: u,
+        facetKeys: l,
+        facetSettings: h,
+        groupedCells: z,
         labelAngles: this.labelAngles,
         legend: this.legend,
         margins: this.margins,
         scales: this.scales,
-        settingsId: t,
+        settingsId: e,
         step: this.step,
-        onTooltipHintSwitch: x
+        getCellTooltip: x,
+        onTooltipHintSwitch: C
       }
-    );
-    this.component = f, (z = this.reactRoot) == null || z.render(f);
+    ) });
+    this.component = b, (u = this.reactRoot) == null || u.render(b);
   }
   renderError(t) {
-    var s;
-    (s = this.reactRoot) == null || s.render(/* @__PURE__ */ E.jsx(W, { message: t }));
+    var e;
+    (e = this.reactRoot) == null || e.render(/* @__PURE__ */ L.jsx(F, { message: t }));
   }
 }
 export {
-  ft as default
+  zt as default
 };
 //# sourceMappingURL=ChartRenderer.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/bubble/ChartRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChartRenderer.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/bubble/ChartRenderer.tsx"],"sourcesContent":["import type {BubbleSettingsImpl} from './BubbleSettingsImpl';\nimport type {ChartScales} from './components/types';\nimport {Error} from '../common/Error';\nimport type {\n CaptionsSizes,\n ChartDimensionsData,\n ChartSizes,\n LabelAngles,\n Margins,\n} from './components/types';\nimport type {GroupedCellsData} from './getCells';\nimport {calculateChartSideElementSizes, calculateSideElementsBBoxes} from './utils';\nimport {calculateCaptionTails} from './utils/calculateCaptionTails';\nimport type {ColumnName, DataValue} from '../types';\nimport {getChartEdgeSides} from '../utils/getChartEdgeSides';\nimport {getContinuousLegendTicks} from '../utils/getContinuousLegendTicks';\nimport type {ScaleLinear, ScalePower} from 'd3-scale';\nimport {scaleLinear, scaleOrdinal, scaleSqrt} from 'd3-scale';\nimport {CHART_SIDE_ELEMENTS, LEGEND_OFFSET, MIN_MARGIN, MIN_PADDING, TITLE_LINE} from './constants';\nimport {DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN} from '../constants';\nimport type {ReactElement} from 'react';\nimport React from 'react';\nimport type {Root} from 'react-dom/client';\nimport {createRoot} from 'react-dom/client';\nimport {ChartsGroup} from './components/ChartsGroup';\nimport {TextMeasurer} from '../utils/TextMeasurer';\nimport type { LegendData, LegendItem } from '../common/types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\n\nconst getSteps = (count: number, valueExtent: number[]) => {\n const min = Math.min(...valueExtent);\n const max = Math.max(...valueExtent);\n if (min === max) {\n const steps = count % 2 === 0 ? [] : [min];\n for (let i = 1; i < count / 2 + 1; i++) {\n steps.push(min + i);\n steps.unshift(min - i);\n }\n return steps;\n }\n if (count < 2) {\n return [min, max];\n }\n const step = (max - min) / (count - 1);\n const steps = [];\n for (let i = 0; i < count - 1; i++) {\n steps.push(min + step * i);\n }\n steps.push(max);\n return steps;\n};\n\nfunction getContinuousColorRange(\n normalization: BubbleSettingsImpl['normalization'],\n colorsCount: number,\n valueExtent: number[]\n) {\n let extent = valueExtent;\n if (normalization) {\n if (normalization.colorRange) {\n extent = normalization.colorRange;\n }\n if (normalization.method === 'standardScaling') {\n extent = [-2, 2];\n }\n if (normalization.method === 'meanNormalization') {\n extent = [-0.75, 0.75];\n }\n }\n return getSteps(colorsCount, extent);\n}\n\nclass ChartRenderer {\n reactRoot: Root \| null = null;\n parentNode: HTMLElement \| null = null;\n rootNode: HTMLElement \| null = null;\n component: ReactElement = (<></>);\n chartsDimensions: Record<string, ChartDimensionsData> = {};\n chartSizes: ChartSizes = {\n chartWidth: DEFAULT_WIDTH, // width of single chart\n chartHeight: DEFAULT_HEIGHT, // height of single chart\n chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\n totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n };\n margins: Margins = {\n top: MIN_MARGIN,\n bottom: MIN_MARGIN,\n left: MIN_MARGIN,\n right: MIN_MARGIN,\n };\n captionsSizes: CaptionsSizes = {\n xAxisCaptions: 100,\n yAxisCaptions: 100,\n xCaptionTail: 0,\n yCaptionTail: 0,\n };\n labelAngles: LabelAngles = {\n xAxisLabels: 0,\n yAxisLabels: 0,\n };\n columnsCount = 1;\n rowsCount = 1;\n scales: ChartScales = {\n x: scaleOrdinal<string, number>().domain(['null']).range([1]),\n y: scaleOrdinal<string, number>().domain(['null']).range([1]),\n };\n step: {x: number; y: number} = {x: 10, y: 10};\n colorScale: ScaleLinear<string, string> = scaleLinear<string, string>().domain([0, 1]).range(['white', 'black']);\n sizeScale: ScalePower<number, number> = scaleSqrt().domain([0, 1]).range([3, 20]);\n legend: LegendData = {\n width: 0,\n height: 0,\n items: [],\n };\n\n clear() {\n if (this.parentNode && this.rootNode) {\n this.parentNode?.removeChild(this.rootNode);\n this.parentNode = null;\n this.rootNode = null;\n }\n // timeout to avoid trying to unmount during rendering\n setTimeout(() => {\n this.reactRoot?.unmount();\n this.reactRoot = null;\n });\n }\n\n init(node: HTMLElement) {\n if (this.parentNode === null) {\n this.parentNode = node;\n this.rootNode = document.createElement('div');\n this.parentNode.appendChild(this.rootNode);\n this.reactRoot = createRoot(this.rootNode);\n }\n }\n\n updateMargins(title: BubbleSettingsImpl['chartSettings']['title']) {\n this.margins = {\n top: title.show ? TITLE_LINE_HEIGHT + TITLE_MARGIN * 2 : MIN_MARGIN,\n bottom: MIN_MARGIN,\n left: MIN_MARGIN,\n right: this.legend.width,\n };\n this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n this.chartSizes.totalHeight =\n this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;\n }\n\n updateLegendSize(\n legend: BubbleSettingsImpl['chartSettings']['legend'],\n columnValueColor: ColumnName,\n columnValueSize: ColumnName,\n facetKeys: string[]\n ) {\n if (!legend.show) {\n this.legend = {width: 0, height: 0, items: []};\n return;\n }\n\n const legendItems: LegendItem[] = [];\n const continuousHeight = Math.min(\n Math.max(this.chartSizes.chartHeight, DEFAULT_HEIGHT_SMALL),\n DEFAULT_HEIGHT\n );\n const legendHeight = Math.max(this.chartSizes.chartHeight, continuousHeight);\n const emptySizes = {width:0, height:0, left:0, top: 0};\n\n const colorDomain = this.colorScale.domain();\n const colorValues = getContinuousLegendTicks(this.colorScale, [\n colorDomain[0],\n colorDomain[colorDomain.length - 1],\n ]);\n const colorTitle = columnValueColor.label ?? columnValueColor.value;\n const tickPositionScale = scaleLinear([colorValues[0], colorValues[colorValues.length - 1]], [continuousHeight, 0]); //TODO: update during adding log scale for heatmap\n \n legendItems.push({\n id: 'colorValue',\n type: 'continuous',\n scale: this.colorScale,\n tickPositionScale,\n values: colorValues,\n title: colorTitle,\n ...emptySizes\n });\n\n const sizeTitle = columnValueSize.label ?? columnValueSize.value;\n const sizeValues = this.sizeScale.ticks(3);\n const format = this.sizeScale.tickFormat(3);\n const labels = sizeValues.reduce((res: Record<string, string>, v) => {\n res[String(v)] = format(v);\n return res;\n }, {});\n legendItems.push({\n id: 'sizeValue',\n type: 'size',\n title: sizeTitle,\n scale: this.sizeScale,\n values: sizeValues,\n labels,\n ...emptySizes\n });\n\n if (!legendItems.length) {\n this.legend = {width: 0, height: 0, items: []};\n return;\n }\n\n const items = arrangeLegendParts(legendItems, legendHeight, continuousHeight);\n\n const lastItem = items[items.length - 1];\n const legendWidth = lastItem.left + lastItem.width + 2 * LEGEND_OFFSET;\n\n const leftTopChartPadding = this.chartsDimensions[facetKeys[0]].padding; // additional offset of legend for alignment with chart\n\n this.legend = {\n width: legendWidth,\n height: legendHeight + leftTopChartPadding.top,\n items: items,\n };\n }\n\n updateCaptionsSize(\n groupedCells: GroupedCellsData,\n xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\n ) {\n const textMeasurer = new TextMeasurer('bold 14px Arial');\n const {xKeys, yKeys, xLabels, yLabels} = groupedCells.meta;\n this.labelAngles = {\n xAxisLabels: xAxis.axisLabelsAngle,\n yAxisLabels: yAxis.axisLabelsAngle,\n };\n let maxXLabelSize = 0;\n let maxYLabelSize = 0;\n for (const xKey of xKeys) {\n const l = textMeasurer.getTextWidth(xLabels[xKey]);\n if (l > maxXLabelSize) {\n maxXLabelSize = l;\n }\n }\n for (const yKey of yKeys) {\n const l = textMeasurer.getTextWidth(yLabels[yKey]);\n if (l > maxYLabelSize) {\n maxYLabelSize = l;\n }\n }\n const {xCaptionTail, yCaptionTail} = calculateCaptionTails(\n this.labelAngles,\n this.step,\n groupedCells,\n textMeasurer\n );\n const xLabelAngle = (this.labelAngles.xAxisLabels / 180) * Math.PI;\n const yLabelAngle = (this.labelAngles.yAxisLabels / 180) * Math.PI;\n this.captionsSizes = {\n xCaptionTail,\n yCaptionTail,\n xAxisCaptions: maxXLabelSize * Math.sin(xLabelAngle) \|\| TITLE_LINE,\n yAxisCaptions: maxYLabelSize * Math.sin(yLabelAngle) \|\| TITLE_LINE,\n };\n }\n\n updateChartDimensions(\n facetKeys: string[],\n facetSettings: BubbleSettingsImpl['facetSettings'],\n xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\n ) {\n const facetCount = facetKeys.length;\n const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n // Use columns/rows count from settings if some of them defined, else make 1 column\n this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n this.chartsDimensions = {};\n\n let currentLeft = 0;\n let currentTop = 0;\n facetKeys.forEach((key, index) => {\n const currentColumn = (index % this.columnsCount) + 1;\n const chartSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n const width = this.chartSizes.chartWidth;\n const height = this.chartSizes.chartHeight;\n const sideElementSizes = calculateChartSideElementSizes(\n xAxis,\n yAxis,\n this.captionsSizes,\n chartSides,\n facetKeys,\n this.step.x,\n this.step.y\n );\n\n function getPadding(side: 'left' \| 'right' \| 'top' \| 'bottom') {\n return Math.max(\n CHART_SIDE_ELEMENTS[side].reduce((res, el) => res + sideElementSizes[side][el], 0),\n MIN_PADDING\n );\n }\n\n const padding = {\n left: getPadding('left'),\n right: getPadding('right'),\n top: getPadding('top'),\n bottom: getPadding('bottom'),\n };\n if (padding.left < this.captionsSizes.xCaptionTail) {\n padding.left = this.captionsSizes.xCaptionTail;\n }\n if (padding.bottom < this.captionsSizes.yCaptionTail) {\n padding.bottom = this.captionsSizes.yCaptionTail;\n }\n const sideElementBBoxes = calculateSideElementsBBoxes(sideElementSizes, width, height);\n const outerWidth = width + padding.left + padding.right;\n const outerHeight = height + padding.top + padding.bottom;\n this.chartsDimensions[key] = {\n left: currentLeft,\n top: currentTop,\n inner: {width, height},\n outer: {width: outerWidth, height: outerHeight},\n padding,\n sideElementBBoxes,\n chartEdgeSides: chartSides,\n };\n currentLeft += outerWidth;\n if (currentColumn === this.columnsCount) {\n currentLeft = 0;\n currentTop += outerHeight;\n }\n });\n\n // sum of widths of first row\n const chartsWidth = facetKeys\n .slice(0, this.columnsCount)\n .reduce((sum, key) => sum + this.chartsDimensions[key].outer.width, 0);\n // sum of heights of first column\n const chartsHeight = facetKeys\n .filter((_key, index) => index % this.columnsCount === 0)\n .reduce((sum, key) => sum + this.chartsDimensions[key].outer.height, 0);\n this.chartSizes.chartsWidth = chartsWidth;\n this.chartSizes.chartsHeight = chartsHeight;\n }\n\n updateChartsSizes(groupedCellsData: GroupedCellsData, size: BubbleSettingsImpl['chartSettings']['size']) {\n const {width, height, cellSize} = size;\n if (cellSize) {\n this.chartSizes.chartWidth = groupedCellsData.meta.xKeys.length * cellSize;\n this.chartSizes.chartHeight = groupedCellsData.meta.yKeys.length * cellSize;\n }\n if (width && height) {\n this.chartSizes.chartWidth = width;\n this.chartSizes.chartHeight = height;\n }\n }\n\n // update scales for cell positions, x and y for each facet\n updateScales(\n groupedCells: GroupedCellsData,\n size: BubbleSettingsImpl['chartSettings']['size'],\n xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n yAxis: BubbleSettingsImpl['chartSettings']['yAxis'],\n ) {\n const {width, height, cellSize} = size;\n const {meta} = groupedCells;\n const sortX = (arr: string[], labels: Record<string, string> = {}) => {\n return [...arr].sort((a, b) => xAxis.sorting === 'asc'\n ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n );\n };\n const sortY = (arr: string[], labels: Record<string, string> = {}) => {\n return [...arr].sort((a, b) => yAxis.sorting === 'asc'\n ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n );\n };\n const xKeys = sortX(meta.xKeys, meta.xLabels);\n const yKeys = sortY(meta.yKeys, meta.yLabels);\n if (cellSize) {\n this.step.x = cellSize;\n this.step.y = cellSize;\n } else if (width && height) {\n this.step.x = width / xKeys.length;\n this.step.y = height / yKeys.length;\n }\n const xPositions: number[] = new Array(xKeys.length).fill(null).map((_v, idx) => idx * this.step.x);\n const yPositions: number[] = new Array(yKeys.length).fill(null).map((_v, idx) => idx * this.step.y);\n this.scales.x = scaleOrdinal<string, number>().domain(xKeys).range(xPositions);\n this.scales.y = scaleOrdinal<string, number>().domain(yKeys).range(yPositions);\n }\n\n updateAesScale(\n aes: BubbleSettingsImpl['aes'],\n valueExtentSize: [number, number],\n valueExtentColor: [number, number],\n normalization: BubbleSettingsImpl['normalization']\n ) {\n this.colorScale = scaleLinear<string, string>()\n .domain(getContinuousColorRange(normalization, aes.colorsList.length, valueExtentColor))\n .range(aes.colorsList);\n this.sizeScale = scaleSqrt(valueExtentSize, [aes.minRadius, aes.maxRadius]);\n }\n\n render(\n settingsId: string,\n chartSettings: BubbleSettingsImpl['chartSettings'],\n facetSettings: BubbleSettingsImpl['facetSettings'],\n facetKeys: string[],\n groupedCellsData: GroupedCellsData,\n valueColumnColor: ColumnName,\n valueColumnSize: ColumnName,\n normalization: BubbleSettingsImpl['normalization'],\n aes: BubbleSettingsImpl['aes'],\n onTooltipHintSwitch: (v:boolean) => void\n ) {\n const {meta, facets} = groupedCellsData;\n const {valueExtentSize, valueExtentColor} = meta;\n const {xAxis, yAxis, title, size} = chartSettings;\n this.updateChartsSizes(groupedCellsData, size);\n this.updateAesScale(aes, valueExtentSize, valueExtentColor, normalization);\n this.updateScales(groupedCellsData, size, chartSettings.xAxis, chartSettings.yAxis);\n // caption sizes are needed for chart paddings in chart dimensions\n this.updateCaptionsSize(groupedCellsData, xAxis, yAxis);\n this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n this.updateLegendSize(chartSettings.legend, valueColumnColor, valueColumnSize, facetKeys);\n this.updateMargins(title);\n const component = (\n <ChartsGroup\n aes={aes}\n captionsSizes={this.captionsSizes}\n cellsMeta={meta}\n columnsCount={this.columnsCount}\n chartsDimensions={this.chartsDimensions}\n chartSettings={chartSettings}\n chartSizes={this.chartSizes}\n sizeScale={this.sizeScale as (v: DataValue) => number}\n colorScale={this.colorScale as (v: DataValue) => string}\n facetKeys={facetKeys}\n facetSettings={facetSettings}\n groupedCells={facets}\n labelAngles={this.labelAngles}\n legend={this.legend}\n margins={this.margins}\n scales={this.scales}\n settingsId={settingsId}\n step={this.step}\n onTooltipHintSwitch={onTooltipHintSwitch}\n />\n );\n this.component = component;\n this.reactRoot?.render(component);\n }\n\n renderError(message: string) {\n this.reactRoot?.render(<Error message={message} />);\n }\n}\n\nexport default ChartRenderer;\n"],"names":["getSteps","count","valueExtent","min","max","steps","i","step","getContinuousColorRange","normalization","colorsCount","extent","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","MIN_MARGIN","scaleOrdinal","scaleLinear","scaleSqrt","_a","node","createRoot","title","TITLE_LINE_HEIGHT","TITLE_MARGIN","legend","columnValueColor","columnValueSize","facetKeys","legendItems","continuousHeight","DEFAULT_HEIGHT_SMALL","legendHeight","emptySizes","colorDomain","colorValues","getContinuousLegendTicks","colorTitle","tickPositionScale","sizeTitle","sizeValues","format","labels","res","v","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","leftTopChartPadding","groupedCells","xAxis","yAxis","textMeasurer","TextMeasurer","xKeys","yKeys","xLabels","yLabels","maxXLabelSize","maxYLabelSize","xKey","l","yKey","xCaptionTail","yCaptionTail","calculateCaptionTails","xLabelAngle","yLabelAngle","TITLE_LINE","facetSettings","facetCount","maxNRows","maxNCols","currentLeft","currentTop","key","index","currentColumn","chartSides","getChartEdgeSides","width","height","sideElementSizes","calculateChartSideElementSizes","getPadding","side","CHART_SIDE_ELEMENTS","el","MIN_PADDING","padding","sideElementBBoxes","calculateSideElementsBBoxes","outerWidth","outerHeight","chartsWidth","sum","chartsHeight","_key","groupedCellsData","size","cellSize","meta","sortX","arr","a","b","sortY","xPositions","_v","idx","yPositions","aes","valueExtentSize","valueExtentColor","settingsId","chartSettings","valueColumnColor","valueColumnSize","onTooltipHintSwitch","facets","component","ChartsGroup","message","Error"],"mappings":"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","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"ChartRenderer.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/bubble/ChartRenderer.tsx"],"sourcesContent":["import type { ScaleLinear, ScalePower } from 'd3-scale';\nimport { scaleLinear, scaleOrdinal, scaleSqrt } from 'd3-scale';\nimport type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { LegendData, LegendItem } from '../common/types';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN } from '../constants';\nimport type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue } from '../types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { getChartEdgeSides } from '../utils/getChartEdgeSides';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport type { BubbleSettingsImpl } from './BubbleSettingsImpl';\nimport { ChartsGroup } from './components/ChartsGroup';\nimport type {\n CaptionsSizes,\n ChartDimensionsData, ChartScales, ChartSizes,\n LabelAngles,\n Margins\n} from './components/types';\nimport { CHART_SIDE_ELEMENTS, LEGEND_OFFSET, MIN_MARGIN, MIN_PADDING, TITLE_LINE } from './constants';\nimport type { Cell, GroupedCellsData } from './getGroupedCellsData';\nimport { calculateChartSideElementSizes, calculateSideElementsBBoxes } from './utils';\nimport { calculateCaptionTails } from './utils/calculateCaptionTails';\n\nconst getSteps = (count: number, valueExtent: number[]) => {\n const min = Math.min(...valueExtent);\n const max = Math.max(...valueExtent);\n if (min === max) {\n const steps = count % 2 === 0 ? [] : [min];\n for (let i = 1; i < count / 2 + 1; i++) {\n steps.push(min + i);\n steps.unshift(min - i);\n }\n return steps;\n }\n if (count < 2) {\n return [min, max];\n }\n const step = (max - min) / (count - 1);\n const steps = [];\n for (let i = 0; i < count - 1; i++) {\n steps.push(min + step * i);\n }\n steps.push(max);\n return steps;\n};\n\nfunction getContinuousColorRange(\n normalization: BubbleSettingsImpl['normalization'],\n colorsCount: number,\n valueExtent: number[]\n) {\n let extent = valueExtent;\n if (normalization) {\n if (normalization.colorRange) {\n extent = normalization.colorRange;\n }\n if (normalization.method === 'standardScaling') {\n extent = [-2, 2];\n }\n if (normalization.method === 'meanNormalization') {\n extent = [-0.75, 0.75];\n }\n }\n return getSteps(colorsCount, extent);\n}\n\nclass ChartRenderer {\n reactRoot: Root \| null = null;\n parentNode: HTMLElement \| null = null;\n rootNode: HTMLElement \| null = null;\n component: ReactElement = (<></>);\n chartsDimensions: Record<string, ChartDimensionsData> = {};\n chartSizes: ChartSizes = {\n chartWidth: DEFAULT_WIDTH, // width of single chart\n chartHeight: DEFAULT_HEIGHT, // height of single chart\n chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\n totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n };\n margins: Margins = {\n top: MIN_MARGIN,\n bottom: MIN_MARGIN,\n left: MIN_MARGIN,\n right: MIN_MARGIN,\n };\n captionsSizes: CaptionsSizes = {\n xAxisCaptions: 100,\n yAxisCaptions: 100,\n xCaptionTail: 0,\n yCaptionTail: 0,\n };\n labelAngles: LabelAngles = {\n xAxisLabels: 0,\n yAxisLabels: 0,\n };\n columnsCount = 1;\n rowsCount = 1;\n scales: ChartScales = {\n x: scaleOrdinal<string, number>().domain(['null']).range([1]),\n y: scaleOrdinal<string, number>().domain(['null']).range([1]),\n };\n step: {x: number; y: number} = {x: 10, y: 10};\n colorScale: ScaleLinear<string, string> = scaleLinear<string, string>().domain([0, 1]).range(['white', 'black']);\n sizeScale: ScalePower<number, number> = scaleSqrt().domain([0, 1]).range([3, 20]);\n legend: LegendData = {\n width: 0,\n height: 0,\n items: [],\n };\n\n clear() {\n if (this.parentNode && this.rootNode) {\n this.parentNode?.removeChild(this.rootNode);\n this.parentNode = null;\n this.rootNode = null;\n }\n // timeout to avoid trying to unmount during rendering\n setTimeout(() => {\n this.reactRoot?.unmount();\n this.reactRoot = null;\n });\n }\n\n init(node: HTMLElement) {\n if (this.parentNode === null) {\n this.parentNode = node;\n this.rootNode = document.createElement('div');\n this.parentNode.appendChild(this.rootNode);\n this.reactRoot = createRoot(this.rootNode);\n }\n }\n\n updateMargins(title: BubbleSettingsImpl['chartSettings']['title']) {\n this.margins = {\n top: title.show ? TITLE_LINE_HEIGHT + TITLE_MARGIN * 2 : MIN_MARGIN,\n bottom: MIN_MARGIN,\n left: MIN_MARGIN,\n right: this.legend.width,\n };\n this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n this.chartSizes.totalHeight =\n this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;\n }\n\n updateLegendSize(\n legend: BubbleSettingsImpl['chartSettings']['legend'],\n columnValueColor: ColumnName,\n columnValueSize: ColumnName,\n facetKeys: string[]\n ) {\n if (!legend.show) {\n this.legend = {width: 0, height: 0, items: []};\n return;\n }\n\n const legendItems: LegendItem[] = [];\n const continuousHeight = Math.min(\n Math.max(this.chartSizes.chartHeight, DEFAULT_HEIGHT_SMALL),\n DEFAULT_HEIGHT\n );\n const legendHeight = Math.max(this.chartSizes.chartHeight, continuousHeight);\n const emptySizes = {width:0, height:0, left:0, top: 0};\n\n const colorDomain = this.colorScale.domain();\n const colorValues = getContinuousLegendTicks(this.colorScale, [\n colorDomain[0],\n colorDomain[colorDomain.length - 1],\n ]);\n const colorTitle = columnValueColor.label ?? columnValueColor.value;\n const tickPositionScale = scaleLinear([colorValues[0], colorValues[colorValues.length - 1]], [continuousHeight, 0]); //TODO: update during adding log scale for heatmap\n \n legendItems.push({\n id: 'colorValue',\n type: 'continuous',\n scale: this.colorScale,\n tickPositionScale,\n values: colorValues,\n title: colorTitle,\n ...emptySizes\n });\n\n const sizeTitle = columnValueSize.label ?? columnValueSize.value;\n const sizeValues = this.sizeScale.ticks(3);\n const format = this.sizeScale.tickFormat(3);\n const labels = sizeValues.reduce((res: Record<string, string>, v) => {\n res[String(v)] = format(v);\n return res;\n }, {});\n legendItems.push({\n id: 'sizeValue',\n type: 'size',\n title: sizeTitle,\n scale: this.sizeScale,\n values: sizeValues,\n labels,\n ...emptySizes\n });\n\n if (!legendItems.length) {\n this.legend = {width: 0, height: 0, items: []};\n return;\n }\n\n const items = arrangeLegendParts(legendItems, legendHeight, continuousHeight);\n\n const lastItem = items[items.length - 1];\n const legendWidth = lastItem.left + lastItem.width + 2 * LEGEND_OFFSET;\n\n const leftTopChartPadding = this.chartsDimensions[facetKeys[0]].padding; // additional offset of legend for alignment with chart\n\n this.legend = {\n width: legendWidth,\n height: legendHeight + leftTopChartPadding.top,\n items: items,\n };\n }\n\n updateCaptionsSize(\n groupedCells: GroupedCellsData,\n xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\n ) {\n const textMeasurer = new TextMeasurer('bold 14px Arial');\n const {xKeys, yKeys, xLabels, yLabels} = groupedCells.meta;\n this.labelAngles = {\n xAxisLabels: xAxis.axisLabelsAngle,\n yAxisLabels: yAxis.axisLabelsAngle,\n };\n let maxXLabelSize = 0;\n let maxYLabelSize = 0;\n for (const xKey of xKeys) {\n const l = textMeasurer.getTextWidth(xLabels[xKey]);\n if (l > maxXLabelSize) {\n maxXLabelSize = l;\n }\n }\n for (const yKey of yKeys) {\n const l = textMeasurer.getTextWidth(yLabels[yKey]);\n if (l > maxYLabelSize) {\n maxYLabelSize = l;\n }\n }\n const {xCaptionTail, yCaptionTail} = calculateCaptionTails(\n this.labelAngles,\n this.step,\n groupedCells,\n textMeasurer\n );\n const xLabelAngle = (this.labelAngles.xAxisLabels / 180) * Math.PI;\n const yLabelAngle = (this.labelAngles.yAxisLabels / 180) * Math.PI;\n this.captionsSizes = {\n xCaptionTail,\n yCaptionTail,\n xAxisCaptions: maxXLabelSize * Math.sin(xLabelAngle) \|\| TITLE_LINE,\n yAxisCaptions: maxYLabelSize * Math.sin(yLabelAngle) \|\| TITLE_LINE,\n };\n }\n\n updateChartDimensions(\n facetKeys: string[],\n facetSettings: BubbleSettingsImpl['facetSettings'],\n xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n yAxis: BubbleSettingsImpl['chartSettings']['yAxis']\n ) {\n const facetCount = facetKeys.length;\n const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n // Use columns/rows count from settings if some of them defined, else make 1 column\n this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n this.chartsDimensions = {};\n\n let currentLeft = 0;\n let currentTop = 0;\n facetKeys.forEach((key, index) => {\n const currentColumn = (index % this.columnsCount) + 1;\n const chartSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n const width = this.chartSizes.chartWidth;\n const height = this.chartSizes.chartHeight;\n const sideElementSizes = calculateChartSideElementSizes(\n xAxis,\n yAxis,\n this.captionsSizes,\n chartSides,\n facetKeys,\n this.step.x,\n this.step.y\n );\n\n function getPadding(side: 'left' \| 'right' \| 'top' \| 'bottom') {\n return Math.max(\n CHART_SIDE_ELEMENTS[side].reduce((res, el) => res + sideElementSizes[side][el], 0),\n MIN_PADDING\n );\n }\n\n const padding = {\n left: getPadding('left'),\n right: getPadding('right'),\n top: getPadding('top'),\n bottom: getPadding('bottom'),\n };\n if (padding.left < this.captionsSizes.xCaptionTail) {\n padding.left = this.captionsSizes.xCaptionTail;\n }\n if (padding.bottom < this.captionsSizes.yCaptionTail) {\n padding.bottom = this.captionsSizes.yCaptionTail;\n }\n const sideElementBBoxes = calculateSideElementsBBoxes(sideElementSizes, width, height);\n const outerWidth = width + padding.left + padding.right;\n const outerHeight = height + padding.top + padding.bottom;\n this.chartsDimensions[key] = {\n left: currentLeft,\n top: currentTop,\n inner: {width, height},\n outer: {width: outerWidth, height: outerHeight},\n padding,\n sideElementBBoxes,\n chartEdgeSides: chartSides,\n };\n currentLeft += outerWidth;\n if (currentColumn === this.columnsCount) {\n currentLeft = 0;\n currentTop += outerHeight;\n }\n });\n\n // sum of widths of first row\n const chartsWidth = facetKeys\n .slice(0, this.columnsCount)\n .reduce((sum, key) => sum + this.chartsDimensions[key].outer.width, 0);\n // sum of heights of first column\n const chartsHeight = facetKeys\n .filter((_key, index) => index % this.columnsCount === 0)\n .reduce((sum, key) => sum + this.chartsDimensions[key].outer.height, 0);\n this.chartSizes.chartsWidth = chartsWidth;\n this.chartSizes.chartsHeight = chartsHeight;\n }\n\n updateChartsSizes(groupedCellsData: GroupedCellsData, size: BubbleSettingsImpl['chartSettings']['size']) {\n const {width, height, cellSize} = size;\n if (cellSize) {\n this.chartSizes.chartWidth = groupedCellsData.meta.xKeys.length * cellSize;\n this.chartSizes.chartHeight = groupedCellsData.meta.yKeys.length * cellSize;\n }\n if (width && height) {\n this.chartSizes.chartWidth = width;\n this.chartSizes.chartHeight = height;\n }\n }\n\n // update scales for cell positions, x and y for each facet\n updateScales(\n groupedCells: GroupedCellsData,\n size: BubbleSettingsImpl['chartSettings']['size'],\n xAxis: BubbleSettingsImpl['chartSettings']['xAxis'],\n yAxis: BubbleSettingsImpl['chartSettings']['yAxis'],\n ) {\n const {width, height, cellSize} = size;\n const {meta} = groupedCells;\n const sortX = (arr: string[], labels: Record<string, string> = {}) => {\n return [...arr].sort((a, b) => xAxis.sorting === 'asc'\n ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n );\n };\n const sortY = (arr: string[], labels: Record<string, string> = {}) => {\n return [...arr].sort((a, b) => yAxis.sorting === 'asc'\n ? (labels[a] ?? a).localeCompare((labels[b] ?? b), 'en', {numeric: true})\n : (labels[b] ?? b).localeCompare((labels[a] ?? a), 'en', {numeric: true})\n );\n };\n const xKeys = sortX(meta.xKeys, meta.xLabels);\n const yKeys = sortY(meta.yKeys, meta.yLabels);\n if (cellSize) {\n this.step.x = cellSize;\n this.step.y = cellSize;\n } else if (width && height) {\n this.step.x = width / xKeys.length;\n this.step.y = height / yKeys.length;\n }\n const xPositions: number[] = new Array(xKeys.length).fill(null).map((_v, idx) => idx * this.step.x);\n const yPositions: number[] = new Array(yKeys.length).fill(null).map((_v, idx) => idx * this.step.y);\n this.scales.x = scaleOrdinal<string, number>().domain(xKeys).range(xPositions);\n this.scales.y = scaleOrdinal<string, number>().domain(yKeys).range(yPositions);\n }\n\n updateAesScale(\n aes: BubbleSettingsImpl['aes'],\n valueExtentSize: [number, number],\n valueExtentColor: [number, number],\n normalization: BubbleSettingsImpl['normalization']\n ) {\n this.colorScale = scaleLinear<string, string>()\n .domain(getContinuousColorRange(normalization, aes.colorsList.length, valueExtentColor))\n .range(aes.colorsList);\n this.sizeScale = scaleSqrt(valueExtentSize, [aes.minRadius, aes.maxRadius]);\n }\n\n render(\n dataFrame: DataFrame,\n settingsId: string,\n chartSettings: BubbleSettingsImpl['chartSettings'],\n facetSettings: BubbleSettingsImpl['facetSettings'],\n groupedCellsData: GroupedCellsData,\n valueColumnColor: ColumnName,\n valueColumnSize: ColumnName,\n normalization: BubbleSettingsImpl['normalization'],\n aes: BubbleSettingsImpl['aes'],\n getCellTooltip: (cell: Cell) => string[],\n onTooltipHintSwitch: (v:boolean) => void\n ) {\n const {meta, facets, meta: { facetKeys }} = groupedCellsData;\n const {valueExtentSize, valueExtentColor} = meta;\n const {xAxis, yAxis, title, size} = chartSettings;\n this.updateChartsSizes(groupedCellsData, size);\n this.updateAesScale(aes, valueExtentSize, valueExtentColor, normalization);\n this.updateScales(groupedCellsData, size, chartSettings.xAxis, chartSettings.yAxis);\n // caption sizes are needed for chart paddings in chart dimensions\n this.updateCaptionsSize(groupedCellsData, xAxis, yAxis);\n this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n this.updateLegendSize(chartSettings.legend, valueColumnColor, valueColumnSize, facetKeys);\n this.updateMargins(title);\n const component = (\n <DataFrameProvider dataFrame={dataFrame}>\n <ChartsGroup\n aes={aes}\n captionsSizes={this.captionsSizes}\n cellsMeta={meta}\n columnsCount={this.columnsCount}\n chartsDimensions={this.chartsDimensions}\n chartSettings={chartSettings}\n chartSizes={this.chartSizes}\n sizeScale={this.sizeScale as (v: DataValue) => number}\n colorScale={this.colorScale as (v: DataValue) => string}\n facetKeys={facetKeys}\n facetSettings={facetSettings}\n groupedCells={facets}\n labelAngles={this.labelAngles}\n legend={this.legend}\n margins={this.margins}\n scales={this.scales}\n settingsId={settingsId}\n step={this.step}\n getCellTooltip={getCellTooltip}\n onTooltipHintSwitch={onTooltipHintSwitch}\n />\n </DataFrameProvider>\n );\n this.component = component;\n this.reactRoot?.render(component);\n }\n\n renderError(message: string) {\n this.reactRoot?.render(<Error message={message} />);\n }\n}\n\nexport default ChartRenderer;\n"],"names":["getSteps","count","valueExtent","min","max","steps","i","step","getContinuousColorRange","normalization","colorsCount","extent","ChartRenderer","__publicField","jsx","Fragment","DEFAULT_WIDTH","DEFAULT_HEIGHT","MIN_MARGIN","scaleOrdinal","scaleLinear","scaleSqrt","_a","node","createRoot","title","TITLE_LINE_HEIGHT","TITLE_MARGIN","legend","columnValueColor","columnValueSize","facetKeys","legendItems","continuousHeight","DEFAULT_HEIGHT_SMALL","legendHeight","emptySizes","colorDomain","colorValues","getContinuousLegendTicks","colorTitle","tickPositionScale","sizeTitle","sizeValues","format","labels","res","v","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","leftTopChartPadding","groupedCells","xAxis","yAxis","textMeasurer","TextMeasurer","xKeys","yKeys","xLabels","yLabels","maxXLabelSize","maxYLabelSize","xKey","l","yKey","xCaptionTail","yCaptionTail","calculateCaptionTails","xLabelAngle","yLabelAngle","TITLE_LINE","facetSettings","facetCount","maxNRows","maxNCols","currentLeft","currentTop","key","index","currentColumn","chartSides","getChartEdgeSides","width","height","sideElementSizes","calculateChartSideElementSizes","getPadding","side","CHART_SIDE_ELEMENTS","el","MIN_PADDING","padding","sideElementBBoxes","calculateSideElementsBBoxes","outerWidth","outerHeight","chartsWidth","sum","chartsHeight","_key","groupedCellsData","size","cellSize","meta","sortX","arr","a","b","sortY","xPositions","_v","idx","yPositions","aes","valueExtentSize","valueExtentColor","dataFrame","settingsId","chartSettings","valueColumnColor","valueColumnSize","getCellTooltip","onTooltipHintSwitch","facets","component","DataFrameProvider","ChartsGroup","message","Error"],"mappings":"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","x_google_ignoreList":[0]}