@devgateway/dvz-ui-react 1.0.6 → 1.1.0

package/dist/esm/embeddable/map/index.js

@@ -1,13 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import "react";
-import { connect as Wa } from "react-redux";
-import Ga from "../data/DataProvider.js";
-import ja from "../data/DataConsumer.js";
-import Za from "./map.js";
-import qa from "./MapDataFrame.js";
-import Ha from "./MapCSVDataFrame.js";
-import { SettingProvider as R, SettingsConsumer as B } from "@devgateway/wp-react-lib";
-const Ja = [
+import { connect as Ma } from "react-redux";
+import Oa from "../data/DataProvider.js";
+import Va from "../data/DataConsumer.js";
+import Wa from "./map.js";
+import Ga from "./MapDataFrame.js";
+import ja from "./MapCSVDataFrame.js";
+const Za = [
   { label: "KENYA", value: "KEN", center: [35.8166634, 0.1], scale: 2e3 },
   { label: "Nigeria", value: "NGA", center: [7.491302, 9.072264], scale: 2e3 },
   { label: "South Africa", value: "ZAF", center: [24.676997, -28.48322], scale: 2e3 },
@@ -17,191 +16,201 @@ const Ja = [
   { label: "Zambia", value: "ZMB", center: [26.459455, -14.668135], scale: 2e3 },
   { label: "Democratic Republic of the Congo", value: "DRC", center: [23.174338, -5.837475], scale: 1250 },
   { label: "World", value: "World", center: [0, 20.050043], scale: 150 }
-], Ka = (r) => /* @__PURE__ */ t(R, { locale: r.intl.locale, changeUUID: r.unique, children: /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(Ya, { ...r }) }) }), Ya = (r) => {
+], Ha = (r) => /* @__PURE__ */ l(Ja, { ...r }), Ja = (r) => {
   const {
-    unique: n,
-    editing: s,
-    "data-filters": P = "{}",
-    "data-app": i = "csv",
-    "data-csv": k = "",
-    "data-dimension1": E = "",
-    "data-dimension2": M = "",
+    unique: d,
+    editing: n,
+    "data-filters": R = "{}",
+    "data-app": s = "csv",
+    "data-csv": B = "",
+    "data-dimension1": P = "",
+    "data-dimension2": k = "",
     "data-measures": m = '["prevalenceSmokeAny"]',
-    "data-height": O = 600,
-    width: V = 960,
-    "data-data-source-text": W = "NIDS",
-    "data-data-source-label": G = "Source",
-    "data-national-average-label": j = "National Prevalence Avg",
-    "data-legend-title": Z = "Tobacco Prevalence Rate",
-    "data-legend-breaks": q = "[]",
-    "data-zoom-enabled": h = !1,
-    "data-show-legend-labels": b = !1,
-    "data-map-file": H,
-    "data-mapping-field": J = "zone",
-    "data-map-label-field": K = "admin",
+    "data-height": E = 600,
+    width: M = 960,
+    "data-data-source-text": O = "NIDS",
+    "data-data-source-label": V = "Source",
+    "data-national-average-label": W = "National Prevalence Avg",
+    "data-legend-title": G = "Tobacco Prevalence Rate",
+    "data-legend-breaks": j = "[]",
+    "data-zoom-enabled": b = !1,
+    "data-show-legend-labels": h = !1,
+    "data-map-file": Z,
+    "data-mapping-field": H = "zone",
+    "data-map-label-field": J = "admin",
     "data-has-multiple-measures": g = "false",
-    topoJSONField: Y = "collection",
-    "data-map-center": $ = "NGA",
+    topoJSONField: K = "collection",
+    "data-map-center": q = "NGA",
     //country
     "data-map-label-show-value": v = "false",
     "data-show-tooltip": C = "true",
-    "data-measure-selector-label": Q = "",
-    "data-value-format": X = "",
+    "data-measure-selector-label": Y = "",
+    "data-value-format": $ = "",
     "data-show-overall-value": F = "false",
     "data-auto-generate-breaks": w = "false",
-    "data-number-of-breaks": _ = 5,
-    "data-scheme": aa = "reds",
+    "data-number-of-breaks": Q = 5,
+    "data-scheme": X = "reds",
     "data-show-no-data-label": y = "false",
     "data-group": L = "default",
-    "data-map-symbols": ea = "[]",
-    "data-tooltip-theme": oa = "map-tooltip-dark",
-    "data-label-font-size": ta = 12,
-    "data-label-font-weight": la = "normal",
-    "data-label-font-color": ra = "#595959",
-    "data-legend-font-size": na = 12,
-    "data-legend-font-weight": sa = "normal",
-    "data-custom-tooltips": ia = "[]",
+    "data-map-symbols": _ = "[]",
+    "data-tooltip-theme": aa = "map-tooltip-dark",
+    "data-label-font-size": ea = 12,
+    "data-label-font-weight": oa = "normal",
+    "data-label-font-color": ta = "#595959",
+    "data-legend-font-size": la = 12,
+    "data-legend-font-weight": ra = "normal",
+    "data-custom-tooltips": na = "[]",
     "data-format-style": c = "decimal",
     "data-decimals": D = "2",
-    "data-currency": da = "",
-    "data-tooltip-font-size": ma = 14,
-    "data-show-admin-unit-label": ca = "showAll",
-    "data-map-no-data-color": ua = "#f8f8f8",
-    "data-map-boundary-color": pa = "#000",
-    "data-map-focus-boundary-color": fa = "#000",
-    "data-highlighted-location": ha = "",
-    "data-tooltip-format": ba = `{locationName} %({value},2) 
+    "data-currency": sa = "",
+    "data-tooltip-font-size": ia = 14,
+    "data-show-admin-unit-label": da = "showAll",
+    "data-map-no-data-color": ma = "#f8f8f8",
+    "data-map-boundary-color": ca = "#000",
+    "data-map-focus-boundary-color": ua = "#000",
+    "data-highlighted-location": pa = "",
+    "data-tooltip-format": fa = `{locationName} %({value},2) 
  {label}: %({value},2)`,
     "data-show-no-data-tooltip": S = "false",
-    "data-map-container-bg-color": ga = "#fff",
-    "data-map-position": va = "{}",
-    "data-main-layer-id": Ca = "",
-    "data-enabled-layers": Fa,
-    "data-point-label-color": wa = "#fff",
-    "data-point-label-format": ya = "{locationName} %({value},2)",
+    "data-map-container-bg-color": ba = "#fff",
+    "data-map-position": ha = "{}",
+    "data-main-layer-id": ga = "",
+    "data-enabled-layers": va,
+    "data-point-label-color": Ca = "#fff",
+    "data-point-label-format": Fa = "{locationName} %({value},2)",
     "data-show-no-data-legend-item": N = !1,
-    "data-highlighted-loc-label-format": La = "{locationName} - Score: #({value},2)",
-    "data-enable-summary-view": Xa = "false",
-    "data-map-type": I = "DEFAULT",
-    "data-default-point-color": Da = "#FFFF00",
-    "data-aggregation-formula": Sa = "COUNT",
-    "data-zoom-level-to-show-points": Na = 2,
-    "data-zoom-on-filter": z = "false",
-    "data-zoom-on-filter-field": Ia = "",
-    "data-no-data-text": za = "No Data",
-    "data-labels-exclusion-list": Ua = "",
-    "data-custom-measure-labels": xa = "{}",
-    "data-show-shading-layer-labels": Ta = "ifUnitHasData",
+    "data-highlighted-loc-label-format": wa = "{locationName} - Score: #({value},2)",
+    "data-enable-summary-view": Ya = "false",
+    "data-map-type": z = "DEFAULT",
+    "data-default-point-color": ya = "#FFFF00",
+    "data-aggregation-formula": La = "COUNT",
+    "data-zoom-level-to-show-points": Da = 2,
+    "data-zoom-on-filter": I = "false",
+    "data-zoom-on-filter-field": Sa = "",
+    "data-no-data-text": Na = "No Data",
+    "data-labels-exclusion-list": za = "",
+    "data-custom-measure-labels": Ia = "{}",
+    "data-show-shading-layer-labels": xa = "ifUnitHasData",
     "data-dvz-proxy-dataset-id": u,
-    intl: Aa,
-    settings: _a
-  } = r, Ra = (a) => s ? a : decodeURIComponent(a), l = (a) => {
+    intl: $a,
+    settings: Qa
+  } = r, Ta = (a) => n ? a : decodeURIComponent(a), t = (a) => {
     try {
       if (a)
-        return JSON.parse(Ra(a));
+        return JSON.parse(Ta(a));
     } catch {
       console.error("error parsing value:" + a);
     }
     return null;
-  }, Ba = (a) => {
-    let o = l(a) || [];
+  }, Aa = (a) => {
+    let o = t(a) || [];
     return o = o.map((e) => (e.min && (e.min = parseFloat(e.min)), e.max && (e.max = parseFloat(e.max)), e.color = decodeURIComponent(e.color), e)), o;
-  }, Pa = (a) => {
-    const o = l(a) || [];
+  }, Ua = (a) => {
+    const o = t(a) || [];
     let e = {};
-    return o && o.forEach ? o.forEach((d) => {
-      d.value != null && d.value.filter((A) => A != null && A.toString().trim() != "").length > 0 && (e[d.param] = d.value);
+    return o && o.forEach ? o.forEach((i) => {
+      i.value != null && i.value.filter((U) => U != null && U.toString().trim() != "").length > 0 && (e[i.param] = i.value);
     }) : e = o, e;
-  }, ka = {
+  }, Ra = {
     style: c === "compacted" ? "decimal" : c,
     notation: c === "compacted" ? "compact" : "standard",
-    currency: da,
+    currency: sa,
     minimumFractionDigits: parseInt(D),
     maximumFractionDigits: parseInt(D)
   };
-  let p = l(Fa) || [];
+  let p = t(va) || [];
   p = p.map((a) => (a.bgColor = decodeURIComponent(a.bgColor), a.fontColor = decodeURIComponent(a.fontColor), a));
-  const U = Ja.find((a) => a.value === $), x = g == !0 || g == "true", f = [E, M].filter((a) => a != "none" && a != null).join("/"), Ea = {
-    unique: n,
-    editing: s,
-    source: `/${H}`,
-    center: U.center,
-    scale: U.scale,
+  const x = Za.find((a) => a.value === q), T = g == !0 || g == "true", f = [P, k].filter((a) => a != "none" && a != null).join("/"), Ba = {
+    unique: d,
+    editing: n,
+    source: `/${Z}`,
+    center: x.center,
+    scale: x.scale,
     measures: m,
-    legendTitle: Z,
-    height: O,
-    width: V,
-    topoJSONField: Y,
-    mappingField: J,
-    dataSourceText: W,
-    dataSourceLabel: G,
-    nationalAverageLabel: j,
-    legendBreaks: Ba(q),
-    mapLabelField: K,
-    zoomEnabled: h == !0 || h == "true",
-    showLegendLabels: b == !0 || b == "true",
-    multipleMeasures: x,
-    app: i,
+    legendTitle: G,
+    height: E,
+    width: M,
+    topoJSONField: K,
+    mappingField: H,
+    dataSourceText: O,
+    dataSourceLabel: V,
+    nationalAverageLabel: W,
+    legendBreaks: Aa(j),
+    mapLabelField: J,
+    zoomEnabled: b == !0 || b == "true",
+    showLegendLabels: h == !0 || h == "true",
+    multipleMeasures: T,
+    app: s,
     mapLabelShowValue: v == !0 || v == "true",
     showTooltip: C == !0 || C == "true",
     showOverallValue: F == !0 || F == "true",
-    measureSelectorLabel: Q,
-    valueFormat: X,
+    measureSelectorLabel: Y,
+    valueFormat: $,
     autoGenerateBreaks: w == !0 || w == "true",
     showNoDataLabel: y == !0 || y == "true",
-    numberOfBreaks: _,
-    colorScheme: aa,
+    numberOfBreaks: Q,
+    colorScheme: X,
     group: L,
-    symbols: l(ea) || [],
-    tooltipTheme: oa,
-    labelFontSize: ta,
-    labelFontColor: decodeURIComponent(ra),
-    labelFontWeight: la,
-    legendFontSize: na,
-    legendFontWeight: sa,
-    customTooltips: l(ia) || [],
-    format: ka,
-    tooltipFontSize: ma,
-    showAdminUnitLabel: ca,
-    mapNoDataColor: decodeURIComponent(ua),
-    mapBoundaryColor: decodeURIComponent(pa),
-    mapFocusBoundaryColor: decodeURIComponent(fa),
-    highlightedLocation: ha,
-    tooltipFormat: ba,
+    symbols: t(_) || [],
+    tooltipTheme: aa,
+    labelFontSize: ea,
+    labelFontColor: decodeURIComponent(ta),
+    labelFontWeight: oa,
+    legendFontSize: la,
+    legendFontWeight: ra,
+    customTooltips: t(na) || [],
+    format: Ra,
+    tooltipFontSize: ia,
+    showAdminUnitLabel: da,
+    mapNoDataColor: decodeURIComponent(ma),
+    mapBoundaryColor: decodeURIComponent(ca),
+    mapFocusBoundaryColor: decodeURIComponent(ua),
+    highlightedLocation: pa,
+    tooltipFormat: fa,
     showNoDataTooltip: S == !0 || S == "true",
     fields: f.split("/"),
-    mapContainerBgColor: decodeURIComponent(ga),
-    mapPosition: l(va),
-    mainLayerId: Ca,
+    mapContainerBgColor: decodeURIComponent(ba),
+    mapPosition: t(ha),
+    mainLayerId: ga,
     enabledLayers: p,
-    pointLabelColor: decodeURIComponent(wa),
-    pointLabelFormat: ya,
+    pointLabelColor: decodeURIComponent(Ca),
+    pointLabelFormat: Fa,
     showNoDataLegendItem: N == !0 || N == "true",
-    highlightedLocLabelFormat: La,
-    mapType: I,
-    defaultPointColor: decodeURIComponent(Da),
-    zoomLevelToShowPoints: Na,
-    zoomOnFilter: z == !0 || z == "true",
-    zoomOnFilterField: Ia,
-    noDataText: za,
-    labelsExclusionList: Ua.split(",").map((a) => a.trim()),
-    showShadingLayerLabels: Ta,
+    highlightedLocLabelFormat: wa,
+    mapType: z,
+    defaultPointColor: decodeURIComponent(ya),
+    zoomLevelToShowPoints: Da,
+    zoomOnFilter: I == !0 || I == "true",
+    zoomOnFilterField: Sa,
+    noDataText: Na,
+    labelsExclusionList: za.split(",").map((a) => a.trim()),
+    showShadingLayerLabels: xa,
     dvzProxyDatasetId: u
-  }, Ma = l(xa) || {}, Oa = i === "csv" ? Ha : qa, Va = s ? (l(m) || []).join(",") : m, T = Pa(P);
-  return u && (T.dvzProxyDatasetId = u), /* @__PURE__ */ t(R, { locale: Aa.locale, changeUUID: n, children: /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(
-    Ga,
+  }, Pa = t(Ia) || {}, ka = s === "csv" ? ja : Ga, Ea = n ? (t(m) || []).join(",") : m, A = Ua(R);
+  return u && (A.dvzProxyDatasetId = u), /* @__PURE__ */ l(
+    Oa,
     {
-      params: T,
-      app: i,
-      csv: decodeURIComponent(k),
+      params: A,
+      app: s,
+      csv: decodeURIComponent(B),
       group: L,
-      editing: s,
-      store: [i, n, ...f.split("/")],
+      editing: n,
+      store: [s, d, ...f.split("/")],
       source: f,
-      children: /* @__PURE__ */ t(ja, { children: /* @__PURE__ */ t(Oa, { measures: Va, multipleMeasures: x, mapType: I, aggregationFormula: Sa, customMeasureLabels: Ma, children: /* @__PURE__ */ t(Za, { ...Ea }) }) })
+      children: /* @__PURE__ */ l(Va, { children: /* @__PURE__ */ l(
+        ka,
+        {
+          measures: Ea,
+          multipleMeasures: T,
+          mapType: z,
+          aggregationFormula: La,
+          customMeasureLabels: Pa,
+          children: /* @__PURE__ */ l(Wa, { ...Ba })
+        }
+      ) })
     }
-  ) }) });
-}, $a = (r, n) => ({}), Qa = {}, me = Wa($a, Qa)(Ka);
+  );
+}, Ka = (r, d) => ({}), qa = {}, se = Ma(Ka, qa)(Ha);
 export {
-  me as default
+  se as default
 };

package/dist/esm/embeddable/measures/index.js

@@ -3,7 +3,7 @@ import { useEffect as f } from "react";
 import { Container as d } from "semantic-ui-react";
 import { setMeasures as h, cleanMeasures as g } from "../reducers/data.js";
 import { useAppDispatch as x, useAppSelector as C } from "../../redux/hooks.js";
-const A = (m) => {
+const E = (m) => {
   const {
     parent: N,
     editing: S = !1,
@@ -26,7 +26,7 @@ const A = (m) => {
     const a = e[s];
     return /* @__PURE__ */ c(d, { className: "measures group", fluid: !0, children: [
       t && /* @__PURE__ */ r("span", { children: t }),
-      a.map((o) => /* @__PURE__ */ c("div", { className: "inputs lists", onClick: () => i(l.onChange({ app: s, group: p, mGroup: o })), children: [
+      a.map((o) => /* @__PURE__ */ c("div", { className: "inputs lists", onClick: (y) => i(l.onChange({ app: s, group: p, mGroup: o })), children: [
         /* @__PURE__ */ r(
           "input",
           {
@@ -42,5 +42,5 @@ const A = (m) => {
     return /* @__PURE__ */ r(d, { className: "measures group", fluid: !0, children: t && /* @__PURE__ */ r("span", { children: t }) });
 };
 export {
-  A as default
+  E as default
 };

package/dist/esm/embeddable/menu/index.js

@@ -2,9 +2,9 @@ import { jsx as t, jsxs as r, Fragment as x } from "react/jsx-runtime";
 import { useState as b } from "react";
 import { MenuProvider as g, MenuConsumer as w } from "@devgateway/wp-react-lib";
 import { injectIntl as S } from "react-intl";
-import { Container as _, Menu as a } from "semantic-ui-react";
-import { decode as M } from "../utils/parseUtils.js";
-const v = (e, i) => e ? e.substr(e.indexOf("/wp") + 3).startsWith("/" + i) ? e.substr(e.indexOf("/wp") + 3) : "/" + i + e.substr(e.indexOf("/wp") + 3) : "", C = S((e) => {
+import { Container as M, Menu as a } from "semantic-ui-react";
+import { decode as v } from "../utils/parseUtils.js";
+const C = (e, i) => e ? e.substr(e.indexOf("/wp") + 3).startsWith("/" + i) ? e.substr(e.indexOf("/wp") + 3) : "/" + i + e.substr(e.indexOf("/wp") + 3) : "", N = S((e) => {
   const { menu: i, locale: d, match: h, selected: l, active: o, showIcons: s, onSetSelected: c } = e;
   return /* @__PURE__ */ t(x, { children: i && i.items.map((n, m) => /* @__PURE__ */ r(
     a.Item,
@@ -13,7 +13,7 @@ const v = (e, i) => e ? e.substr(e.indexOf("/wp") + 3).startsWith("/" + i) ? e.s
                     ${l && l.ID == n.ID ? "selected" : ""}  
                     ${o == n.slug ? "active" : ""}`,
       children: [
-        /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t("a", { href: v(n.url, d), children: n.title }) }),
+        /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t("a", { href: C(n.url, d), children: n.title }) }),
         n.child_items && n.child_items.map((u, p) => /* @__PURE__ */ t(a.Item, { children: " " }))
       ]
     }
@@ -32,13 +32,13 @@ const v = (e, i) => e ? e.substr(e.indexOf("/wp") + 3).startsWith("/" + i) ? e.s
     "data-show-icons": u,
     "data-show-labels": p,
     locale: f
-  } = e, [N, I] = b(null);
-  return /* @__PURE__ */ t(_, { fluid: !0, textAlign: "right", children: s && s != "" && /* @__PURE__ */ r(a, { className: "inline", size: "small", children: [
+  } = e, [j, I] = b(null);
+  return /* @__PURE__ */ t(M, { fluid: !0, textAlign: "right", children: s && s != "" && /* @__PURE__ */ r(a, { className: "inline", size: "small", children: [
     /* @__PURE__ */ r(a.Item, { header: !0, children: [
-      n && /* @__PURE__ */ t("img", { src: M(n), className: "icon" }),
+      n && /* @__PURE__ */ t("img", { src: v(n), className: "icon" }),
       c && /* @__PURE__ */ t("span", { className: "label", children: c })
     ] }),
-    /* @__PURE__ */ t(g, { slug: s, locale: f, children: /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(C, { onSetSelected: I }) }) })
+    /* @__PURE__ */ t(g, { slug: s, locale: f, children: /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(N, { onSetSelected: I }) }) })
   ] }) });
 };
 export {

package/dist/esm/embeddable/new-time-line/timeline.js

@@ -1,6 +1,6 @@
 import { jsx as $ } from "react/jsx-runtime";
 import { useRef as K, useState as M, useEffect as Q } from "react";
-import * as n from "d3";
+import * as o from "d3";
 const ot = ({
   posts: s,
   position: u,
@@ -9,7 +9,7 @@ const ot = ({
   locale: V,
   lineColor: T,
   height: i,
-  config: o,
+  config: l,
   marginLeft: j,
   marginTop: z,
   marginRight: D,
@@ -20,32 +20,32 @@ const ot = ({
   onSelectSlide: X,
   currentSlide: E
 }) => {
-  const p = K(), [Z, H] = M(!1), [tt, N] = M(null), P = (r) => o[r].position, k = (r) => o[r].connectorLineHeight, _ = (r) => o[r].subtitleOffset, G = (r) => o[r].titleOffset, m = (r) => o[r].circleColor, R = (r) => o[r].lineColor, A = (r) => o[r].titleColor, S = (r) => o[r].labelColor, W = (r) => o[r].size, Y = (r) => o[r].readMoreLabel;
+  const p = K(), [Z, H] = M(!1), [tt, N] = M(null), P = (r) => l[r].position, k = (r) => l[r].connectorLineHeight, _ = (r) => l[r].subtitleOffset, G = (r) => l[r].titleOffset, m = (r) => l[r].circleColor, R = (r) => l[r].lineColor, A = (r) => l[r].titleColor, S = (r) => l[r].labelColor, W = (r) => l[r].size, Y = (r) => l[r].readMoreLabel;
   return Q(() => {
     const r = { top: z, right: D, bottom: I, left: j };
     let d = i / 2;
     u == "middle" && (d = i / 2), u == "top" && (d = r.top), u == "bottom" && (d = i - r.bottom);
-    const C = p.current.clientWidth, q = i, l = n.scaleLinear().domain([0, s.length - 1]).range([r.left, C - r.right]), O = n.line(), B = [[l(0), 0], [l(s.length - 1), 0]], F = O(B), h = n.select(p.current);
+    const C = p.current.clientWidth, q = i, n = o.scaleLinear().domain([0, s.length - 1]).range([r.left, C - r.right]), O = o.line(), B = [[n(0), 0], [n(s.length - 1), 0]], F = O(B), h = o.select(p.current);
     h.attr("width", C).attr("height", q);
     const J = (e) => {
       X(e);
     };
     h.node().parentNode;
     const y = (e, t) => {
-      const c = [e.event.pageX + 30, e.event.pageY - 30], L = 600;
-      e.event.pageX + L + 30 > window.innerWidth && (c[0] = e.event.pageX - L - 30), H(!0), N({ data: e, index: t, position: c }), n.selectAll("#circle" + t).style("stroke", m(t)).style("fill", "#fff"), n.selectAll("#label" + t).style("font-weight", "bold");
+      const c = [o.event.pageX + 30, o.event.pageY - 30], L = 600;
+      o.event.pageX + L + 30 > window.innerWidth && (c[0] = o.event.pageX - L - 30), H(!0), N({ data: e, index: t, position: c }), o.selectAll("#circle" + t).style("stroke", m(t)).style("fill", "#fff"), o.selectAll("#label" + t).style("font-weight", "bold");
     }, b = (e, t) => {
-      n.selectAll("#circle" + t).style("stroke", "none").style("fill", m(t)), n.selectAll("#label" + t).style("font-weight", "normal");
+      o.selectAll("#circle" + t).style("stroke", "none").style("fill", m(t)), o.selectAll("#label" + t).style("font-weight", "normal");
     }, a = h.append("g");
-    a.attr("transform", `translate(0,${d})`), a.append("path").attr("d", F).attr("stroke-width", v).attr("stroke", T), a.selectAll(".tick").data(s).enter().append("path").attr("d", (e, t) => O([[l(t), 0], [l(t), P(t) === "top" ? k(t) * -1 : k(t)]])).attr("stroke-width", v).attr("stroke", (e, t) => R(t)).on("mouseover", function(e, t) {
+    a.attr("transform", `translate(0,${d})`), a.append("path").attr("d", F).attr("stroke-width", v).attr("stroke", T), a.selectAll(".tick").data(s).enter().append("path").attr("d", (e, t) => O([[n(t), 0], [n(t), P(t) === "top" ? k(t) * -1 : k(t)]])).attr("stroke-width", v).attr("stroke", (e, t) => R(t)).on("mouseover", function(e, t) {
     }), a.selectAll(".label").data(s).enter().append("foreignObject").attr("id", (e, t) => "label" + t).attr("x", function(e, t) {
-      return l(t) - w / 2;
+      return n(t) - w / 2;
     }).attr("width", w).attr("height", "50px").attr("overflow", "visible").style("opacity", 1).attr("y", (e, t) => _(t)).append("xhtml:div").style("color", (e, t) => S(t)).style("font-size", parseInt(f) - 2 + "px").style("line-height", "100%").style("text-align", "center").html((e, t) => e.meta_fields.subtitle).on("mouseover", (e, t) => {
       y(e, t);
     }).on("mouseout", (e, t) => {
       b(e, t);
     }), a.selectAll(".title").data(s).enter().append("foreignObject").attr("x", function(e, t) {
-      return l(t) - x / 2;
+      return n(t) - x / 2;
     }).attr("width", x).attr("height", "50px").attr("overflow", "visible").style("opacity", 1).attr("y", (e, t) => G(t)).append("xhtml:div").style("font-size", parseInt(f) + 1 + "px").style("color", (e, t) => A(t)).style("font-weight", (e) => "bold").style("line-height", "100%").style("text-align", "center").html((e, t) => {
       const g = Y(t);
       let c = e.title.rendered;
@@ -54,7 +54,7 @@ const ot = ({
       y(e, t);
     }).on("mouseout", (e, t) => {
       b(e, t);
-    }), a.selectAll(".circle").data(s).enter().append("circle").attr("class", (e, t) => t == E ? "active" : "normal").attr("cx", (e, t) => l(t)).attr("cy", 0).attr("id", (e, t) => "circle" + t).attr("r", (e, t) => W(t)).style("stroke-width", 3).style("fill", (e, t) => m(t)).on("mouseover", function(e, t) {
+    }), a.selectAll(".circle").data(s).enter().append("circle").attr("class", (e, t) => t == E ? "active" : "normal").attr("cx", (e, t) => n(t)).attr("cy", 0).attr("id", (e, t) => "circle" + t).attr("r", (e, t) => W(t)).style("stroke-width", 3).style("fill", (e, t) => m(t)).on("mouseover", function(e, t) {
       y(e, t);
     }).on("mouseout", function(e, t) {
       b(e, t);

package/dist/esm/embeddable/pagegallery/index.js

@@ -1,12 +1,12 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { Container as p, Segment as u, Grid as d } from "semantic-ui-react";
-import { PageProvider as g, PageConsumer as y, PostIntro as _ } from "@devgateway/wp-react-lib";
-import { injectIntl as f } from "react-intl";
-const I = ({ pages: r, columns: o }) => {
+import { Container as p, Segment as u, Grid as s } from "semantic-ui-react";
+import { PageProvider as g, PageConsumer as y, PostIntro as f } from "@devgateway/wp-react-lib";
+import { injectIntl as I } from "react-intl";
+const P = ({ pages: r, columns: o }) => {
   const t = r ? r.sort((l, a) => l.menu_order - a.menu_order) : [], i = t.length / parseInt(o) + (t.length % parseInt(o) > 0 ? 1 : 0);
   let n = -1;
-  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(d, { columns: o, children: [...Array(parseInt(i)).keys()].map((l, a) => /* @__PURE__ */ e(d.Row, { children: [...Array(parseInt(o)).keys()].map((s, c) => (n++, /* @__PURE__ */ e(d.Column, { children: /* @__PURE__ */ e(_, { as: "div", post: t[n] }) }, s))) }, a)) }) });
-}, P = (r) => {
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(s, { columns: o, children: [...Array(parseInt(i)).keys()].map((l, a) => /* @__PURE__ */ e(s.Row, { children: [...Array(parseInt(o)).keys()].map((c, d) => (n++, /* @__PURE__ */ e(s.Column, { children: /* @__PURE__ */ e(f, { as: "div", post: t[n] }) }, d))) }, a)) }) });
+}, x = (r) => {
   const {
     "data-height": o,
     "data-style": t,
@@ -14,23 +14,23 @@ const I = ({ pages: r, columns: o }) => {
     "data-parent": n,
     editing: l,
     component: a,
-    unique: s,
-    intl: { locale: c }
+    unique: c,
+    intl: { locale: d }
   } = r, h = { style: t, columns: i };
   return /* @__PURE__ */ m(p, { fluid: !0, className: `viz dashboard gallery ${t}`, children: [
     n && /* @__PURE__ */ e(
       g,
       {
-        locale: c,
+        locale: d,
         parent: n,
         store: "gallery_" + r.parent + "_" + r.unique,
         perPage: 100,
-        children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(I, { ...h }) })
+        children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(P, { ...h }) })
       }
     ),
     !n && /* @__PURE__ */ e(u, { color: "red", children: "No child pages here" })
   ] });
-}, b = f(P);
+}, b = I(x);
 export {
   b as default
 };