@milaboratories/miplots4 1.0.122 → 1.0.124

package/dist/discrete/components/Chart.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sources":["../../../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","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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"}

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

@@ -0,0 +1,29 @@
+import { ChartDimensionsData, ChartSizes, ChartsScales, Margins } from './types';
+import { DiscreteSettingsImpl } from '../DiscreteSettingsImpl';
+import { LayerData, StatsData } from '../layers/types';
+import { GroupingData, ColumnName } from '../../types';
+import { LegendData } from '../../common/types';
+interface ChartsGroupProps {
+    chartSettings: DiscreteSettingsImpl['chartSettings'];
+    facetSettings?: DiscreteSettingsImpl['facetSettings'];
+    chartSizes: ChartSizes;
+    chartsDimensions: Record<string, ChartDimensionsData>;
+    scales: ChartsScales;
+    facetKeys: string[];
+    facetTitles: Record<string, string[]>;
+    layersData: LayerData[];
+    statsData: StatsData[];
+    settingsId: string;
+    legendData: LegendData;
+    margins: Margins;
+    columnsCount: number;
+    keyColumn: ColumnName | null;
+    xLabels: Record<string, Record<string, string[]>>;
+    chartTitle: string[];
+    onlyPositive: boolean;
+    secondaryGrouping: GroupingData;
+    onTooltipHintSwitch: (v: boolean) => void;
+}
+export declare function ChartsGroup({ settingsId, chartSettings, chartSizes, chartsDimensions, facetKeys, facetTitles, facetSettings, scales, layersData, statsData, legendData, margins, columnsCount, keyColumn, xLabels, chartTitle, onlyPositive, secondaryGrouping, onTooltipHintSwitch }: ChartsGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChartsGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/discrete/components/ChartsGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,mBAAmB,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AACpF,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1D,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AAI5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,UAAU,gBAAgB;IACtB,aAAa,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;IACrD,aAAa,CAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;IACtD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACtC,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAClD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,YAAY,CAAC;IAChC,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,WAAW,CAAC,EACxB,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,aAAa,EACb,MAAM,EACN,UAAU,EACV,SAAS,EACT,UAAU,EACV,OAAO,EACP,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EACtB,EAAE,gBAAgB,2CA4ElB"}

package/dist/discrete/components/ChartsGroup.js

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

package/dist/discrete/components/ChartsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsGroup.js","sources":["../../../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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"}

package/dist/discrete/components/Grid.d.ts

@@ -0,0 +1,15 @@
+import { AxisSettings, FrameType, Orientation } from '../../types';
+import { ScaleBand, ScaleLinear, ScaleLogarithmic } from 'd3-scale';
+interface GridProps {
+    scaleY: ScaleLinear<number, number> | ScaleLogarithmic<number, number>;
+    scaleX: ScaleBand<string>;
+    width: number;
+    height: number;
+    orientation: Orientation;
+    axisX: AxisSettings;
+    axisY: AxisSettings;
+    frameType: FrameType;
+}
+export declare function Grid({ scaleX, scaleY, orientation, width, height, axisX, axisY, frameType }: GridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Grid.d.ts.map

package/dist/discrete/components/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/discrete/components/Grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,aAAa,CAAC;AACzD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAC,SAAS,EAAE,WAAW,EAAE,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAMvE,UAAU,SAAS;IACf,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvE,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,IAAI,CAAC,EAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,EAAE,SAAS,2CA0DpG"}

package/dist/discrete/components/Grid.js

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