@milaboratories/graph-maker 1.1.138 → 1.1.139

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/HistogramSettingsImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"HistogramSettingsImpl.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/histogram/HistogramSettingsImpl.ts"],"sourcesContent":["import lodash from 'lodash';\nimport { BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL } from '../constants';\nimport type {\n    ColumnName,\n    FrameType,\n    HistogramSettings,\n    InheritAesHistogram,\n    LegendPosition,\n    BinsLayer as OuterBinsLayer,\n    BinsLineLayer as OuterLineLayer,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport { type AesMap, type ContinuousAesHistogram, HistogramSettingsSchema } from '../types';\nimport { exhaustive } from '../utils';\nimport { MIN_MARGIN, PADDINGS } from './constants';\n\nconst DEFAULT_BINS_COUNT = 10;\n\nexport class BinsLayer {\n    readonly type = 'bins';\n    readonly aes: {\n        fillColor: InheritAesHistogram | string | ContinuousAesHistogram;\n        lineColor: string,\n        opacity: number;\n    } = {\n        fillColor: 'white',\n        lineColor: BLACK,\n        opacity: 1,\n    };\n\n    constructor(layer: OuterBinsLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport class BinsLineLayer {\n    readonly type = 'binsLine';\n    readonly aes: {\n        opacity: number;\n    } = {\n        opacity: 1,\n    };\n\n    constructor(layer: OuterLineLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport type HistogramLayer = BinsLayer;\n\nexport class HistogramSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'histogram';\n    readonly valueColumn: ColumnName;\n    readonly binsCount: number;\n    readonly facetSettings: {\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n        titlePosition: 'left' | 'center' | 'right';\n    };\n    readonly facetBy: ColumnName[];\n    readonly grouping: ColumnName | null;\n    readonly groupingStack: 'vertical' | 'horizontal';\n    readonly groupingDirection: 'straight' | 'reverse';\n    readonly groupingOrder: string[] | null;\n    readonly chartSettings: {\n        readonly size: {width: number; height: number, innerOffset: number, outerOffset: number};\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly yAxis: {showGrid: boolean; showTicks: boolean; hiddenLabels: boolean; scale: 'linear' | 'log'};\n        readonly xAxis: {showGrid: boolean; showTicks: boolean; hiddenLabels: boolean; title: string | ColumnName; scale: 'linear' | 'log'};\n        readonly frame: {type: FrameType};\n        readonly legend: {show: boolean; position: LegendPosition};\n    };\n    readonly inheritedAes: Record<string, AesMap>;\n    readonly layers: HistogramLayer[];\n\n    constructor(settings: HistogramSettings) {\n        HistogramSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.facetSettings = {sharedX: true, sharedY: true, titlePosition: 'left', ...settings.facetSettings};\n        this.valueColumn = settings.valueColumn;\n        this.binsCount = settings.binsCount ?? DEFAULT_BINS_COUNT;\n        this.facetBy = settings.facetBy ?? [];\n        this.grouping = settings.grouping ?? null;\n        this.groupingStack = settings.groupingStack ?? 'vertical';\n        this.groupingDirection = settings.groupingDirection ?? 'straight';\n        this.groupingOrder = settings.groupingOrder ?? null;\n        this.chartSettings = {\n            size: {\n                width: settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH),\n                height: settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n                outerOffset: settings?.size?.outerOffset ?? MIN_MARGIN,\n                innerOffset: settings?.size?.innerOffset ?? PADDINGS.TOP\n            },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                showGrid: true,\n                showTicks: true,\n                scale: settings.xAxis?.scale ?? 'linear',\n                hiddenLabels: false,\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.valueColumn.label ?? settings.valueColumn.value ?? '',\n                scale: settings.xAxis?.scale ?? 'linear',\n                showGrid: settings.xAxis?.showGrid ?? true,\n                showTicks: settings.xAxis?.showTicks ?? true,\n                hiddenLabels: settings.xAxis?.hiddenLabels ?? false,\n                ...settings.xAxis,\n            },\n            frame: {type: settings.frame?.type ?? 'full'},\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n        };\n\n        this.inheritedAes = settings.inheritedAes ?? {};\n\n        this.layers = settings.layers\n            .map(layer => {\n                if (layer.type === 'bins') {\n                    return new BinsLayer(layer);\n                }\n                if (layer.type === 'binsLine') {\n                    return new BinsLineLayer(layer);\n                }\n                exhaustive(layer, 'Unknown layer type');\n            })\n            .filter(Boolean) as HistogramLayer[];\n    }\n}\n"],"names":["DEFAULT_BINS_COUNT","BinsLayer","layer","__publicField","BLACK","BinsLineLayer","HistogramSettingsImpl","settings","HistogramSettingsSchema","lodash","_a","DEFAULT_WIDTH_SMALL","DEFAULT_WIDTH","_b","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","_c","MIN_MARGIN","_d","PADDINGS","_e","_f","_g","_h","_i","_j","_k","exhaustive"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"HistogramSettingsImpl.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/histogram/HistogramSettingsImpl.ts"],"sourcesContent":["import lodash from 'lodash';\nimport { BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL } from '../constants';\nimport type {\n    ColumnName,\n    FrameType,\n    HistogramSettings,\n    InheritAesHistogram,\n    LegendPosition,\n    BinsLayer as OuterBinsLayer,\n    BinsLineLayer as OuterLineLayer,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport { type AesRecord, type ContinuousAesHistogram, HistogramSettingsSchema } from '../types';\nimport { exhaustive } from '../utils';\nimport { MIN_MARGIN, PADDINGS } from './constants';\n\nconst DEFAULT_BINS_COUNT = 10;\n\nexport class BinsLayer {\n    readonly type = 'bins';\n    readonly aes: {\n        fillColor: InheritAesHistogram | string | ContinuousAesHistogram;\n        lineColor: string,\n        opacity: number;\n    } = {\n        fillColor: 'white',\n        lineColor: BLACK,\n        opacity: 1,\n    };\n\n    constructor(layer: OuterBinsLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport class BinsLineLayer {\n    readonly type = 'binsLine';\n    readonly aes: {\n        opacity: number;\n    } = {\n        opacity: 1,\n    };\n\n    constructor(layer: OuterLineLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport type HistogramLayer = BinsLayer;\n\nexport class HistogramSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'histogram';\n    readonly valueColumn: ColumnName;\n    readonly binsCount: number;\n    readonly facetSettings: {\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n        titlePosition: 'left' | 'center' | 'right';\n    };\n    readonly facetBy: ColumnName[];\n    readonly grouping: ColumnName | null;\n    readonly groupingStack: 'vertical' | 'horizontal';\n    readonly groupingDirection: 'straight' | 'reverse';\n    readonly groupingOrder: string[] | null;\n    readonly chartSettings: {\n        readonly size: {width: number; height: number, innerOffset: number, outerOffset: number};\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly yAxis: {showGrid: boolean; showTicks: boolean; hiddenLabels: boolean; scale: 'linear' | 'log'};\n        readonly xAxis: {showGrid: boolean; showTicks: boolean; hiddenLabels: boolean; title: string | ColumnName; scale: 'linear' | 'log'};\n        readonly frame: {type: FrameType};\n        readonly legend: {show: boolean; position: LegendPosition};\n    };\n    readonly inheritedAes: Record<string, AesRecord>;\n    readonly layers: HistogramLayer[];\n\n    constructor(settings: HistogramSettings) {\n        HistogramSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.facetSettings = {sharedX: true, sharedY: true, titlePosition: 'left', ...settings.facetSettings};\n        this.valueColumn = settings.valueColumn;\n        this.binsCount = settings.binsCount ?? DEFAULT_BINS_COUNT;\n        this.facetBy = settings.facetBy ?? [];\n        this.grouping = settings.grouping ?? null;\n        this.groupingStack = settings.groupingStack ?? 'vertical';\n        this.groupingDirection = settings.groupingDirection ?? 'straight';\n        this.groupingOrder = settings.groupingOrder ?? null;\n        this.chartSettings = {\n            size: {\n                width: settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH),\n                height: settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n                outerOffset: settings?.size?.outerOffset ?? MIN_MARGIN,\n                innerOffset: settings?.size?.innerOffset ?? PADDINGS.TOP\n            },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                showGrid: true,\n                showTicks: true,\n                scale: settings.xAxis?.scale ?? 'linear',\n                hiddenLabels: false,\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.valueColumn.label ?? settings.valueColumn.value ?? '',\n                scale: settings.xAxis?.scale ?? 'linear',\n                showGrid: settings.xAxis?.showGrid ?? true,\n                showTicks: settings.xAxis?.showTicks ?? true,\n                hiddenLabels: settings.xAxis?.hiddenLabels ?? false,\n                ...settings.xAxis,\n            },\n            frame: {type: settings.frame?.type ?? 'full'},\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n        };\n\n        this.inheritedAes = settings.inheritedAes ?? {};\n\n        this.layers = settings.layers\n            .map(layer => {\n                if (layer.type === 'bins') {\n                    return new BinsLayer(layer);\n                }\n                if (layer.type === 'binsLine') {\n                    return new BinsLineLayer(layer);\n                }\n                exhaustive(layer, 'Unknown layer type');\n            })\n            .filter(Boolean) as HistogramLayer[];\n    }\n}\n"],"names":["DEFAULT_BINS_COUNT","BinsLayer","layer","__publicField","BLACK","BinsLineLayer","HistogramSettingsImpl","settings","HistogramSettingsSchema","lodash","_a","DEFAULT_WIDTH_SMALL","DEFAULT_WIDTH","_b","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","_c","MIN_MARGIN","_d","PADDINGS","_e","_f","_g","_h","_i","_j","_k","exhaustive"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/components/Chart.js

@@ -6,7 +6,7 @@ import { ContinuousGrid as Q } from "../../common/ContinuousGrid.js";
 import { Tooltip as V } from "../../common/Tooltip.js";
 import { BLACK as C } from "../../constants.js";
 import { numberFormat as F } from "../../utils/numberFormat.js";
-import { DEFAULT_TICKS_SIZE as I, FACET_TITLE_LINE as w, TITLE_LINE as $ } from "../constants.js";
+import { DEFAULT_TICKS_SIZE as I, FACET_TITLE_LINE as D, TITLE_LINE as $ } from "../constants.js";
 function tt(t) {
   return typeof t == "string" ? t : t.value;
 }
@@ -29,35 +29,35 @@ function gt({
   height: l,
   dimensions: i,
   scales: o,
-  xAxis: d,
+  xAxis: h,
   yAxis: y,
-  frameType: D,
+  frameType: E,
   histogramData: b,
   facetSettings: g,
   captionsSizes: it,
   facetTitle: j,
   layers: B,
-  aesColorGetter: G,
-  groupingDirection: E,
-  groupingStack: h,
-  groupingLabels: _,
+  aesColorGetter: _,
+  groupingDirection: A,
+  groupingStack: d,
+  groupingLabels: G,
   chartSizes: p,
   margins: f,
   tooltipsContainer: M,
   tooltipsData: s
 }) {
-  const [L, W] = P.useState(), { padding: a } = i, X = d.showTicks ? I : 0, H = y.showTicks ? I : 0, N = i.chartEdgeSides.includes("left") || !(g != null && g.sharedY), Y = i.chartEdgeSides.includes("bottom") || !(g != null && g.sharedX), O = i.chartEdgeSides.includes("bottom"), S = b.groupingKeys, U = b.histogramByGroupingKey[S[0]].bins[0], A = o.x(U.width) - o.x(0), u = h === "vertical" ? A : A / S.length, Z = {
+  const [L, W] = P.useState(), { padding: a } = i, X = h.showTicks ? I : 0, H = y.showTicks ? I : 0, N = i.chartEdgeSides.includes("left") || !(g != null && g.sharedY), Y = i.chartEdgeSides.includes("bottom") || !(g != null && g.sharedX), O = i.chartEdgeSides.includes("bottom"), S = b.groupingKeys, U = b.histogramByGroupingKey[S[0]].bins[0], v = o.x(U.width) - o.x(0), x = d === "vertical" ? v : v / S.length, Z = {
     left: f.left + i.left + a.left,
     right: p.totalWidth - (f.left + i.left + a.left),
     top: f.top + i.top + a.top,
     bottom: p.totalHeight - (f.top + i.top + a.top)
-  }, q = L && s.fixed, x = !1;
+  }, q = L && s.fixed, u = !1;
   return /* @__PURE__ */ e.jsxs("g", { transform: `translate(${i.left + a.left},${i.top + a.top})`, children: [
-    x,
+    u,
     j.length && /* @__PURE__ */ e.jsxs("g", { children: [
-      D === "full" && /* @__PURE__ */ e.jsx("rect", { x: "0", y: -a.top, height: a.top, width: n, fill: "#F7F8FA", stroke: C }),
+      E === "full" && /* @__PURE__ */ e.jsx("rect", { x: "0", y: -a.top, height: a.top, width: n, fill: "#F7F8FA", stroke: C }),
       j.map((c, m) => {
-        const T = j.length, r = (a.top - w * T) / 2;
+        const T = j.length, r = (a.top - D * T) / 2;
         return /* @__PURE__ */ e.jsx(
           "text",
           {
@@ -65,8 +65,8 @@ function gt({
             fontWeight: "500",
             fill: C,
             x: n / 2,
-            dy: r + w / 2 - a.top,
-            y: m * w,
+            dy: r + D / 2 - a.top,
+            y: m * D,
             textAnchor: "middle",
             dominantBaseline: "central",
             children: c
@@ -76,8 +76,8 @@ function gt({
       })
     ] }),
     /* @__PURE__ */ e.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: C, children: [
-      O && d.title && /* @__PURE__ */ e.jsx("text", { x: n / 2, y: l + a.bottom - $ / 2, children: tt(d.title) }),
-      x
+      O && h.title && /* @__PURE__ */ e.jsx("text", { x: n / 2, y: l + a.bottom - $ / 2, children: tt(h.title) }),
+      u
     ] }),
     /* @__PURE__ */ e.jsx(
       Q,
@@ -86,29 +86,29 @@ function gt({
         height: l,
         scaleX: o.x,
         scaleY: o.y,
-        axisX: d,
+        axisX: h,
         axisY: y,
-        frameType: D
+        frameType: E
       }
     ),
     Y && /* @__PURE__ */ e.jsxs("g", { transform: `translate(0,${l})`, children: [
-      /* @__PURE__ */ e.jsx(K, { scale: o.x, orient: "bottom", tickSize: X, hiddenLabels: d.hiddenLabels }),
-      x
+      /* @__PURE__ */ e.jsx(K, { scale: o.x, orient: "bottom", tickSize: X, hiddenLabels: h.hiddenLabels }),
+      u
     ] }),
     N && /* @__PURE__ */ e.jsxs("g", { children: [
       /* @__PURE__ */ e.jsx(K, { scale: o.y, orient: "left", tickSize: H, hiddenLabels: y.hiddenLabels }),
-      x
+      u
     ] }),
     B.map((c) => S.map(
       (m, T) => b.histogramByGroupingKey[m].bins.map((r) => {
-        const J = q && s.selectedData === r, v = /* @__PURE__ */ e.jsx(
+        const J = q && s.selectedData === r, w = /* @__PURE__ */ e.jsx(
           "rect",
           {
-            x: k(o.x(r.x), h, T, u),
-            y: z(r, o.y, h, E),
-            fill: r.rows[0] ? G(c.aes.fillColor, r.rows[0], r.count) : "",
+            x: k(o.x(r.x), d, T, x),
+            y: z(r, o.y, d, A),
+            fill: r.indexes.length > 0 ? _(c.aes.fillColor, r.indexes[0], r.count) : "",
             stroke: c.aes.lineColor,
-            width: u,
+            width: x,
             height: o.y(0) - o.y(r.count),
             opacity: c.aes.opacity ?? 1,
             onMouseOver: () => s.onMouseEnter(r, t),
@@ -116,7 +116,7 @@ function gt({
           },
           r.x
         );
-        return J ? R.createPortal(v, L) : v;
+        return J ? R.createPortal(w, L) : w;
       })
     )),
     s.fixed && /* @__PURE__ */ e.jsx("rect", { width: p.chartWidth, height: p.chartHeight, fill: "rgba(255,255,255,0.8)" }),
@@ -131,9 +131,9 @@ function gt({
     s.selectedData && s.currentFacet === t && /* @__PURE__ */ e.jsx(
       V,
       {
-        content: et(s.selectedData, _),
-        x: k(o.x(s.selectedData.x), h, s.selectedData.groupingKeyIdx, u) + u,
-        y: z(s.selectedData, o.y, h, E) + o.y(0) - o.y(s.selectedData.count / 2),
+        content: et(s.selectedData, G),
+        x: k(o.x(s.selectedData.x), d, s.selectedData.groupingKeyIdx, x) + x,
+        y: z(s.selectedData, o.y, d, A) + o.y(0) - o.y(s.selectedData.count / 2),
         offset: 0,
         active: !0,
         fixed: s.fixed,

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/components/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/histogram/components/Chart.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ContinuousAxis } from '../../common/ContinuousAxis';\nimport { ContinuousGrid } from '../../common/ContinuousGrid';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { BLACK } from '../../constants';\nimport type { ColumnName, FrameType } from '../../types';\nimport { numberFormat } from '../../utils/numberFormat';\nimport { DEFAULT_TICKS_SIZE, FACET_TITLE_LINE, TICK_OFFSET, TITLE_LINE } from '../constants';\nimport type { BinData, GroupedHistogramData } from '../getHistogramData';\nimport type { HistogramLayer, HistogramSettingsImpl } from '../HistogramSettingsImpl';\nimport type {\n    AesGetter, CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes,\n    Margins\n} from './types';\n\nfunction getAxisTitle(title: string | ColumnName): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    return title.value;\n}\nfunction getTooltipContent(bin: BinData, groupingLabels:Record<string, string>) {\n    const lines =  [\n        `Amount: ${bin.count}`,\n        `(from ${numberFormat(bin.x)}, to ${numberFormat(bin.x + bin.width)})`\n    ];\n    if (bin.groupingKey !== 'null') {\n        lines.push(`${groupingLabels[bin.groupingKey] ?? bin.groupingKey}`);\n    }\n    return lines;\n}\n\nfunction getBinX(xPx:number, groupingStack: HistogramSettingsImpl['groupingStack'], keyIdx:number, width:number) {\n    return groupingStack === 'vertical'\n        ? xPx\n        : xPx + keyIdx * width;\n}\nfunction getBinY(bin:BinData, scaleY:ChartScales['y'], groupingStack: HistogramSettingsImpl['groupingStack'], groupingDirection: HistogramSettingsImpl['groupingDirection']) {\n    return groupingStack === 'vertical'\n        ? scaleY(groupingDirection === 'straight' ? bin.y.straight : bin.y.reverse)\n        : scaleY(bin.count);\n}\ninterface ChartProps {\n    facetKey: string;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    xAxis: HistogramSettingsImpl['chartSettings']['xAxis'];\n    yAxis: HistogramSettingsImpl['chartSettings']['yAxis'];\n    frameType: FrameType;\n    facetSettings: HistogramSettingsImpl['facetSettings'];\n    margins: Margins;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    facetTitle: string[];\n    histogramData: GroupedHistogramData;\n    layers: HistogramLayer[];\n    aesColorGetter: AesGetter;\n    groupingDirection: HistogramSettingsImpl['groupingDirection'];\n    groupingStack: HistogramSettingsImpl['groupingStack'];\n    groupingLabels: Record<string, string>;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<BinData>;\n}\n\nexport function Chart({\n    facetKey,\n    width,\n    height,\n    dimensions,\n    scales,\n    xAxis,\n    yAxis,\n    frameType,\n    histogramData,\n    facetSettings,\n    captionsSizes,\n    facetTitle,\n    layers,\n    aesColorGetter,\n    groupingDirection,\n    groupingStack,\n    groupingLabels,\n    chartSizes,\n    margins,\n    tooltipsContainer,\n    tooltipsData\n}: ChartProps) {\n    const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n\n    const {padding} = dimensions;\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const needLeftAxis = dimensions.chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = dimensions.chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n    const needBottomAxisTitle = dimensions.chartEdgeSides.includes('bottom');\n    const groupingKeys = histogramData.groupingKeys;\n\n    const firstBin = histogramData.histogramByGroupingKey[groupingKeys[0]].bins[0];\n    const binWidth = scales.x(firstBin.width) - scales.x(0);\n    const partialBinWidth = groupingStack === 'vertical' ? binWidth : binWidth / groupingKeys.length;\n\n    const sideDistances = {\n        left: margins.left + dimensions.left + padding.left,\n        right: chartSizes.totalWidth - (margins.left + dimensions.left + padding.left),\n        top: margins.top + dimensions.top + padding.top,\n        bottom: chartSizes.totalHeight - (margins.top + dimensions.top + padding.top),\n    };\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    const debug = false;\n    return (\n        <g transform={`translate(${dimensions.left + padding.left},${dimensions.top + padding.top})`}>\n            {debug && (\n                <g fill=\"none\" stroke=\"green\" strokeWidth=\"2px\">\n                    <rect width={width} height={padding.top} x={0} y={-padding.top} />\n                    <rect width={width} height={padding.bottom} x={0} y={height} />\n                    <rect width={padding.left} height={height} x={-padding.left} y={0} />\n                    <rect width={padding.right} height={height} x={width} y={0} />\n                </g>\n            )}\n            {facetTitle.length && (\n                <g>\n                    {frameType === 'full' && (\n                        <rect x=\"0\" y={-padding.top} height={padding.top} width={width} fill=\"#F7F8FA\" stroke={BLACK} />\n                    )}\n                    {facetTitle.map((titleLine, idx) => {\n                        const linesCount = facetTitle.length;\n                        const topOffset = (padding.top - FACET_TITLE_LINE * linesCount) / 2;\n                        return (\n                            <text\n                                key={idx}\n                                fontSize=\"14px\"\n                                fontWeight=\"500\"\n                                fill={BLACK}\n                                x={width / 2}\n                                dy={topOffset + FACET_TITLE_LINE / 2 - padding.top}\n                                y={idx * FACET_TITLE_LINE}\n                                textAnchor=\"middle\"\n                                dominantBaseline=\"central\"\n                            >\n                                {titleLine}\n                            </text>\n                        );\n                    })}\n                </g>\n            )}\n            <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n                {needBottomAxisTitle && xAxis.title && (\n                    <text x={width / 2} y={height + padding.bottom - TITLE_LINE / 2}>\n                        {getAxisTitle(xAxis.title)}\n                    </text>\n                )}\n                {debug && needBottomAxisTitle && (\n                    <rect\n                        x=\"0\"\n                        y={height + padding.bottom - TITLE_LINE}\n                        width={width}\n                        height={TITLE_LINE}\n                        fill=\"none\"\n                        stroke=\"black\"\n                    />\n                )}\n            </g>\n            <ContinuousGrid\n                width={width}\n                height={height}\n                scaleX={scales.x}\n                scaleY={scales.y}\n                axisX={xAxis}\n                axisY={yAxis}\n                frameType={frameType}\n            />\n            {needBottomAxis && (\n                <g transform={`translate(0,${height})`}>\n                    <ContinuousAxis scale={scales.x} orient=\"bottom\" tickSize={tickSizeX} hiddenLabels={xAxis.hiddenLabels} />\n                    {debug && (\n                        <rect\n                            x=\"0\"\n                            y={tickSizeX + TICK_OFFSET}\n                            width={width}\n                            height={TITLE_LINE}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n            {needLeftAxis && (\n                <g>\n                    <ContinuousAxis scale={scales.y} orient=\"left\" tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n                    {debug && (\n                        <rect\n                            x={-tickSizeY - TICK_OFFSET - captionsSizes.yAxisCaptionsWidth}\n                            y=\"0\"\n                            width={captionsSizes.yAxisCaptionsWidth}\n                            height={height}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n            {layers.map(layer => groupingKeys.map((groupingKey, keyIdx) =>\n                histogramData.histogramByGroupingKey[groupingKey].bins.map((bin) => {\n                    const highlighted = dimmedBackground && tooltipsData.selectedData === bin;\n                    const binElement = (\n                        <rect\n                            key={bin.x}\n                            x={getBinX(scales.x(bin.x), groupingStack, keyIdx, partialBinWidth)}\n                            y={getBinY(bin, scales.y, groupingStack, groupingDirection)}\n                            fill={bin.rows[0] ? aesColorGetter(layer.aes.fillColor, bin.rows[0], bin.count) : ''}\n                            stroke={layer.aes.lineColor}\n                            width={partialBinWidth}\n                            height={scales.y(0) - scales.y(bin.count)}\n                            opacity={layer.aes.opacity ?? 1}\n                            onMouseOver={() => tooltipsData.onMouseEnter(bin, facetKey)}\n                            onMouseLeave={() => tooltipsData.onMouseLeave()}\n                        />\n                    );\n                    return highlighted ? createPortal(binElement, activeElementContainer) : binElement;\n                })\n            ))}\n            {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255,255,255,0.8)\"/>}\n            <g ref={node => {\n                if (node && !activeElementContainer) {\n                    setActiveElementContainer(node);\n                }\n            }}\n            />\n            {tooltipsData.selectedData && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltipContent(tooltipsData.selectedData, groupingLabels)}\n                    x={getBinX(scales.x(tooltipsData.selectedData.x), groupingStack, tooltipsData.selectedData.groupingKeyIdx, partialBinWidth) + partialBinWidth}\n                    y={getBinY(tooltipsData.selectedData, scales.y, groupingStack, groupingDirection) + scales.y(0) - scales.y(tooltipsData.selectedData.count / 2)}\n                    offset={0}\n                    active\n                    fixed={tooltipsData.fixed}\n                    sideDistances={sideDistances}\n                    container={tooltipsContainer}\n                    onClose={tooltipsData.onClose}\n                />\n            )}\n        </g>\n    );\n}\n"],"names":["getAxisTitle","title","getTooltipContent","bin","groupingLabels","lines","numberFormat","getBinX","xPx","groupingStack","keyIdx","width","getBinY","scaleY","groupingDirection","Chart","facetKey","height","dimensions","scales","xAxis","yAxis","frameType","histogramData","facetSettings","captionsSizes","facetTitle","layers","aesColorGetter","chartSizes","margins","tooltipsContainer","tooltipsData","activeElementContainer","setActiveElementContainer","useState","padding","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","needLeftAxis","needBottomAxis","needBottomAxisTitle","groupingKeys","firstBin","binWidth","partialBinWidth","sideDistances","dimmedBackground","debug","jsxs","jsx","BLACK","titleLine","idx","linesCount","topOffset","FACET_TITLE_LINE","TITLE_LINE","ContinuousGrid","ContinuousAxis","layer","groupingKey","highlighted","binElement","createPortal","node","Tooltip"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Chart.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/histogram/components/Chart.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ContinuousAxis } from '../../common/ContinuousAxis';\nimport { ContinuousGrid } from '../../common/ContinuousGrid';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { BLACK } from '../../constants';\nimport type { ColumnName, FrameType } from '../../types';\nimport { numberFormat } from '../../utils/numberFormat';\nimport { DEFAULT_TICKS_SIZE, FACET_TITLE_LINE, TICK_OFFSET, TITLE_LINE } from '../constants';\nimport type { BinData, GroupedHistogramData } from '../getHistogramData';\nimport type { HistogramLayer, HistogramSettingsImpl } from '../HistogramSettingsImpl';\nimport type {\n    AesGetter, CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes,\n    Margins\n} from './types';\n\nfunction getAxisTitle(title: string | ColumnName): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    return title.value;\n}\nfunction getTooltipContent(bin: BinData, groupingLabels:Record<string, string>) {\n    const lines =  [\n        `Amount: ${bin.count}`,\n        `(from ${numberFormat(bin.x)}, to ${numberFormat(bin.x + bin.width)})`\n    ];\n    if (bin.groupingKey !== 'null') {\n        lines.push(`${groupingLabels[bin.groupingKey] ?? bin.groupingKey}`);\n    }\n    return lines;\n}\n\nfunction getBinX(xPx:number, groupingStack: HistogramSettingsImpl['groupingStack'], keyIdx:number, width:number) {\n    return groupingStack === 'vertical'\n        ? xPx\n        : xPx + keyIdx * width;\n}\nfunction getBinY(bin:BinData, scaleY:ChartScales['y'], groupingStack: HistogramSettingsImpl['groupingStack'], groupingDirection: HistogramSettingsImpl['groupingDirection']) {\n    return groupingStack === 'vertical'\n        ? scaleY(groupingDirection === 'straight' ? bin.y.straight : bin.y.reverse)\n        : scaleY(bin.count);\n}\ninterface ChartProps {\n    facetKey: string;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    xAxis: HistogramSettingsImpl['chartSettings']['xAxis'];\n    yAxis: HistogramSettingsImpl['chartSettings']['yAxis'];\n    frameType: FrameType;\n    facetSettings: HistogramSettingsImpl['facetSettings'];\n    margins: Margins;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    facetTitle: string[];\n    histogramData: GroupedHistogramData;\n    layers: HistogramLayer[];\n    aesColorGetter: AesGetter;\n    groupingDirection: HistogramSettingsImpl['groupingDirection'];\n    groupingStack: HistogramSettingsImpl['groupingStack'];\n    groupingLabels: Record<string, string>;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<BinData>;\n}\n\nexport function Chart({\n    facetKey,\n    width,\n    height,\n    dimensions,\n    scales,\n    xAxis,\n    yAxis,\n    frameType,\n    histogramData,\n    facetSettings,\n    captionsSizes,\n    facetTitle,\n    layers,\n    aesColorGetter,\n    groupingDirection,\n    groupingStack,\n    groupingLabels,\n    chartSizes,\n    margins,\n    tooltipsContainer,\n    tooltipsData\n}: ChartProps) {\n    const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n\n    const {padding} = dimensions;\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const needLeftAxis = dimensions.chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = dimensions.chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n    const needBottomAxisTitle = dimensions.chartEdgeSides.includes('bottom');\n    const groupingKeys = histogramData.groupingKeys;\n\n    const firstBin = histogramData.histogramByGroupingKey[groupingKeys[0]].bins[0];\n    const binWidth = scales.x(firstBin.width) - scales.x(0);\n    const partialBinWidth = groupingStack === 'vertical' ? binWidth : binWidth / groupingKeys.length;\n\n    const sideDistances = {\n        left: margins.left + dimensions.left + padding.left,\n        right: chartSizes.totalWidth - (margins.left + dimensions.left + padding.left),\n        top: margins.top + dimensions.top + padding.top,\n        bottom: chartSizes.totalHeight - (margins.top + dimensions.top + padding.top),\n    };\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    const debug = false;\n    return (\n        <g transform={`translate(${dimensions.left + padding.left},${dimensions.top + padding.top})`}>\n            {debug && (\n                <g fill=\"none\" stroke=\"green\" strokeWidth=\"2px\">\n                    <rect width={width} height={padding.top} x={0} y={-padding.top} />\n                    <rect width={width} height={padding.bottom} x={0} y={height} />\n                    <rect width={padding.left} height={height} x={-padding.left} y={0} />\n                    <rect width={padding.right} height={height} x={width} y={0} />\n                </g>\n            )}\n            {facetTitle.length && (\n                <g>\n                    {frameType === 'full' && (\n                        <rect x=\"0\" y={-padding.top} height={padding.top} width={width} fill=\"#F7F8FA\" stroke={BLACK} />\n                    )}\n                    {facetTitle.map((titleLine, idx) => {\n                        const linesCount = facetTitle.length;\n                        const topOffset = (padding.top - FACET_TITLE_LINE * linesCount) / 2;\n                        return (\n                            <text\n                                key={idx}\n                                fontSize=\"14px\"\n                                fontWeight=\"500\"\n                                fill={BLACK}\n                                x={width / 2}\n                                dy={topOffset + FACET_TITLE_LINE / 2 - padding.top}\n                                y={idx * FACET_TITLE_LINE}\n                                textAnchor=\"middle\"\n                                dominantBaseline=\"central\"\n                            >\n                                {titleLine}\n                            </text>\n                        );\n                    })}\n                </g>\n            )}\n            <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n                {needBottomAxisTitle && xAxis.title && (\n                    <text x={width / 2} y={height + padding.bottom - TITLE_LINE / 2}>\n                        {getAxisTitle(xAxis.title)}\n                    </text>\n                )}\n                {debug && needBottomAxisTitle && (\n                    <rect\n                        x=\"0\"\n                        y={height + padding.bottom - TITLE_LINE}\n                        width={width}\n                        height={TITLE_LINE}\n                        fill=\"none\"\n                        stroke=\"black\"\n                    />\n                )}\n            </g>\n            <ContinuousGrid\n                width={width}\n                height={height}\n                scaleX={scales.x}\n                scaleY={scales.y}\n                axisX={xAxis}\n                axisY={yAxis}\n                frameType={frameType}\n            />\n            {needBottomAxis && (\n                <g transform={`translate(0,${height})`}>\n                    <ContinuousAxis scale={scales.x} orient=\"bottom\" tickSize={tickSizeX} hiddenLabels={xAxis.hiddenLabels} />\n                    {debug && (\n                        <rect\n                            x=\"0\"\n                            y={tickSizeX + TICK_OFFSET}\n                            width={width}\n                            height={TITLE_LINE}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n            {needLeftAxis && (\n                <g>\n                    <ContinuousAxis scale={scales.y} orient=\"left\" tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n                    {debug && (\n                        <rect\n                            x={-tickSizeY - TICK_OFFSET - captionsSizes.yAxisCaptionsWidth}\n                            y=\"0\"\n                            width={captionsSizes.yAxisCaptionsWidth}\n                            height={height}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n            {layers.map(layer => groupingKeys.map((groupingKey, keyIdx) =>\n                histogramData.histogramByGroupingKey[groupingKey].bins.map((bin) => {\n                    const highlighted = dimmedBackground && tooltipsData.selectedData === bin;\n                    const binElement = (\n                        <rect\n                            key={bin.x}\n                            x={getBinX(scales.x(bin.x), groupingStack, keyIdx, partialBinWidth)}\n                            y={getBinY(bin, scales.y, groupingStack, groupingDirection)}\n                            fill={bin.indexes.length > 0 ? aesColorGetter(layer.aes.fillColor, bin.indexes[0], bin.count) : ''}\n                            stroke={layer.aes.lineColor}\n                            width={partialBinWidth}\n                            height={scales.y(0) - scales.y(bin.count)}\n                            opacity={layer.aes.opacity ?? 1}\n                            onMouseOver={() => tooltipsData.onMouseEnter(bin, facetKey)}\n                            onMouseLeave={() => tooltipsData.onMouseLeave()}\n                        />\n                    );\n                    return highlighted ? createPortal(binElement, activeElementContainer) : binElement;\n                })\n            ))}\n            {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255,255,255,0.8)\"/>}\n            <g ref={node => {\n                if (node && !activeElementContainer) {\n                    setActiveElementContainer(node);\n                }\n            }}\n            />\n            {tooltipsData.selectedData && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltipContent(tooltipsData.selectedData, groupingLabels)}\n                    x={getBinX(scales.x(tooltipsData.selectedData.x), groupingStack, tooltipsData.selectedData.groupingKeyIdx, partialBinWidth) + partialBinWidth}\n                    y={getBinY(tooltipsData.selectedData, scales.y, groupingStack, groupingDirection) + scales.y(0) - scales.y(tooltipsData.selectedData.count / 2)}\n                    offset={0}\n                    active\n                    fixed={tooltipsData.fixed}\n                    sideDistances={sideDistances}\n                    container={tooltipsContainer}\n                    onClose={tooltipsData.onClose}\n                />\n            )}\n        </g>\n    );\n}\n"],"names":["getAxisTitle","title","getTooltipContent","bin","groupingLabels","lines","numberFormat","getBinX","xPx","groupingStack","keyIdx","width","getBinY","scaleY","groupingDirection","Chart","facetKey","height","dimensions","scales","xAxis","yAxis","frameType","histogramData","facetSettings","captionsSizes","facetTitle","layers","aesColorGetter","chartSizes","margins","tooltipsContainer","tooltipsData","activeElementContainer","setActiveElementContainer","useState","padding","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","needLeftAxis","needBottomAxis","needBottomAxisTitle","groupingKeys","firstBin","binWidth","partialBinWidth","sideDistances","dimmedBackground","debug","jsxs","jsx","BLACK","titleLine","idx","linesCount","topOffset","FACET_TITLE_LINE","TITLE_LINE","ContinuousGrid","ContinuousAxis","layer","groupingKey","highlighted","binElement","createPortal","node","Tooltip"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/components/ChartsGroup.js

@@ -15,7 +15,7 @@ function X({
   columnsCount: m,
   facetKeys: o,
   facetSettings: d,
-  scales: h,
+  scales: l,
   margins: i,
   mainTitle: f,
   facetTitles: u,
@@ -29,11 +29,11 @@ function X({
   legend: C,
   onTooltipHintSwitch: W
 }) {
-  const $ = I(W), { xAxis: A, yAxis: E, title: l, frame: F } = p, g = a[o[0]].padding, G = a[o[m - 1]].padding, [H, L] = n.useState(), r = n.useRef(null);
+  const $ = I(W), { xAxis: A, yAxis: E, title: g, frame: F } = p, h = a[o[0]].padding, G = a[o[m - 1]].padding, [H, L] = n.useState(), r = n.useRef(null);
   n.useEffect(() => {
     r.current && L(r.current);
   }, []);
-  const v = i.left + t.chartsWidth + K, z = i.top + g.top;
+  const v = i.left + t.chartsWidth + K, z = i.top + h.top;
   return /* @__PURE__ */ e.jsx(R, { dataId: c, children: /* @__PURE__ */ e.jsxs(
     "svg",
     {
@@ -48,9 +48,9 @@ function X({
             B,
             {
               title: f,
-              show: l.show,
-              position: l.position,
-              leftPadding: g.left,
+              show: g.show,
+              position: g.position,
+              leftPadding: h.left,
               rightPadding: G.right,
               chartsWidth: t.chartsWidth
             }
@@ -59,7 +59,7 @@ function X({
             P,
             {
               facetKey: s,
-              scales: { x: h.x[s], y: h.y[s] },
+              scales: { x: l.x[s], y: l.y[s] },
               width: t.chartWidth,
               height: t.chartHeight,
               dimensions: a[s],

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/getHistogramData.js

@@ -1,83 +1,82 @@
 import M from "../node_modules/d3-array/src/extent.js";
-import b from "../node_modules/d3-array/src/bin.js";
-import E from "../node_modules/d3-array/src/max.js";
-import X from "../node_modules/d3-scale/src/symlog.js";
-const w = (a, e) => {
-  const t = Math.min(...e), n = Math.max(...e);
-  if (t === n)
-    return [t];
-  if (a < 2)
-    return [(t + n) / 2];
-  const i = (n - t) / a, u = [];
-  for (let o = 1; o < a; o++)
-    u.push(t + i * o);
-  return u;
+import K from "../node_modules/d3-array/src/bin.js";
+import G from "../node_modules/d3-array/src/max.js";
+import V from "../node_modules/d3-scale/src/symlog.js";
+const b = (o, u) => {
+  const a = Math.min(...u), n = Math.max(...u);
+  if (a === n)
+    return [a];
+  if (o < 2)
+    return [(a + n) / 2];
+  const e = (n - a) / o, s = [];
+  for (let r = 1; r < o; r++)
+    s.push(a + e * r);
+  return s;
 };
-function F(a, e, t) {
-  return a.map((n) => ({
-    count: n.length,
+function E(o, u, a) {
+  return o.map((n) => ({
+    indexes: n,
+    x: n.x0 ?? 0,
     y: {
       straight: n.length,
       reverse: n.length
     },
-    rows: n,
-    x: n.x0 ?? 0,
-    groupingKey: e,
-    groupingKeyIdx: t,
+    count: n.length,
+    groupingKey: u,
+    groupingKeyIdx: a,
     width: (n.x1 ?? 0) - (n.x0 ?? 0)
   }));
 }
-function D(a, e, t, n, i, u) {
-  const o = w(t, n), s = b().domain(n).thresholds(o).value((m) => m[e.value])(a);
+function L(o, u, a, n, e, s, r) {
+  const g = b(n, e), t = K().domain(e).thresholds(g).value((i) => o.getColumnValue(a.value, i))(u);
   return {
-    bins: F(s, i, u),
-    maxCount: E(s, (m) => m.length) ?? 0
+    bins: E(t, s, r),
+    maxCount: G(t, (i) => i.length) ?? 0
   };
 }
-function H(a, e, t, n, i, u) {
-  const o = w(t, n), s = X().domain(n).range(n), m = o.map((r) => s.invert(r)), c = b().domain(n).thresholds(m).value((r) => r[e.value])(a);
+function X(o, u, a, n, e, s, r) {
+  const g = b(n, e), t = V().domain(e).range(e), i = g.map((m) => t.invert(m)), c = K().domain(e).thresholds(i).value((m) => o.getColumnValue(a.value, m))(u);
   return {
-    bins: F(c, i, u),
-    maxCount: E(c, (r) => r.length) ?? 0
+    bins: E(c, s, r),
+    maxCount: G(c, (m) => m.length) ?? 0
   };
 }
-function _(a, e, t, n, i, u) {
-  const o = {};
-  return e.forEach((s) => {
-    var m, c;
-    const r = s.join("_");
-    o[r] = {
-      groupingKeys: t,
+function A(o, u, a, n, e, s) {
+  const r = {};
+  return u.forEach((g) => {
+    const t = g.join("_");
+    r[t] = {
+      groupingKeys: a,
       histogramByGroupingKey: {},
       minX: 1 / 0,
       maxX: -1 / 0,
       maxCount: 0,
       maxCountFromGroups: 0
     };
-    const d = a.getRowsByGrouping([...s]);
-    let [G, B] = M(d, (l) => l[n.value]);
-    G = G ?? ((m = d[0]) == null ? void 0 : m[n.value]) ?? 0, B = B ?? ((c = d[0]) == null ? void 0 : c[n.value]) ?? 0;
-    const v = [G, B], C = [...t].reverse();
-    C.forEach((l, g) => {
-      const h = a.getRowsByGrouping([...s, l]), x = u === "linear" ? D(h, n, i, v, l, g) : H(h, n, i, v, l, g);
-      o[r].histogramByGroupingKey[l] = x, o[r].minX = v[0], o[r].maxX = v[1], o[r].maxCountFromGroups = Math.max(o[r].maxCountFromGroups, x.maxCount);
-      const y = g > 0 ? C[g - 1] : null, f = y !== null ? o[r].histogramByGroupingKey[y] : null;
-      x.bins.forEach((p, L) => {
-        p.y.straight = ((f == null ? void 0 : f.bins[L].y.straight) ?? 0) + p.count, o[r].maxCount = Math.max(o[r].maxCount, p.y.straight);
+    const i = o.getRowsByGrouping([...g]);
+    let [c, m] = M(i, (l) => o.getColumnValue(n.value, l));
+    c ?? (c = o.getColumnValue(n.value, i[0]) ?? 0), m ?? (m = o.getColumnValue(n.value, i[0]) ?? 0);
+    const C = [c, m], d = [...a].reverse();
+    d.forEach((l, h) => {
+      const p = Array.from(o.getRowsByGrouping([...g, l])), x = s === "linear" ? L(o, p, n, e, C, l, h) : X(o, p, n, e, C, l, h);
+      r[t].histogramByGroupingKey[l] = x, r[t].minX = C[0], r[t].maxX = C[1], r[t].maxCountFromGroups = Math.max(r[t].maxCountFromGroups, x.maxCount);
+      const y = h > 0 ? d[h - 1] : null, f = y !== null ? r[t].histogramByGroupingKey[y] : null;
+      x.bins.forEach((v, F) => {
+        v.y.straight = ((f == null ? void 0 : f.bins[F].y.straight) ?? 0) + v.count, r[t].maxCount = Math.max(r[t].maxCount, v.y.straight);
       });
     });
-    const K = t;
-    K.forEach((l, g) => {
-      const h = g > 0 ? K[g - 1] : null, x = o[r].histogramByGroupingKey[l], y = h !== null ? o[r].histogramByGroupingKey[h] : null;
-      x.bins.forEach((f, p) => {
-        f.y.reverse = ((y == null ? void 0 : y.bins[p].y.reverse) ?? 0) + f.count;
+    const B = a;
+    B.forEach((l, h) => {
+      const p = h > 0 ? B[h - 1] : null, x = r[t].histogramByGroupingKey[l], y = p !== null ? r[t].histogramByGroupingKey[p] : null;
+      x.bins.forEach((f, v) => {
+        f.y.reverse = ((y == null ? void 0 : y.bins[v].y.reverse) ?? 0) + f.count;
       });
     });
-  }), o;
+  }), r;
 }
 export {
-  _ as createHistogramDataByFacets,
-  D as createHistogramDataLinear,
-  H as createHistogramDataLog
+  A as createHistogramDataByFacets,
+  L as createHistogramDataLinear,
+  X as createHistogramDataLog
 };
 //# sourceMappingURL=getHistogramData.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/getHistogramData.js.map

@@ -1 +1 @@
-{"version":3,"file":"getHistogramData.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/histogram/getHistogramData.ts"],"sourcesContent":["import type {DataFrame} from '../DataFrame';\nimport type {ColumnName, Row} from '../types';\nimport type {Bin} from 'd3-array';\nimport {bin, extent, max} from 'd3-array';\nimport {scaleSymlog} from 'd3-scale';\n\nexport type BinData = {\n    count: number,\n    y: {\n        straight: number,\n        reverse: number\n    },\n    rows: Row[],\n    x: number,\n    groupingKey: string,\n    groupingKeyIdx: number,\n    width: number\n}\nexport type HistogramData = {\n    bins: BinData[];\n    maxCount: number;\n};\n\nexport type GroupedHistogramData = {\n    groupingKeys: string[],\n    histogramByGroupingKey: Record<string, HistogramData>\n    minX: number;\n    maxX: number;\n    maxCount: number;\n    maxCountFromGroups: number;\n}\n\nconst getSteps = (count: number, valueExtent: number[]) => {\n    const min = Math.min(...valueExtent);\n    const max = Math.max(...valueExtent);\n    if (min === max) {\n        return [min];\n    }\n    if (count < 2) {\n        return [(min + max) / 2];\n    }\n    const step = (max - min) / count;\n    const steps = [];\n    for (let i = 1; i < count; i++) {\n        steps.push(min + step * i);\n    }\n    return steps;\n};\n\nfunction createBinData (bins:Bin<Row, number>[], key:string, keyIdx:number):BinData[] {\n    return bins.map((b) => ({\n        count: b.length,\n        y: {\n            straight: b.length,\n            reverse: b.length\n        },\n        rows: b,\n        x: b.x0 ?? 0,\n        groupingKey: key,\n        groupingKeyIdx: keyIdx,\n        width: (b.x1 ?? 0) - (b.x0 ?? 0)\n    }));\n}\nexport function createHistogramDataLinear(rows:Row[], column: ColumnName, binsCount:number, domain:[number, number], key:string, keyIdx:number):HistogramData {\n    const ticks= getSteps(binsCount, domain);\n    const bins = bin<Row, number>()\n        .domain(domain)\n        .thresholds(ticks)\n        .value((row:Row) => row[column.value] as number)(rows);\n    return {\n        bins: createBinData(bins, key, keyIdx),\n        maxCount: max(bins, (bin) => bin.length) ?? 0\n    };\n}\nexport function createHistogramDataLog(rows:Row[], column: ColumnName, binsCount:number, domain:[number, number], key:string, keyIdx:number):HistogramData {\n    const ticks= getSteps(binsCount, domain);\n    const convertLog = scaleSymlog().domain(domain).range(domain);\n    const ticksLog = ticks.map(t => convertLog.invert(t));\n    const bins = bin<Row, number>()\n        .domain(domain)\n        .thresholds(ticksLog)\n        .value((row:Row) => row[column.value] as number)(rows);\n\n    return {\n        bins: createBinData(bins, key, keyIdx),\n        maxCount: max(bins, (bin) => bin.length) ?? 0\n    };\n}\n\nexport function createHistogramDataByFacets(\n    data:DataFrame,\n    facetKeysCombinations:string[][],\n    groupingKeys: string[],\n    valueColumn:ColumnName,\n    binsCount:number,\n    scale: 'linear' | 'log'\n) {\n    const result:Record<string, GroupedHistogramData> = {};\n    facetKeysCombinations.forEach((facetKeys) => {\n        const facetKey = facetKeys.join('_');\n        result[facetKey] = {\n            groupingKeys,\n            histogramByGroupingKey: {},\n            minX: Infinity,\n            maxX: -Infinity,\n            maxCount: 0,\n            maxCountFromGroups: 0\n        };\n        const allFacetRows = data.getRowsByGrouping([...facetKeys]);\n        let [minV, maxV] = extent(allFacetRows, v => v[valueColumn.value] as number);\n        minV = minV ?? allFacetRows[0]?.[valueColumn.value] as number ?? 0;\n        maxV = maxV ?? allFacetRows[0]?.[valueColumn.value] as number ?? 0;\n        const domain:[number, number] = [minV, maxV];\n        const forwardKeys = [...groupingKeys].reverse();\n        forwardKeys.forEach((groupingKey, idx) => {\n            const rows = data.getRowsByGrouping([...facetKeys, groupingKey]);\n            const histogram = scale === 'linear'\n                ? createHistogramDataLinear(rows, valueColumn, binsCount, domain, groupingKey, idx)\n                : createHistogramDataLog(rows, valueColumn, binsCount, domain, groupingKey, idx);\n            result[facetKey].histogramByGroupingKey[groupingKey] = histogram;\n            result[facetKey].minX = domain[0];\n            result[facetKey].maxX = domain[1];\n            result[facetKey].maxCountFromGroups = Math.max(result[facetKey].maxCountFromGroups, histogram.maxCount);\n\n            const previousKey = idx > 0 ? forwardKeys[idx - 1] : null;\n            const previousHistogram = previousKey !== null ? result[facetKey].histogramByGroupingKey[previousKey] : null;\n\n            histogram.bins.forEach((bin, idx) => {\n                bin.y.straight = (previousHistogram?.bins[idx].y.straight ?? 0) + bin.count;\n                result[facetKey].maxCount = Math.max(result[facetKey].maxCount, bin.y.straight);\n            });\n        });\n\n        const reversedKeys = groupingKeys;\n        reversedKeys.forEach((groupingKey, idx) => {\n            const previousKey = idx > 0 ? reversedKeys[idx - 1] : null;\n            const histogram = result[facetKey].histogramByGroupingKey[groupingKey];\n            const previousHistogram = previousKey !== null ? result[facetKey].histogramByGroupingKey[previousKey] : null;\n\n            histogram.bins.forEach((bin, idx) => {\n                bin.y.reverse = (previousHistogram?.bins[idx].y.reverse ?? 0) + bin.count;\n            });\n        });\n    });\n    return result;\n}"],"names":["getSteps","count","valueExtent","min","max","step","steps","i","createBinData","bins","key","keyIdx","b","createHistogramDataLinear","rows","column","binsCount","domain","ticks","bin","row","createHistogramDataLog","convertLog","scaleSymlog","ticksLog","t","createHistogramDataByFacets","data","facetKeysCombinations","groupingKeys","valueColumn","scale","result","facetKeys","facetKey","allFacetRows","minV","maxV","extent","v","_a","_b","forwardKeys","groupingKey","idx","histogram","previousKey","previousHistogram","reversedKeys"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"getHistogramData.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/histogram/getHistogramData.ts"],"sourcesContent":["import type { Bin } from 'd3-array';\nimport { bin, extent, max } from 'd3-array';\nimport { scaleSymlog } from 'd3-scale';\nimport type { DataFrame, RowIndex } from '../DataFrame';\nimport type { ColumnName } from '../types';\n\nexport type BinData = {\n    indexes: RowIndex[];\n    x: number,\n    y: {\n        straight: number,\n        reverse: number\n    },\n    count: number,\n    groupingKey: string,\n    groupingKeyIdx: number,\n    width: number\n}\nexport type HistogramData = {\n    bins: BinData[];\n    maxCount: number;\n};\n\nexport type GroupedHistogramData = {\n    groupingKeys: string[],\n    histogramByGroupingKey: Record<string, HistogramData>\n    minX: number;\n    maxX: number;\n    maxCount: number;\n    maxCountFromGroups: number;\n}\n\nconst getSteps = (count: number, valueExtent: number[]) => {\n    const min = Math.min(...valueExtent);\n    const max = Math.max(...valueExtent);\n    if (min === max) {\n        return [min];\n    }\n    if (count < 2) {\n        return [(min + max) / 2];\n    }\n    const step = (max - min) / count;\n    const steps = [];\n    for (let i = 1; i < count; i++) {\n        steps.push(min + step * i);\n    }\n    return steps;\n};\n\nfunction createBinData (bins:Bin<RowIndex, number>[], key:string, keyIdx:number):BinData[] {\n    return bins.map((b) => ({\n        indexes: b,\n        x: b.x0 ?? 0,\n        y: {\n            straight: b.length,\n            reverse: b.length\n        },\n        count: b.length,\n        groupingKey: key,\n        groupingKeyIdx: keyIdx,\n        width: (b.x1 ?? 0) - (b.x0 ?? 0)\n    }));\n}\nexport function createHistogramDataLinear(dataFrame: DataFrame, indexes: RowIndex[], column: ColumnName, binsCount:number, domain:[number, number], key:string, keyIdx:number):HistogramData {\n    const ticks= getSteps(binsCount, domain);\n    const bins = bin<RowIndex, number>()\n        .domain(domain)\n        .thresholds(ticks)\n        .value((idx: RowIndex) => dataFrame.getColumnValue(column.value, idx) as number)(indexes);\n    return {\n        bins: createBinData(bins, key, keyIdx),\n        maxCount: max(bins, (bin) => bin.length) ?? 0\n    };\n}\nexport function createHistogramDataLog(dataFrame: DataFrame, indexes: RowIndex[], column: ColumnName, binsCount:number, domain:[number, number], key:string, keyIdx:number):HistogramData {\n    const ticks= getSteps(binsCount, domain);\n    const convertLog = scaleSymlog().domain(domain).range(domain);\n    const ticksLog = ticks.map(t => convertLog.invert(t));\n    const bins = bin<RowIndex, number>()\n        .domain(domain)\n        .thresholds(ticksLog)\n        .value((idx: RowIndex) => dataFrame.getColumnValue(column.value, idx) as number)(indexes);\n\n    return {\n        bins: createBinData(bins, key, keyIdx),\n        maxCount: max(bins, (bin) => bin.length) ?? 0\n    };\n}\n\nexport function createHistogramDataByFacets(\n    data:DataFrame,\n    facetKeysCombinations:string[][],\n    groupingKeys: string[],\n    valueColumn:ColumnName,\n    binsCount:number,\n    scale: 'linear' | 'log'\n) {\n    const result:Record<string, GroupedHistogramData> = {};\n    facetKeysCombinations.forEach((facetKeys) => {\n        const facetKey = facetKeys.join('_');\n        result[facetKey] = {\n            groupingKeys,\n            histogramByGroupingKey: {},\n            minX: Infinity,\n            maxX: -Infinity,\n            maxCount: 0,\n            maxCountFromGroups: 0\n        };\n        const allFacetRowsIndexes = data.getRowsByGrouping([...facetKeys]);\n        let [minV, maxV] = extent(allFacetRowsIndexes, idx => data.getColumnValue(valueColumn.value, idx) as number);\n        minV ??= (data.getColumnValue(valueColumn.value, allFacetRowsIndexes[0]) ?? 0) as number;\n        maxV ??= (data.getColumnValue(valueColumn.value, allFacetRowsIndexes[0]) ?? 0) as number;\n        const domain:[number, number] = [minV, maxV];\n        const forwardKeys = [...groupingKeys].reverse();\n        forwardKeys.forEach((groupingKey, idx) => {\n            const indexes = Array.from(data.getRowsByGrouping([...facetKeys, groupingKey]));\n            const histogram = scale === 'linear'\n                ? createHistogramDataLinear(data, indexes, valueColumn, binsCount, domain, groupingKey, idx)\n                : createHistogramDataLog(data, indexes, valueColumn, binsCount, domain, groupingKey, idx);\n            result[facetKey].histogramByGroupingKey[groupingKey] = histogram;\n            result[facetKey].minX = domain[0];\n            result[facetKey].maxX = domain[1];\n            result[facetKey].maxCountFromGroups = Math.max(result[facetKey].maxCountFromGroups, histogram.maxCount);\n\n            const previousKey = idx > 0 ? forwardKeys[idx - 1] : null;\n            const previousHistogram = previousKey !== null ? result[facetKey].histogramByGroupingKey[previousKey] : null;\n\n            histogram.bins.forEach((bin, idx) => {\n                bin.y.straight = (previousHistogram?.bins[idx].y.straight ?? 0) + bin.count;\n                result[facetKey].maxCount = Math.max(result[facetKey].maxCount, bin.y.straight);\n            });\n        });\n\n        const reversedKeys = groupingKeys;\n        reversedKeys.forEach((groupingKey, idx) => {\n            const previousKey = idx > 0 ? reversedKeys[idx - 1] : null;\n            const histogram = result[facetKey].histogramByGroupingKey[groupingKey];\n            const previousHistogram = previousKey !== null ? result[facetKey].histogramByGroupingKey[previousKey] : null;\n\n            histogram.bins.forEach((bin, idx) => {\n                bin.y.reverse = (previousHistogram?.bins[idx].y.reverse ?? 0) + bin.count;\n            });\n        });\n    });\n    return result;\n}"],"names":["getSteps","count","valueExtent","min","max","step","steps","i","createBinData","bins","key","keyIdx","b","createHistogramDataLinear","dataFrame","indexes","column","binsCount","domain","ticks","bin","idx","createHistogramDataLog","convertLog","scaleSymlog","ticksLog","c","t","createHistogramDataByFacets","data","facetKeysCombinations","groupingKeys","valueColumn","scale","result","facetKeys","facetKey","allFacetRowsIndexes","minV","maxV","extent","forwardKeys","groupingKey","histogram","previousKey","previousHistogram","reversedKeys"],"mappings":"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","x_google_ignoreList":[0]}