@milaboratories/graph-maker 1.1.175 → 1.1.177

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

@@ -1,376 +0,0 @@
-import { j as o } from "../../node_modules/react/jsx-runtime.js";
-import { BLACK as L } from "../../constants.js";
-import { BandAxis as W } from "../../common/BandAxis.js";
-import { BarElement as $ } from "./layers/BarElement.js";
-import { BinnedDotsElement as ee } from "./layers/BinnedDotsElement.js";
-import { BoxElement as te } from "./layers/BoxElement.js";
-import { DotsGroupElement as oe } from "./layers/DotsGroupElement.js";
-import { ErrorBarElement as se } from "./layers/ErrorBarElement.js";
-import { LineElement as ae } from "./layers/LineElement.js";
-import { LogoElement as ie } from "./layers/LogoElement.js";
-import { PairedPointsElement as ne } from "./layers/PairedPointsElement.js";
-import { SinaElement as le } from "./layers/SinaElement.js";
-import { StackedAreaElement as re } from "./layers/StackedAreaElement.js";
-import { StackedBarElement as me } from "./layers/StackedBarElement.js";
-import { StatsPValue as ce } from "./layers/StatsPValue.js";
-import { NumberAxis as X } from "./NumberAxis.js";
-import { getPairwiseStatLevelsCount as pe } from "../utils/statsPValue.js";
-import { ViolinElement as fe } from "./layers/ViolinElement.js";
-import { DEFAULT_TICKS_SIZE as V, FACET_TITLE_LINE as K, TITLE_LINE as P, P_VALUE_LINE_HEIGHT as Y } from "../constants.js";
-import { Grid as de } from "./Grid.js";
-import { r as ye } from "../../_virtual/index.js";
-function ge(n, h, d) {
-  if (!n.length)
-    return [];
-  const s = [0];
-  for (let i = 0; i < n.length - 1; i++) {
-    const g = n[i];
-    if (g.meta.statType === "pairwise") {
-      const E = pe(
-        g.values[d],
-        h,
-        g.meta.significanceLevels,
-        g.meta.ns
-      );
-      s.push(s[s.length - 1] + Y * E);
-    } else
-      s.push(s[s.length - 1] + Y);
-  }
-  return s;
-}
-function M(n) {
-  return typeof n == "string" ? n : n.value;
-}
-function Ie({
-  facetSettings: n,
-  facetTitle: h,
-  dimensions: d,
-  scales: s,
-  orientation: i,
-  layersData: g,
-  statsData: E,
-  facetKey: a,
-  xAxis: x,
-  yAxis: u,
-  frameType: A,
-  tooltips: f,
-  tooltipsContainer: r,
-  keyColumn: v,
-  chartSizes: j,
-  margins: D,
-  xLabels: B,
-  onlyPositive: z,
-  secondaryGrouping: T,
-  tooltipsData: m
-}) {
-  const [c, J] = ye.useState(), y = i === "vertical", Z = ge(E, s.xPrimary.domain(), a), F = x.showTicks ? V : 0, _ = u.showTicks ? V : 0, I = M(x.title), G = M(u.title), U = d.chartEdgeSides.includes("left") || y && !(n != null && n.sharedY) || !y && !(n != null && n.sharedX), q = d.chartEdgeSides.includes("bottom") || y && !(n != null && n.sharedX) || !y && !(n != null && n.sharedY), N = d.chartEdgeSides.includes("left"), H = d.chartEdgeSides.includes("bottom"), { width: k, height: C } = d.inner, { left: b, top: w, padding: l } = d, p = {
-    left: D.left + b + l.left,
-    right: j.totalWidth - (D.left + b + l.left),
-    top: D.top + w + l.top,
-    bottom: j.totalHeight - (D.top + w + l.top)
-  }, Q = `translate(${b + l.left},${w + l.top})`, S = !1;
-  return /* @__PURE__ */ o.jsxs("g", { transform: Q, children: [
-    S,
-    h.length && /* @__PURE__ */ o.jsxs("g", { children: [
-      A === "full" && /* @__PURE__ */ o.jsx("rect", { x: "0", y: -l.top, height: l.top, width: k, fill: "#F7F8FA", stroke: L }),
-      h.map((e, t) => {
-        const O = h.length, R = (l.top - K * O) / 2;
-        return /* @__PURE__ */ o.jsx(
-          "text",
-          {
-            fontSize: "14px",
-            fontWeight: "500",
-            fill: L,
-            x: k / 2,
-            dy: R + K / 2 - l.top,
-            y: t * K,
-            textAnchor: "middle",
-            dominantBaseline: "central",
-            children: e
-          },
-          t
-        );
-      })
-    ] }),
-    /* @__PURE__ */ o.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: L, children: [
-      H && /* @__PURE__ */ o.jsx("text", { x: k / 2, y: C + l.bottom - P / 2, children: y ? I : G }),
-      H && S,
-      N && /* @__PURE__ */ o.jsx(
-        "text",
-        {
-          x: -l.left + P / 2,
-          y: C / 2,
-          transform: `rotate(-90,${-l.left + P / 2},${C / 2})`,
-          children: y ? G : I
-        }
-      ),
-      N && S
-    ] }),
-    /* @__PURE__ */ o.jsx(
-      de,
-      {
-        orientation: i,
-        width: k,
-        height: C,
-        scaleX: s.xPrimary,
-        scaleY: s.y,
-        axisX: x,
-        axisY: u,
-        frameType: A
-      }
-    ),
-    q && /* @__PURE__ */ o.jsx("g", { transform: `translate(0,${C})`, children: y ? /* @__PURE__ */ o.jsx(
-      W,
-      {
-        scale: s.xPrimary,
-        orient: "bottom",
-        labelsPosition: x.labelsPosition,
-        tickSize: F,
-        labels: B
-      }
-    ) : /* @__PURE__ */ o.jsx(X, { scale: s.y, onlyPositive: z, orient: "bottom", tickSize: _, hiddenLabels: u.hiddenLabels }) }),
-    U && /* @__PURE__ */ o.jsx("g", { children: y ? /* @__PURE__ */ o.jsx(X, { scale: s.y, onlyPositive: z, orient: "left", tickSize: _, hiddenLabels: u.hiddenLabels }) : /* @__PURE__ */ o.jsx(
-      W,
-      {
-        scale: s.xPrimary,
-        orient: "left",
-        labelsPosition: x.labelsPosition,
-        tickSize: F,
-        labels: B
-      }
-    ) }),
-    /* @__PURE__ */ o.jsxs("g", { children: [
-      g.map((e) => /* @__PURE__ */ o.jsxs("g", { children: [
-        e.type === "box" && e.geoms[a].map((t) => /* @__PURE__ */ o.jsx(
-          te,
-          {
-            facetKey: a,
-            box: t,
-            elementsAmount: e.geoms[a].length,
-            scales: s,
-            orientation: i,
-            aes: e.aes,
-            hasKeyFromColumn: v !== null,
-            sideDistances: p,
-            showTooltips: f.box.show,
-            tooltipsData: m,
-            activeElementContainer: c,
-            tooltipsContainer: r
-          },
-          t.key
-        )),
-        e.type === "violin" && e.geoms[a].map((t) => /* @__PURE__ */ o.jsx(
-          fe,
-          {
-            facetKey: a,
-            violin: t,
-            elementsAmount: e.geoms[a].length,
-            scales: s,
-            orientation: i,
-            maxViolinDensity: e.meta.maxDensity,
-            aes: e.aes,
-            sideDistances: p,
-            showTooltips: f.violin.show,
-            tooltipsData: m,
-            activeElementContainer: c,
-            tooltipsContainer: r
-          },
-          t.key
-        )),
-        e.type === "dot" && e.geoms[a].map((t) => /* @__PURE__ */ o.jsx(
-          oe,
-          {
-            facetKey: a,
-            geom: t,
-            scales: s,
-            orientation: i,
-            aes: e.aes,
-            hasKeyFromColumn: v !== null,
-            sideDistances: p,
-            showTooltips: f.dot.show,
-            tooltipsData: m,
-            activeElementContainer: c,
-            tooltipsContainer: r
-          },
-          t.key
-        )),
-        e.type === "line" && e.geoms[a].map((t) => /* @__PURE__ */ o.jsx(
-          ae,
-          {
-            facetKey: a,
-            line: t,
-            scales: s,
-            orientation: i,
-            sideDistances: p,
-            aes: e.aes,
-            showTooltips: f.line.show,
-            secondaryGrouping: T,
-            tooltipsData: m,
-            activeElementContainer: c,
-            tooltipsContainer: r
-          },
-          t.key
-        )),
-        e.type === "errorbar" && e.geoms[a].map((t) => /* @__PURE__ */ o.jsx(
-          se,
-          {
-            facetKey: a,
-            errorBar: t,
-            scales: s,
-            orientation: i,
-            aes: e.aes,
-            sideDistances: p,
-            showTooltips: f.errorBar.show,
-            tooltipsData: m,
-            activeElementContainer: c,
-            tooltipsContainer: r
-          },
-          t.key
-        )),
-        e.type === "bar" && e.geoms[a].map((t) => /* @__PURE__ */ o.jsx(
-          $,
-          {
-            bar: t,
-            scales: s,
-            orientation: i,
-            aes: e.aes
-          },
-          t.key
-        )),
-        e.type === "stackedBar" && e.geoms[a].map((t) => /* @__PURE__ */ o.jsx(
-          me,
-          {
-            facetKey: a,
-            geom: t,
-            elementsAmount: e.geoms[a].length,
-            scales: s,
-            orientation: i,
-            aes: e.aes,
-            normalize: e.meta.normalize,
-            sideDistances: p,
-            showTooltips: f.stackedBar.show,
-            secondaryGrouping: T,
-            tooltipsData: m,
-            activeElementContainer: c,
-            tooltipsContainer: r
-          },
-          t.key
-        )),
-        e.type === "stackedArea" && /* @__PURE__ */ o.jsx(
-          re,
-          {
-            facetKey: a,
-            layerData: e,
-            scales: s,
-            orientation: i,
-            sideDistances: p,
-            showTooltips: f.stackedBar.show,
-            secondaryGrouping: T,
-            tooltipsData: m,
-            activeElementContainer: c,
-            tooltipsContainer: r
-          },
-          "stackedArea"
-        ),
-        e.type === "binnedDots" && e.geoms[a].map((t) => /* @__PURE__ */ o.jsx(
-          ee,
-          {
-            facetKey: a,
-            geom: t,
-            scales: s,
-            orientation: i,
-            aes: e.aes,
-            binsCount: e.meta.binsCount,
-            min: e.meta.minY,
-            max: e.meta.maxY,
-            hasKeyFromColumn: e.meta.hasKeyFromColumn,
-            sideDistances: p,
-            showTooltips: f.stackedBar.show,
-            tooltipsData: m,
-            activeElementContainer: c,
-            tooltipsContainer: r
-          },
-          t.key
-        )),
-        e.type === "pairedPoints" && e.geoms[a].map((t) => /* @__PURE__ */ o.jsx(
-          ne,
-          {
-            facetKey: a,
-            geom: t,
-            scales: s,
-            orientation: i,
-            sideDistances: p,
-            aes: e.aes,
-            showTooltips: f.pairedPoints.show,
-            tooltipsData: m,
-            activeElementContainer: c,
-            tooltipsContainer: r
-          },
-          t.id
-        )),
-        e.type === "sina" && e.geoms[a].map((t) => /* @__PURE__ */ o.jsx(
-          le,
-          {
-            geom: t,
-            scales: s,
-            orientation: i,
-            sideDistances: p,
-            aes: e.aes,
-            hasKeyFromColumn: v !== null,
-            showTooltips: !1,
-            tooltipsContainer: r
-          },
-          t.key
-        )),
-        e.type === "logo" && e.geoms[a].map((t) => /* @__PURE__ */ o.jsx(
-          ie,
-          {
-            facetKey: a,
-            geom: t,
-            elementsAmount: e.geoms[a].length,
-            scales: s,
-            orientation: i,
-            aes: e.aes,
-            normalize: e.meta.normalize,
-            sideDistances: p,
-            showTooltips: f.logo.show,
-            tooltipsData: m,
-            activeElementContainer: c,
-            tooltipsContainer: r
-          },
-          t.key
-        ))
-      ] }, e.type)),
-      E.map((e, t) => /* @__PURE__ */ o.jsx(
-        ce,
-        {
-          yShift: Z[t],
-          scales: s,
-          orientation: i,
-          statType: e.meta.statType,
-          values: e.values[a],
-          testMethod: e.meta.testMethod,
-          format: e.meta.format,
-          ns: e.meta.ns,
-          significanceLevels: e.meta.significanceLevels
-        },
-        `${e.meta.statType}_${e.meta.testMethod}`
-      ))
-    ] }),
-    /* @__PURE__ */ o.jsxs("g", { children: [
-      m.fixed && /* @__PURE__ */ o.jsx("rect", { width: j.chartWidth, height: j.chartHeight, fill: "rgba(255, 255, 255, 0.8)" }),
-      /* @__PURE__ */ o.jsx(
-        "g",
-        {
-          ref: (e) => {
-            e && !c && J(e);
-          }
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  Ie as Chart
-};
-//# sourceMappingURL=Chart.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chart.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/Chart.tsx"],"sourcesContent":["import type {TooltipsData} from '../../common/Tooltip';\nimport {BLACK} from '../../constants';\nimport {BandAxis} from '../../common/BandAxis';\nimport {BarElement} from './layers/BarElement';\nimport {BinnedDotsElement} from './layers/BinnedDotsElement';\nimport {BoxElement} from './layers/BoxElement';\nimport {DotsGroupElement} from './layers/DotsGroupElement';\nimport {ErrorBarElement} from './layers/ErrorBarElement';\nimport {LineElement} from './layers/LineElement';\nimport {LogoElement} from './layers/LogoElement';\nimport {PairedPointsElement} from './layers/PairedPointsElement';\nimport {SinaElement} from './layers/SinaElement';\nimport {StackedAreaElement} from './layers/StackedAreaElement';\nimport {StackedBarElement} from './layers/StackedBarElement';\nimport {StatsPValue} from './layers/StatsPValue';\nimport {NumberAxis} from './NumberAxis';\nimport type {ChartDimensionsData, ChartScales, ChartSizes, Margins} from './types';\nimport type {DiscreteSettingsImpl} from '../DiscreteSettingsImpl';\nimport {getPairwiseStatLevelsCount} from '../utils/statsPValue';\nimport {ViolinElement} from './layers/ViolinElement';\nimport {DEFAULT_TICKS_SIZE, FACET_TITLE_LINE, P_VALUE_LINE_HEIGHT, TITLE_LINE} from '../constants';\nimport type {\n    BarsData,\n    BinnedDotsData,\n    BoxesData,\n    DotsData,\n    ErrorBarsData,\n    LayerData,\n    LinesData, LogoPlotData,\n    PairedPointsData,\n    SinaData, StackedAreaData,\n    StackedBarsData,\n    StatsData,\n    ViolinsData,\n} from '../layers/types';\nimport type {GroupingData} from '../../types';\nimport type {ColumnName, FrameType, Orientation} from '../../types';\nimport {Grid} from './Grid';\nimport React, {useState} from 'react';\n\ninterface ChartProps {\n    facetSettings?: DiscreteSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    dimensions: ChartDimensionsData;\n    margins: Margins;\n    scales: ChartScales;\n    orientation: Orientation;\n    facetKey: string;\n    facetTitle: string[]; // can be multiline\n    layersData: LayerData[];\n    statsData: StatsData[];\n    xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'];\n    yAxis: DiscreteSettingsImpl['chartSettings']['yAxis'];\n    frameType: FrameType;\n    keyColumn: ColumnName | null;\n    tooltips: DiscreteSettingsImpl['chartSettings']['tooltips'];\n    tooltipsContainer?: Element;\n    xLabels: Record<string, string[]>;\n    onlyPositive: boolean;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n}\n\nfunction getYShiftsForStats(statsData: StatsData[], primaryKeys: string[], facetKey: string) {\n    if (!statsData.length) {\n        return [];\n    }\n    const yShifts = [0];\n    for (let i = 0; i < statsData.length - 1; i++) {\n        const stat = statsData[i];\n        if (stat.meta.statType === 'pairwise') {\n            const lineCount = getPairwiseStatLevelsCount(\n                stat.values[facetKey],\n                primaryKeys,\n                stat.meta.significanceLevels,\n                stat.meta.ns\n            );\n            yShifts.push(yShifts[yShifts.length - 1] + P_VALUE_LINE_HEIGHT * lineCount);\n        } else {\n            yShifts.push(yShifts[yShifts.length - 1] + P_VALUE_LINE_HEIGHT);\n        }\n    }\n    return yShifts;\n}\n\nfunction getAxisTitle(title: string | ColumnName): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    return title.value;\n}\n\nexport function Chart({\n    facetSettings,\n    facetTitle,\n    dimensions,\n    scales,\n    orientation,\n    layersData,\n    statsData,\n    facetKey,\n    xAxis,\n    yAxis,\n    frameType,\n    tooltips,\n    tooltipsContainer,\n    keyColumn,\n    chartSizes,\n    margins,\n    xLabels,\n    onlyPositive,\n    secondaryGrouping,\n    tooltipsData,\n}: ChartProps) {\n    const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n    const isVertical = orientation === 'vertical';\n    const yShifts = getYShiftsForStats(statsData, scales.xPrimary.domain(), facetKey);\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const xTitle = getAxisTitle(xAxis.title);\n    const yTitle = getAxisTitle(yAxis.title);\n    const needLeftAxis =\n        dimensions.chartEdgeSides.includes('left') ||\n        (isVertical && !facetSettings?.sharedY) ||\n        (!isVertical && !facetSettings?.sharedX);\n    const needBottomAxis =\n        dimensions.chartEdgeSides.includes('bottom') ||\n        (isVertical && !facetSettings?.sharedX) ||\n        (!isVertical && !facetSettings?.sharedY);\n    const needLeftAxisTitle = dimensions.chartEdgeSides.includes('left');\n    const needBottomAxisTitle = dimensions.chartEdgeSides.includes('bottom');\n\n    const {width, height} = dimensions.inner;\n    const {left, top, padding} = dimensions;\n\n    const sideDistances = {\n        left: margins.left + left + padding.left,\n        right: chartSizes.totalWidth - (margins.left + left + padding.left),\n        top: margins.top + top + padding.top,\n        bottom: chartSizes.totalHeight - (margins.top + top + padding.top),\n    };\n\n    const chartTransform = `translate(${left + padding.left},${top + padding.top})`;\n\n    const debug = false;\n    return (\n        <g transform={chartTransform}>\n            {debug && (\n                <g>\n                    <rect width={width} height={padding.top} x={0} y={-padding.top} fill=\"none\" stroke=\"black\" />\n                    <rect width={width} height={padding.bottom} x={0} y={height} fill=\"none\" stroke=\"black\" />\n                    <rect width={padding.left} height={height} x={-padding.left} y={0} fill=\"none\" stroke=\"black\" />\n                    <rect width={padding.right} height={height} x={width} y={0} fill=\"none\" stroke=\"black\" />\n                </g>\n            )}\n            {facetTitle.length && (\n                <g>\n                    {frameType === 'full' && <rect x=\"0\" y={-padding.top} height={padding.top} width={width} fill=\"#F7F8FA\" stroke={BLACK} />}\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 - TITLE_LINE / 2}>\n                        {isVertical ? xTitle : yTitle}\n                    </text>\n                )}\n                {needBottomAxisTitle && debug && (\n                    <rect\n                        x=\"0\"\n                        y={height + padding.bottom - TITLE_LINE}\n                        width={width}\n                        height={TITLE_LINE}\n                        fill=\"none\"\n                        stroke=\"black\"\n                    />\n                )}\n                {needLeftAxisTitle && (\n                    <text\n                        x={-padding.left + TITLE_LINE / 2}\n                        y={height / 2}\n                        transform={`rotate(-90,${-padding.left + TITLE_LINE / 2},${height / 2})`}\n                    >\n                        {isVertical ? yTitle : xTitle}\n                    </text>\n                )}\n                {needLeftAxisTitle && debug && (\n                    <rect x={-padding.left} y=\"0\" width={TITLE_LINE} height={height} fill=\"none\" stroke=\"black\" />\n                )}\n            </g>\n            <Grid\n                orientation={orientation}\n                width={width}\n                height={height}\n                scaleX={scales.xPrimary}\n                scaleY={scales.y}\n                axisX={xAxis}\n                axisY={yAxis}\n                frameType={frameType}\n            />\n            {needBottomAxis && (\n                <g transform={`translate(0,${height})`}>\n                    {isVertical ? (\n                        <BandAxis\n                            scale={scales.xPrimary}\n                            orient=\"bottom\"\n                            labelsPosition={xAxis.labelsPosition}\n                            tickSize={tickSizeX}\n                            labels={xLabels}\n                        />\n                    ) : (\n                        <NumberAxis scale={scales.y} onlyPositive={onlyPositive} orient=\"bottom\" tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n                    )}\n                </g>\n            )}\n            {needLeftAxis && (\n                <g>\n                    {isVertical ? (\n                        <NumberAxis scale={scales.y} onlyPositive={onlyPositive} orient=\"left\" tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n                    ) : (\n                        <BandAxis\n                            scale={scales.xPrimary}\n                            orient=\"left\"\n                            labelsPosition={xAxis.labelsPosition}\n                            tickSize={tickSizeX}\n                            labels={xLabels}\n                        />\n                    )}\n                </g>\n            )}\n            <g>\n                {layersData.map(layerData => (\n                    <g key={layerData.type}>\n                        {layerData.type === 'box' &&\n                            (layerData as BoxesData).geoms[facetKey].map(box => (\n                                <BoxElement\n                                    key={box.key}\n                                    facetKey={facetKey}\n                                    box={box}\n                                    elementsAmount={layerData.geoms[facetKey].length}\n                                    scales={scales}\n                                    orientation={orientation}\n                                    aes={(layerData as BoxesData).aes}\n                                    hasKeyFromColumn={keyColumn !== null}\n                                    sideDistances={sideDistances}\n                                    showTooltips={tooltips.box.show}\n                                    tooltipsData={tooltipsData}\n                                    activeElementContainer={activeElementContainer}\n                                    tooltipsContainer={tooltipsContainer}\n                                />\n                            ))}\n                        {layerData.type === 'violin' &&\n                            (layerData as ViolinsData).geoms[facetKey].map(violin => (\n                                <ViolinElement\n                                    key={violin.key}\n                                    facetKey={facetKey}\n                                    violin={violin}\n                                    elementsAmount={layerData.geoms[facetKey].length}\n                                    scales={scales}\n                                    orientation={orientation}\n                                    maxViolinDensity={(layerData as ViolinsData).meta.maxDensity}\n                                    aes={(layerData as ViolinsData).aes}\n                                    sideDistances={sideDistances}\n                                    showTooltips={tooltips.violin.show}\n                                    tooltipsData={tooltipsData}\n                                    activeElementContainer={activeElementContainer}\n                                    tooltipsContainer={tooltipsContainer}\n                                />\n                            ))}\n                        {layerData.type === 'dot' &&\n                            (layerData as DotsData).geoms[facetKey].map(dotsGroup => (\n                                <DotsGroupElement\n                                    key={dotsGroup.key}\n                                    facetKey={facetKey}\n                                    geom={dotsGroup}\n                                    scales={scales}\n                                    orientation={orientation}\n                                    aes={(layerData as DotsData).aes}\n                                    hasKeyFromColumn={keyColumn !== null}\n                                    sideDistances={sideDistances}\n                                    showTooltips={tooltips.dot.show}\n                                    tooltipsData={tooltipsData}\n                                    activeElementContainer={activeElementContainer}\n                                    tooltipsContainer={tooltipsContainer}\n                                />\n                            ))}\n                        {layerData.type === 'line' &&\n                            (layerData as LinesData).geoms[facetKey].map(line => (\n                                <LineElement\n                                    key={line.key}\n                                    facetKey={facetKey}\n                                    line={line}\n                                    scales={scales}\n                                    orientation={orientation}\n                                    sideDistances={sideDistances}\n                                    aes={(layerData as LinesData).aes}\n                                    showTooltips={tooltips.line.show}\n                                    secondaryGrouping={secondaryGrouping}\n                                    tooltipsData={tooltipsData}\n                                    activeElementContainer={activeElementContainer}\n                                    tooltipsContainer={tooltipsContainer}\n                                />\n                            ))}\n                        {layerData.type === 'errorbar' &&\n                            (layerData as ErrorBarsData).geoms[facetKey].map(errorBar => (\n                                <ErrorBarElement\n                                    key={errorBar.key}\n                                    facetKey={facetKey}\n                                    errorBar={errorBar}\n                                    scales={scales}\n                                    orientation={orientation}\n                                    aes={(layerData as ErrorBarsData).aes}\n                                    sideDistances={sideDistances}\n                                    showTooltips={tooltips.errorBar.show}\n                                    tooltipsData={tooltipsData}\n                                    activeElementContainer={activeElementContainer}\n                                    tooltipsContainer={tooltipsContainer}\n                                />\n                            ))}\n                        {layerData.type === 'bar' &&\n                            (layerData as BarsData).geoms[facetKey].map(bar => (\n                                <BarElement\n                                    key={bar.key}\n                                    bar={bar}\n                                    scales={scales}\n                                    orientation={orientation}\n                                    aes={(layerData as BarsData).aes}\n                                />\n                            ))}\n                        {layerData.type === 'stackedBar' &&\n                            (layerData as StackedBarsData).geoms[facetKey].map(geom => (\n                                <StackedBarElement\n                                    key={geom.key}\n                                    facetKey={facetKey}\n                                    geom={geom}\n                                    elementsAmount={layerData.geoms[facetKey].length}\n                                    scales={scales}\n                                    orientation={orientation}\n                                    aes={(layerData as StackedBarsData).aes}\n                                    normalize={(layerData as StackedBarsData).meta.normalize}\n                                    sideDistances={sideDistances}\n                                    showTooltips={tooltips.stackedBar.show}\n                                    secondaryGrouping={secondaryGrouping}\n                                    tooltipsData={tooltipsData}\n                                    activeElementContainer={activeElementContainer}\n                                    tooltipsContainer={tooltipsContainer}\n                                />\n                            ))}\n                        {layerData.type === 'stackedArea' && (\n                            <StackedAreaElement\n                                key='stackedArea'\n                                facetKey={facetKey}\n                                layerData={layerData as StackedAreaData}\n                                scales={scales}\n                                orientation={orientation}\n                                sideDistances={sideDistances}\n                                showTooltips={tooltips.stackedBar.show}\n                                secondaryGrouping={secondaryGrouping}\n                                tooltipsData={tooltipsData}\n                                activeElementContainer={activeElementContainer}\n                                tooltipsContainer={tooltipsContainer}\n                            />\n                        )}\n                        {layerData.type === 'binnedDots' &&\n                            (layerData as BinnedDotsData).geoms[facetKey].map(geom => (\n                                <BinnedDotsElement\n                                    key={geom.key}\n                                    facetKey={facetKey}\n                                    geom={geom}\n                                    scales={scales}\n                                    orientation={orientation}\n                                    aes={(layerData as BinnedDotsData).aes}\n                                    binsCount={(layerData as BinnedDotsData).meta.binsCount}\n                                    min={(layerData as BinnedDotsData).meta.minY}\n                                    max={(layerData as BinnedDotsData).meta.maxY}\n                                    hasKeyFromColumn={(layerData as BinnedDotsData).meta.hasKeyFromColumn}\n                                    sideDistances={sideDistances}\n                                    showTooltips={tooltips.stackedBar.show}\n                                    tooltipsData={tooltipsData}\n                                    activeElementContainer={activeElementContainer}\n                                    tooltipsContainer={tooltipsContainer}\n                                />\n                            ))}\n                        {layerData.type === 'pairedPoints' &&\n                            (layerData as PairedPointsData).geoms[facetKey].map(geom => (\n                                <PairedPointsElement\n                                    key={geom.id}\n                                    facetKey={facetKey}\n                                    geom={geom}\n                                    scales={scales}\n                                    orientation={orientation}\n                                    sideDistances={sideDistances}\n                                    aes={(layerData as PairedPointsData).aes}\n                                    showTooltips={tooltips.pairedPoints.show}\n                                    tooltipsData={tooltipsData}\n                                    activeElementContainer={activeElementContainer}\n                                    tooltipsContainer={tooltipsContainer}\n                                />\n                            ))}\n                        {layerData.type === 'sina' &&\n                            (layerData as SinaData).geoms[facetKey].map(geom => (\n                                <SinaElement\n                                    key={geom.key}\n                                    geom={geom}\n                                    scales={scales}\n                                    orientation={orientation}\n                                    sideDistances={sideDistances}\n                                    aes={(layerData as SinaData).aes}\n                                    hasKeyFromColumn={keyColumn !== null}\n                                    showTooltips={false}\n                                    tooltipsContainer={tooltipsContainer}\n                                />\n                            ))}\n                        {layerData.type === 'logo' &&\n                            (layerData as LogoPlotData).geoms[facetKey].map(geom => (\n                                <LogoElement\n                                    key={geom.key}\n                                    facetKey={facetKey}\n                                    geom={geom}\n                                    elementsAmount={layerData.geoms[facetKey].length}\n                                    scales={scales}\n                                    orientation={orientation}\n                                    aes={(layerData as LogoPlotData).aes}\n                                    normalize={(layerData as LogoPlotData).meta.normalize}\n                                    sideDistances={sideDistances}\n                                    showTooltips={tooltips.logo.show}\n                                    tooltipsData={tooltipsData}\n                                    activeElementContainer={activeElementContainer}\n                                    tooltipsContainer={tooltipsContainer}\n                                />\n                            ))}\n                    </g>\n                ))}\n                {statsData.map((statsLayer, idx) => (\n                    <StatsPValue\n                        yShift={yShifts[idx]}\n                        scales={scales}\n                        orientation={orientation}\n                        statType={statsLayer.meta.statType}\n                        values={statsLayer.values[facetKey]}\n                        testMethod={statsLayer.meta.testMethod}\n                        format={statsLayer.meta.format}\n                        ns={statsLayer.meta.ns}\n                        key={`${statsLayer.meta.statType}_${statsLayer.meta.testMethod}`}\n                        significanceLevels={statsLayer.meta.significanceLevels}\n                    />\n                ))}\n            </g>\n            <g>\n                {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255, 255, 255, 0.8)\"/>}\n                <g\n                    ref={node => {\n                        if (node && !activeElementContainer) {\n                            setActiveElementContainer(node);\n                        }\n                    }}\n                />\n            </g>\n        </g>\n    );\n}\n"],"names":["getYShiftsForStats","statsData","primaryKeys","facetKey","yShifts","stat","lineCount","getPairwiseStatLevelsCount","P_VALUE_LINE_HEIGHT","getAxisTitle","title","Chart","facetSettings","facetTitle","dimensions","scales","orientation","layersData","xAxis","yAxis","frameType","tooltips","tooltipsContainer","keyColumn","chartSizes","margins","xLabels","onlyPositive","secondaryGrouping","tooltipsData","activeElementContainer","setActiveElementContainer","useState","isVertical","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","xTitle","yTitle","needLeftAxis","needBottomAxis","needLeftAxisTitle","needBottomAxisTitle","width","height","left","top","padding","sideDistances","chartTransform","debug","jsxs","jsx","BLACK","titleLine","idx","linesCount","topOffset","FACET_TITLE_LINE","TITLE_LINE","Grid","BandAxis","NumberAxis","e","layerData","box","BoxElement","violin","ViolinElement","dotsGroup","DotsGroupElement","line","LineElement","errorBar","ErrorBarElement","bar","BarElement","geom","StackedBarElement","StackedAreaElement","BinnedDotsElement","PairedPointsElement","SinaElement","LogoElement","statsLayer","StatsPValue","node"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+DA,SAASA,GAAmBC,GAAwBC,GAAuBC,GAAkB;AACzF,MAAI,CAACF,EAAU;AACX,WAAO,CAAA;AAEX,QAAMG,IAAU,CAAC,CAAC;AAClB,WAAS,IAAI,GAAG,IAAIH,EAAU,SAAS,GAAG,KAAK;AAC3C,UAAMI,IAAOJ,EAAU,CAAC;AACxB,QAAII,EAAK,KAAK,aAAa,YAAY;AACnC,YAAMC,IAAYC;AAAAA,QACdF,EAAK,OAAOF,CAAQ;AAAA,QACpBD;AAAAA,QACAG,EAAK,KAAK;AAAA,QACVA,EAAK,KAAK;AAAA,MAAA;AAEdD,QAAQ,KAAKA,EAAQA,EAAQ,SAAS,CAAC,IAAII,IAAsBF,CAAS;AAAA,IAC9E;AACIF,QAAQ,KAAKA,EAAQA,EAAQ,SAAS,CAAC,IAAII,CAAmB;AAAA,EAEtE;AACA,SAAOJ;AACX;AAEA,SAASK,EAAaC,GAAoC;AACtD,SAAI,OAAOA,KAAU,WACVA,IAEJA,EAAM;AACjB;AAEO,SAASC,GAAM;AAAA,EAClB,eAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,QAAAC;AAAAA,EACA,aAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,WAAAhB;AAAAA,EACA,UAAAE;AAAAA,EACA,OAAAe;AAAAA,EACA,OAAAC;AAAAA,EACA,WAAAC;AAAAA,EACA,UAAAC;AAAAA,EACA,mBAAAC;AAAAA,EACA,WAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,SAAAC;AAAAA,EACA,SAAAC;AAAAA,EACA,cAAAC;AAAAA,EACA,mBAAAC;AAAAA,EACA,cAAAC;AACJ,GAAe;AACX,QAAM,CAACC,GAAwBC,CAAyB,IAAIC,eACtDC,IAAajB,MAAgB,YAC7BZ,IAAUJ,GAAmBC,GAAWc,EAAO,SAAS,UAAUZ,CAAQ,GAC1E+B,IAAYhB,EAAM,YAAYiB,IAAqB,GACnDC,IAAYjB,EAAM,YAAYgB,IAAqB,GACnDE,IAAS5B,EAAaS,EAAM,KAAK,GACjCoB,IAAS7B,EAAaU,EAAM,KAAK,GACjCoB,IACFzB,EAAW,eAAe,SAAS,MAAM,KACxCmB,KAAc,EAACrB,KAAA,QAAAA,EAAe,YAC9B,CAACqB,KAAc,EAACrB,KAAA,QAAAA,EAAe,UAC9B4B,IACF1B,EAAW,eAAe,SAAS,QAAQ,KAC1CmB,KAAc,EAACrB,KAAA,QAAAA,EAAe,YAC9B,CAACqB,KAAc,EAACrB,KAAA,QAAAA,EAAe,UAC9B6B,IAAoB3B,EAAW,eAAe,SAAS,MAAM,GAC7D4B,IAAsB5B,EAAW,eAAe,SAAS,QAAQ,GAEjE,EAAC,OAAA6B,GAAO,QAAAC,EAAAA,IAAU9B,EAAW,OAC7B,EAAC,MAAA+B,GAAM,KAAAC,GAAK,SAAAC,MAAWjC,GAEvBkC,IAAgB;AAAA,IAClB,MAAMvB,EAAQ,OAAOoB,IAAOE,EAAQ;AAAA,IACpC,OAAOvB,EAAW,cAAcC,EAAQ,OAAOoB,IAAOE,EAAQ;AAAA,IAC9D,KAAKtB,EAAQ,MAAMqB,IAAMC,EAAQ;AAAA,IACjC,QAAQvB,EAAW,eAAeC,EAAQ,MAAMqB,IAAMC,EAAQ;AAAA,EAAA,GAG5DE,IAAiB,aAAaJ,IAAOE,EAAQ,IAAI,IAAID,IAAMC,EAAQ,GAAG,KAEtEG,IAAQ;AACd,SACIC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAWF,GACT,UAAA;AAAA,IAAAC;AAAAA,IAQArC,EAAW,UACRsC,gBAAAA,EAAAA,KAAC,KAAA,EACI,UAAA;AAAA,MAAA/B,MAAc,UAAUgC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAE,KAAI,GAAG,CAACL,EAAQ,KAAK,QAAQA,EAAQ,KAAK,OAAAJ,GAAc,MAAK,WAAU,QAAQU,GAAO;AAAA,MACtHxC,EAAW,IAAI,CAACyC,GAAWC,MAAQ;AAChC,cAAMC,IAAa3C,EAAW,QACxB4C,KAAaV,EAAQ,MAAMW,IAAmBF,KAAc;AAClE,eACIJ,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEG,UAAS;AAAA,YACT,YAAW;AAAA,YACX,MAAMC;AAAAA,YACN,GAAGV,IAAQ;AAAA,YACX,IAAIc,IAAYC,IAAmB,IAAIX,EAAQ;AAAA,YAC/C,GAAGQ,IAAMG;AAAAA,YACT,YAAW;AAAA,YACX,kBAAiB;AAAA,YAEhB,UAAAJ;AAAAA,UAAA;AAAA,UAVIC;AAAAA,QAAA;AAAA,MAajB,CAAC;AAAA,IAAA,GACL;AAAA,IAEJJ,gBAAAA,EAAAA,KAAC,KAAA,EAAE,kBAAiB,WAAU,YAAW,UAAS,YAAW,OAAM,UAAS,QAAO,MAAME,GACpF,UAAA;AAAA,MAAAX,KACGU,gBAAAA,EAAAA,IAAC,QAAA,EAAK,GAAGT,IAAQ,GAAG,GAAGC,IAASG,EAAQ,SAASY,IAAa,GACzD,UAAA1B,IAAaI,IAASC,GAC3B;AAAA,MAEHI,KAAuBQ;AAAAA,MAUvBT,KACGW,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAG,CAACL,EAAQ,OAAOY,IAAa;AAAA,UAChC,GAAGf,IAAS;AAAA,UACZ,WAAW,cAAc,CAACG,EAAQ,OAAOY,IAAa,CAAC,IAAIf,IAAS,CAAC;AAAA,UAEpE,cAAaN,IAASD;AAAAA,QAAA;AAAA,MAAA;AAAA,MAG9BI,KAAqBS;AAAAA,IAAA,GAG1B;AAAA,IACAE,gBAAAA,EAAAA;AAAAA,MAACQ;AAAAA,MAAA;AAAA,QACG,aAAA5C;AAAAA,QACA,OAAA2B;AAAAA,QACA,QAAAC;AAAAA,QACA,QAAQ7B,EAAO;AAAA,QACf,QAAQA,EAAO;AAAA,QACf,OAAOG;AAAAA,QACP,OAAOC;AAAAA,QACP,WAAAC;AAAAA,MAAA;AAAA,IAAA;AAAA,IAEHoB,KACGY,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAW,eAAeR,CAAM,KAC9B,UAAAX,IACGmB,gBAAAA,EAAAA;AAAAA,MAACS;AAAAA,MAAA;AAAA,QACG,OAAO9C,EAAO;AAAA,QACd,QAAO;AAAA,QACP,gBAAgBG,EAAM;AAAA,QACtB,UAAUgB;AAAAA,QACV,QAAQR;AAAAA,MAAA;AAAA,IAAA,IAGZ0B,gBAAAA,EAAAA,IAACU,GAAA,EAAW,OAAO/C,EAAO,GAAG,cAAAY,GAA4B,QAAO,UAAS,UAAUS,GAAW,cAAcjB,EAAM,cAAc,GAExI;AAAA,IAEHoB,KACGa,gBAAAA,EAAAA,IAAC,KAAA,EACI,UAAAnB,IACGmB,gBAAAA,EAAAA,IAACU,GAAAA,EAAW,OAAO/C,EAAO,GAAG,cAAAY,GAA4B,QAAO,QAAO,UAAUS,GAAW,cAAcjB,EAAM,cAAc,IAE9HiC,gBAAAA,EAAAA;AAAAA,MAACS;AAAAA,MAAA;AAAA,QACG,OAAO9C,EAAO;AAAA,QACd,QAAO;AAAA,QACP,gBAAgBG,EAAM;AAAA,QACtB,UAAUgB;AAAAA,QACV,QAAQR;AAAAA,MAAA;AAAA,IAAA,GAGpB;AAAA,IAAAqC,gBAAAA,EAAA,KAEH,KAAA,EACI,UAAA;AAAA,MAAA9C,EAAW,IAAI,CAAA+C,MACZb,gBAAAA,EAAAA,KAAC,KAAA,EACI,UAAA;AAAA,QAAAa,EAAU,SAAS,SACfA,EAAwB,MAAM7D,CAAQ,EAAE,IAAI,CAAA8D,MACzCb,gBAAAA,EAAAA;AAAAA,UAACc;AAAAA,UAAA;AAAA,YAEG,UAAA/D;AAAAA,YACA,KAAA8D;AAAAA,YACA,gBAAgBD,EAAU,MAAM7D,CAAQ,EAAE;AAAA,YAC1C,QAAAY;AAAAA,YACA,aAAAC;AAAAA,YACA,KAAMgD,EAAwB;AAAA,YAC9B,kBAAkBzC,MAAc;AAAA,YAChC,eAAAyB;AAAAA,YACA,cAAc3B,EAAS,IAAI;AAAA,YAC3B,cAAAQ;AAAAA,YACA,wBAAAC;AAAAA,YACA,mBAAAR;AAAAA,UAAA;AAAA,UAZK2C,EAAI;AAAA,QAAA,CAchB;AAAA,QACJD,EAAU,SAAS,YACfA,EAA0B,MAAM7D,CAAQ,EAAE,IAAI,CAAAgE,MAC3Cf,gBAAAA,EAAAA;AAAAA,UAACgB;AAAAA,UAAA;AAAA,YAEG,UAAAjE;AAAAA,YACA,QAAAgE;AAAAA,YACA,gBAAgBH,EAAU,MAAM7D,CAAQ,EAAE;AAAA,YAC1C,QAAAY;AAAAA,YACA,aAAAC;AAAAA,YACA,kBAAmBgD,EAA0B,KAAK;AAAA,YAClD,KAAMA,EAA0B;AAAA,YAChC,eAAAhB;AAAAA,YACA,cAAc3B,EAAS,OAAO;AAAA,YAC9B,cAAAQ;AAAAA,YACA,wBAAAC;AAAAA,YACA,mBAAAR;AAAAA,UAAA;AAAA,UAZK6C,EAAO;AAAA,QAAA,CAcnB;AAAA,QACJH,EAAU,SAAS,SACfA,EAAuB,MAAM7D,CAAQ,EAAE,IAAI,CAAAkE,MACxCjB,gBAAAA,EAAAA;AAAAA,UAACkB;AAAAA,UAAA;AAAA,YAEG,UAAAnE;AAAAA,YACA,MAAMkE;AAAAA,YACN,QAAAtD;AAAAA,YACA,aAAAC;AAAAA,YACA,KAAMgD,EAAuB;AAAA,YAC7B,kBAAkBzC,MAAc;AAAA,YAChC,eAAAyB;AAAAA,YACA,cAAc3B,EAAS,IAAI;AAAA,YAC3B,cAAAQ;AAAAA,YACA,wBAAAC;AAAAA,YACA,mBAAAR;AAAAA,UAAA;AAAA,UAXK+C,EAAU;AAAA,QAAA,CAatB;AAAA,QACJL,EAAU,SAAS,UACfA,EAAwB,MAAM7D,CAAQ,EAAE,IAAI,CAAAoE,MACzCnB,gBAAAA,EAAAA;AAAAA,UAACoB;AAAAA,UAAA;AAAA,YAEG,UAAArE;AAAAA,YACA,MAAAoE;AAAAA,YACA,QAAAxD;AAAAA,YACA,aAAAC;AAAAA,YACA,eAAAgC;AAAAA,YACA,KAAMgB,EAAwB;AAAA,YAC9B,cAAc3C,EAAS,KAAK;AAAA,YAC5B,mBAAAO;AAAAA,YACA,cAAAC;AAAAA,YACA,wBAAAC;AAAAA,YACA,mBAAAR;AAAAA,UAAA;AAAA,UAXKiD,EAAK;AAAA,QAAA,CAajB;AAAA,QACJP,EAAU,SAAS,cACfA,EAA4B,MAAM7D,CAAQ,EAAE,IAAI,CAAAsE,MAC7CrB,gBAAAA,EAAAA;AAAAA,UAACsB;AAAAA,UAAA;AAAA,YAEG,UAAAvE;AAAAA,YACA,UAAAsE;AAAAA,YACA,QAAA1D;AAAAA,YACA,aAAAC;AAAAA,YACA,KAAMgD,EAA4B;AAAA,YAClC,eAAAhB;AAAAA,YACA,cAAc3B,EAAS,SAAS;AAAA,YAChC,cAAAQ;AAAAA,YACA,wBAAAC;AAAAA,YACA,mBAAAR;AAAAA,UAAA;AAAA,UAVKmD,EAAS;AAAA,QAAA,CAYrB;AAAA,QACJT,EAAU,SAAS,SACfA,EAAuB,MAAM7D,CAAQ,EAAE,IAAI,CAAAwE,MACxCvB,gBAAAA,EAAAA;AAAAA,UAACwB;AAAAA,UAAA;AAAA,YAEG,KAAAD;AAAAA,YACA,QAAA5D;AAAAA,YACA,aAAAC;AAAAA,YACA,KAAMgD,EAAuB;AAAA,UAAA;AAAA,UAJxBW,EAAI;AAAA,QAAA,CAMhB;AAAA,QACJX,EAAU,SAAS,gBACfA,EAA8B,MAAM7D,CAAQ,EAAE,IAAI,CAAA0E,MAC/CzB,gBAAAA,EAAAA;AAAAA,UAAC0B;AAAAA,UAAA;AAAA,YAEG,UAAA3E;AAAAA,YACA,MAAA0E;AAAAA,YACA,gBAAgBb,EAAU,MAAM7D,CAAQ,EAAE;AAAA,YAC1C,QAAAY;AAAAA,YACA,aAAAC;AAAAA,YACA,KAAMgD,EAA8B;AAAA,YACpC,WAAYA,EAA8B,KAAK;AAAA,YAC/C,eAAAhB;AAAAA,YACA,cAAc3B,EAAS,WAAW;AAAA,YAClC,mBAAAO;AAAAA,YACA,cAAAC;AAAAA,YACA,wBAAAC;AAAAA,YACA,mBAAAR;AAAAA,UAAA;AAAA,UAbKuD,EAAK;AAAA,QAAA,CAejB;AAAA,QACJb,EAAU,SAAS,iBAChBZ,gBAAAA,EAAAA;AAAAA,UAAC2B;AAAAA,UAAA;AAAA,YAEG,UAAA5E;AAAAA,YACA,WAAA6D;AAAAA,YACA,QAAAjD;AAAAA,YACA,aAAAC;AAAAA,YACA,eAAAgC;AAAAA,YACA,cAAc3B,EAAS,WAAW;AAAA,YAClC,mBAAAO;AAAAA,YACA,cAAAC;AAAAA,YACA,wBAAAC;AAAAA,YACA,mBAAAR;AAAAA,UAAA;AAAA,UAVI;AAAA,QAAA;AAAA,QAaX0C,EAAU,SAAS,gBACfA,EAA6B,MAAM7D,CAAQ,EAAE,IAAI,CAAA0E,MAC9CzB,gBAAAA,EAAAA;AAAAA,UAAC4B;AAAAA,UAAA;AAAA,YAEG,UAAA7E;AAAAA,YACA,MAAA0E;AAAAA,YACA,QAAA9D;AAAAA,YACA,aAAAC;AAAAA,YACA,KAAMgD,EAA6B;AAAA,YACnC,WAAYA,EAA6B,KAAK;AAAA,YAC9C,KAAMA,EAA6B,KAAK;AAAA,YACxC,KAAMA,EAA6B,KAAK;AAAA,YACxC,kBAAmBA,EAA6B,KAAK;AAAA,YACrD,eAAAhB;AAAAA,YACA,cAAc3B,EAAS,WAAW;AAAA,YAClC,cAAAQ;AAAAA,YACA,wBAAAC;AAAAA,YACA,mBAAAR;AAAAA,UAAA;AAAA,UAdKuD,EAAK;AAAA,QAAA,CAgBjB;AAAA,QACJb,EAAU,SAAS,kBACfA,EAA+B,MAAM7D,CAAQ,EAAE,IAAI,CAAA0E,MAChDzB,gBAAAA,EAAAA;AAAAA,UAAC6B;AAAAA,UAAA;AAAA,YAEG,UAAA9E;AAAAA,YACA,MAAA0E;AAAAA,YACA,QAAA9D;AAAAA,YACA,aAAAC;AAAAA,YACA,eAAAgC;AAAAA,YACA,KAAMgB,EAA+B;AAAA,YACrC,cAAc3C,EAAS,aAAa;AAAA,YACpC,cAAAQ;AAAAA,YACA,wBAAAC;AAAAA,YACA,mBAAAR;AAAAA,UAAA;AAAA,UAVKuD,EAAK;AAAA,QAAA,CAYjB;AAAA,QACJb,EAAU,SAAS,UACfA,EAAuB,MAAM7D,CAAQ,EAAE,IAAI,CAAA0E,MACxCzB,gBAAAA,EAAAA;AAAAA,UAAC8B;AAAAA,UAAA;AAAA,YAEG,MAAAL;AAAAA,YACA,QAAA9D;AAAAA,YACA,aAAAC;AAAAA,YACA,eAAAgC;AAAAA,YACA,KAAMgB,EAAuB;AAAA,YAC7B,kBAAkBzC,MAAc;AAAA,YAChC,cAAc;AAAA,YACd,mBAAAD;AAAAA,UAAA;AAAA,UARKuD,EAAK;AAAA,QAAA,CAUjB;AAAA,QACJb,EAAU,SAAS,UACfA,EAA2B,MAAM7D,CAAQ,EAAE,IAAI,CAAA0E,MAC5CzB,gBAAAA,EAAAA;AAAAA,UAAC+B;AAAAA,UAAA;AAAA,YAEG,UAAAhF;AAAAA,YACA,MAAA0E;AAAAA,YACA,gBAAgBb,EAAU,MAAM7D,CAAQ,EAAE;AAAA,YAC1C,QAAAY;AAAAA,YACA,aAAAC;AAAAA,YACA,KAAMgD,EAA2B;AAAA,YACjC,WAAYA,EAA2B,KAAK;AAAA,YAC5C,eAAAhB;AAAAA,YACA,cAAc3B,EAAS,KAAK;AAAA,YAC5B,cAAAQ;AAAAA,YACA,wBAAAC;AAAAA,YACA,mBAAAR;AAAAA,UAAA;AAAA,UAZKuD,EAAK;AAAA,QAAA,CAcjB;AAAA,MAAA,KAtMDb,EAAU,IAuMlB,CACH;AAAA,MACA/D,EAAU,IAAI,CAACmF,GAAY7B,MACxBH,gBAAAA,EAAAA;AAAAA,QAACiC;AAAAA,QAAA;AAAA,UACG,QAAQjF,EAAQmD,CAAG;AAAA,UACnB,QAAAxC;AAAAA,UACA,aAAAC;AAAAA,UACA,UAAUoE,EAAW,KAAK;AAAA,UAC1B,QAAQA,EAAW,OAAOjF,CAAQ;AAAA,UAClC,YAAYiF,EAAW,KAAK;AAAA,UAC5B,QAAQA,EAAW,KAAK;AAAA,UACxB,IAAIA,EAAW,KAAK;AAAA,UAEpB,oBAAoBA,EAAW,KAAK;AAAA,QAAA;AAAA,QAD/B,GAAGA,EAAW,KAAK,QAAQ,IAAIA,EAAW,KAAK,UAAU;AAAA,MAAA,CAGrE;AAAA,IAAA,GACL;AAAA,IAAArB,gBAAAA,EAAA,KACC,KAAA,EACI,UAAA;AAAA,MAAAlC,EAAa,SAASuB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,OAAO5B,EAAW,YAAY,QAAQA,EAAW,aAAa,MAAK,4BAA0B;AAAA,MAC1H4B,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAK,CAAAkC,MAAQ;AACLA,YAAAA,KAAQ,CAACxD,KACTC,EAA0BuD,CAAI;AAAA,UAEtC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAER;AAAA,EAAA,GACJ;AAER;","x_google_ignoreList":[0]}

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

@@ -1,102 +0,0 @@
-import { j as a } from "../../node_modules/react/jsx-runtime.js";
-import { useTooltip as F } from "../../common/Tooltip.js";
-import { Chart as b } from "./Chart.js";
-import { ErrorBoundary as B } from "../../common/ErrorBoundary.js";
-import { ChartsTitle as k } from "../../common/ChartsTitle.js";
-import { LEGEND_OFFSET as z } from "../constants.js";
-import { r as I } from "../../_virtual/index.js";
-import K from "../../common/fonts.js";
-import { Legend as M } from "../../common/Legend.js";
-function X({
-  settingsId: d,
-  chartSettings: n,
-  chartSizes: s,
-  chartsDimensions: e,
-  facetKeys: i,
-  facetTitles: p,
-  facetSettings: c,
-  scales: o,
-  layersData: g,
-  statsData: f,
-  legendData: x,
-  margins: r,
-  columnsCount: y,
-  keyColumn: u,
-  xLabels: w,
-  chartTitle: S,
-  onlyPositive: j,
-  secondaryGrouping: D,
-  onTooltipHintSwitch: C
-}) {
-  const [l, T] = I.useState(), $ = F(C), { orientation: v, xAxis: P, yAxis: W, title: m, legend: A, frame: G } = n, h = e[i[0]].padding, H = e[i[y - 1]].padding, L = s.chartsWidth + z, E = h.top;
-  return /* @__PURE__ */ a.jsx(B, { dataId: d, children: /* @__PURE__ */ a.jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: `0 0 ${s.totalWidth} ${s.totalHeight}`,
-      width: s.totalWidth,
-      height: s.totalHeight,
-      children: [
-        /* @__PURE__ */ a.jsx("defs", { children: K }),
-        /* @__PURE__ */ a.jsxs("g", { transform: `translate(${r.left},${r.top})`, fontFamily: "Manrope", children: [
-          /* @__PURE__ */ a.jsx(
-            k,
-            {
-              title: S,
-              show: m.show,
-              position: m.position,
-              leftPadding: h.left,
-              rightPadding: H.right,
-              chartsWidth: s.chartsWidth
-            }
-          ),
-          i.map((t) => /* @__PURE__ */ a.jsx(
-            b,
-            {
-              facetKey: t,
-              facetTitle: p[t],
-              facetSettings: c,
-              orientation: v,
-              scales: {
-                ...o,
-                xPrimary: o.xPrimary[t],
-                xSecondary: o.xSecondary[t],
-                y: o.y[t]
-              },
-              chartSizes: s,
-              margins: r,
-              dimensions: e[t],
-              layersData: g,
-              statsData: f,
-              xAxis: P,
-              yAxis: W,
-              frameType: G.type,
-              tooltips: n.tooltips,
-              tooltipsContainer: l,
-              keyColumn: u,
-              xLabels: w[t],
-              onlyPositive: j,
-              secondaryGrouping: D,
-              tooltipsData: $
-            },
-            t
-          )),
-          A.show && /* @__PURE__ */ a.jsx("g", { transform: `translate(${L},${E})`, children: /* @__PURE__ */ a.jsx(M, { legendData: x }) })
-        ] }),
-        /* @__PURE__ */ a.jsx(
-          "g",
-          {
-            style: { outline: "none" },
-            ref: (t) => {
-              t && !l && T(t);
-            }
-          }
-        )
-      ]
-    }
-  ) });
-}
-export {
-  X as ChartsGroup
-};
-//# sourceMappingURL=ChartsGroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChartsGroup.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/ChartsGroup.tsx"],"sourcesContent":["import {useTooltip} from '../../common/Tooltip';\nimport {Chart} from './Chart';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport {ChartsTitle} from '../../common/ChartsTitle';\nimport type {ChartDimensionsData, ChartSizes, ChartsScales, Margins} from './types';\nimport type {DiscreteSettingsImpl} from '../DiscreteSettingsImpl';\nimport type {LayerData, StatsData} from '../layers/types';\nimport {LEGEND_OFFSET} from '../constants';\nimport type {GroupingData} from '../../types';\nimport type {ColumnName} from '../../types';\nimport React, {useState} from 'react';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport type { LegendData } from '../../common/types';\n\ninterface ChartsGroupProps {\n    chartSettings: DiscreteSettingsImpl['chartSettings'];\n    facetSettings?: DiscreteSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    scales: ChartsScales;\n    facetKeys: string[];\n    facetTitles: Record<string, string[]>;\n    layersData: LayerData[];\n    statsData: StatsData[];\n    settingsId: string;\n    legendData: LegendData;\n    margins: Margins;\n    columnsCount: number;\n    keyColumn: ColumnName | null;\n    xLabels: Record<string, Record<string, string[]>>; // labels by facet and then by axis keys;\n    chartTitle: string[]; // can be multiline\n    onlyPositive: boolean;\n    secondaryGrouping: GroupingData;\n    onTooltipHintSwitch: (v:boolean) => void;\n}\n\nexport function ChartsGroup({\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    facetKeys,\n    facetTitles,\n    facetSettings,\n    scales,\n    layersData,\n    statsData,\n    legendData,\n    margins,\n    columnsCount,\n    keyColumn,\n    xLabels,\n    chartTitle,\n    onlyPositive,\n    secondaryGrouping,\n    onTooltipHintSwitch\n}: ChartsGroupProps) {\n    const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n    const tooltipsData = useTooltip<unknown>(onTooltipHintSwitch);\n\n    const {orientation, xAxis, yAxis, title, legend, frame} = 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    return (\n        <ErrorBoundary dataId={settingsId}>\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            >\n                <defs>{fonts}</defs>\n                <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n                    <ChartsTitle\n                        title={chartTitle}\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                            facetTitle={facetTitles[key]}\n                            facetSettings={facetSettings}\n                            orientation={orientation}\n                            scales={{\n                                ...scales,\n                                xPrimary: scales.xPrimary[key],\n                                xSecondary: scales.xSecondary[key],\n                                y: scales.y[key],\n                            }}\n                            chartSizes={chartSizes}\n                            margins={margins}\n                            dimensions={chartsDimensions[key]}\n                            layersData={layersData}\n                            statsData={statsData}\n                            xAxis={xAxis}\n                            yAxis={yAxis}\n                            frameType={frame.type}\n                            tooltips={chartSettings.tooltips}\n                            tooltipsContainer={tooltipsContainer}\n                            keyColumn={keyColumn}\n                            xLabels={xLabels[key]}\n                            onlyPositive={onlyPositive}\n                            secondaryGrouping={secondaryGrouping}\n                            tooltipsData={tooltipsData}\n                        />\n                    ))}\n                    {legend.show && (\n                        <g transform={`translate(${legendLeft},${legendTop})`}>\n                            <Legend legendData={legendData} />\n                        </g>\n                    )}\n                </g>\n                <g style={{outline: 'none'}}\n                    ref={node => {\n                        if (node && !tooltipsContainer) {\n                            setTooltipsContainer(node);\n                        }\n                    }}\n                />\n            </svg>\n        </ErrorBoundary>\n    );\n}\n"],"names":["ChartsGroup","settingsId","chartSettings","chartSizes","chartsDimensions","facetKeys","facetTitles","facetSettings","scales","layersData","statsData","legendData","margins","columnsCount","keyColumn","xLabels","chartTitle","onlyPositive","secondaryGrouping","onTooltipHintSwitch","tooltipsContainer","setTooltipsContainer","useState","tooltipsData","useTooltip","orientation","xAxis","yAxis","title","legend","frame","leftTopChartPadding","rightTopChartPadding","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","key","Chart","Legend","node"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -1,49 +0,0 @@
-import { j as s } from "../../node_modules/react/jsx-runtime.js";
-import { GRID_GRAY as m, BLACK as d } from "../../constants.js";
-import { MIN_TICK_STEP as M } from "../constants.js";
-import { r as f } from "../../_virtual/index.js";
-const b = 1;
-function R({ scaleX: l, scaleY: i, orientation: c, width: n, height: a, axisX: x, axisY: h, frameType: e }) {
-  const [p, w] = f.useState(l.domain()), G = Math.abs(i.range()[0] - i.range()[1]), y = Math.min(Math.floor(G / M), 10), [j, k] = f.useState(i.ticks(y)), u = l.bandwidth() / 2, g = (t) => (l(t) ?? 0) + u, _ = (t) => i(t), r = c === "vertical";
-  return f.useEffect(() => {
-    const t = l.domain(), o = i.ticks(y);
-    w(t), k(o);
-  }, [l, i]), /* @__PURE__ */ s.jsxs("g", { stroke: m, children: [
-    x.showGrid && p.map((t) => {
-      const o = g(t) + (x.linesBetweenCategories ? u : 0);
-      return /* @__PURE__ */ s.jsx(
-        "line",
-        {
-          x1: r ? o : 0,
-          x2: r ? o : n,
-          y1: r ? 0 : o,
-          y2: r ? a : o
-        },
-        `x_${t}`
-      );
-    }),
-    h.showGrid && j.map((t) => {
-      const o = _(t);
-      return /* @__PURE__ */ s.jsx(
-        "line",
-        {
-          x1: r ? 0 : o,
-          x2: r ? n : o,
-          y1: r ? o : 0,
-          y2: r ? o : a
-        },
-        `y_${t}`
-      );
-    }),
-    e !== "empty" && /* @__PURE__ */ s.jsxs("g", { strokeWidth: b, children: [
-      (x.showGrid || e !== "left") && /* @__PURE__ */ s.jsx("line", { stroke: e === "left" ? m : d, x1: "0", x2: n, y1: a, y2: a }),
-      (x.showGrid || e !== "bottom") && /* @__PURE__ */ s.jsx("line", { stroke: e === "bottom" ? m : d, x1: "0", x2: "0", y1: "0", y2: a }),
-      (x.showGrid || e === "full") && /* @__PURE__ */ s.jsx("line", { stroke: e === "full" ? d : m, x1: n, x2: n, y1: "0", y2: a }),
-      (h.showGrid || e === "full") && /* @__PURE__ */ s.jsx("line", { stroke: e === "full" ? d : m, x1: "0", x2: n, y1: "0", y2: "0" })
-    ] })
-  ] });
-}
-export {
-  R as Grid
-};
-//# sourceMappingURL=Grid.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/Grid.tsx"],"sourcesContent":["import {BLACK, GRID_GRAY} from '../../constants';\nimport {MIN_TICK_STEP} from '../constants';\nimport type {AxisSettingsContinuous, AxisSettingsDiscrete, FrameType} from '../../types';\nimport type {Orientation} from '../../types';\nimport type {ScaleBand, 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: ScaleBand<string>;\n    width: number;\n    height: number;\n    orientation: Orientation;\n    axisX: AxisSettingsDiscrete;\n    axisY: AxisSettingsContinuous;\n    frameType: FrameType;\n}\n\nexport function Grid({scaleX, scaleY, orientation, width, height, axisX, axisY, frameType}: GridProps) {\n    const [ticksX, setTicksX] = useState<string[] | number[]>(scaleX.domain());\n\n    // set ticks count depending on chart size\n    const range = Math.abs(scaleY.range()[0] - scaleY.range()[1]);\n    const ticksCount = Math.min(Math.floor(range / MIN_TICK_STEP), 10);\n    const [ticksY, setTicksY] = useState<string[] | number[]>(scaleY.ticks(ticksCount));\n    const halfXGroup = scaleX.bandwidth() / 2;\n    const getXScaleShift = (d: string | number) => (scaleX(d as string) ?? 0) + halfXGroup;\n    const getYScaleShift = (d: string | number) => scaleY(d as number);\n    const isVertical = orientation === 'vertical';\n\n    useEffect(() => {\n        const ticksX = scaleX.domain();\n        const ticksY = scaleY.ticks(ticksCount);\n\n        setTicksX(ticksX);\n        setTicksY(ticksY);\n    }, [scaleX, scaleY]);\n\n    return (\n        <g stroke={GRID_GRAY}>\n            {axisX.showGrid &&\n                ticksX.map(tick => {\n                    const x = getXScaleShift(tick) + (axisX.linesBetweenCategories ? halfXGroup : 0);\n                    return (\n                        <line\n                            key={`x_${tick}`}\n                            x1={isVertical ? x : 0}\n                            x2={isVertical ? x : width}\n                            y1={isVertical ? 0 : x}\n                            y2={isVertical ? height : x}\n                        />\n                    );\n                })}\n            {axisY.showGrid &&\n                ticksY.map(tick => {\n                    const y = getYScaleShift(tick);\n                    return (\n                        <line\n                            key={`y_${tick}`}\n                            x1={isVertical ? 0 : y}\n                            x2={isVertical ? width : y}\n                            y1={isVertical ? y : 0}\n                            y2={isVertical ? y : height}\n                        />\n                    );\n                })}\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","orientation","width","height","axisX","axisY","frameType","ticksX","setTicksX","useState","range","ticksCount","MIN_TICK_STEP","ticksY","setTicksY","halfXGroup","getXScaleShift","d","getYScaleShift","isVertical","useEffect","jsxs","GRID_GRAY","tick","x","jsx","y","BLACK"],"mappings":"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","x_google_ignoreList":[0]}