@milaboratories/graph-maker 1.1.132 → 1.1.133

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltip.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/components/ChartTooltip.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport type { ColumnName } from '../../types';\nimport { numberFormat } from '../../utils/numberFormat';\nimport type { Dot } from '../dots';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport { ChartDot } from './ChartLayersData';\nimport type {\n    AesGetters,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes,\n    Margins\n} from './types';\n\ninterface Props {\n    tooltipsData: TooltipsData<Dot>;\n    dimensions: undefined | ChartDimensionsData;\n    scales: undefined | ChartScales;\n    keyColumn: ColumnName;\n    margins: Margins;\n    chartSizes: ChartSizes;\n    tooltips: ScatterplotSettingsImpl['chartSettings']['tooltips'];\n    aesGetters: AesGetters;\n}\n\nconst ZERO_SIDE_DISTANCES = { left: 0, right: 0, top: 0, bottom: 0 };\n\nexport const ChartTooltip = memo(({\n    tooltipsData,\n    tooltips,\n    keyColumn,\n    chartSizes,\n    dimensions,\n    scales,\n    aesGetters,\n}: Props) => {\n    const padding = dimensions?.padding;\n\n    const sideDistances = useMemo(() => {\n        if (!dimensions || !scales || !padding) {\n            return ZERO_SIDE_DISTANCES;\n        }\n\n        return ({\n            left: dimensions.left + padding.left,\n            right: chartSizes.totalWidth - (dimensions.left + padding.left),\n            top: dimensions.top + padding.top,\n            bottom: chartSizes.totalHeight - (dimensions.top + padding.top),\n        });\n    }, [dimensions, padding, chartSizes]);\n\n    if (!dimensions || !scales || !padding || !tooltipsData.selectedData || !tooltips.show) {\n        return null;\n    }\n\n    return (\n        <>\n            {tooltipsData.fixed && \n                <g transform={`translate(${dimensions.left + padding.left}, ${dimensions.top + padding.top})`}>\n                    <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255, 255, 255, 0.8)\"/>\n                    <ChartDot\n                        dot={tooltipsData.selectedData}\n                        scales={scales}\n                        aesGetters={aesGetters}\n                    />\n                </g>\n            }\n            <Tooltip\n                content={getTooltipContent(tooltipsData.selectedData, keyColumn, tooltips?.content)}\n                x={scales.x(tooltipsData.selectedData.x)}\n                y={scales.y(tooltipsData.selectedData.y)}\n                active\n                sideDistances={sideDistances}\n                fixed={tooltipsData.fixed}\n                onClose={tooltipsData.onClose}\n                container={null}\n            />\n        </>\n    );\n});\n\nfunction getTooltipContent(dot: Dot, keyColumn: ColumnName, columnsList: ColumnName[] = []) {\n    const row = dot.data;\n    const lines = [`x: ${numberFormat(dot.x)}`, `y: ${numberFormat(dot.y)}`];\n    if (keyColumn.label) {\n        lines.unshift(`${keyColumn.label}: ${row[keyColumn.label]}`);\n    }\n    for (const column of columnsList) {\n        lines.push(`${column.label}: ${row[column.valueLabels ?? column.value]}`);\n    }\n    return lines;\n}\n"],"names":["ZERO_SIDE_DISTANCES","ChartTooltip","memo","tooltipsData","tooltips","keyColumn","chartSizes","dimensions","scales","aesGetters","padding","sideDistances","useMemo","jsxs","Fragment","jsx","ChartDot","Tooltip","getTooltipContent","dot","columnsList","row","lines","numberFormat","column"],"mappings":";;;;;AA2BA,MAAMA,IAAsB,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAAA,GAEpDC,IAAeC,EAAAA,KAAK,CAAC;AAAA,EAC9B,cAAAC;AAAAA,EACA,UAAAC;AAAAA,EACA,WAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,YAAAC;AACJ,MAAa;AACT,QAAMC,IAAUH,KAAA,OAAA,SAAAA,EAAY,SAEtBI,IAAgBC,EAAAA,QAAQ,MACtB,CAACL,KAAc,CAACC,KAAU,CAACE,IACpBV,IAGH;AAAA,IACJ,MAAMO,EAAW,OAAOG,EAAQ;AAAA,IAChC,OAAOJ,EAAW,cAAcC,EAAW,OAAOG,EAAQ;AAAA,IAC1D,KAAKH,EAAW,MAAMG,EAAQ;AAAA,IAC9B,QAAQJ,EAAW,eAAeC,EAAW,MAAMG,EAAQ;AAAA,EAAA,GAEhE,CAACH,GAAYG,GAASJ,CAAU,CAAC;AAEpC,SAAI,CAACC,KAAc,CAACC,KAAU,CAACE,KAAW,CAACP,EAAa,gBAAgB,CAACC,EAAS,OACvE,OAIPS,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACK,UAAA;AAAA,IAAAX,EAAa,SACVU,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAW,aAAaN,EAAW,OAAOG,EAAQ,IAAI,KAAKH,EAAW,MAAMG,EAAQ,GAAG,KACtF,UAAA;AAAA,MAAAK,gBAAAA,EAAAA,IAAC,QAAA,EAAK,OAAOT,EAAW,YAAY,QAAQA,EAAW,aAAa,MAAK,4BAA0B;AAAA,MACnGS,gBAAAA,EAAAA;AAAAA,QAACC;AAAAA,QAAA;AAAA,UACG,KAAKb,EAAa;AAAA,UAClB,QAAAK;AAAAA,UACA,YAAAC;AAAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,IAEJM,gBAAAA,EAAAA;AAAAA,MAACE;AAAAA,MAAA;AAAA,QACG,SAASC,EAAkBf,EAAa,cAAcE,GAAWD,KAAA,OAAA,SAAAA,EAAU,OAAO;AAAA,QAClF,GAAGI,EAAO,EAAEL,EAAa,aAAa,CAAC;AAAA,QACvC,GAAGK,EAAO,EAAEL,EAAa,aAAa,CAAC;AAAA,QACvC,QAAM;AAAA,QACN,eAAAQ;AAAAA,QACA,OAAOR,EAAa;AAAA,QACpB,SAASA,EAAa;AAAA,QACtB,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEnB;AAER,CAAC;AAED,SAASe,EAAkBC,GAAUd,GAAuBe,IAA4B,CAAA,GAAI;AACxF,QAAMC,IAAMF,EAAI,MACVG,IAAQ,CAAC,MAAMC,EAAaJ,EAAI,CAAC,CAAC,IAAI,MAAMI,EAAaJ,EAAI,CAAC,CAAC,EAAE;AACnEd,IAAU,SACViB,EAAM,QAAQ,GAAGjB,EAAU,KAAK,KAAKgB,EAAIhB,EAAU,KAAK,CAAC,EAAE;AAE/D,aAAWmB,KAAUJ;AACjBE,MAAM,KAAK,GAAGE,EAAO,KAAK,KAAKH,EAAIG,EAAO,eAAeA,EAAO,KAAK,CAAC,EAAE;AAE5E,SAAOF;AACX;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartTrendsData.js

@@ -0,0 +1,65 @@
+import { j as n } from "../../node_modules/react/jsx-runtime.js";
+import $ from "../../node_modules/lodash/lodash.js";
+import { r as g } from "../../_virtual/index.js";
+import { numberFormat as i } from "../../utils/numberFormat.js";
+const k = g.memo(({
+  width: t,
+  scales: e,
+  trendsData: r,
+  aesGetters: s
+}) => r && r.map(({ predict: o, getArea: f, data: m, bounded: h, xBounds: j, stats: y }, c) => {
+  const [l, a] = h ? j : e.x.domain(), x = (a - l) / 15, d = o(l), u = o(a);
+  if (isNaN(d) || isNaN(u))
+    return null;
+  const p = s.trendColor(m);
+  return /* @__PURE__ */ n.jsxs("g", { children: [
+    /* @__PURE__ */ n.jsx("text", { y: c * 20 + 20, fill: p, x: t - 8, textAnchor: "end", children: C(y) }),
+    /* @__PURE__ */ n.jsx(
+      "path",
+      {
+        d: f(e.x, e.y, $.range(l, a + x / 2, x)),
+        fill: p,
+        opacity: 0.2
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      "line",
+      {
+        x1: e.x(l),
+        x2: e.x(a),
+        y1: e.y(d),
+        y2: e.y(u),
+        stroke: p
+      }
+    )
+  ] }, c);
+}));
+function N(t) {
+  return typeof t.r2 > "u" ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx("tspan", { children: "R" }),
+    /* @__PURE__ */ n.jsx("tspan", { fontSize: "10px", dy: "-8", children: "2" }),
+    /* @__PURE__ */ n.jsx("tspan", { dy: "8", children: ` = ${i(t.r2)}` })
+  ] });
+}
+function F(t) {
+  return typeof t.pValue > "u" ? null : /* @__PURE__ */ n.jsx("tspan", { children: `p-value = ${i(t.pValue)}` });
+}
+function b(t) {
+  if (typeof t.coefficients > "u")
+    return null;
+  const { slope: e, slopeError: r, intercept: s, interceptError: o } = t.coefficients;
+  return /* @__PURE__ */ n.jsx("tspan", { children: /* @__PURE__ */ n.jsx("tspan", { children: `slope = ${i(e)} ± ${i(r)}, intercept = ${i(s)} ± ${i(o)}` }) });
+}
+function C(t) {
+  const e = [N(t), F(t), b(t)].filter(
+    (r) => r !== null
+  );
+  return /* @__PURE__ */ n.jsx(n.Fragment, { children: e.map((r, s) => /* @__PURE__ */ n.jsxs("tspan", { children: [
+    r,
+    /* @__PURE__ */ n.jsx("tspan", { children: s < e.length - 1 && ", " })
+  ] }, s)) });
+}
+export {
+  k as ChartTrendsData
+};
+//# sourceMappingURL=ChartTrendsData.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartTrendsData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTrendsData.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/components/ChartTrendsData.tsx"],"sourcesContent":["import lodash from 'lodash';\nimport { memo, type ReactElement } from 'react';\nimport { numberFormat } from '../../utils/numberFormat';\nimport type { TrendsData } from '../linearRegression';\nimport type {\n    AesGetters,\n    ChartScales\n} from './types';\n\ninterface Props {\n    trendsData: TrendsData[keyof TrendsData] | null;\n    width: number;\n    scales: ChartScales;\n    aesGetters: AesGetters;\n}\n\nexport const ChartTrendsData = memo(({\n    width,\n    scales,\n    trendsData,\n    aesGetters,\n}: Props) => {\n    return (trendsData &&\n        trendsData.map(({predict, getArea, data, bounded, xBounds, stats}, idx) => {\n            const [minX, maxX] = bounded ? xBounds : scales.x.domain();\n            const step = (maxX - minX) / 15;\n            const p1 = predict(minX);\n            const p2 = predict(maxX);\n            if (isNaN(p1) || isNaN(p2)) {\n                return null;\n            }\n            const fillColor = aesGetters.trendColor(data);\n            return (\n                <g key={idx}>\n                    <text y={idx * 20 + 20} fill={fillColor} x={width - 8} textAnchor=\"end\">\n                        {formatStats(stats)}\n                    </text>\n                    <path\n                        d={getArea(scales.x, scales.y, lodash.range(minX, maxX + step / 2, step))}\n                        fill={fillColor}\n                        opacity={0.2}\n                    />\n                    <line\n                        x1={scales.x(minX)}\n                        x2={scales.x(maxX)}\n                        y1={scales.y(p1)}\n                        y2={scales.y(p2)}\n                        stroke={fillColor}\n                    />\n                </g>\n            );\n        })\n    );\n});\n\nfunction formatR2(stats: TrendsData[keyof TrendsData][number]['stats']) {\n    if (typeof stats.r2 === 'undefined') {\n        return null;\n    }\n    return (\n        <>\n            <tspan>R</tspan>\n            <tspan fontSize=\"10px\" dy=\"-8\">\n                2\n            </tspan>\n            <tspan dy=\"8\">{` = ${numberFormat(stats.r2)}`}</tspan>\n        </>\n    );\n}\n\nfunction formatPValue(stats: TrendsData[keyof TrendsData][number]['stats']) {\n    if (typeof stats.pValue === 'undefined') {\n        return null;\n    }\n    return <tspan>{`p-value = ${numberFormat(stats.pValue)}`}</tspan>;\n}\n\nfunction formatCoefficients(stats: TrendsData[keyof TrendsData][number]['stats']) {\n    if (typeof stats.coefficients === 'undefined') {\n        return null;\n    }\n    const {slope, slopeError, intercept, interceptError} = stats.coefficients;\n    return (\n        <tspan>\n            <tspan>\n                {`slope = ${numberFormat(slope)} ± ${numberFormat(slopeError)}, intercept = ${numberFormat(intercept)} ± ${numberFormat(interceptError)}`}\n            </tspan>\n        </tspan>\n    );\n}\n\nfunction formatStats(stats: TrendsData[keyof TrendsData][number]['stats']) {\n    const items = [formatR2(stats), formatPValue(stats), formatCoefficients(stats)].filter(\n        value => value !== null\n    ) as unknown as ReactElement[];\n    return (\n        <>\n            {items.map((item, idx) => (\n                <tspan key={idx}>\n                    {item}\n                    <tspan>{idx < items.length - 1 && ', '}</tspan>\n                </tspan>\n            ))}\n        </>\n    );\n}\n\n"],"names":["ChartTrendsData","memo","width","scales","trendsData","aesGetters","predict","getArea","data","bounded","xBounds","stats","idx","minX","maxX","step","p1","p2","fillColor","n","jsx","formatStats","lodash","formatR2","jsxs","Fragment","numberFormat","formatPValue","formatCoefficients","slope","slopeError","intercept","interceptError","items","value","item"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,104 @@
+import { j as s } from "../../node_modules/react/jsx-runtime.js";
+import { r as P } from "../../_virtual/index.js";
+import { ChartsTitle as b } from "../../common/ChartsTitle.js";
+import { ErrorBoundary as A } from "../../common/ErrorBoundary.js";
+import $ from "../../common/fonts.js";
+import { Legend as B } from "../../common/Legend.js";
+import { useTooltip as I } from "../../common/Tooltip.js";
+import { LEGEND_OFFSET as k } from "../constants.js";
+import { Chart as K } from "./Chart.js";
+import { ChartTooltip as O } from "./ChartTooltip.js";
+function Z({
+  settingsId: c,
+  chartSettings: g,
+  chartSizes: e,
+  chartsDimensions: o,
+  facetKeys: a,
+  facetSettings: f,
+  scales: r,
+  groupedDots: x,
+  legendData: u,
+  trendsData: l,
+  columnsCount: y,
+  margins: n,
+  keyColumn: D,
+  mainTitle: w,
+  facetTitles: j,
+  captionsSizes: S,
+  onlyPositive: T,
+  layersData: v,
+  aesGetters: h,
+  onTooltipHintSwitch: C
+}) {
+  const i = I(C), { xAxis: E, yAxis: M, title: m, frame: W, legend: H, tooltips: z } = g, d = o[a[0]].padding, F = o[a[y - 1]].padding, G = e.chartsWidth + k, L = d.top, p = P.useMemo(() => Object.fromEntries(
+    a.map((t) => [t, { x: r.x[t], y: r.y[t] }])
+  ), [r, a]);
+  return /* @__PURE__ */ s.jsx(A, { dataId: c, children: /* @__PURE__ */ s.jsx("div", { style: { position: "relative", width: e.totalWidth, height: e.totalHeight }, children: /* @__PURE__ */ s.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: `0 0 ${e.totalWidth} ${e.totalHeight}`,
+      width: e.totalWidth,
+      height: e.totalHeight,
+      style: { position: "absolute", top: 0, left: 0, zIndex: 0 },
+      children: [
+        /* @__PURE__ */ s.jsx("defs", { children: $ }),
+        /* @__PURE__ */ s.jsxs("g", { transform: `translate(${n.left},${n.top})`, fontFamily: "Manrope", children: [
+          /* @__PURE__ */ s.jsx(
+            b,
+            {
+              title: w,
+              show: m.show,
+              position: m.position,
+              leftPadding: d.left,
+              rightPadding: F.right,
+              chartsWidth: e.chartsWidth
+            }
+          ),
+          a.map((t) => /* @__PURE__ */ s.jsx(
+            K,
+            {
+              facetKey: t,
+              scales: p[t],
+              width: e.chartWidth,
+              height: e.chartHeight,
+              dimensions: o[t],
+              facetSettings: f,
+              xAxis: E,
+              yAxis: M,
+              frameType: W.type,
+              dotsData: x[t],
+              trendsData: l ? l[t] : null,
+              facetTitle: j[t],
+              captionsSizes: S,
+              layersData: v[t],
+              onlyPositive: T,
+              aesGetters: h,
+              onMouseEnterDot: i.onMouseEnter,
+              onMouseLeaveDot: i.onMouseLeave
+            },
+            t
+          )),
+          H.show && /* @__PURE__ */ s.jsx("g", { transform: `translate(${G},${L})`, children: /* @__PURE__ */ s.jsx(B, { legendData: u }) }),
+          /* @__PURE__ */ s.jsx(
+            O,
+            {
+              tooltipsData: i,
+              dimensions: o[i.currentFacet],
+              scales: p[i.currentFacet],
+              keyColumn: D,
+              margins: n,
+              chartSizes: e,
+              tooltips: z,
+              aesGetters: h
+            }
+          )
+        ] })
+      ]
+    }
+  ) }) });
+}
+export {
+  Z as ChartsGroup
+};
+//# sourceMappingURL=ChartsGroup.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/ChartsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsGroup.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/components/ChartsGroup.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ErrorBoundary } from '../../common/ErrorBoundary';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport { useTooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport type { ColumnName } from '../../types';\nimport { LEGEND_OFFSET } from '../constants';\nimport type { Dot, GroupedDots } from '../dots';\nimport type { ScatterplotLayerData } from '../getLayersData';\nimport type { TrendsData } from '../linearRegression';\nimport type { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';\nimport { Chart } from './Chart';\nimport { ChartTooltip } from './ChartTooltip';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartSizes,\n    ChartsScales,\n    Margins,\n} from './types';\n\ninterface ChartsGroupProps {\n    chartSettings: ScatterplotSettingsImpl['chartSettings'];\n    facetSettings: ScatterplotSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    scales: ChartsScales;\n    facetKeys: string[];\n    settingsId: string;\n    groupedDots: GroupedDots;\n    legendData: LegendData;\n    trendsData: TrendsData | null;\n    columnsCount: number;\n    margins: Margins;\n    keyColumn: ColumnName;\n    mainTitle: string[];\n    facetTitles: Record<string, string[]>;\n    captionsSizes: CaptionsSizes;\n    onlyPositive: {x: boolean, y: boolean};\n    layersData: Record<string, ScatterplotLayerData[]>;\n    aesGetters: AesGetters;\n    onTooltipHintSwitch: (v:boolean) => void;\n}\n\nexport function ChartsGroup({\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    facetKeys,\n    facetSettings,\n    scales,\n    groupedDots,\n    legendData,\n    trendsData,\n    columnsCount,\n    margins,\n    keyColumn,\n    mainTitle,\n    facetTitles,\n    captionsSizes,\n    onlyPositive,\n    layersData,\n    aesGetters,\n    onTooltipHintSwitch\n}: ChartsGroupProps) {\n    const tooltipsData = useTooltip<Dot>(onTooltipHintSwitch);\n    \n    const {xAxis, yAxis, title, frame, legend, tooltips} = chartSettings;\n\n    const leftTopChartPadding = chartsDimensions[facetKeys[0]].padding;\n    const rightTopChartPadding = chartsDimensions[facetKeys[columnsCount - 1]].padding;\n\n    const legendLeft = chartSizes.chartsWidth + LEGEND_OFFSET;\n    const legendTop = leftTopChartPadding.top;\n\n    const scalesByFacet = useMemo(() => {\n        return Object.fromEntries(\n            facetKeys.map(key => [key, {x: scales.x[key], y: scales.y[key]}])\n        );\n    }, [scales, facetKeys]);\n\n    return (\n        <ErrorBoundary dataId={settingsId}>\n            <div style={{ position: 'relative', width: chartSizes.totalWidth, height: chartSizes.totalHeight }}>\n                <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n                    width={chartSizes.totalWidth}\n                    height={chartSizes.totalHeight}\n                    style={{ position: 'absolute', top: 0, left: 0, zIndex: 0 }}\n                >\n                    <defs>{fonts}</defs>\n                    <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n                        <ChartsTitle\n                            title={mainTitle}\n                            show={title.show}\n                            position={title.position}\n                            leftPadding={leftTopChartPadding.left}\n                            rightPadding={rightTopChartPadding.right}\n                            chartsWidth={chartSizes.chartsWidth}\n                        />\n                        {facetKeys.map(key => (\n                            <Chart\n                                key={key}\n                                facetKey={key}\n                                scales={scalesByFacet[key]}\n                                width={chartSizes.chartWidth}\n                                height={chartSizes.chartHeight}\n                                dimensions={chartsDimensions[key]}\n                                facetSettings={facetSettings}\n                                xAxis={xAxis}\n                                yAxis={yAxis}\n                                frameType={frame.type}\n                                dotsData={groupedDots[key]}\n                                trendsData={trendsData ? trendsData[key] : null}\n                                facetTitle={facetTitles[key]}\n                                captionsSizes={captionsSizes}\n                                layersData={layersData[key]}\n                                onlyPositive={onlyPositive}\n                                aesGetters={aesGetters}\n                                onMouseEnterDot={tooltipsData.onMouseEnter}\n                                onMouseLeaveDot={tooltipsData.onMouseLeave}\n                            />\n                        ))}\n                        {legend.show && (\n                            <g transform={`translate(${legendLeft},${legendTop})`}>\n                                <Legend legendData={legendData} />\n                            </g>\n                        )}\n\n                        <ChartTooltip\n                            tooltipsData={tooltipsData}\n                            dimensions={chartsDimensions[tooltipsData.currentFacet]}\n                            scales={scalesByFacet[tooltipsData.currentFacet]}\n                            keyColumn={keyColumn}\n                            margins={margins}\n                            chartSizes={chartSizes}\n                            tooltips={tooltips}\n                            aesGetters={aesGetters}\n                        />\n                    </g>\n                </svg>\n            </div>\n        </ErrorBoundary>\n    );\n}\n"],"names":["ChartsGroup","settingsId","chartSettings","chartSizes","chartsDimensions","facetKeys","facetSettings","scales","groupedDots","legendData","trendsData","columnsCount","margins","keyColumn","mainTitle","facetTitles","captionsSizes","onlyPositive","layersData","aesGetters","onTooltipHintSwitch","tooltipsData","useTooltip","xAxis","yAxis","title","frame","legend","tooltips","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","scalesByFacet","useMemo","key","r","ErrorBoundary","jsx","jsxs","fonts","ChartsTitle","Chart","Legend","ChartTooltip"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/Grid.js

@@ -0,0 +1,39 @@
+import { j as i } from "../../node_modules/react/jsx-runtime.js";
+import { GRID_GRAY as y, BLACK as a } from "../../constants.js";
+import { getLineShape as g } from "../../utils/getLineShape.js";
+import { r as d } from "../../_virtual/index.js";
+const G = 1;
+function D({ scaleX: l, scaleY: o, width: r, height: n, axisX: x, axisY: c, frameType: t, updatingKey: j = "" }) {
+  const [p, u] = d.useState(l.ticks()), [k, _] = d.useState(o.ticks()), { significantLines: h = [] } = x, { significantLines: m = [] } = c;
+  return d.useEffect(() => {
+    const e = l.ticks().filter((f) => !h.includes(f)), s = o.ticks().filter((f) => !m.includes(f));
+    u(e), _(s);
+  }, [l, o, j]), /* @__PURE__ */ i.jsxs("g", { stroke: y, children: [
+    x.showGrid && p.map((e) => {
+      const s = l(e);
+      return /* @__PURE__ */ i.jsx("line", { x1: s, x2: s, y1: 0, y2: n }, `x_${s}_${n}`);
+    }),
+    c.showGrid && k.map((e) => {
+      const s = o(e);
+      return /* @__PURE__ */ i.jsx("line", { x1: 0, x2: r, y1: s, y2: s }, `y_${s}_${r}`);
+    }),
+    /* @__PURE__ */ i.jsx("g", { strokeDasharray: g(x.significantLinesStyle), stroke: a, children: h.map((e) => {
+      const s = l(e);
+      return /* @__PURE__ */ i.jsx("line", { x1: s, x2: s, y1: 0, y2: n }, `significant_${s}_${n}`);
+    }) }),
+    /* @__PURE__ */ i.jsx("g", { strokeDasharray: g(c.significantLinesStyle), stroke: a, children: m.map((e) => {
+      const s = o(e);
+      return /* @__PURE__ */ i.jsx("line", { x1: 0, x2: r, y1: s, y2: s }, `significant_${s}_${r}`);
+    }) }),
+    t !== "empty" && /* @__PURE__ */ i.jsxs("g", { strokeWidth: G, children: [
+      (x.showGrid || t !== "left") && /* @__PURE__ */ i.jsx("line", { stroke: t === "left" ? y : a, x1: "0", x2: r, y1: n, y2: n }),
+      (x.showGrid || t !== "bottom") && /* @__PURE__ */ i.jsx("line", { stroke: t === "bottom" ? y : a, x1: "0", x2: "0", y1: "0", y2: n }),
+      (x.showGrid || t === "full") && /* @__PURE__ */ i.jsx("line", { stroke: t === "full" ? a : y, x1: r, x2: r, y1: "0", y2: n }),
+      (c.showGrid || t === "full") && /* @__PURE__ */ i.jsx("line", { stroke: t === "full" ? a : y, x1: "0", x2: r, y1: "0", y2: "0" })
+    ] })
+  ] });
+}
+export {
+  D as Grid
+};
+//# sourceMappingURL=Grid.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/Grid.js.map

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

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/constants.js

@@ -0,0 +1,34 @@
+import { BLACK as T } from "../constants.js";
+const s = {
+  TOP: 30,
+  BOTTOM: 30,
+  LEFT: 30,
+  RIGHT: 30
+}, _ = {
+  fillColor: "white",
+  lineColor: T,
+  lineWidth: 1,
+  lineShape: "solid",
+  dotSize: 3,
+  dotFill: T,
+  dotShape: "21"
+}, F = {
+  color: "#929BAD",
+  size: 6,
+  shape: "21"
+}, a = 20, I = 6, A = 8, o = 24, S = 12, i = 20, l = 4, L = 6, e = 10;
+export {
+  _ as DEFAULT_COMMON_AES,
+  F as DEFAULT_DOT_AES,
+  l as DEFAULT_TICKS_SIZE,
+  A as FACET_AXIS_OFFSET,
+  a as FACET_TITLE_LINE,
+  I as FACET_TITLE_OFFSET,
+  e as LEGEND_OFFSET,
+  o as MIN_MARGIN,
+  S as MIN_PADDING,
+  s as PADDINGS,
+  L as TICK_OFFSET,
+  i as TITLE_LINE
+};
+//# sourceMappingURL=constants.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/constants.ts"],"sourcesContent":["import {BLACK} from '../constants';\nimport type {DotAesItem} from '../common/types';\nimport type {AesItem} from '../types';\n\n// inner paddings in chart area\nexport const PADDINGS = {\n    TOP: 30,\n    BOTTOM: 30,\n    LEFT: 30,\n    RIGHT: 30\n};\n\nexport const DEFAULT_COMMON_AES:AesItem = {\n    fillColor: 'white',\n    lineColor: BLACK,\n    lineWidth: 1,\n    lineShape: 'solid',\n    dotSize: 3,\n    dotFill: BLACK,\n    dotShape: '21',\n};\nexport const DEFAULT_DOT_AES:DotAesItem = {\n    color: '#929BAD',\n    size: 6,\n    shape: '21',\n};\n\nexport const FACET_TITLE_LINE = 20;\nexport const FACET_TITLE_OFFSET = 6;\nexport const FACET_AXIS_OFFSET = 8;\nexport const MIN_MARGIN = 24;\nexport const MIN_PADDING = 12;\n\nexport const TITLE_LINE = 20;\nexport const DEFAULT_TICKS_SIZE = 4;\nexport const TICK_OFFSET = 6;\n\nexport const LEGEND_OFFSET = 10;\n"],"names":["PADDINGS","DEFAULT_COMMON_AES","BLACK","DEFAULT_DOT_AES","FACET_TITLE_LINE","FACET_TITLE_OFFSET","FACET_AXIS_OFFSET","MIN_MARGIN","MIN_PADDING","TITLE_LINE","DEFAULT_TICKS_SIZE","TICK_OFFSET","LEGEND_OFFSET"],"mappings":";AAKO,MAAMA,IAAW;AAAA,EACpB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACX,GAEaC,IAA6B;AAAA,EACtC,WAAW;AAAA,EACX,WAAWC;AAAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAASA;AAAAA,EACT,UAAU;AACd,GACaC,IAA6B;AAAA,EACtC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AACX,GAEaC,IAAmB,IACnBC,IAAqB,GACrBC,IAAoB,GACpBC,IAAa,IACbC,IAAc,IAEdC,IAAa,IACbC,IAAqB,GACrBC,IAAc,GAEdC,IAAgB;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/dots.js

@@ -0,0 +1,34 @@
+function X(v, d, M, p, a, f, b) {
+  const h = {};
+  for (const g of d) {
+    const e = [];
+    let s = 1 / 0, u = 1 / 0, c = -1 / 0, m = -1 / 0;
+    const i = g.concat([""]);
+    for (const r of b) {
+      i[i.length - 1] = r;
+      const n = v.getRowsByGrouping(i);
+      for (let x = 0; x < n.length; x++) {
+        const t = n[x], o = t[M.value], l = t[p.value];
+        o === null && l === null || (s = Math.min(s, o), u = Math.min(u, l), c = Math.max(c, o), m = Math.max(m, l), e.push({
+          x: o,
+          y: l,
+          label: a ? t[a.valueLabels ?? a.value] : null,
+          dimmed: f ? !t[f.value] : !1,
+          data: t
+        }));
+      }
+    }
+    e.sort((r, n) => r.x - n.x), h[g.join("_")] = {
+      minX: s,
+      maxX: c,
+      minY: u,
+      maxY: m,
+      dots: e
+    };
+  }
+  return h;
+}
+export {
+  X as getDots
+};
+//# sourceMappingURL=dots.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/dots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dots.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/dots.ts"],"sourcesContent":["import type { DataFrame } from '../DataFrame';\nimport type { ColumnName, DataValue, Row } from '../types';\n\nexport type Dot = {\n    x: number;\n    y: number;\n    label: DataValue | null;\n    dimmed: boolean;\n    data: Row\n};\n\nexport type GroupedDots = Record<\n    string,\n    {\n        minX: number;\n        maxX: number;\n        minY: number;\n        maxY: number;\n        dots: Dot[];\n    }\n>;\n\nexport function getDots(\n    data: DataFrame,\n    facetKeysCombinations: string[][],\n    x: ColumnName,\n    y: ColumnName,\n    label: ColumnName | null,\n    highlight: ColumnName | null,\n    keys: string[]\n): GroupedDots {\n    const result: GroupedDots = {};\n\n    for (const facetKeys of facetKeysCombinations) {\n        const dots: Dot[] = [];\n        let minX = Infinity;\n        let minY = Infinity;\n        let maxX = -Infinity;\n        let maxY = -Infinity;\n\n        const templateGroupPath = facetKeys.concat(['']);\n\n        for (const primaryKey of keys) {\n            templateGroupPath[templateGroupPath.length - 1] = primaryKey;\n            const rows = data.getRowsByGrouping(templateGroupPath);\n\n            for (let i = 0; i < rows.length; i++) {\n                const row = rows[i];\n                const valueX = row[x.value] as number;\n                const valueY = row[y.value] as number;\n\n                if (valueX === null && valueY === null) continue;\n\n                minX = Math.min(minX, valueX);\n                minY = Math.min(minY, valueY);\n                maxX = Math.max(maxX, valueX);\n                maxY = Math.max(maxY, valueY);\n                \n                dots.push({\n                    x: valueX,\n                    y: valueY,\n                    label: label ? row[label.valueLabels ?? label.value] : null,\n                    dimmed: highlight ? !row[highlight.value] : false,\n                    data: row\n                });\n            }\n        }\n\n        dots.sort((d1, d2) => d1.x - d2.x);\n\n        result[facetKeys.join('_')] = {\n            minX,\n            maxX,\n            minY,\n            maxY,\n            dots,\n        };\n    }\n\n    return result;\n}\n"],"names":["getDots","data","facetKeysCombinations","x","y","label","highlight","keys","result","facetKeys","dots","minX","minY","maxX","maxY","templateGroupPath","primaryKey","rows","i","row","valueX","valueY","d1","d2"],"mappings":"AAsBO,SAASA,EACZC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACW;AACX,QAAMC,IAAsB,CAAA;AAE5B,aAAWC,KAAaP,GAAuB;AAC3C,UAAMQ,IAAc,CAAA;AACpB,QAAIC,IAAO,OACPC,IAAO,OACPC,IAAO,QACPC,IAAO;AAEX,UAAMC,IAAoBN,EAAU,OAAO,CAAC,EAAE,CAAC;AAE/C,eAAWO,KAAcT,GAAM;AAC3BQ,MAAAA,EAAkBA,EAAkB,SAAS,CAAC,IAAIC;AAClD,YAAMC,IAAOhB,EAAK,kBAAkBc,CAAiB;AAErD,eAASG,IAAI,GAAGA,IAAID,EAAK,QAAQC,KAAK;AAClC,cAAMC,IAAMF,EAAKC,CAAC,GACZE,IAASD,EAAIhB,EAAE,KAAK,GACpBkB,IAASF,EAAIf,EAAE,KAAK;AAEtBgB,QAAAA,MAAW,QAAQC,MAAW,SAElCV,IAAO,KAAK,IAAIA,GAAMS,CAAM,GAC5BR,IAAO,KAAK,IAAIA,GAAMS,CAAM,GAC5BR,IAAO,KAAK,IAAIA,GAAMO,CAAM,GAC5BN,IAAO,KAAK,IAAIA,GAAMO,CAAM,GAE5BX,EAAK,KAAK;AAAA,UACN,GAAGU;AAAAA,UACH,GAAGC;AAAAA,UACH,OAAOhB,IAAQc,EAAId,EAAM,eAAeA,EAAM,KAAK,IAAI;AAAA,UACvD,QAAQC,IAAY,CAACa,EAAIb,EAAU,KAAK,IAAI;AAAA,UAC5C,MAAMa;AAAAA,QAAA,CACT;AAAA,MACL;AAAA,IACJ;AAEAT,IAAAA,EAAK,KAAK,CAACY,GAAIC,MAAOD,EAAG,IAAIC,EAAG,CAAC,GAEjCf,EAAOC,EAAU,KAAK,GAAG,CAAC,IAAI;AAAA,MAC1B,MAAAE;AAAAA,MACA,MAAAE;AAAAA,MACA,MAAAD;AAAAA,MACA,MAAAE;AAAAA,MACA,MAAAJ;AAAAA,IAAA;AAAA,EAER;AAEA,SAAOF;AACX;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/getLayersData.js

@@ -0,0 +1,30 @@
+import { exhaustive as v } from "../utils/index.js";
+function g(c, d, i, y, a) {
+  return d.reduce((n, s) => {
+    const u = i[s].dots;
+    return n[s] = c.map((e) => {
+      if (e.type === "curve")
+        return {
+          type: "curve",
+          info: e,
+          geoms: y.map((p) => {
+            const f = u.filter(
+              (t) => a.every((r, o) => t.data[r.value] === p[o])
+            ), m = a.reduce((t, r, o) => (t[r.value] = p[o], t), {});
+            return { dots: f, data: m };
+          })
+        };
+      if (e.type === "dots")
+        return {
+          type: "dots",
+          info: e,
+          geoms: u
+        };
+      v(e, "Unknown scatterplot layer type");
+    }), n;
+  }, {});
+}
+export {
+  g as getLayersData
+};
+//# sourceMappingURL=getLayersData.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/getLayersData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLayersData.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/getLayersData.ts"],"sourcesContent":["import type {Dot, GroupedDots} from './dots';\nimport type {CurveLayer, DotsLayer} from './ScatterplotSettingsImpl';\nimport type {ColumnName, DataValue, ScatterplotLayer} from '../types';\nimport {exhaustive} from '../utils';\n\nexport type DotsLayerData  = {\n    type: 'dots',\n    info: DotsLayer,\n    geoms: Dot[]\n}\n\nexport type CurveData = {\n    dots: Dot[],\n    data: Record<string, DataValue>\n}\nexport type CurveLayerData  = {\n    type: 'curve',\n    info: CurveLayer,\n    geoms:  CurveData[]\n}\n\nexport type ScatterplotLayerData = DotsLayerData | CurveLayerData;\n\nexport function getLayersData(\n    layers: ScatterplotLayer[],\n    facetKeys: string[],\n    dotsByFacets: GroupedDots,\n    categoryGroupingCombinations: string[][],\n    grouping: ColumnName[]\n): Record<string, ScatterplotLayerData[]> {\n    return facetKeys.reduce((res:Record<string, ScatterplotLayerData[]>, key) => {\n        const facetDots = dotsByFacets[key].dots;\n        res[key] = layers.map(layer => {\n            if (layer.type === 'curve') {\n                return {\n                    type: 'curve',\n                    info: layer,\n                    geoms: categoryGroupingCombinations.map(values => {\n                        const dots = facetDots.filter(dot =>\n                            grouping.every((column, idx) => dot.data[column.value] === values[idx])\n                        );\n                        const data = grouping.reduce((res:Record<string, DataValue>, column, idx) => {\n                            res[column.value] = values[idx];\n                            return res;\n                        }, {});\n                        return {dots, data};\n                    })\n                } as CurveLayerData;\n            }\n            if (layer.type === 'dots') {\n                return {\n                    type: 'dots',\n                    info: layer,\n                    geoms: facetDots,\n                } as DotsLayerData;\n            }\n            exhaustive(layer, 'Unknown scatterplot layer type');\n        });\n        return res;\n    }, {});\n}\n"],"names":["getLayersData","layers","facetKeys","dotsByFacets","categoryGroupingCombinations","grouping","res","key","facetDots","layer","values","dots","dot","column","idx","data","exhaustive"],"mappings":";AAuBO,SAASA,EACZC,GACAC,GACAC,GACAC,GACAC,GACsC;AACtC,SAAOH,EAAU,OAAO,CAACI,GAA4CC,MAAQ;AACzE,UAAMC,IAAYL,EAAaI,CAAG,EAAE;AACpC,WAAAD,EAAIC,CAAG,IAAIN,EAAO,IAAI,CAAAQ,MAAS;AAC3B,UAAIA,EAAM,SAAS;AACf,eAAO;AAAA,UACH,MAAM;AAAA,UACN,MAAMA;AAAAA,UACN,OAAOL,EAA6B,IAAI,CAAAM,MAAU;AAC9C,kBAAMC,IAAOH,EAAU;AAAA,cAAO,CAAAI,MAC1BP,EAAS,MAAM,CAACQ,GAAQC,MAAQF,EAAI,KAAKC,EAAO,KAAK,MAAMH,EAAOI,CAAG,CAAC;AAAA,YAAA,GAEpEC,IAAOV,EAAS,OAAO,CAACC,GAA+BO,GAAQC,OACjER,EAAIO,EAAO,KAAK,IAAIH,EAAOI,CAAG,GACvBR,IACR,EAAE;AACL,mBAAO,EAAC,MAAAK,GAAM,MAAAI,EAAAA;AAAAA,UAClB,CAAC;AAAA,QAAA;AAGT,UAAIN,EAAM,SAAS;AACf,eAAO;AAAA,UACH,MAAM;AAAA,UACN,MAAMA;AAAAA,UACN,OAAOD;AAAAA,QAAA;AAGfQ,MAAAA,EAAWP,GAAO,gCAAgC;AAAA,IACtD,CAAC,GACMH;AAAAA,EACX,GAAG,CAAA,CAAE;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/index.js

@@ -0,0 +1,141 @@
+import { AbstractChart as R } from "../AbstractChart.js";
+import { getDots as L } from "./dots.js";
+import { getLayersData as j } from "./getLayersData.js";
+import { createLegendInfo as O, addPalettesToAesMapping as k } from "./utils/createLegendInfo.js";
+import { renderToString as K } from "../node_modules/react-dom/server.browser.js";
+import T from "./ChartRenderer.js";
+import { ScatterplotSettingsImpl as C } from "./ScatterplotSettingsImpl.js";
+import { getRegressionData as x } from "./linearRegression.js";
+var I = Object.defineProperty, U = (o, t, e) => t in o ? I(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, v = (o, t, e) => U(o, typeof t != "symbol" ? t + "" : t, e);
+function S(o) {
+  if (!o.length)
+    return [];
+  let t = [[]];
+  return o.forEach((e) => {
+    const a = [];
+    e.forEach((r) => {
+      a.push(...t.map((l) => [...l, r]));
+    }), t = a;
+  }), t;
+}
+function H(o) {
+  return typeof o == "object" && "type" in o && o.type === "grouping";
+}
+class z extends R {
+  constructor(t, e, a) {
+    super(t, e), v(this, "settings"), v(this, "chartRenderer", new T()), v(this, "onTooltipHintSwitch", () => {
+    }), v(this, "calculatedData", null), this.settings = new C(e), a && (this.onTooltipHintSwitch = a.onTooltipHintSwitch);
+  }
+  mount(t) {
+    try {
+      this.chartRenderer.init(t), this._updateData(), this._updateChart();
+    } catch (e) {
+      e instanceof Error && this.chartRenderer.renderError(e.message);
+    }
+  }
+  unmount() {
+    this.chartRenderer.clear();
+  }
+  updateSettingsAndData(t, e) {
+    try {
+      const a = this.settings, r = this.data;
+      this.settings = new C(e), this.data = t, this._needUpdateCalculatedDataBySettings(a, this.settings) || this._needUpdateCalculatedDataByData(r, this.data) ? this._updateData() : this._updateAesInData(), this._updateChart();
+    } catch (a) {
+      a instanceof Error && this.chartRenderer.renderError(a.message);
+    }
+  }
+  updateChartState(t, e) {
+    console.warn("no chart state for scatterplot");
+  }
+  export() {
+    return this._updateChart(), K(this.chartRenderer.component);
+  }
+  _needUpdateCalculatedDataBySettings(t, e) {
+    var a, r, l, d;
+    return t.facetBy.some((i, n) => {
+      var s;
+      return i.value !== ((s = e.facetBy[n]) == null ? void 0 : s.value);
+    }) || t.grouping.length !== e.grouping.length || t.grouping.some((i, n) => {
+      var s;
+      return i.value !== ((s = e.grouping[n]) == null ? void 0 : s.value);
+    }) || (((a = t.label) == null ? void 0 : a.value) || ((r = e.label) == null ? void 0 : r.value)) && ((l = t.label) == null ? void 0 : l.value) !== ((d = e.label) == null ? void 0 : d.value) || t.layers.length !== e.layers.length || t.layers.some((i, n) => i.type !== e.layers[n].type) || !!t.trend != !!e.trend;
+  }
+  _needUpdateCalculatedDataByData(t, e) {
+    const a = Object.keys(t.data), r = Object.keys(e.data);
+    return t.id !== e.id || a.length !== r.length || a.some((l) => {
+      var d;
+      return t.data[l].length !== ((d = e.data[l]) == null ? void 0 : d.length);
+    });
+  }
+  _updateData() {
+    const { x: t, y: e, facetBy: a, grouping: r, keyColumn: l, trend: d, layers: i, inheritedAes: n, label: s, highlight: p } = this.settings, y = this.data.getColumnCategories(l.value), h = a.map((u) => this.data.getColumnCategories(u.value)), c = r.map((u) => this.data.getColumnCategories(u.value)), D = h.length ? S([...h]) : [["null"]], b = c.length ? S([...c]) : [["null"]], w = a.map((u) => u.value) ?? null;
+    this.data.setGrouping([...w, l.value]);
+    const E = {
+      x: this.data.rows.every((u) => {
+        const g = u[t.value];
+        return g === null || !(Number(g) < 0);
+      }),
+      y: this.data.rows.every((u) => {
+        const g = u[e.value];
+        return g === null || !(Number(g) < 0);
+      })
+    }, f = L(this.data, D, t, e, s, p, y), m = Object.keys(f), _ = x(f, m, b, r, d), B = O(this.data, r, i, n), A = j(i, m, f, b, r);
+    this.calculatedData = {
+      onlyPositive: E,
+      dotsByFacets: f,
+      facetKeys: m,
+      facetKeysCombinations: D,
+      trendsData: _,
+      legendLabels: B,
+      layersData: A
+    };
+  }
+  _updateAesInData() {
+    const t = this.calculatedData;
+    if (!t)
+      return;
+    const { grouping: e, trend: a, layers: r, inheritedAes: l } = this.settings, { facetKeys: d, trendsData: i } = t;
+    d.forEach((n) => {
+      for (let s = 0; s < r.length; s++)
+        t.layersData[n][s].info = r[s];
+    }), e.forEach((n) => {
+      const s = /* @__PURE__ */ new Set(), p = {};
+      r.forEach((y) => {
+        y.aes && Object.entries(y.aes).forEach(([h, c]) => {
+          H(c) && c.value === n.value && (s.add(h), c.palette && (p[h] = c.palette));
+        });
+      }), t.legendLabels[n.value].usedAes = [...s], t.legendLabels[n.value].aesMap = k(t.legendLabels[n.value].values, p, l[n.value]);
+    }), i && a && Object.keys(i).forEach((n) => {
+      i[n].forEach((s) => {
+        s.color = a.color, s.bounded = a.bounded;
+      });
+    });
+  }
+  _updateChart() {
+    if (!this.calculatedData)
+      return;
+    const { id: t, chartSettings: e, facetSettings: a, grouping: r, keyColumn: l, layers: d, trend: i } = this.settings;
+    this.chartRenderer.render(
+      t,
+      e,
+      a,
+      this.calculatedData.facetKeys,
+      this.calculatedData.facetKeysCombinations,
+      //for titles, if facet by more than 1 column
+      this.calculatedData.dotsByFacets,
+      this.calculatedData.trendsData,
+      l,
+      this.calculatedData.onlyPositive,
+      this.calculatedData.legendLabels,
+      this.calculatedData.layersData,
+      r,
+      d,
+      i,
+      this.onTooltipHintSwitch
+    );
+  }
+}
+export {
+  z as ChartScatterplot
+};
+//# sourceMappingURL=index.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/index.ts"],"sourcesContent":["import {AbstractChart} from '../AbstractChart';\nimport type {GroupedDots} from './dots';\nimport {getDots} from './dots';\nimport type {ScatterplotLayerData} from './getLayersData';\nimport {getLayersData} from './getLayersData';\nimport {addPalettesToAesMapping, createLegendInfo} from './utils/createLegendInfo';\nimport type {\n    AesItem,\n    ContinuousAesFromColumn,\n    InheritAesScatterplot,\n    ScatterplotEventHandlers,\n    ScatterplotLegendInfo,\n} from '../types';\nimport {renderToString} from 'react-dom/server';\nimport ChartRenderer from './ChartRenderer';\nimport type {ScatterplotSettings} from '../types';\nimport {ScatterplotSettingsImpl} from './ScatterplotSettingsImpl';\nimport type {DataFrame} from '../DataFrame';\nimport type {TrendsData} from './linearRegression';\nimport {getRegressionData} from './linearRegression';\n\n// all combinations with 1 key from each list\nfunction getKeysCombinations(keysLists: string[][]) {\n    if (!keysLists.length) {\n        return [];\n    }\n    let result: string[][] = [[]];\n    keysLists.forEach(keys => {\n        const nextResult: string[][] = [];\n        keys.forEach(key => {\n            nextResult.push(...result.map(resultItem => [...resultItem, key]));\n        });\n        result = nextResult;\n    });\n    return result;\n}\n\nfunction isInheritMapping<T extends (string | number)>(value:T | InheritAesScatterplot | ContinuousAesFromColumn<T>):value is InheritAesScatterplot {\n    return typeof value === 'object' && 'type' in value && value.type === 'grouping';\n}\n\nexport class ChartScatterplot extends AbstractChart {\n    settings: ScatterplotSettingsImpl;\n    chartRenderer = new ChartRenderer();\n\n    onTooltipHintSwitch: (v:boolean) => void = () => undefined;\n    calculatedData: {\n        onlyPositive: {x: boolean; y: boolean};\n        dotsByFacets: GroupedDots;\n        facetKeys: string[];\n        facetKeysCombinations: string[][];\n        trendsData: TrendsData | null;\n        legendLabels: ScatterplotLegendInfo;\n        layersData: Record<string, ScatterplotLayerData[]>;\n    } | null = null;\n\n    constructor(data: DataFrame, settings: ScatterplotSettings, eventHandlers?:ScatterplotEventHandlers) {\n        super(data, settings);\n\n        this.settings = new ScatterplotSettingsImpl(settings);\n        if (eventHandlers) {\n            this.onTooltipHintSwitch = eventHandlers.onTooltipHintSwitch;\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this._updateChart();\n        } catch (err) {\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: ScatterplotSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new ScatterplotSettingsImpl(settings);\n            this.data = data;\n            if (\n                this._needUpdateCalculatedDataBySettings(previousSettings, this.settings) ||\n                this._needUpdateCalculatedDataByData(previousData, this.data)\n            ) {\n                this._updateData();\n            } else {\n                this._updateAesInData();\n            }\n            this._updateChart();\n        } catch (err) {\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n            }\n        }\n    }\n\n    updateChartState(_field: string, _value: unknown) {\n        console.warn('no chart state for scatterplot');\n    }\n\n    export(): string {\n        this._updateChart();\n        return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: ScatterplotSettingsImpl, settings: ScatterplotSettingsImpl) {\n        return (\n            prevSettings.facetBy.some((el, idx) => el.value !== settings.facetBy[idx]?.value) ||\n            prevSettings.grouping.length !== settings.grouping.length ||\n            prevSettings.grouping.some((el, idx) => el.value !== settings.grouping[idx]?.value) ||\n            (prevSettings.label?.value || settings.label?.value) && prevSettings.label?.value !== settings.label?.value ||\n            prevSettings.layers.length !== settings.layers.length ||\n            prevSettings.layers.some((l, idx) => l.type !== settings.layers[idx].type) ||\n            Boolean(prevSettings.trend) !== Boolean(settings.trend)\n        );\n    }\n\n    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame) {\n        const prevKeys = Object.keys(prevData.data);\n        const keys = Object.keys(data.data);\n        return (\n            prevData.id !== data.id ||\n            prevKeys.length !== keys.length ||\n            prevKeys.some(key => prevData.data[key].length !== data.data[key]?.length)\n        );\n    }\n\n    _updateData() {\n        const {x, y, facetBy, grouping, keyColumn, trend, layers, inheritedAes, label, highlight} = this.settings;\n        const keys = this.data.getColumnCategories(keyColumn.value);\n\n        const facetKeysLists = facetBy.map(column => this.data.getColumnCategories(column.value));\n        const categoryGroupingKeysKeysLists = grouping.map(column => this.data.getColumnCategories(column.value));\n\n        const facetKeysCombinations = facetKeysLists.length ? getKeysCombinations([...facetKeysLists]) : [['null']];\n        const categoryGroupingCombinations = categoryGroupingKeysKeysLists.length\n            ? getKeysCombinations([...categoryGroupingKeysKeysLists])\n            : [['null']];\n\n        const facetGroupingValues = facetBy.map(column => column.value) ?? null;\n\n        this.data.setGrouping([...facetGroupingValues, keyColumn.value]);\n        const onlyPositive = {\n            x: this.data.rows.every(row => {\n                const v = row[x.value];\n                return v === null || !(Number(v) < 0);\n            }),\n            y: this.data.rows.every(row => {\n                const v = row[y.value];\n                return v === null || !(Number(v) < 0);\n            }),\n        };\n        // console.info('only positive Y:', onlyPositive.y);\n        // console.info('only positive X:', onlyPositive.x);\n\n        const dotsByFacets = getDots(this.data, facetKeysCombinations, x, y, label, highlight, keys);\n        const facetKeys = Object.keys(dotsByFacets);\n        const trendsData = getRegressionData(dotsByFacets, facetKeys, categoryGroupingCombinations, grouping, trend);\n\n        const legendLabels = createLegendInfo(this.data, grouping, layers, inheritedAes);\n        const layersData = getLayersData(layers, facetKeys, dotsByFacets, categoryGroupingCombinations, grouping);\n\n        this.calculatedData = {\n            onlyPositive,\n            dotsByFacets,\n            facetKeys,\n            facetKeysCombinations,\n            trendsData,\n            legendLabels,\n            layersData,\n        };\n    }\n\n    _updateAesInData() {\n        const calculated = this.calculatedData;\n        if (!calculated) {\n            return;\n        }\n        const {grouping, trend, layers, inheritedAes} = this.settings;\n        const {facetKeys, trendsData} = calculated;\n\n        facetKeys.forEach(facetKey => {\n            for (let i = 0; i < layers.length; i++) {\n                calculated.layersData[facetKey][i].info = layers[i];\n            }\n        });\n\n        grouping.forEach(column => {\n            const usedAes = new Set<keyof AesItem>();\n            const usedAesFromPalettes:Partial<Record<keyof AesItem, string[]>> = {}; // if there is palette in mapping then\n            layers.forEach(layer => {\n                if (layer.aes) {\n                    Object.entries(layer.aes).forEach(([key, value]) => {\n                        if (isInheritMapping(value) && value.value === column.value) {\n                            usedAes.add(key as keyof AesItem);\n                            if (value.palette) {\n                                usedAesFromPalettes[key as keyof AesItem] = value.palette;\n                            }\n                        }\n                    });\n                }\n            });\n            calculated.legendLabels[column.value].usedAes = [...usedAes];\n            calculated.legendLabels[column.value].aesMap = addPalettesToAesMapping(calculated.legendLabels[column.value].values, usedAesFromPalettes, inheritedAes[column.value]);\n        });\n        if (trendsData && trend) {\n            Object.keys(trendsData).forEach((key) => {\n                trendsData[key].forEach(trendInfo => {\n                    trendInfo.color = trend.color;\n                    trendInfo.bounded = trend.bounded;\n                });\n            });\n        }\n    }\n\n    _updateChart() {\n        if (!this.calculatedData) {\n            return;\n        }\n        const {id, chartSettings, facetSettings, grouping, keyColumn, layers, trend} = this.settings;\n        this.chartRenderer.render(\n            id,\n            chartSettings,\n            facetSettings,\n            this.calculatedData.facetKeys,\n            this.calculatedData.facetKeysCombinations, //for titles, if facet by more than 1 column\n            this.calculatedData.dotsByFacets,\n            this.calculatedData.trendsData,\n            keyColumn,\n            this.calculatedData.onlyPositive,\n            this.calculatedData.legendLabels,\n            this.calculatedData.layersData,\n            grouping,\n            layers,\n            trend,\n            this.onTooltipHintSwitch\n        );\n    }\n}\n"],"names":["getKeysCombinations","keysLists","result","keys","nextResult","key","resultItem","isInheritMapping","value","ChartScatterplot","AbstractChart","data","settings","eventHandlers","__publicField","ChartRenderer","ScatterplotSettingsImpl","node","err","previousSettings","previousData","_field","_value","renderToString","prevSettings","el","idx","_a","_b","_c","_d","l","prevData","prevKeys","c","x","y","facetBy","grouping","keyColumn","trend","layers","inheritedAes","label","highlight","facetKeysLists","column","categoryGroupingKeysKeysLists","facetKeysCombinations","categoryGroupingCombinations","facetGroupingValues","onlyPositive","row","v","dotsByFacets","getDots","facetKeys","trendsData","getRegressionData","legendLabels","createLegendInfo","layersData","getLayersData","calculated","facetKey","i","usedAes","usedAesFromPalettes","layer","addPalettesToAesMapping","trendInfo","id","chartSettings","facetSettings"],"mappings":"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","x_google_ignoreList":[0]}