@devgateway/dvz-ui-react 1.1.0 → 1.2.0

package/dist/esm/embeddable/chart/Bar.js

@@ -1,47 +1,47 @@
 import { jsx as s, jsxs as p, Fragment as ye } from "react/jsx-runtime";
-import { useState as _, useEffect as Ht, Fragment as He } from "react";
-import Tt from "./Tooltip.js";
-import { ResponsiveBar as _t } from "@nivo/bar";
-import { injectIntl as At } from "react-intl";
-import { useTheme as St } from "@nivo/core";
-import { line as Te } from "d3-shape";
-import _e from "./LineLayer.js";
-import Ae from "papaparse";
-import jt from "../../layout/FlexWrapDetector.js";
+import { useState as _, useEffect as At, Fragment as Te } from "react";
+import St from "./Tooltip.js";
+import { ResponsiveBar as jt } from "@nivo/bar";
+import { injectIntl as Rt } from "react-intl";
+import { useTheme as Pt } from "@nivo/theming";
+import { line as _e } from "d3-shape";
+import Ae from "./LineLayer.js";
+import Se from "papaparse";
+import Yt from "../../layout/FlexWrapDetector.js";
 import xe from "../../utils/deviceType.js";
-const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q = "_Color", Kt = ({
+const Kt = "middle", Xt = "top", q = "#66676d", je = "#dddddd", Zt = "none", Q = "_Color", Ct = ({
   editing: y,
   legends: Y,
-  marginLeft: je,
+  marginLeft: Re,
   marginTop: pe,
-  marginRight: Re,
+  marginRight: Pe,
   marginBottom: be,
   options: o,
   intl: g,
   format: b,
   colors: V,
   groupMode: M,
-  height: Pe,
+  height: Ye,
   showLegends: G,
   legendPosition: w,
   tickRotation: B,
   offsetText: ee,
   tickColor: te,
   layout: f,
-  reverse: W,
-  offsetY: Ye,
+  reverse: H,
+  offsetY: Ke,
   csvLineLayerData: ge,
   tooltip: ae,
   lineLayerEnabled: ve,
   overlays: K,
   maxValue: A,
-  valueScale: Ke,
+  valueScale: Xe,
   colorGenerator: v,
   legendLabel: Ne,
-  overrideTickColor: Xe,
+  overrideTickColor: Ze,
   fixedMinValue: ne,
   fixedMaxValue: S,
-  barPadding: Ze,
+  barPadding: Ce,
   barLabelPosition: Ie,
   barInnerPadding: Je,
   tooltipEnabled: Ue,
@@ -52,35 +52,37 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
   legendLabelColor: re,
   highlightXAxisLine: qe,
   showTickLine: j,
-  showRightAxis: Ce,
-  offsetRight: Qe,
+  showRightAxis: Qe,
+  offsetRight: Ge,
   offsetBottom: Le,
   confidenceIntervals: ie,
-  showGroupTotal: Ge,
+  showGroupTotal: et,
   groupTotalLabel: ke,
   groupTotalFormat: we,
   groupTotalMeasure: De,
   groupTotalOffset: z,
   groupTotalFixedPosition: Z,
-  tooltipEnableMarkdown: et,
-  xAxisTickValues: tt,
-  yAxisTickValues: at,
-  mobileCustomization: nt,
-  minMaxClamp: lt,
-  reverseLegend: rt,
-  enableGridY: it,
-  enableGridX: st,
+  tooltipEnableMarkdown: tt,
+  xAxisTickValues: at,
+  yAxisTickValues: nt,
+  mobileCustomization: lt,
+  minMaxClamp: rt,
+  reverseLegend: it,
+  enableGridY: st,
+  enableGridX: ct,
   customAxisFormat: F,
-  previewMode: $
+  previewMode: $,
+  showLegendsInColumns: dt = !1,
+  numberOfLegendColumns: ht = 4
 }) => {
   var We;
-  const ct = ["mobile", "tablet", "midTablet"].includes(
+  const mt = ["mobile", "tablet", "midTablet"].includes(
     xe()
-  ), J = ["tablet", "midTablet"].includes(xe()), U = xe() === "mobile", se = 30, ce = 15, h = JSON.parse(decodeURIComponent(nt)), Fe = ct && ((h == null ? void 0 : h.showCustomization) ?? !1), H = Fe && $ !== "Desktop", T = !y && Fe, de = () => X === "null" || X === null || !X ? "#000000" : X, [I, dt] = _([]), { colorBy: R } = V, Oe = {};
+  ), C = ["tablet", "midTablet"].includes(xe()), J = xe() === "mobile", se = 30, ce = 15, h = JSON.parse(decodeURIComponent(lt)), Fe = mt && ((h == null ? void 0 : h.showCustomization) ?? !1), W = Fe && $ !== "Desktop", T = !y && Fe, de = () => X === "null" || X === null || !X ? "#000000" : X, [I, ot] = _([]), { colorBy: R } = V, Oe = {};
   K.forEach((e, t) => {
     Oe[t] = !0;
   });
-  const [L, ht] = _(Oe), [Me, mt] = _(50), [ot, ut] = _(pe), [Xt, Be] = _(0), [ft, yt] = _(be), P = ((e, t, c, n, r) => {
+  const [L, ut] = _(Oe), [Me, ft] = _(50), [yt, xt] = _(pe), [Jt, Be] = _(0), [ze, pt] = _(be), P = ((e, t, c, n, r) => {
     let i = [];
     return e.data && (i = t.colorBy === "index" ? e.data.map((l) => {
       let a, m = !0;
@@ -103,14 +105,14 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
     o,
     V,
     I,
-    Yt,
+    Zt,
     v
-  ), ze = () => (rt && P.reverse(), /* @__PURE__ */ p(ye, { children: [
+  ), $e = () => (it && P.reverse(), /* @__PURE__ */ p(ye, { children: [
     G && P.map((e) => /* @__PURE__ */ p(
       "div",
       {
         className: `legend item ${e.enabled ? "" : "ignore"}`,
-        onClick: () => wt(e.id),
+        onClick: () => Ft(e.id),
         children: [
           N && /* @__PURE__ */ s(
             "input",
@@ -209,7 +211,7 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
         }
       ) })
     ] }),
-    G && ve && K.map((e, t) => /* @__PURE__ */ p("div", { className: "legend item", onClick: () => Dt(t), children: [
+    G && ve && K.map((e, t) => /* @__PURE__ */ p("div", { className: "legend item", onClick: () => Ot(t), children: [
       /* @__PURE__ */ s(
         "input",
         {
@@ -244,24 +246,24 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
       )
     ] }))
   ] }));
-  Ht(() => {
+  At(() => {
     (() => {
       const c = 5 * Math.max(P.length - 5, 0);
-      mt(c);
+      ft(c);
     })();
   }, [P]);
-  const xt = {
+  const bt = {
     bottom: `-${Me}px`
-  }, pt = {
+  }, gt = {
     bottom: `-${Me}px`,
     gap: "0px"
     // top: "0px",
-  }, bt = (e) => he(e, "1 0", Se, "Y"), gt = (e) => he(e, "4 4", C, "X"), vt = (e) => he(e, "1 0", Se, "X"), Nt = (e) => {
+  }, vt = (e) => he(e, "1 0", je, "Y"), Nt = (e) => he(e, "4 4", q, "X"), It = (e) => he(e, "1 0", je, "X"), Lt = (e) => {
     const t = P.find((c) => c.id === e.value);
     return t ? t.color : "#FFFFFF";
-  }, It = (e) => {
+  }, kt = (e) => {
     const { yScale: t, bars: c } = e;
-    return /* @__PURE__ */ s(He, { children: c.filter((n) => n.data.value != null).map((n) => {
+    return /* @__PURE__ */ s(Te, { children: c.filter((n) => n.data.value != null).map((n) => {
       let r = n.data.indexValue;
       o.dimensionsMetadata && o.dimensionsMetadata.size > 1 && (r = n.data.id);
       const i = ie.filter(
@@ -278,7 +280,7 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
               x1: n.x + n.width / 2,
               x2: n.x + n.width / 2,
               strokeWidth: 1,
-              stroke: C
+              stroke: q
             }
           ),
           /* @__PURE__ */ s(
@@ -289,7 +291,7 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
               x1: n.x + n.width / 2 - 3,
               x2: n.x + n.width / 2 + 3,
               strokeWidth: 1,
-              stroke: C
+              stroke: q
             }
           ),
           /* @__PURE__ */ s(
@@ -300,7 +302,7 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
               x1: n.x + n.width / 2 - 3,
               x2: n.x + n.width / 2 + 3,
               strokeWidth: 1,
-              stroke: C
+              stroke: q
             }
           )
         ] });
@@ -309,7 +311,7 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
   }, he = (e, t, c, n) => {
     const { yScale: r, innerWidth: i, innerHeight: l } = e;
     let a, m;
-    return n == "X" ? (a = [0, i], m = Te().x((u, E) => E === 0 ? -10 : u).y(() => r(0))) : (a = [0, l], m = Te().x(() => 0).y((u) => u)), /* @__PURE__ */ s(He, { children: /* @__PURE__ */ s(
+    return n == "X" ? (a = [0, i], m = _e().x((u, E) => E === 0 ? -10 : u).y(() => r(0))) : (a = [0, l], m = _e().x(() => 0).y((u) => u)), /* @__PURE__ */ s(Te, { children: /* @__PURE__ */ s(
       "path",
       {
         d: m(a),
@@ -318,24 +320,24 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
         style: { pointerEvents: "none", strokeDasharray: t }
       }
     ) });
-  }, O = (e, t) => I ? (V.colorBy === "index" || V.colorBy === "id" || V.colorBy === "values") && !t ? e.filter((c) => I.indexOf(c[o.indexBy]) === -1) : e ? e.filter((c) => I.indexOf(c) === -1) : [] : e, Lt = (e) => {
-    const t = St();
+  }, O = (e, t) => I ? (V.colorBy === "index" || V.colorBy === "id" || V.colorBy === "values") && !t ? e.filter((c) => I.indexOf(c[o.indexBy]) === -1) : e ? e.filter((c) => I.indexOf(c) === -1) : [] : e, wt = (e) => {
+    const t = Pt();
     if (!e.value) return "";
     const c = Object.assign({}, e);
-    (T || H) && fe.includes(String(c.value)) && (c.value = "");
+    (T || W) && fe.includes(String(c.value)) && (c.value = "");
     let n;
-    Xe ? n = te : n = Nt(e);
+    Ze ? n = te : n = Lt(e);
     let r = [], i = "";
-    if (H || T) {
+    if (W || T) {
       const a = String(c.value).split(" ");
       let m = 25;
-      y && $ === "Mobile" || U && !y ? m = (h == null ? void 0 : h.mobileMaxTickLength) ?? 25 : y && $ === "Tablet" || J && !y ? m = (h == null ? void 0 : h.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !y && (m = 15), a.forEach((u) => {
+      y && $ === "Mobile" || J && !y ? m = (h == null ? void 0 : h.mobileMaxTickLength) ?? 25 : y && $ === "Tablet" || C && !y ? m = (h == null ? void 0 : h.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !y && (m = 15), a.forEach((u) => {
         i.length + String(u).length <= m ? i += (i ? " " : "") + u : (r.push(i), i = u);
       }), i && r.push(i);
     } else
       r = [c.value];
     let l = 12;
-    return U ? l = (h == null ? void 0 : h.mobileYAxisLineHeight) ?? 12 : J && (l = (h == null ? void 0 : h.tabletYAxisLineHeight) ?? 12), B > 0 && B < 180 ? /* @__PURE__ */ p("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+    return J ? l = (h == null ? void 0 : h.mobileYAxisLineHeight) ?? 12 : C && (l = (h == null ? void 0 : h.tabletYAxisLineHeight) ?? 12), B > 0 && B < 180 ? /* @__PURE__ */ p("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
       j && /* @__PURE__ */ s(
         "line",
         {
@@ -417,8 +419,8 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
         m
       )) })
     ] });
-  }, kt = (e) => {
-    if (!e.value || (H || T) && fe.includes(String(e.value)))
+  }, Dt = (e) => {
+    if (!e.value || (W || T) && fe.includes(String(e.value)))
       return "";
     let t = e.value;
     if (f === "vertical") {
@@ -431,14 +433,14 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
       );
     }
     let c = 25;
-    y && $ === "Mobile" || U && !y ? c = (h == null ? void 0 : h.mobileMaxTickLength) ?? 25 : y && $ === "Tablet" || J && !y ? c = (h == null ? void 0 : h.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !y && (c = 15);
+    y && $ === "Mobile" || J && !y ? c = (h == null ? void 0 : h.mobileMaxTickLength) ?? 25 : y && $ === "Tablet" || C && !y ? c = (h == null ? void 0 : h.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !y && (c = 15);
     const n = typeof t == "string" ? t.split(" ") : [t], r = [];
     let i = "";
     n.forEach((a) => {
       i.length + String(a).length <= c ? i += (i ? " " : "") + a : (r.push(i), i = a);
     }), i && r.push(i);
     let l = 12;
-    return y && $ === "Mobile" || U && !y ? l = (h == null ? void 0 : h.mobileYAxisLineHeight) ?? 12 : (y && $ === "Tablet" || J && !y) && (l = (h == null ? void 0 : h.tabletYAxisLineHeight) ?? 12), /* @__PURE__ */ p("g", { transform: `translate(${e.x},${e.y})`, children: [
+    return y && $ === "Mobile" || J && !y ? l = (h == null ? void 0 : h.mobileYAxisLineHeight) ?? 12 : (y && $ === "Tablet" || C && !y) && (l = (h == null ? void 0 : h.tabletYAxisLineHeight) ?? 12), /* @__PURE__ */ p("g", { transform: `translate(${e.x},${e.y})`, children: [
       /* @__PURE__ */ s("line", { x1: -5, x2: 0, y1: 0, y2: 0, stroke: "#000", strokeWidth: 1 }),
       r.map((a, m) => /* @__PURE__ */ s(
         "text",
@@ -457,18 +459,18 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
         a
       ))
     ] });
-  }, wt = (e) => {
+  }, Ft = (e) => {
     const t = I.slice();
     if (t.indexOf(e) > -1) {
       const c = t.indexOf(e);
       t.splice(c, 1);
     } else
       t.push(e);
-    dt(t);
-  }, Dt = (e) => {
+    ot(t);
+  }, Ot = (e) => {
     const t = Object.assign({}, L);
-    t[e] = !t[e], ht(t);
-  }, Ft = ({ bars: e }) => /* @__PURE__ */ s("g", { children: e.map((t) => {
+    t[e] = !t[e], ut(t);
+  }, Mt = ({ bars: e }) => /* @__PURE__ */ s("g", { children: e.map((t) => {
     const { width: c, height: n, y: r, x: i, data: l } = t;
     if (f === "horizontal" && n <= ce || f === "vertical" && c <= se)
       return;
@@ -487,19 +489,19 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
           children: `${a}`
         }
       );
-  }) }), Ot = (e) => {
+  }) }), Bt = (e) => {
     const t = o.data.filter((n) => I.indexOf(n[o.indexBy]) == -1).map((n) => n[o.indexBy]), { bars: c } = e;
     return /* @__PURE__ */ s("g", { children: t.filter(
       (n) => c.filter((r) => r.data.indexValue == n).length > 0
     ).map((n) => {
-      var q;
+      var U;
       const r = c.filter((d) => d.data.indexValue == n);
       let i = "right", l = 0, a = 0;
       if (f == "horizontal")
-        M === "stacked" ? (Z ? l = e.innerWidth - 20 : (l = r.map((d) => d.width).reduce((d, x) => d + x), W && (l = e.innerWidth - l)), a = e.yScale(n) + r[0].height / 2) : (Z ? l = e.innerWidth : (l = r.map((d) => d.width).reduce((d, x) => d > x ? d : x), W && (l = e.innerWidth - l)), a = e.yScale(n) + r.map((d) => d.height).reduce((d, x) => d + x) / 2), l = l + parseInt(z) + 5;
+        M === "stacked" ? (Z ? l = e.innerWidth - 20 : (l = r.map((d) => d.width).reduce((d, x) => d + x), H && (l = e.innerWidth - l)), a = e.yScale(n) + r[0].height / 2) : (Z ? l = e.innerWidth : (l = r.map((d) => d.width).reduce((d, x) => d > x ? d : x), H && (l = e.innerWidth - l)), a = e.yScale(n) + r.map((d) => d.height).reduce((d, x) => d + x) / 2), l = l + parseInt(z) + 5;
       else if (i = "middle", M === "stacked")
-        l = e.xScale(n) + r[0].width / 2, Z ? a = a - parseInt(z) : W ? a = parseInt(z) + r.map((d) => d.height).reduce((d, x) => d + x) + 14 : a = e.innerHeight - parseInt(z) - r.map((d) => d.height).reduce((d, x) => d + x) - 5;
-      else if (l = e.xScale(n) + r.map((d) => d.width).reduce((d, x) => d + x) / 2, W && (a = e.innerHeight), Z)
+        l = e.xScale(n) + r[0].width / 2, Z ? a = a - parseInt(z) : H ? a = parseInt(z) + r.map((d) => d.height).reduce((d, x) => d + x) + 14 : a = e.innerHeight - parseInt(z) - r.map((d) => d.height).reduce((d, x) => d + x) - 5;
+      else if (l = e.xScale(n) + r.map((d) => d.width).reduce((d, x) => d + x) / 2, H && (a = e.innerHeight), Z)
         a = a - parseInt(z);
       else {
         if (r.length % 2 == 1) {
@@ -512,13 +514,13 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
             r[d - 1].height
           );
         }
-        W ? a = a + 14 + parseInt(z) : a = e.innerHeight - a - parseInt(z) - 5;
+        H ? a = a + 14 + parseInt(z) : a = e.innerHeight - a - parseInt(z) - 5;
       }
       const m = o.data.filter(
         (d) => d[o.indexBy] === n
       )[0];
       let u = m.parent_variables ? m.parent_variables[De] : m[De];
-      const E = R !== "index" ? (q = I == null ? void 0 : I.map((d) => m[d])) == null ? void 0 : q.reduce((d, x) => d + x, 0) : 0;
+      const E = R !== "index" ? (U = I == null ? void 0 : I.map((d) => m[d])) == null ? void 0 : U.reduce((d, x) => d + x, 0) : 0;
       return u -= E, /* @__PURE__ */ s("text", { y: a, x: l, style: { fill: de() }, children: /* @__PURE__ */ p("tspan", { textAnchor: i, children: [
         ke ? ke + " " : "",
         g.formatNumber(
@@ -527,18 +529,18 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
         )
       ] }) });
     }) });
-  }, Mt = {
-    top: ot,
-    right: Re,
-    bottom: ft,
-    left: je
+  }, zt = {
+    top: yt,
+    right: Pe,
+    bottom: ze,
+    left: Re
   };
-  let me, oe = 0, $e = 0;
-  ge && (me = Ae.parse(ge, {
+  let me, oe = 0, Ee = 0;
+  ge && (me = Se.parse(ge, {
     header: !1,
     dynamicTyping: !0
-  }), oe = Math.max(...me.data.map((e) => e[1])), $e = Math.min(...me.data.map((e) => e[1])));
-  const Ee = (() => {
+  }), oe = Math.max(...me.data.map((e) => e[1])), Ee = Math.min(...me.data.map((e) => e[1])));
+  const Ve = (() => {
     const e = [];
     if (ie && (ie.forEach((t) => {
       t.low && e.push(parseFloat(t.low)), t.high && e.push(parseFloat(t.high));
@@ -551,7 +553,7 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
       });
     }
     return e;
-  })(), Bt = Math.max(...Ee), zt = Math.min(...Ee), $t = () => {
+  })(), $t = Math.max(...Ve), Et = Math.min(...Ve), Vt = () => {
     const e = O(o.data, !1), t = O(o.keys, !0);
     if (M === "stacked" && A !== "fixed" || A === "fixed" && S === null || // @ts-ignore
     S === "") {
@@ -566,23 +568,23 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
       ) * 1.1;
     }
     return A === "fixed" && S !== null && // @ts-ignore
-    S !== "" ? S : Math.max(oe, Bt) * 1.05;
-  }, Et = () => {
-    const e = Math.min($e, zt);
+    S !== "" ? S : Math.max(oe, $t) * 1.05;
+  }, Ht = () => {
+    const e = Math.min(Ee, Et);
     return A === "fixed" && ne !== null && // @ts-ignore
     ne !== "" ? ne : e > 0 ? e * 0.9 : e * 1.1;
-  }, Vt = $t(), Wt = Et(), k = ["grid", "axes", "bars"];
-  Ge && k.push(Ot), k.push(bt), k.push(vt), ve && K && K.forEach((e, t) => {
+  }, Wt = Vt(), Tt = Ht(), k = ["grid", "axes", "bars"];
+  et && k.push(Bt), k.push(vt), k.push(It), ve && K && K.forEach((e, t) => {
     if (L[t] == !0 || L[t] == null) {
       const { csvLineLayerData: c, lineColor: n, tooltip: r } = e;
       if (e.app == "csv") {
-        const i = Ae.parse(c, {
+        const i = Se.parse(c, {
           header: !1,
           dynamicTyping: !0
         });
         if (i.data && i.data.filter((l) => l[1] !== null).length > 0) {
           i.data = i.data.filter((a) => a[1] !== null);
-          const l = _e(
+          const l = Ae(
             i,
             n,
             f,
@@ -600,7 +602,7 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
           u.variables[e.measure[0]]
         ]), a = o.metadata.measures ? o.metadata.measures.filter((u) => u.value == e.measure[0]) : [];
         i.data = l;
-        const m = _e(
+        const m = Ae(
           i,
           n,
           f,
@@ -613,46 +615,47 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
         k.push(m);
       }
     }
-  }), Ie === Pt && k.push(Ft), qe && k.push(gt), k.push(It);
-  let ue = parseInt(at);
-  const Ve = () => /* @__PURE__ */ s(ye, { children: G && Ne && /* @__PURE__ */ s("div", { className: "legend item", children: /* @__PURE__ */ s("label", { className: "legend-title", children: Ne }) }) }), fe = [];
-  if (T || H) {
+  }), Ie === Xt && k.push(Mt), qe && k.push(Nt), k.push(kt);
+  let ue = parseInt(nt);
+  const He = () => /* @__PURE__ */ s(ye, { children: G && Ne && /* @__PURE__ */ s("div", { className: "legend item", children: /* @__PURE__ */ s("label", { className: "legend-title", children: Ne }) }) }), fe = [];
+  if (T || W) {
     ue = Number.parseInt(h.yAxisTickValues);
     const e = new Map(Object.entries(((We = h == null ? void 0 : h.labels) == null ? void 0 : We.xAxis) ?? {}));
     for (const [t, c] of e)
       c || fe.push(t);
   }
-  return /* @__PURE__ */ s("div", { style: { height: Pe }, children: (o == null ? void 0 : o.data) && o.data.length > 0 && /* @__PURE__ */ p(ye, { children: [
+  let _t = parseInt(Ye + "") - ze;
+  return /* @__PURE__ */ s("div", { style: { height: _t + "px" }, className: "bar-chart", children: (o == null ? void 0 : o.data) && o.data.length > 0 && /* @__PURE__ */ p(ye, { children: [
     /* @__PURE__ */ s(
-      _t,
+      jt,
       {
         colorBy: V.colorBy,
         animate: !0,
-        enableLabel: Ie == Rt,
+        enableLabel: Ie == Kt,
         ...o,
-        maxValue: Vt,
-        minValue: Wt,
+        maxValue: Wt,
+        minValue: Tt,
         keys: O(o.keys, !0),
         data: O(o.data, !1),
         groupMode: M || "grouped",
-        margin: Mt,
+        margin: zt,
         innerPadding: Je,
         valueScale: {
-          type: Ke,
-          clamp: A === "fixed" && lt
+          type: Xe,
+          clamp: A === "fixed" && rt
         },
         colors: (e) => e && e.data[Q] ? e.data[Q] : v.getColor(e.id, e.data),
         borderColor: "#000",
-        reverse: W,
+        reverse: H,
         axisTop: null,
-        axisRight: Ce ? {
+        axisRight: Qe ? {
           tickSize: f == "horizontal" && j || f === "vertical" ? 5 : 0,
           tickPadding: 5,
           tickRotation: 0,
           tickValues: ue,
           legend: Y.right,
           legendPosition: "middle",
-          legendOffset: parseInt(Qe),
+          legendOffset: parseInt(Ge),
           format: (e) => {
             if (!e) return "";
             if (f == "vertical") {
@@ -667,13 +670,13 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
             return e;
           }
         } : null,
-        axisBottom: (H || T) && (h == null ? void 0 : h.xAxisDisabled) === !0 ? null : f === "horizontal" ? {
+        axisBottom: (W || T) && (h == null ? void 0 : h.xAxisDisabled) === !0 ? null : f === "horizontal" ? {
           legend: Y.bottom,
           legendPosition: "middle",
           legendOffset: parseInt(Le),
           tickPadding: 5,
           tickRotation: 0,
-          tickValues: parseInt(tt),
+          tickValues: parseInt(at),
           format: (e) => {
             if (!e) return "";
             if (f == "horizontal") {
@@ -691,7 +694,7 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
           legend: Y.bottom,
           legendPosition: "middle",
           legendOffset: parseInt(Le),
-          renderTick: Lt
+          renderTick: wt
         },
         axisLeft: {
           tickSize: f === "horizontal" && j || f === "vertical" ? 5 : 0,
@@ -700,8 +703,8 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
           tickValues: ue,
           legend: Y.left,
           legendPosition: "middle",
-          legendOffset: Number.parseInt(Ye),
-          ...H || T ? { renderTick: kt } : {
+          legendOffset: Number.parseInt(Ke),
+          ...W || T ? { renderTick: Dt } : {
             format: (e) => {
               if (!e) return "";
               if (f === "vertical") {
@@ -717,12 +720,12 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
             }
           }
         },
-        enableGridY: it,
-        enableGridX: st,
+        enableGridY: st,
+        enableGridX: ct,
         layout: f,
         labelSkipWidth: se,
         labelSkipHeight: ce,
-        padding: Ze,
+        padding: Ce,
         labelTextColor: de(),
         label: (e) => g.formatNumber(
           b.style === "percent" && e.value ? e.value / 100 : e.value,
@@ -736,13 +739,13 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
         motionStiffness: 130,
         motionDamping: 15,
         tooltip: (e) => Ue && ae && ae.trim().length > 0 ? /* @__PURE__ */ s(
-          Tt,
+          St,
           {
             intl: g,
             format: b,
             d: e,
             tooltip: ae,
-            tooltipEnableMarkdown: et
+            tooltipEnableMarkdown: tt
           }
         ) : null,
         theme: {
@@ -767,15 +770,17 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
       {
         className: `legends container has-standard-12-font-size ${w}`,
         children: /* @__PURE__ */ p("div", { className: "legend-sections", children: [
-          /* @__PURE__ */ s("div", { className: "title-section", children: Ve() }),
+          /* @__PURE__ */ s("div", { className: "title-section", children: He() }),
           /* @__PURE__ */ s(
-            jt,
+            Yt,
             {
               onWrapChange: (e) => {
-                w === "top" ? (ut(pe + e / 2 * 40), Be(e)) : (yt(be + e / 2 * 25), Be(e));
+                w === "top" ? (xt(pe + e / 2 * 40), Be(e)) : (pt(be + e / 2 * 25), Be(e));
               },
               className: "legends container has-standard-12-font-size items-section",
-              children: ze()
+              useColumns: dt,
+              numberOfLegendColumns: ht,
+              children: $e()
             }
           )
         ] })
@@ -785,15 +790,15 @@ const Rt = "middle", Pt = "top", C = "#66676d", Se = "#dddddd", Yt = "none", Q =
       "div",
       {
         className: `legends container has-standard-12-font-size  ${w}`,
-        style: w === "right" ? xt : pt,
+        style: w === "right" ? bt : gt,
         children: [
-          Ve(),
-          ze()
+          He(),
+          $e()
         ]
       }
     )
   ] }) });
-}, ia = At(Kt);
+}, da = Rt(Ct);
 export {
-  ia as default
+  da as default
 };

package/dist/esm/embeddable/chart/Line.js

@@ -4,7 +4,7 @@ import { injectIntl as rt } from "react-intl";
 import { ResponsiveLine as nt } from "@nivo/line";
 import st from "./Tooltip.js";
 import { area as lt, line as it } from "d3-shape";
-import { useTheme as ct } from "@nivo/core";
+import { useTheme as ct } from "@nivo/theming";
 import ot from "../../layout/FlexWrapDetector.js";
 import P from "../../utils/deviceType.js";
 const mt = "#66676d", K = "#f0f0f1", dt = ["mobile", "tablet", "midTablet"].includes(P()), pe = P() === "mobile", xe = ["tablet", "midTablet"].includes(P()), ht = (m, x) => {