@milaboratories/graph-maker 1.1.132 → 1.1.133

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

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

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

@@ -0,0 +1 @@
+{"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 './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 {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,\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 === '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","BinnedDotsElement","PairedPointsElement","SinaElement","LogoElement","statsLayer","StatsPValue","node"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,102 @@
+import { j as a } from "../../node_modules/react/jsx-runtime.js";
+import { useTooltip as H } 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(), $ = H(C), { orientation: v, xAxis: P, yAxis: W, title: m, legend: A, frame: G } = n, h = e[i[0]].padding, L = e[i[y - 1]].padding, E = s.chartsWidth + z, F = 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: L.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(${E},${F})`, 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,49 @@
+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

@@ -0,0 +1 @@
+{"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 {AxisSettings, 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: AxisSettings;\n    axisY: AxisSettings;\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]}