@milaboratories/miplots4 1.0.123 → 1.0.125

package/dist/scatterplot/ScatterplotSettingsImpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterplotSettingsImpl.js","sources":["../../src/scatterplot/ScatterplotSettingsImpl.ts"],"sourcesContent":["import {BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL} from '../constants';\nimport {type AesMap, ScatterplotSettingsSchema} from '../types';\nimport type {\n    AxisSettings,\n    ColumnName,\n    ContinuousAesFromColumn,\n    FrameType,\n    InheritAesScatterplot,\n    LegendPosition,\n    LineShape,\n    CurveLayer as OuterCurveLayer,\n    DotsLayer as OuterDotsLayer,\n    PointShape,\n    ScatterplotSettings,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport {exhaustive} from '../utils';\nimport lodash from 'lodash';\n\nexport class DotsLayer {\n    readonly type = 'dots';\n    readonly aes: {\n        dotFill: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n        dotShape: PointShape | InheritAesScatterplot;\n        dotSize: number | ContinuousAesFromColumn<number>;\n        opacity: number;\n    } = {\n        dotFill: BLACK,\n        dotShape: '21',\n        dotSize: 3,\n        opacity: 1,\n    };\n\n    constructor(layer: OuterDotsLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport class CurveLayer {\n    readonly type = 'curve';\n    readonly smoothing: boolean;\n    readonly aes: {\n        lineColor: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n        lineWidth: number;\n        lineShape: LineShape;\n        opacity: number;\n    } = {\n        lineColor: BLACK,\n        lineWidth: 1,\n        lineShape: 'solid',\n        opacity: 1,\n    };\n\n    constructor(layer: OuterCurveLayer) {\n        this.smoothing = layer.smoothing ?? false;\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport type ScatterplotLayer = DotsLayer | CurveLayer;\n\nexport interface ScatterplotAxisSettings extends AxisSettings {\n    title: string | ColumnName;\n}\n\nexport class ScatterplotSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'scatterplot';\n    readonly keyColumn: ColumnName;\n    readonly facetSettings: {\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n        titlePosition: 'left' | 'center' | 'right';\n    };\n    readonly x: ColumnName;\n    readonly y: ColumnName;\n    readonly facetBy: ColumnName[];\n    readonly grouping: ColumnName[];\n    readonly label: ColumnName | null;\n    readonly highlight: ColumnName | null;\n    readonly chartSettings: {\n        readonly size: {width: number; height: number};\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly yAxis: ScatterplotAxisSettings;\n        readonly xAxis: ScatterplotAxisSettings;\n        readonly frame: {type: FrameType};\n        readonly legend: {show: boolean; position: LegendPosition};\n        readonly tooltips: {show: boolean; content?: ColumnName[]};\n    };\n    readonly inheritedAes: Record<string, AesMap>;\n\n    readonly trend: {\n        bounded: boolean;\n        color: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n    } | null;\n\n    readonly layers: ScatterplotLayer[];\n\n    constructor(settings: ScatterplotSettings) {\n        ScatterplotSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.keyColumn = settings.keyColumn;\n        this.facetSettings = {sharedX: true, sharedY: true, titlePosition: 'left', ...settings.facetSettings};\n        this.x = settings.x;\n        this.y = settings.y;\n        this.facetBy = settings.facetBy ?? [];\n        this.grouping = settings.grouping ?? [];\n        this.label = settings.label ?? null;\n        this.highlight = settings.highlight ?? 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            },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                title: settings.y.label ?? settings.y.value,\n                scale: 'linear',\n                showGrid: true,\n                showTicks: true,\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.x.label ?? settings.x.value,\n                scale: 'linear',\n                showGrid: true,\n                showTicks: true,\n                ...settings.xAxis,\n            },\n            frame: {type: settings.frame?.type ?? 'full'},\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n            tooltips: {\n                show: true,\n                ...settings.tooltips,\n            },\n        };\n\n        this.inheritedAes = settings.inheritedAes ?? {};\n        this.trend = settings?.trend\n            ? {\n                  bounded: settings.trend.bounded ?? false,\n                  color: settings.trend.color ?? BLACK,\n              }\n            : null;\n\n        this.layers = settings.layers\n            .map(layer => {\n                if (layer.type === 'dots') {\n                    return new DotsLayer(layer);\n                }\n                if (layer.type === 'curve') {\n                    return new CurveLayer(layer);\n                }\n                exhaustive(layer, 'Unknown layer type');\n            })\n            .filter(Boolean) as ScatterplotLayer[];\n    }\n}\n"],"names":["DotsLayer","layer","__publicField","BLACK","CurveLayer","ScatterplotSettingsImpl","settings","ScatterplotSettingsSchema","lodash","_a","DEFAULT_WIDTH_SMALL","DEFAULT_WIDTH","_b","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","_c","_d","exhaustive"],"mappings":"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"}

package/dist/scatterplot/components/Axis.d.ts

@@ -0,0 +1,13 @@
+import { ScaleLinear, ScaleLogarithmic } from 'd3-scale';
+type Scale = ScaleLinear<number, number> | ScaleLogarithmic<number, number>;
+type Orient = 'left' | 'bottom';
+export declare const Axis: ({ scale, tickSize, tickPadding, orient, onlyPositive, offset, }: {
+    scale: Scale;
+    tickSize?: number;
+    tickPadding?: number;
+    offset?: number;
+    orient?: Orient;
+    onlyPositive?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Axis.d.ts.map

package/dist/scatterplot/components/Axis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.d.ts","sourceRoot":"","sources":["../../../src/scatterplot/components/Axis.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAE5D,KAAK,KAAK,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5E,KAAK,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAsBhC,eAAO,MAAM,IAAI,GAAI,iEAOlB;IACC,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B,4CA4CA,CAAC"}

package/dist/scatterplot/components/Axis.js

@@ -0,0 +1,59 @@
+import { j as o } from "../../node_modules/react/jsx-runtime.js";
+import { BLACK as l } from "../../constants.js";
+import { TICK_OFFSET as s } from "../../discrete/constants.js";
+import { getTicksAndFormat as A } from "../utils/getTicksAndFormat.js";
+function T(t) {
+  return `translate(${t},0)`;
+}
+function v(t) {
+  return `translate(0,${t})`;
+}
+function w(t) {
+  return t === "bottom" ? `translate(0,${s})` : `translate(${-s},0)`;
+}
+function F(t) {
+  return t === "bottom" ? "hanging" : "central";
+}
+function $(t) {
+  return t === "bottom" ? "middle" : "end";
+}
+const C = ({
+  scale: t,
+  tickSize: a = 6,
+  tickPadding: c = s,
+  orient: n = "bottom",
+  onlyPositive: f = !1,
+  offset: u = typeof window < "u" && window.devicePixelRatio > 1 ? 0 : 0.5
+}) => {
+  function x(r) {
+    return (e) => {
+      const m = r(e);
+      return m === void 0 ? 0 : +m;
+    };
+  }
+  const { ticks: d, format: p } = A(t, f, n === "bottom"), g = Math.max(a, 0) + c, h = x(t.copy()), b = n === "bottom" ? T : v, i = n === "left" ? -1 : 1, j = {
+    [(n === "left" ? "x" : "y") + "2"]: i * a
+  }, y = {
+    [n === "left" ? "x" : "y"]: i * g
+  };
+  return /* @__PURE__ */ o.jsx("g", { children: d.map((r, e) => /* @__PURE__ */ o.jsxs("g", { className: "tick", transform: b(h(r) + u), children: [
+    /* @__PURE__ */ o.jsx("line", { stroke: l, ...j }),
+    /* @__PURE__ */ o.jsx("g", { transform: w(n), children: /* @__PURE__ */ o.jsx(
+      "text",
+      {
+        fill: l,
+        fontSize: "14px",
+        fontWeight: "500",
+        fontFamily: "Manrope",
+        dominantBaseline: F(n),
+        textAnchor: $(n),
+        ...y,
+        children: p(r)
+      }
+    ) })
+  ] }, e)) });
+};
+export {
+  C as Axis
+};
+//# sourceMappingURL=Axis.js.map

package/dist/scatterplot/components/Axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.js","sources":["../../../src/scatterplot/components/Axis.tsx"],"sourcesContent":["import {BLACK} from '../../constants';\nimport {TICK_OFFSET} from '../../discrete/constants';\nimport {getTicksAndFormat} from '../utils/getTicksAndFormat';\nimport React from 'react';\nimport type {ScaleLinear, ScaleLogarithmic} from 'd3-scale';\n\ntype Scale = ScaleLinear<number, number> | ScaleLogarithmic<number, number>;\ntype Orient = 'left' | 'bottom';\n\nfunction translateX(x: number) {\n    return `translate(${x},0)`;\n}\n\nfunction translateY(y: number) {\n    return `translate(0,${y})`;\n}\n\nfunction getRotationTransform(orient: 'left' | 'bottom') {\n    return orient === 'bottom' ? `translate(0,${TICK_OFFSET})` : `translate(${-TICK_OFFSET},0)`;\n}\n\nfunction getDominantBaseline(orient: 'left' | 'bottom') {\n    return orient === 'bottom' ? 'hanging' : 'central';\n}\n\nfunction getTextAnchor( orient: 'left' | 'bottom') {\n    return  orient === 'bottom' ? 'middle' : 'end';\n}\n\nexport const Axis = ({\n   scale,\n   tickSize = 6,\n   tickPadding = TICK_OFFSET,\n   orient = 'bottom',\n   onlyPositive = false,\n   offset = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5,\n}: {\n    scale: Scale;\n    tickSize?: number;\n    tickPadding?: number;\n    offset?: number;\n    orient?: Orient;\n    onlyPositive?: boolean;\n}) => {\n    function number(scale: Scale) {\n        return (d: number) => {\n            const value = scale(d);\n            return value === undefined ? 0 : +value;\n        };\n    }\n    const {ticks: values, format} = getTicksAndFormat(scale, onlyPositive, orient === 'bottom');\n    const spacing = Math.max(tickSize, 0) + tickPadding,\n        position = (number)(scale.copy());\n\n    const transform = orient === 'bottom' ? translateX : translateY;\n    const k = orient === 'left' ? -1 : 1;\n\n    const lineProps = {\n        [(orient === 'left' ? 'x' : 'y') + '2']: k * tickSize,\n    };\n\n    const textProps = {\n        [orient === 'left' ? 'x' : 'y']: k * spacing,\n    };\n\n    return (\n        <g>\n            {values.map((tick: number, i: number) => (\n                <g className=\"tick\" key={i} transform={transform(position(tick) + offset)}>\n                    <line stroke={BLACK} {...lineProps} />\n                    <g transform={getRotationTransform(orient)}>\n                        <text\n                            fill={BLACK}\n                            fontSize=\"14px\"\n                            fontWeight=\"500\"\n                            fontFamily=\"Manrope\"\n                            dominantBaseline={getDominantBaseline(orient)}\n                            textAnchor={getTextAnchor(orient)}\n                            {...textProps}\n                        >\n                            {format(tick)}\n                        </text>\n                    </g>\n                </g>\n            ))}\n        </g>\n    );\n};\n"],"names":["translateX","x","translateY","y","getRotationTransform","orient","TICK_OFFSET","getDominantBaseline","getTextAnchor","Axis","scale","tickSize","tickPadding","onlyPositive","offset","number","d","value","values","format","getTicksAndFormat","spacing","position","transform","k","lineProps","textProps","tick","i","jsxs","jsx","BLACK"],"mappings":";;;;AASA,SAASA,EAAWC,GAAW;AAC3B,SAAO,aAAaA,CAAC;AACzB;AAEA,SAASC,EAAWC,GAAW;AAC3B,SAAO,eAAeA,CAAC;AAC3B;AAEA,SAASC,EAAqBC,GAA2B;AACrD,SAAOA,MAAW,WAAW,eAAeC,CAAW,MAAM,aAAa,CAACA,CAAW;AAC1F;AAEA,SAASC,EAAoBF,GAA2B;AACpD,SAAOA,MAAW,WAAW,YAAY;AAC7C;AAEA,SAASG,EAAeH,GAA2B;AAC/C,SAAQA,MAAW,WAAW,WAAW;AAC7C;AAEO,MAAMI,IAAO,CAAC;AAAA,EAClB,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAcN;AAAA,EACd,QAAAD,IAAS;AAAA,EACT,cAAAQ,IAAe;AAAA,EACf,QAAAC,IAAS,OAAO,SAAW,OAAe,OAAO,mBAAmB,IAAI,IAAI;AAC/E,MAOM;AACF,WAASC,EAAOL,GAAc;AAC1B,WAAO,CAACM,MAAc;AAClB,YAAMC,IAAQP,EAAMM,CAAC;AACrB,aAAOC,MAAU,SAAY,IAAI,CAACA;AAAA,IACtC;AAAA,EACJ;AACA,QAAM,EAAC,OAAOC,GAAQ,QAAAC,EAAA,IAAUC,EAAkBV,GAAOG,GAAcR,MAAW,QAAQ,GACpFgB,IAAU,KAAK,IAAIV,GAAU,CAAC,IAAIC,GACpCU,IAAYP,EAAQL,EAAM,KAAA,CAAM,GAE9Ba,IAAYlB,MAAW,WAAWL,IAAaE,GAC/CsB,IAAInB,MAAW,SAAS,KAAK,GAE7BoB,IAAY;AAAA,IACd,EAAEpB,MAAW,SAAS,MAAM,OAAO,GAAG,GAAGmB,IAAIb;AAAA,EAAA,GAG3Ce,IAAY;AAAA,IACd,CAACrB,MAAW,SAAS,MAAM,GAAG,GAAGmB,IAAIH;AAAA,EAAA;AAGzC,+BACK,KAAA,EACI,UAAAH,EAAO,IAAI,CAACS,GAAcC,MACvBC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAU,QAAe,WAAWN,EAAUD,EAASK,CAAI,IAAIb,CAAM,GACpE,UAAA;AAAA,IAAAgB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAQC,GAAQ,GAAGN,EAAA,CAAW;AAAA,IACpCK,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAW1B,EAAqBC,CAAM,GACrC,UAAAyB,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAMC;AAAA,QACN,UAAS;AAAA,QACT,YAAW;AAAA,QACX,YAAW;AAAA,QACX,kBAAkBxB,EAAoBF,CAAM;AAAA,QAC5C,YAAYG,EAAcH,CAAM;AAAA,QAC/B,GAAGqB;AAAA,QAEH,YAAOC,CAAI;AAAA,MAAA;AAAA,IAAA,EAChB,CACJ;AAAA,EAAA,KAdqBC,CAezB,CACH,GACL;AAER;"}

package/dist/scatterplot/components/Chart.d.ts

@@ -0,0 +1,37 @@
+import { TooltipsData } from '../../common/Tooltip';
+import { ScatterplotLayerData } from '../getLayersData';
+import { AesGetters, CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, Margins } from './types';
+import { Dot, GroupedDots } from '../dots';
+import { TrendsData } from '../linearRegression';
+import { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';
+import { ColumnName, FrameType } from '../../types';
+interface ChartProps {
+    facetKey: string;
+    width: number;
+    height: number;
+    dimensions: ChartDimensionsData;
+    scales: ChartScales;
+    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'];
+    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'];
+    frameType: FrameType;
+    facetSettings: ScatterplotSettingsImpl['facetSettings'];
+    dotsData: GroupedDots[keyof GroupedDots];
+    trendsData: TrendsData[keyof TrendsData] | null;
+    keyColumn: ColumnName;
+    margins: Margins;
+    chartSizes: ChartSizes;
+    captionsSizes: CaptionsSizes;
+    tooltips: ScatterplotSettingsImpl['chartSettings']['tooltips'];
+    tooltipsContainer?: Element;
+    facetTitle: string[];
+    onlyPositive: {
+        x: boolean;
+        y: boolean;
+    };
+    layersData: ScatterplotLayerData[];
+    aesGetters: AesGetters;
+    tooltipsData: TooltipsData<Dot>;
+}
+export declare function Chart({ facetKey, width, height, dimensions, scales, xAxis, yAxis, frameType, dotsData, facetSettings, trendsData, keyColumn, margins, chartSizes, tooltips, tooltipsContainer, captionsSizes, facetTitle, onlyPositive, layersData, aesGetters, tooltipsData, }: ChartProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Chart.d.ts.map

package/dist/scatterplot/components/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/scatterplot/components/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAgB,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAM1E,OAAO,KAAK,EACR,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,OAAO,EACV,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAC,GAAG,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAmH3C,UAAU,UAAU;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACzD,KAAK,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACzD,SAAS,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACxD,QAAQ,EAAE,WAAW,CAAC,MAAM,WAAW,CAAC,CAAC;IACzC,UAAU,EAAE,UAAU,CAAC,MAAM,UAAU,CAAC,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,UAAU,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,UAAU,CAAC,CAAC;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,EAAE;QAAC,CAAC,EAAE,OAAO,CAAC;QAAC,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC;IACvC,UAAU,EAAE,oBAAoB,EAAE,CAAC;IACnC,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;CACnC;AAED,wBAAgB,KAAK,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,aAAa,EACb,UAAU,EACV,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,YAAY,EACZ,UAAU,EACV,UAAU,EACV,YAAY,GACf,EAAE,UAAU,2CAoUZ"}

package/dist/scatterplot/components/Chart.js

@@ -0,0 +1,342 @@
+import { j as t } from "../../node_modules/react/jsx-runtime.js";
+import { Tooltip as mt } from "../../common/Tooltip.js";
+import { BLACK as X } from "../../constants.js";
+import { DEFAULT_TICKS_SIZE as K, FACET_TITLE_LINE as I, MIN_PADDING as N, TITLE_LINE as P } from "../constants.js";
+import { getFilteredLabels as U } from "../utils/getVisibleLabels.js";
+import { getLineShape as Z } from "../../utils/getLineShape.js";
+import { getPointShape as w } from "../../utils/getPointShape.js";
+import { Axis as q } from "./Axis.js";
+import { Grid as jt } from "./Grid.js";
+import { numberFormat as m } from "../../utils/numberFormat.js";
+import gt from "../../node_modules/lodash/lodash.js";
+import { r as $ } from "../../_virtual/index.js";
+import { TextMeasurer as yt } from "../../utils/TextMeasurer.js";
+import { r as bt } from "../../node_modules/react-dom/index.js";
+import $t from "../../node_modules/d3-shape/src/line.js";
+import Et from "../../node_modules/d3-shape/src/curve/basis.js";
+const St = new yt("16px Manrope");
+function J(n, r) {
+  return typeof n == "string" ? n : r.length ? r[0].data[n.value] : "";
+}
+function Lt(n, r, d = []) {
+  const l = n.data, e = [`x: ${m(n.x)}`, `y: ${m(n.y)}`];
+  r.label && e.unshift(`${r.label}: ${l[r.label]}`);
+  for (const c of d)
+    e.push(`${c.label}: ${l[c.valueLabels ?? c.value]}`);
+  return e;
+}
+function vt(n) {
+  return typeof n.r2 > "u" ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("tspan", { children: "R" }),
+    /* @__PURE__ */ t.jsx("tspan", { fontSize: "10px", dy: "-8", children: "2" }),
+    /* @__PURE__ */ t.jsx("tspan", { dy: "8", children: ` = ${m(n.r2)}` })
+  ] });
+}
+function kt(n) {
+  return typeof n.pValue > "u" ? null : /* @__PURE__ */ t.jsx("tspan", { children: `p-value = ${m(n.pValue)}` });
+}
+function Tt(n) {
+  if (typeof n.coefficients > "u")
+    return null;
+  const { slope: r, slopeError: d, intercept: l, interceptError: e } = n.coefficients;
+  return /* @__PURE__ */ t.jsx("tspan", { children: /* @__PURE__ */ t.jsx("tspan", { children: `slope = ${m(r)} ± ${m(d)}, intercept = ${m(l)} ± ${m(e)}` }) });
+}
+function At(n) {
+  const r = [vt(n), kt(n), Tt(n)].filter(
+    (d) => d !== null
+  );
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: r.map((d, l) => /* @__PURE__ */ t.jsxs("tspan", { children: [
+    d,
+    /* @__PURE__ */ t.jsx("tspan", { children: l < r.length - 1 && ", " })
+  ] }, l)) });
+}
+const Y = 3;
+function Q(n, r, d, l) {
+  if (!l)
+    return [];
+  const e = [];
+  for (const c of n) {
+    const j = c.label;
+    if (!j)
+      continue;
+    const a = St.getTextMetrics(String(j));
+    e.push({
+      name: String(j),
+      width: (a == null ? void 0 : a.width) ?? 0,
+      height: ((a == null ? void 0 : a.actualBoundingBoxAscent) ?? 0) + ((a == null ? void 0 : a.actualBoundingBoxDescent) ?? 0),
+      x: r.x(c.x),
+      y: r.y(c.y),
+      xPosition: "right",
+      yPosition: "middle",
+      bbox: { minX: 0, maxX: 0, minY: 0, maxY: 0 },
+      dot: c,
+      padding: d.dotSize(c.data) + Y
+    });
+  }
+  return e;
+}
+function Dt({
+  facetKey: n,
+  width: r,
+  height: d,
+  dimensions: l,
+  scales: e,
+  xAxis: c,
+  yAxis: j,
+  frameType: a,
+  dotsData: G,
+  facetSettings: g,
+  trendsData: _,
+  keyColumn: tt,
+  margins: S,
+  chartSizes: L,
+  tooltips: v,
+  tooltipsContainer: et,
+  captionsSizes: Ct,
+  facetTitle: F,
+  onlyPositive: O,
+  layersData: k,
+  aesGetters: f,
+  tooltipsData: p
+}) {
+  const [M, nt] = $.useState(), { padding: s } = l, { dots: y } = G, ot = c.showTicks ? K : 0, rt = j.showTicks ? K : 0, it = J(c.title, y), lt = J(j.title, y), dt = l.chartEdgeSides.includes("left") || !(g != null && g.sharedY), ft = l.chartEdgeSides.includes("bottom") || !(g != null && g.sharedX), xt = l.chartEdgeSides.includes("left"), ct = l.chartEdgeSides.includes("bottom"), st = {
+    left: S.left + l.left + s.left,
+    right: L.totalWidth - (S.left + l.left + s.left),
+    top: S.top + l.top + s.top,
+    bottom: L.totalHeight - (S.top + l.top + s.top)
+  }, E = !1, [z, at] = $.useState(
+    () => Q(
+      y,
+      e,
+      f,
+      k.find((o) => o.type === "dots")
+    )
+  ), [pt, ut] = $.useState(
+    () => U(z, r, d, Y, Y)
+  ), [h, R] = $.useState(null);
+  $.useEffect(() => {
+    at(
+      Q(
+        y,
+        e,
+        f,
+        k.find((o) => o.type === "dots")
+      )
+    );
+  }, [y, e, f, k]), $.useEffect(() => {
+    const o = U(z, r, d);
+    ut(o);
+  }, [z, r, d]);
+  const ht = M && p.fixed;
+  return /* @__PURE__ */ t.jsxs("g", { transform: `translate(${l.left + s.left},${l.top + s.top})`, children: [
+    E,
+    F.length && /* @__PURE__ */ t.jsxs("g", { children: [
+      a === "full" && /* @__PURE__ */ t.jsx("rect", { x: "0", y: -s.top, height: s.top, width: r, fill: "#F7F8FA", stroke: X }),
+      F.map((o, b) => {
+        const i = F.length, u = (s.top - I * i) / 2;
+        return /* @__PURE__ */ t.jsx(
+          "text",
+          {
+            fontSize: "14px",
+            fontWeight: "500",
+            fill: X,
+            x: r / 2,
+            dy: u + I / 2 - s.top,
+            y: b * I,
+            textAnchor: "middle",
+            dominantBaseline: "central",
+            children: o
+          },
+          b
+        );
+      })
+    ] }),
+    /* @__PURE__ */ t.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: X, children: [
+      ct && /* @__PURE__ */ t.jsx("text", { x: r / 2, y: d + s.bottom - N - P / 2, children: it }),
+      E,
+      xt && /* @__PURE__ */ t.jsx(
+        "text",
+        {
+          x: -s.left + N + P / 2,
+          y: d / 2,
+          transform: `rotate(-90,${-s.left + N + P / 2},${d / 2})`,
+          children: lt
+        }
+      ),
+      E
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      jt,
+      {
+        width: r,
+        height: d,
+        scaleX: e.x,
+        scaleY: e.y,
+        axisX: c,
+        axisY: j,
+        frameType: a
+      }
+    ),
+    ft && /* @__PURE__ */ t.jsxs("g", { transform: `translate(0,${d})`, children: [
+      /* @__PURE__ */ t.jsx(q, { scale: e.x, orient: "bottom", onlyPositive: O.x, tickSize: ot }),
+      E
+    ] }),
+    dt && /* @__PURE__ */ t.jsxs("g", { children: [
+      /* @__PURE__ */ t.jsx(q, { scale: e.y, orient: "left", onlyPositive: O.y, tickSize: rt }),
+      E
+    ] }),
+    _ && _.map(({ predict: o, getArea: b, data: i, bounded: u, xBounds: x, stats: T }, A) => {
+      const [C, B] = u ? x : e.x.domain(), V = (B - C) / 15, H = o(C), D = o(B);
+      if (isNaN(H) || isNaN(D))
+        return null;
+      const W = f.trendColor(i);
+      return /* @__PURE__ */ t.jsxs("g", { children: [
+        /* @__PURE__ */ t.jsx("text", { y: A * 20 + 20, fill: W, x: r - 8, textAnchor: "end", children: At(T) }),
+        /* @__PURE__ */ t.jsx(
+          "path",
+          {
+            d: b(e.x, e.y, gt.range(C, B + V / 2, V)),
+            fill: W,
+            opacity: 0.2
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "line",
+          {
+            x1: e.x(C),
+            x2: e.x(B),
+            y1: e.y(H),
+            y2: e.y(D),
+            stroke: W
+          }
+        )
+      ] }, A);
+    }),
+    k.map((o, b) => {
+      if (o.type === "dots")
+        return /* @__PURE__ */ t.jsxs("g", { children: [
+          y.map((i) => {
+            const u = ht && p.selectedData === i, x = /* @__PURE__ */ t.jsx(
+              "g",
+              {
+                transform: `translate(${e.x(i.x)},${e.y(i.y)})`,
+                opacity: i.dimmed ? 0.3 : 1,
+                onMouseOver: () => p.onMouseOver(i, n),
+                onMouseLeave: () => p.onMouseLeave(),
+                children: w(
+                  f.dotShape(i.data),
+                  f.dotSize(i.data),
+                  f.dotColor(i.data)
+                )
+              },
+              i.id
+            );
+            return u ? bt.createPortal(x, M) : x;
+          }),
+          pt.map((i) => {
+            const { name: u, height: x, bbox: T, width: A } = i;
+            return /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsxs("g", { transform: `translate(${T.minX},${T.minY})`, children: [
+              /* @__PURE__ */ t.jsx(
+                "rect",
+                {
+                  x: "0",
+                  y: "0",
+                  width: A,
+                  height: x,
+                  fill: "transparent",
+                  stroke: "none",
+                  onMouseOver: () => R(i.dot),
+                  onMouseLeave: () => R(null)
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                "text",
+                {
+                  x: 0,
+                  y: x / 2,
+                  stroke: "white",
+                  strokeWidth: 2,
+                  paintOrder: "stroke",
+                  style: { pointerEvents: "none" },
+                  fontFamily: "Manrope",
+                  fontSize: "16px",
+                  dominantBaseline: "middle",
+                  children: u
+                }
+              )
+            ] }) }, i.dot.id);
+          }),
+          h && /* @__PURE__ */ t.jsxs(
+            "g",
+            {
+              transform: `translate(${e.x(h.x)},${e.y(h.y)})`,
+              children: [
+                w(
+                  f.dotShape(h.data),
+                  f.dotSize(h.data) + 1,
+                  "white",
+                  "white"
+                ),
+                w(
+                  f.dotShape(h.data),
+                  f.dotSize(h.data),
+                  f.dotColor(h.data)
+                )
+              ]
+            },
+            "activeDot"
+          )
+        ] }, b);
+      if (o.type === "curve" && !o.info.smoothing)
+        return o.geoms.map((i, u) => /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx(
+          "polyline",
+          {
+            points: i.dots.map((x) => `${e.x(x.x)},${e.y(x.y)}`).join(" "),
+            fill: "none",
+            stroke: f.lineColor(i.data),
+            strokeWidth: o.info.aes.lineWidth,
+            strokeDasharray: Z(o.info.aes.lineShape)
+          }
+        ) }, u));
+      if (o.type === "curve" && o.info.smoothing)
+        return o.geoms.map((i, u) => /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx(
+          "path",
+          {
+            d: $t().curve(Et).x((x) => e.x(x.x)).y((x) => e.y(x.y))(i.dots) ?? "",
+            fill: "none",
+            stroke: f.lineColor(i.data),
+            strokeWidth: o.info.aes.lineWidth,
+            strokeDasharray: Z(o.info.aes.lineShape)
+          }
+        ) }, u));
+    }),
+    v.show && p.selectedData && p.currentFacet === n && /* @__PURE__ */ t.jsx(
+      mt,
+      {
+        content: Lt(p.selectedData, tt, v == null ? void 0 : v.content),
+        x: e.x(p.selectedData.x),
+        y: e.y(p.selectedData.y),
+        active: !0,
+        sideDistances: st,
+        fixed: p.fixed,
+        onClose: p.onClose,
+        container: et
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("g", { children: [
+      p.fixed && /* @__PURE__ */ t.jsx("rect", { width: L.chartWidth, height: L.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
+      /* @__PURE__ */ t.jsx(
+        "g",
+        {
+          ref: (o) => {
+            o && !M && nt(o);
+          }
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Dt as Chart
+};
+//# sourceMappingURL=Chart.js.map

package/dist/scatterplot/components/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sources":["../../../src/scatterplot/components/Chart.tsx"],"sourcesContent":["import type { TooltipsData} from '../../common/Tooltip';\nimport {Tooltip} from '../../common/Tooltip';\nimport {BLACK} from '../../constants';\nimport {FACET_TITLE_LINE, TITLE_LINE} from '../constants';\nimport type {DotsLayerData, ScatterplotLayerData} from '../getLayersData';\nimport type {Label} from '../utils/getVisibleLabels';\nimport {getFilteredLabels} from '../utils/getVisibleLabels';\nimport {getLineShape} from '../../utils/getLineShape';\nimport {getPointShape} from '../../utils/getPointShape';\nimport {Axis} from './Axis';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes,\n    Margins,\n} from './types';\nimport {DEFAULT_TICKS_SIZE, MIN_PADDING, TICK_OFFSET} from '../constants';\nimport type {Dot, GroupedDots} from '../dots';\nimport type {TrendsData} from '../linearRegression';\nimport type {ScatterplotSettingsImpl} from '../ScatterplotSettingsImpl';\nimport type {ColumnName} from '../../types';\nimport type {FrameType} from '../../types';\nimport {Grid} from './Grid';\nimport {numberFormat} from '../../utils/numberFormat';\nimport {curveBasis, line} from 'd3-shape';\nimport lodash from 'lodash';\nimport type {ReactElement} from 'react';\nimport React, {useEffect, useState} from 'react';\nimport {TextMeasurer} from '../../utils/TextMeasurer';\nimport {createPortal} from 'react-dom';\n\nconst textMeasurer = new TextMeasurer('16px Manrope');\n\nfunction getTitle(title: string | ColumnName, dots: Dot[]): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    if (!dots.length) {\n        return '';\n    }\n    return dots[0].data[title.value] as string;\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\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\nconst LABEL_OFFSET = 3;\n\nfunction getAllPossibleLabels(dots: Dot[], scales: ChartScales, aesGetters: AesGetters, layer?: DotsLayerData) {\n    if (!layer) {\n        return [];\n    }\n    const labels: Label[] = [];\n    for (const dot of dots) {\n        const text = dot.label;\n        if (!text) {\n            continue;\n        }\n        const metrics = textMeasurer.getTextMetrics(String(text));\n        labels.push({\n            name: String(text),\n            width: metrics?.width ?? 0,\n            height: (metrics?.actualBoundingBoxAscent ?? 0) + (metrics?.actualBoundingBoxDescent ?? 0),\n            x: scales.x(dot.x),\n            y: scales.y(dot.y),\n            xPosition: 'right',\n            yPosition: 'middle',\n            bbox: {minX: 0, maxX: 0, minY: 0, maxY: 0},\n            dot,\n            padding: aesGetters.dotSize(dot.data) + LABEL_OFFSET,\n        } as Label);\n    }\n    return labels;\n}\n\ninterface ChartProps {\n    facetKey: string;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'];\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'];\n    frameType: FrameType;\n    facetSettings: ScatterplotSettingsImpl['facetSettings'];\n    dotsData: GroupedDots[keyof GroupedDots];\n    trendsData: TrendsData[keyof TrendsData] | null;\n    keyColumn: ColumnName;\n    margins: Margins;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    tooltips: ScatterplotSettingsImpl['chartSettings']['tooltips'];\n    tooltipsContainer?: Element;\n    facetTitle: string[];\n    onlyPositive: {x: boolean; y: boolean};\n    layersData: ScatterplotLayerData[];\n    aesGetters: AesGetters;\n    tooltipsData: TooltipsData<Dot>;\n}\n\nexport function Chart({\n    facetKey,\n    width,\n    height,\n    dimensions,\n    scales,\n    xAxis,\n    yAxis,\n    frameType,\n    dotsData,\n    facetSettings,\n    trendsData,\n    keyColumn,\n    margins,\n    chartSizes,\n    tooltips,\n    tooltipsContainer,\n    captionsSizes,\n    facetTitle,\n    onlyPositive,\n    layersData,\n    aesGetters,\n    tooltipsData,\n}: ChartProps) {\n    const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n    const {padding} = dimensions;\n    const {dots} = dotsData;\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const xTitle = getTitle(xAxis.title, dots);\n    const yTitle = getTitle(yAxis.title, dots);\n    const needLeftAxis = dimensions.chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = dimensions.chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n\n    const needLeftAxisTitle = dimensions.chartEdgeSides.includes('left');\n    const needBottomAxisTitle = dimensions.chartEdgeSides.includes('bottom');\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 debug = false;\n    const [allLabels, setAllLabels] = useState<Label[]>(() =>\n        getAllPossibleLabels(\n            dots,\n            scales,\n            aesGetters,\n            layersData.find(layer => layer.type === 'dots') as DotsLayerData | undefined\n        )\n    );\n    const [labels, setLabels] = useState<Label[]>(() =>\n        getFilteredLabels(allLabels, width, height, LABEL_OFFSET, LABEL_OFFSET)\n    );\n    const [activeDot, setActiveDot] = useState<Dot | null>(null);\n\n    useEffect(() => {\n        setAllLabels(\n            getAllPossibleLabels(\n                dots,\n                scales,\n                aesGetters,\n                layersData.find(layer => layer.type === 'dots') as DotsLayerData | undefined\n            )\n        );\n    }, [dots, scales, aesGetters, layersData]);\n    useEffect(() => {\n        const filteredLabels = getFilteredLabels(allLabels, width, height);\n        setLabels(filteredLabels);\n    }, [allLabels, width, height]);\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n\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 && (\n                    <text x={width / 2} y={height + padding.bottom - MIN_PADDING - TITLE_LINE / 2}>\n                        {xTitle}\n                    </text>\n                )}\n                {debug && needBottomAxisTitle && (\n                    <rect\n                        x=\"0\"\n                        y={height + padding.bottom - MIN_PADDING - TITLE_LINE}\n                        width={width}\n                        height={TITLE_LINE}\n                        fill=\"none\"\n                        stroke=\"black\"\n                    />\n                )}\n                {needLeftAxisTitle && (\n                    <text\n                        x={-padding.left + MIN_PADDING + TITLE_LINE / 2}\n                        y={height / 2}\n                        transform={`rotate(-90,${-padding.left + MIN_PADDING + TITLE_LINE / 2},${height / 2})`}\n                    >\n                        {yTitle}\n                    </text>\n                )}\n                {debug && needLeftAxisTitle && (\n                    <rect\n                        x={-padding.left + MIN_PADDING}\n                        y=\"0\"\n                        width={TITLE_LINE}\n                        height={height}\n                        fill=\"none\"\n                        stroke=\"black\"\n                    />\n                )}\n            </g>\n            <Grid\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                    <Axis scale={scales.x} orient=\"bottom\" onlyPositive={onlyPositive.x} tickSize={tickSizeX} />\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                    <Axis scale={scales.y} orient=\"left\" onlyPositive={onlyPositive.y} tickSize={tickSizeY} />\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            {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            {layersData.map((layer, idx) => {\n                if (layer.type === 'dots') {\n                    return (\n                        <g key={idx}>\n                            {dots.map(dot => {\n                                const highlighted = dimmedBackground && tooltipsData.selectedData === dot;\n                                const dotElement = (\n                                    <g\n                                        key={dot.id}\n                                        transform={`translate(${scales.x(dot.x)},${scales.y(dot.y)})`}\n                                        opacity={dot.dimmed ? 0.3 : 1}\n                                        onMouseOver={() => tooltipsData.onMouseOver(dot, facetKey)}\n                                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                    >\n                                        {getPointShape(\n                                            aesGetters.dotShape(dot.data),\n                                            aesGetters.dotSize(dot.data),\n                                            aesGetters.dotColor(dot.data)\n                                        )}\n                                    </g>\n                                );\n                                return highlighted ? createPortal(dotElement, activeElementContainer) : dotElement;\n                            })}\n                            {labels.map(label => {\n                                const {name, height, bbox, width} = label;\n                                return (\n                                    <g key={label.dot.id}>\n                                        <g transform={`translate(${bbox.minX},${bbox.minY})`}>\n                                            <rect\n                                                x=\"0\"\n                                                y=\"0\"\n                                                width={width}\n                                                height={height}\n                                                fill=\"transparent\"\n                                                stroke=\"none\"\n                                                onMouseOver={() => setActiveDot(label.dot)}\n                                                onMouseLeave={() => setActiveDot(null)}\n                                            />\n                                            <text\n                                                x={0}\n                                                y={height / 2}\n                                                stroke=\"white\"\n                                                strokeWidth={2}\n                                                paintOrder=\"stroke\"\n                                                style={{pointerEvents: 'none'}}\n                                                fontFamily=\"Manrope\"\n                                                fontSize=\"16px\"\n                                                dominantBaseline=\"middle\"\n                                            >\n                                                {name}\n                                            </text>\n                                        </g>\n                                    </g>\n                                );\n                            })}\n                            {activeDot && (\n                                <g\n                                    key=\"activeDot\"\n                                    transform={`translate(${scales.x(activeDot.x)},${scales.y(activeDot.y)})`}\n                                >\n                                    {getPointShape(\n                                        aesGetters.dotShape(activeDot.data),\n                                        aesGetters.dotSize(activeDot.data) + 1,\n                                        'white',\n                                        'white'\n                                    )}\n                                    {getPointShape(\n                                        aesGetters.dotShape(activeDot.data),\n                                        aesGetters.dotSize(activeDot.data),\n                                        aesGetters.dotColor(activeDot.data)\n                                    )}\n                                </g>\n                            )}\n                        </g>\n                    );\n                }\n                if (layer.type === 'curve' && !layer.info.smoothing) {\n                    return layer.geoms.map((curve, idx) => (\n                        <g key={idx}>\n                            <polyline\n                                points={curve.dots.map(d => `${scales.x(d.x)},${scales.y(d.y)}`).join(' ')}\n                                fill=\"none\"\n                                stroke={aesGetters.lineColor(curve.data)}\n                                strokeWidth={layer.info.aes.lineWidth}\n                                strokeDasharray={getLineShape(layer.info.aes.lineShape)}\n                            />\n                        </g>\n                    ));\n                }\n                if (layer.type === 'curve' && layer.info.smoothing) {\n                    return layer.geoms.map((curve, idx) => (\n                        <g key={idx}>\n                            <path\n                                d={\n                                    line<Dot>()\n                                        .curve(curveBasis)\n                                        .x((d: Dot) => scales.x(d.x))\n                                        .y((d: Dot) => scales.y(d.y))(curve.dots) ?? ''\n                                }\n                                fill=\"none\"\n                                stroke={aesGetters.lineColor(curve.data)}\n                                strokeWidth={layer.info.aes.lineWidth}\n                                strokeDasharray={getLineShape(layer.info.aes.lineShape)}\n                            />\n                        </g>\n                    ));\n                }\n            })}\n            {tooltips.show && tooltipsData.selectedData && tooltipsData.currentFacet === facetKey && (\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={tooltipsContainer}\n                />\n            )}\n            <g>\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            </g>\n        </g>\n    );\n}\n"],"names":["textMeasurer","TextMeasurer","getTitle","title","dots","getTooltipContent","dot","keyColumn","columnsList","row","lines","numberFormat","column","formatR2","stats","jsxs","Fragment","jsx","formatPValue","formatCoefficients","slope","slopeError","intercept","interceptError","formatStats","items","value","item","idx","LABEL_OFFSET","getAllPossibleLabels","scales","aesGetters","layer","labels","text","metrics","Chart","facetKey","width","height","dimensions","xAxis","yAxis","frameType","dotsData","facetSettings","trendsData","margins","chartSizes","tooltips","tooltipsContainer","captionsSizes","facetTitle","onlyPositive","layersData","tooltipsData","activeElementContainer","setActiveElementContainer","useState","padding","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","xTitle","yTitle","needLeftAxis","needBottomAxis","needLeftAxisTitle","needBottomAxisTitle","sideDistances","debug","allLabels","setAllLabels","setLabels","getFilteredLabels","activeDot","setActiveDot","useEffect","filteredLabels","dimmedBackground","BLACK","titleLine","linesCount","topOffset","FACET_TITLE_LINE","MIN_PADDING","TITLE_LINE","Grid","Axis","predict","getArea","data","bounded","xBounds","minX","maxX","step","p1","p2","fillColor","lodash","highlighted","dotElement","getPointShape","createPortal","label","name","bbox","curve","d","getLineShape","line","curveBasis","Tooltip","node"],"mappings":"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"}

package/dist/scatterplot/components/ChartsGroup.d.ts

@@ -0,0 +1,35 @@
+import { AesGetters, CaptionsSizes, ChartDimensionsData, ChartSizes, ChartsScales, Margins } from './types';
+import { GroupedDots } from '../dots';
+import { ScatterplotLayerData } from '../getLayersData';
+import { TrendsData } from '../linearRegression';
+import { ScatterplotSettingsImpl } from '../ScatterplotSettingsImpl';
+import { ColumnName } from '../../types';
+import { LegendData } from '../../common/types';
+interface ChartsGroupProps {
+    chartSettings: ScatterplotSettingsImpl['chartSettings'];
+    facetSettings: ScatterplotSettingsImpl['facetSettings'];
+    chartSizes: ChartSizes;
+    chartsDimensions: Record<string, ChartDimensionsData>;
+    scales: ChartsScales;
+    facetKeys: string[];
+    settingsId: string;
+    groupedDots: GroupedDots;
+    legendData: LegendData;
+    trendsData: TrendsData | null;
+    columnsCount: number;
+    margins: Margins;
+    keyColumn: ColumnName;
+    mainTitle: string[];
+    facetTitles: Record<string, string[]>;
+    captionsSizes: CaptionsSizes;
+    onlyPositive: {
+        x: boolean;
+        y: boolean;
+    };
+    layersData: Record<string, ScatterplotLayerData[]>;
+    aesGetters: AesGetters;
+    onTooltipHintSwitch: (v: boolean) => void;
+}
+export declare function ChartsGroup({ settingsId, chartSettings, chartSizes, chartsDimensions, facetKeys, facetSettings, scales, groupedDots, legendData, trendsData, columnsCount, margins, keyColumn, mainTitle, facetTitles, captionsSizes, onlyPositive, layersData, aesGetters, onTooltipHintSwitch }: ChartsGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChartsGroup.d.ts.map

package/dist/scatterplot/components/ChartsGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/scatterplot/components/ChartsGroup.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACR,UAAU,EACV,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,OAAO,EACV,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAM,WAAW,EAAC,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAC,uBAAuB,EAAC,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AAE5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,UAAU,gBAAgB;IACtB,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACxD,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC;IACxD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,UAAU,CAAC;IACtB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACtC,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,EAAE;QAAC,CAAC,EAAE,OAAO,CAAC;QAAC,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC;IACvC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,EAAE,CAAC,CAAC;IACnD,UAAU,EAAE,UAAU,CAAC;IACvB,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,WAAW,CAAC,EACxB,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,MAAM,EACN,WAAW,EACX,UAAU,EACV,UAAU,EACV,YAAY,EACZ,OAAO,EACP,SAAS,EACT,SAAS,EACT,WAAW,EACX,aAAa,EACb,YAAY,EACZ,UAAU,EACV,UAAU,EACV,mBAAmB,EACtB,EAAE,gBAAgB,2CAyElB"}