@milaboratories/miplots4 1.0.175 → 1.0.176

package/dist/discrete/components/layers/StackedAreaElement.js

@@ -6,34 +6,34 @@ import { bumpX as G, bumpY as B } from "../../../node_modules/.pnpm/d3-shape@3.2
 function C(t) {
   return t && typeof t == "object" && "type" in t && t.type === "secondaryGrouping";
 }
-function P(t, n, e, r, x) {
+function P(t, n, e, r, h) {
   if (e && typeof e == "object" && "type" in e) {
     if (e.type === "primaryGrouping")
       return t.xPrimaryAes(r)[n];
     if (e.type === "secondaryGrouping")
-      return t.xSecondaryAes(x)[n];
+      return t.xSecondaryAes(h)[n];
   }
   return e;
 }
-function W(t, n, e, r, x, d, l) {
-  const y = (e - n) / 2, a = l.reduce((s, i) => {
-    const p = {};
+function W(t, n, e, r, h, d, j) {
+  const y = (e - n) / 2, a = j.reduce((p, i) => {
+    const c = {};
     let o = 0;
-    return x.forEach((c) => {
-      var u;
-      const m = ((u = i.valuesMap[c]) == null ? void 0 : u.height) ?? 0;
-      p[c] = {
+    return h.forEach((m) => {
+      var s;
+      const u = ((s = i.valuesMap[m]) == null ? void 0 : s.height) ?? 0;
+      c[m] = {
         y1: o,
-        y2: o + m
-      }, o += m;
-    }), s[i.primaryGrouping] = p, s;
+        y2: o + u
+      }, o += u;
+    }), p[i.primaryGrouping] = c, p;
   }, {});
-  return x.map((s) => {
+  return h.map((p) => {
     const i = r.flatMap((o) => {
-      const c = a[o], m = t.xPrimary(o) ?? 0, u = t.y(c[s].y1), A = t.y(c[s].y2), h = [m + y, u, A], j = [m + e - y, u, A];
-      return d ? [h, j] : [j, h];
-    }), p = (d ? S().curve(G).x((o) => o[0]).y0((o) => o[1]).y1((o) => o[2])(i) : S().curve(B).y((o) => o[0]).x0((o) => o[1]).x1((o) => o[2])(i)) ?? "";
-    return { secondaryKey: s, pathD: p };
+      const m = a[o], u = t.xPrimary(o) ?? 0, s = t.y(m[p].y1), l = t.y(m[p].y2), x = [u + y, s, l], A = [u + e - y, s, l];
+      return d ? [x, A] : [A, x];
+    }), c = (d ? S().curve(G).x((o) => o[0]).y0((o) => o[1]).y1((o) => o[2])(i) : S().curve(B).y((o) => o[0]).x0((o) => o[1]).x1((o) => o[2])(i)) ?? "";
+    return { secondaryKey: p, pathD: c };
   });
 }
 function k(t, n) {
@@ -44,31 +44,31 @@ function X({
   scales: n,
   orientation: e,
   layerData: r,
-  sideDistances: x,
+  sideDistances: h,
   showTooltips: d,
-  secondaryGrouping: l,
+  secondaryGrouping: j,
   activeElementContainer: y,
   tooltipsContainer: a,
-  tooltipsData: s
+  tooltipsData: p
 }) {
-  const [i, p] = E.useState(null), o = e === "vertical", c = n.xPrimary.bandwidth(), m = k(r, c), u = n.xPrimary.domain(), A = n.xSecondary.domain().reverse(), h = C(r.aes.fillColor) || typeof r.aes.fillColor == "string", j = h ? W(
+  const [i, c] = E.useState(null), o = e === "vertical", m = n.xPrimary.bandwidth(), u = k(r, m), s = n.xPrimary.domain(), l = n.xSecondary.domain().reverse(), x = s.length > 1 && (C(r.aes.fillColor) || typeof r.aes.fillColor == "string"), A = x ? W(
     n,
-    m,
-    c,
     u,
-    A,
+    m,
+    s,
+    l,
     o,
     r.geoms[t]
   ) : [];
   return /* @__PURE__ */ g.jsxs("g", { children: [
-    /* @__PURE__ */ g.jsx("g", { children: h && j.map(({ secondaryKey: f, pathD: b }) => /* @__PURE__ */ g.jsx(
+    /* @__PURE__ */ g.jsx("g", { children: x && A.map(({ secondaryKey: f, pathD: b }) => /* @__PURE__ */ g.jsx(
       "path",
       {
         d: b,
-        fill: P(n, "fillColor", r.aes.fillColor, u[0], f),
+        fill: P(n, "fillColor", r.aes.fillColor, s[0], f),
         opacity: r.aes.areaOpacity * (i !== null && f !== i ? 0.5 : 1),
-        onMouseEnter: () => p(f),
-        onMouseLeave: () => p(null)
+        onMouseEnter: () => c(f),
+        onMouseLeave: () => c(null)
       },
       f
     )) }),
@@ -82,18 +82,18 @@ function X({
         orientation: e,
         aes: {
           ...r.aes,
-          width: m,
+          width: u,
           opacity: r.aes.barsOpacity
         },
         normalize: r.meta.normalize,
-        sideDistances: x,
+        sideDistances: h,
         showTooltips: d,
-        secondaryGrouping: l,
-        tooltipsData: s,
+        secondaryGrouping: j,
+        tooltipsData: p,
         activeElementContainer: y,
         tooltipsContainer: a,
         activeKey: i,
-        onSectionHover: p
+        onSectionHover: c
       },
       f.key
     )) })

package/dist/discrete/components/layers/StackedAreaElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedAreaElement.js","sources":["../../../../src/discrete/components/layers/StackedAreaElement.tsx"],"sourcesContent":["import {area, curveBumpX, curveBumpY} from 'd3-shape';\nimport React, { useState } from 'react';\nimport type {TooltipsData} from '../../../common/Tooltip';\nimport type {AesItem, GroupingData, InheritAesDiscrete, Orientation} from '../../../types';\nimport type {StackedBar} from '../../layers';\nimport type {StackedAreaData} from '../../layers/types';\nimport type {ChartScales} from '../types';\nimport {StackedBarElement} from './StackedBarElement';\n\ninterface StackedAreaProps {\n    facetKey: string;\n    scales: ChartScales;\n    layerData: StackedAreaData;\n    orientation: Orientation;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction isSecondaryGroupedAes (value: string | InheritAesDiscrete) {\n    return value && typeof value === 'object' && 'type' in value && value.type === 'secondaryGrouping';\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    primaryGrouping: string,\n    secondaryGrouping: string\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getAreas(\n    scales: ChartScales,\n    barWidth: number,\n    bandWidth: number,\n    primaryKeys: string[],\n    secondaryKeys: string[],\n    isVertical: boolean,\n    bars: StackedBar[],\n) {\n    const offsetX = (bandWidth - barWidth) / 2;\n    const ys = bars.reduce((res, bar) => {\n        const yValues: Record<string, {y1: number, y2: number}> = {};\n        let currentHeight = 0;\n        secondaryKeys.forEach(secondaryKey => {\n            const height = bar.valuesMap[secondaryKey]?.height ?? 0;\n            yValues[secondaryKey] = {\n                y1: currentHeight,\n                y2: currentHeight + height,\n            };\n            currentHeight += height;\n        });\n        res[bar.primaryGrouping] = yValues;\n        return res;\n    }, {} as Record<string, Record<string, {y1: number, y2: number}>>);\n\n    return secondaryKeys.map((secondaryKey) => {\n        const points:[number, number, number][] = primaryKeys.flatMap((primaryKey) => {\n            const yMap = ys[primaryKey];\n            const x = scales.xPrimary(primaryKey) ?? 0;\n            const y1 = scales.y(yMap[secondaryKey].y1);\n            const y2 = scales.y(yMap[secondaryKey].y2);\n            const p1:[number, number, number] = [x + offsetX, y1, y2];\n            const p2:[number, number, number] = [x + bandWidth - offsetX, y1, y2];\n            return isVertical ? [p1, p2] : [p2, p1];\n        });\n\n        const pathD = (isVertical ? (\n            area<[number, number, number]>()\n                .curve(curveBumpX)\n                .x(d => d[0])\n                .y0(d => d[1])\n                .y1(d => d[2])(points)\n            ) :\n            area<[number, number, number]>()\n                .curve(curveBumpY)\n                .y(d => d[0])\n                .x0(d => d[1])\n                .x1(d => d[2])(points)) ?? '';\n        return {secondaryKey, pathD};\n    });\n}\n\nfunction calculateBarWidth (\n    layerData: StackedAreaData,\n    bandwidth: number\n) {\n    if (!layerData.meta.showBars) {\n        return 0;\n    }\n    return layerData.aes.barWidth === 'auto' ? bandwidth * 0.2 : Math.min(bandwidth, layerData.aes.barWidth);\n}\n\nexport function StackedAreaElement({\n    facetKey,\n    scales,\n    orientation,\n    layerData,\n    sideDistances,\n    showTooltips,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: StackedAreaProps) {\n    const [selectedAreaKey, setSelectedAreaKey] = useState<string | null>(null);\n    const isVertical = orientation === 'vertical';\n    const boxOuterWidth = scales.xPrimary.bandwidth();\n    const boxWidth = calculateBarWidth(layerData, boxOuterWidth);\n    const primaryKeys = scales.xPrimary.domain();\n    const secondaryKeys = scales.xSecondary.domain().reverse();\n\n    const needsAreas = isSecondaryGroupedAes(layerData.aes.fillColor) || typeof layerData.aes.fillColor === 'string';\n    const areas = needsAreas ? getAreas(\n        scales,\n        boxWidth,\n        boxOuterWidth,\n        primaryKeys,\n        secondaryKeys,\n        isVertical,\n        layerData.geoms[facetKey]\n    ) : [];\n\n    return (\n        <g>\n            <g>\n                {needsAreas && areas.map(({secondaryKey, pathD}) => (\n                    <path\n                        key={secondaryKey}\n                        d={pathD}\n                        fill={getAesValue(scales, 'fillColor', layerData.aes.fillColor, primaryKeys[0], secondaryKey)}\n                        opacity={layerData.aes.areaOpacity * (selectedAreaKey !== null && secondaryKey !== selectedAreaKey ? 0.5 : 1)}\n                        onMouseEnter={() => setSelectedAreaKey(secondaryKey)}\n                        onMouseLeave={() => setSelectedAreaKey(null)}\n                    />\n                ))}\n            </g>\n            <g>\n            {layerData.meta.showBars && (layerData as StackedAreaData).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={{\n                        ...layerData.aes,\n                        width: boxWidth,\n                        opacity: layerData.aes.barsOpacity\n                    }}\n                    normalize={layerData.meta.normalize}\n                    sideDistances={sideDistances}\n                    showTooltips={showTooltips}\n                    secondaryGrouping={secondaryGrouping}\n                    tooltipsData={tooltipsData}\n                    activeElementContainer={activeElementContainer}\n                    tooltipsContainer={tooltipsContainer}\n                    activeKey={selectedAreaKey}\n                    onSectionHover={setSelectedAreaKey}\n                />\n            ))}\n            </g>\n        </g>\n    );\n}\n"],"names":["isSecondaryGroupedAes","value","getAesValue","scales","field","primaryGrouping","secondaryGrouping","getAreas","barWidth","bandWidth","primaryKeys","secondaryKeys","isVertical","bars","offsetX","ys","res","bar","yValues","currentHeight","secondaryKey","height","_a","points","primaryKey","yMap","x","y1","y2","p1","p2","pathD","area","curveBumpX","d","curveBumpY","calculateBarWidth","layerData","bandwidth","StackedAreaElement","facetKey","orientation","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","selectedAreaKey","setSelectedAreaKey","useState","boxOuterWidth","boxWidth","needsAreas","areas","jsx","geom","StackedBarElement"],"mappings":";;;;;AA2BA,SAASA,EAAuBC,GAAoC;AAChE,SAAOA,KAAS,OAAOA,KAAU,YAAY,UAAUA,KAASA,EAAM,SAAS;AACnF;AAEA,SAASC,EACLC,GACAC,GACAH,GACAI,GACAC,GACS;AACT,MAAIL,KAAS,OAAOA,KAAU,YAAY,UAAUA,GAAO;AACvD,QAAIA,EAAM,SAAS;AACf,aAAOE,EAAO,YAAYE,CAAe,EAAED,CAAK;AAEpD,QAAIH,EAAM,SAAS;AACf,aAAOE,EAAO,cAAcG,CAAiB,EAAEF,CAAK;AAAA,EAE5D;AACA,SAAOH;AACX;AAEA,SAASM,EACLJ,GACAK,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;AACE,QAAMC,KAAWL,IAAYD,KAAY,GACnCO,IAAKF,EAAK,OAAO,CAACG,GAAKC,MAAQ;AACjC,UAAMC,IAAoD,CAAA;AAC1D,QAAIC,IAAgB;AACpB,WAAAR,EAAc,QAAQ,CAAAS,MAAgB;;AAClC,YAAMC,MAASC,IAAAL,EAAI,UAAUG,CAAY,MAA1B,gBAAAE,EAA6B,WAAU;AACtD,MAAAJ,EAAQE,CAAY,IAAI;AAAA,QACpB,IAAID;AAAA,QACJ,IAAIA,IAAgBE;AAAA,MAAA,GAExBF,KAAiBE;AAAA,IACrB,CAAC,GACDL,EAAIC,EAAI,eAAe,IAAIC,GACpBF;AAAA,EACX,GAAG,CAAA,CAA8D;AAEjE,SAAOL,EAAc,IAAI,CAACS,MAAiB;AACvC,UAAMG,IAAoCb,EAAY,QAAQ,CAACc,MAAe;AAC1E,YAAMC,IAAOV,EAAGS,CAAU,GACpBE,IAAIvB,EAAO,SAASqB,CAAU,KAAK,GACnCG,IAAKxB,EAAO,EAAEsB,EAAKL,CAAY,EAAE,EAAE,GACnCQ,IAAKzB,EAAO,EAAEsB,EAAKL,CAAY,EAAE,EAAE,GACnCS,IAA8B,CAACH,IAAIZ,GAASa,GAAIC,CAAE,GAClDE,IAA8B,CAACJ,IAAIjB,IAAYK,GAASa,GAAIC,CAAE;AACpE,aAAOhB,IAAa,CAACiB,GAAIC,CAAE,IAAI,CAACA,GAAID,CAAE;AAAA,IAC1C,CAAC,GAEKE,KAASnB,IACXoB,IACK,MAAMC,CAAU,EAChB,EAAE,CAAAC,MAAKA,EAAE,CAAC,CAAC,EACX,GAAG,CAAAA,MAAKA,EAAE,CAAC,CAAC,EACZ,GAAG,CAAAA,MAAKA,EAAE,CAAC,CAAC,EAAEX,CAAM,IAEzBS,EAAA,EACK,MAAMG,CAAU,EAChB,EAAE,CAAAD,MAAKA,EAAE,CAAC,CAAC,EACX,GAAG,OAAKA,EAAE,CAAC,CAAC,EACZ,GAAG,CAAAA,MAAKA,EAAE,CAAC,CAAC,EAAEX,CAAM,MAAM;AACnC,WAAO,EAAC,cAAAH,GAAc,OAAAW,EAAA;AAAA,EAC1B,CAAC;AACL;AAEA,SAASK,EACLC,GACAC,GACF;AACE,SAAKD,EAAU,KAAK,WAGbA,EAAU,IAAI,aAAa,SAASC,IAAY,MAAM,KAAK,IAAIA,GAAWD,EAAU,IAAI,QAAQ,IAF5F;AAGf;AAEO,SAASE,EAAmB;AAAA,EAC/B,UAAAC;AAAA,EACA,QAAArC;AAAA,EACA,aAAAsC;AAAA,EACA,WAAAJ;AAAA,EACA,eAAAK;AAAA,EACA,cAAAC;AAAA,EACA,mBAAArC;AAAA,EACA,wBAAAsC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AACJ,GAAqB;AACjB,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAAA,SAAwB,IAAI,GACpErC,IAAa6B,MAAgB,YAC7BS,IAAgB/C,EAAO,SAAS,UAAA,GAChCgD,IAAWf,EAAkBC,GAAWa,CAAa,GACrDxC,IAAcP,EAAO,SAAS,OAAA,GAC9BQ,IAAgBR,EAAO,WAAW,OAAA,EAAS,QAAA,GAE3CiD,IAAapD,EAAsBqC,EAAU,IAAI,SAAS,KAAK,OAAOA,EAAU,IAAI,aAAc,UAClGgB,IAAQD,IAAa7C;AAAA,IACvBJ;AAAA,IACAgD;AAAA,IACAD;AAAA,IACAxC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAyB,EAAU,MAAMG,CAAQ;AAAA,EAAA,IACxB,CAAA;AAEJ,gCACK,KAAA,EACG,UAAA;AAAA,IAAAc,gBAAAA,EAAAA,IAAC,KAAA,EACI,eAAcD,EAAM,IAAI,CAAC,EAAC,cAAAjC,GAAc,OAAAW,QACrCuB,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,GAAGvB;AAAA,QACH,MAAM7B,EAAYC,GAAQ,aAAakC,EAAU,IAAI,WAAW3B,EAAY,CAAC,GAAGU,CAAY;AAAA,QAC5F,SAASiB,EAAU,IAAI,eAAeU,MAAoB,QAAQ3B,MAAiB2B,IAAkB,MAAM;AAAA,QAC3G,cAAc,MAAMC,EAAmB5B,CAAY;AAAA,QACnD,cAAc,MAAM4B,EAAmB,IAAI;AAAA,MAAA;AAAA,MALtC5B;AAAA,IAAA,CAOZ,GACL;AAAA,IACAkC,gBAAAA,EAAAA,IAAC,KAAA,EACA,UAAAjB,EAAU,KAAK,YAAaA,EAA8B,MAAMG,CAAQ,EAAE,IAAI,CAAAe,MAC3ED,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QAEG,UAAAhB;AAAA,QACA,MAAAe;AAAA,QACA,gBAAgBlB,EAAU,MAAMG,CAAQ,EAAE;AAAA,QAC1C,QAAArC;AAAA,QACA,aAAAsC;AAAA,QACA,KAAK;AAAA,UACD,GAAGJ,EAAU;AAAA,UACb,OAAOc;AAAA,UACP,SAASd,EAAU,IAAI;AAAA,QAAA;AAAA,QAE3B,WAAWA,EAAU,KAAK;AAAA,QAC1B,eAAAK;AAAA,QACA,cAAAC;AAAA,QACA,mBAAArC;AAAA,QACA,cAAAwC;AAAA,QACA,wBAAAF;AAAA,QACA,mBAAAC;AAAA,QACA,WAAWE;AAAA,QACX,gBAAgBC;AAAA,MAAA;AAAA,MAnBXO,EAAK;AAAA,IAAA,CAqBjB,EAAA,CACD;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"StackedAreaElement.js","sources":["../../../../src/discrete/components/layers/StackedAreaElement.tsx"],"sourcesContent":["import {area, curveBumpX, curveBumpY} from 'd3-shape';\nimport React, { useState } from 'react';\nimport type {TooltipsData} from '../../../common/Tooltip';\nimport type {AesItem, GroupingData, InheritAesDiscrete, Orientation} from '../../../types';\nimport type {StackedBar} from '../../layers';\nimport type {StackedAreaData} from '../../layers/types';\nimport type {ChartScales} from '../types';\nimport {StackedBarElement} from './StackedBarElement';\n\ninterface StackedAreaProps {\n    facetKey: string;\n    scales: ChartScales;\n    layerData: StackedAreaData;\n    orientation: Orientation;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction isSecondaryGroupedAes (value: string | InheritAesDiscrete) {\n    return value && typeof value === 'object' && 'type' in value && value.type === 'secondaryGrouping';\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    primaryGrouping: string,\n    secondaryGrouping: string\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getAreas(\n    scales: ChartScales,\n    barWidth: number,\n    bandWidth: number,\n    primaryKeys: string[],\n    secondaryKeys: string[],\n    isVertical: boolean,\n    bars: StackedBar[],\n) {\n    const offsetX = (bandWidth - barWidth) / 2;\n    const ys = bars.reduce((res, bar) => {\n        const yValues: Record<string, {y1: number, y2: number}> = {};\n        let currentHeight = 0;\n        secondaryKeys.forEach(secondaryKey => {\n            const height = bar.valuesMap[secondaryKey]?.height ?? 0;\n            yValues[secondaryKey] = {\n                y1: currentHeight,\n                y2: currentHeight + height,\n            };\n            currentHeight += height;\n        });\n        res[bar.primaryGrouping] = yValues;\n        return res;\n    }, {} as Record<string, Record<string, {y1: number, y2: number}>>);\n\n    return secondaryKeys.map((secondaryKey) => {\n        const points:[number, number, number][] = primaryKeys.flatMap((primaryKey) => {\n            const yMap = ys[primaryKey];\n            const x = scales.xPrimary(primaryKey) ?? 0;\n            const y1 = scales.y(yMap[secondaryKey].y1);\n            const y2 = scales.y(yMap[secondaryKey].y2);\n            const p1:[number, number, number] = [x + offsetX, y1, y2];\n            const p2:[number, number, number] = [x + bandWidth - offsetX, y1, y2];\n            return isVertical ? [p1, p2] : [p2, p1];\n        });\n\n        const pathD = (isVertical ? (\n            area<[number, number, number]>()\n                .curve(curveBumpX)\n                .x(d => d[0])\n                .y0(d => d[1])\n                .y1(d => d[2])(points)\n            ) :\n            area<[number, number, number]>()\n                .curve(curveBumpY)\n                .y(d => d[0])\n                .x0(d => d[1])\n                .x1(d => d[2])(points)) ?? '';\n        return {secondaryKey, pathD};\n    });\n}\n\nfunction calculateBarWidth (\n    layerData: StackedAreaData,\n    bandwidth: number\n) {\n    if (!layerData.meta.showBars) {\n        return 0;\n    }\n    return layerData.aes.barWidth === 'auto' ? bandwidth * 0.2 : Math.min(bandwidth, layerData.aes.barWidth);\n}\n\nexport function StackedAreaElement({\n    facetKey,\n    scales,\n    orientation,\n    layerData,\n    sideDistances,\n    showTooltips,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: StackedAreaProps) {\n    const [selectedAreaKey, setSelectedAreaKey] = useState<string | null>(null);\n    const isVertical = orientation === 'vertical';\n    const boxOuterWidth = scales.xPrimary.bandwidth();\n    const boxWidth = calculateBarWidth(layerData, boxOuterWidth);\n    const primaryKeys = scales.xPrimary.domain();\n    const secondaryKeys = scales.xSecondary.domain().reverse();\n\n    const needsAreas = primaryKeys.length > 1 && (isSecondaryGroupedAes(layerData.aes.fillColor) || typeof layerData.aes.fillColor === 'string');\n    const areas = needsAreas ? getAreas(\n        scales,\n        boxWidth,\n        boxOuterWidth,\n        primaryKeys,\n        secondaryKeys,\n        isVertical,\n        layerData.geoms[facetKey]\n    ) : [];\n\n    return (\n        <g>\n            <g>\n                {needsAreas && areas.map(({secondaryKey, pathD}) => (\n                    <path\n                        key={secondaryKey}\n                        d={pathD}\n                        fill={getAesValue(scales, 'fillColor', layerData.aes.fillColor, primaryKeys[0], secondaryKey)}\n                        opacity={layerData.aes.areaOpacity * (selectedAreaKey !== null && secondaryKey !== selectedAreaKey ? 0.5 : 1)}\n                        onMouseEnter={() => setSelectedAreaKey(secondaryKey)}\n                        onMouseLeave={() => setSelectedAreaKey(null)}\n                    />\n                ))}\n            </g>\n            <g>\n            {layerData.meta.showBars && (layerData as StackedAreaData).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={{\n                        ...layerData.aes,\n                        width: boxWidth,\n                        opacity: layerData.aes.barsOpacity\n                    }}\n                    normalize={layerData.meta.normalize}\n                    sideDistances={sideDistances}\n                    showTooltips={showTooltips}\n                    secondaryGrouping={secondaryGrouping}\n                    tooltipsData={tooltipsData}\n                    activeElementContainer={activeElementContainer}\n                    tooltipsContainer={tooltipsContainer}\n                    activeKey={selectedAreaKey}\n                    onSectionHover={setSelectedAreaKey}\n                />\n            ))}\n            </g>\n        </g>\n    );\n}\n"],"names":["isSecondaryGroupedAes","value","getAesValue","scales","field","primaryGrouping","secondaryGrouping","getAreas","barWidth","bandWidth","primaryKeys","secondaryKeys","isVertical","bars","offsetX","ys","res","bar","yValues","currentHeight","secondaryKey","height","_a","points","primaryKey","yMap","x","y1","y2","p1","p2","pathD","area","curveBumpX","d","curveBumpY","calculateBarWidth","layerData","bandwidth","StackedAreaElement","facetKey","orientation","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","selectedAreaKey","setSelectedAreaKey","useState","boxOuterWidth","boxWidth","needsAreas","areas","jsx","geom","StackedBarElement"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/miplots4",
-  "version": "1.0.175",
+  "version": "1.0.176",
   "description": "Data visualization library",
   "author": "erohinaelena",
   "license": "ISC",