@devgateway/dvz-ui-react 1.0.0

package/dist/esm/embeddable/child-page-menu/index.js

@@ -0,0 +1,108 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { Container as N, Grid as g, Segment as I, Menu as o, Image as S } from "semantic-ui-react";
+import { PageProvider as x, PageConsumer as _, MediaProvider as y, MediaConsumer as M } from "@devgateway/wp-react-lib";
+import { useState as v, useEffect as b } from "react";
+import { injectIntl as w } from "react-intl";
+import D from "../connected-templates/PostContent.js";
+const j = (n) => /* @__PURE__ */ t("img", { src: n.media && n.media.guid ? n.media.guid.rendered : null, className: "svg-icon" }), A = function(n) {
+  return n ? n.toString().replace(/&#(\d+);/g, function(f, s) {
+    return String.fromCharCode(s);
+  }) : "";
+}, E = ({ pages: n, title: f, selected: s, onPageSelected: p }) => {
+  const a = n ? n.sort((e, r) => e.menu_order - r.menu_order) : [], [l, m] = v({ id: -1 });
+  b(() => {
+    m(a[0]);
+  }, [n]);
+  const P = a.map((e) => ({
+    page: e,
+    id: e.id,
+    label: e.meta_fields.label ? e.meta_fields.label : e.title.rendered,
+    iconComponent: /* @__PURE__ */ t(y, { id: e.meta_fields && e.meta_fields.icon ? e.meta_fields.icon[0] : null, children: /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(j, {}) }) })
+  })), [u, C] = v(null);
+  b(() => {
+    p(u);
+  }, [u]);
+  const d = ({ pages: e, selected: r, expanded: h }) => (!u && h && C(e[0]), e && e.map((i) => /* @__PURE__ */ t(
+    o.Item,
+    {
+      className: `${r && i.id == r.id ? "selected" : ""}`,
+      onClick: (k) => p(i),
+      children: i.title.rendered
+    },
+    i.id
+  )));
+  return /* @__PURE__ */ c(N, { fluid: !0, children: [
+    /* @__PURE__ */ c(o, { vertical: !0, text: !0, size: "mini", className: "navbar-menu", children: [
+      /* @__PURE__ */ t(o.Item, { header: !0, children: f }),
+      P.map((e) => /* @__PURE__ */ c(
+        o.Item,
+        {
+          className: `group ${e.id === l.id ? "group-selected" : ""}`,
+          onClick: (r) => {
+            m(e);
+            const h = document.getElementsByClassName("group");
+            for (let i = 0; i < h.length; i++)
+              h[i].classList.remove("group-selected");
+            r.currentTarget.classList.add("group-selected");
+          },
+          children: [
+            e.iconComponent ? e.iconComponent : /* @__PURE__ */ t(S, { src: e.icon }),
+            /* @__PURE__ */ t("span", { children: A(e.label) }),
+            /* @__PURE__ */ t("div", { className: "green-rectangle" }),
+            /* @__PURE__ */ t(o.Menu, { className: `${e.id == l.id ? "expanded" : "collapsed"}`, children: /* @__PURE__ */ t(
+              x,
+              {
+                locale: "en",
+                parent: e.id,
+                store: "child_menu" + e.id,
+                perPage: 100,
+                children: /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(d, { selected: s, expanded: e.id == l.id }) })
+              }
+            ) })
+          ]
+        },
+        e.label
+      ))
+    ] }),
+    /* @__PURE__ */ t("div", { className: "navbar-footer", children: /* @__PURE__ */ t("p", { className: "navbar-footer-text", children: "Data and publications were made possible through support of the United States Agency for International Development (USAID)." }) })
+  ] });
+}, G = ({ page: n }) => /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(D, { post: n }) }), $ = (n) => {
+  const {
+    "data-height": f,
+    "data-style": s,
+    "data-columns": p,
+    "data-parent": a,
+    "data-title": l = "Menu",
+    editing: m,
+    component: P,
+    unique: u,
+    intl: { locale: C }
+  } = n, [d, e] = v(null);
+  return /* @__PURE__ */ c(N, { style: m ? { padding: "4px", margin: "0px" } : {}, fluid: !0, className: "viz child page navigator", children: [
+    a && /* @__PURE__ */ t(
+      x,
+      {
+        locale: C,
+        parent: a,
+        noCache: !0,
+        store: "child_menu" + n.parent + "_" + n.unique,
+        perPage: 100,
+        children: /* @__PURE__ */ t(g, { children: /* @__PURE__ */ c(g.Row, { children: [
+          /* @__PURE__ */ t(g.Column, { className: "navigator", width: 2, children: /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
+            E,
+            {
+              selected: d,
+              title: l,
+              onPageSelected: e
+            }
+          ) }) }),
+          /* @__PURE__ */ t(g.Column, { width: 14, className: "content", children: d && /* @__PURE__ */ t(G, { page: d }) })
+        ] }) })
+      }
+    ),
+    !a && /* @__PURE__ */ t(I, { color: "red", children: "No child pages here" })
+  ] });
+}, H = w($);
+export {
+  H as default
+};

package/dist/esm/embeddable/common/ChartTooltip.js

@@ -0,0 +1,34 @@
+import { jsx as c } from "react/jsx-runtime";
+import "react";
+import g from "react-markdown";
+import h from "remark-gfm";
+import y from "rehype-raw";
+import f from "string-template";
+const x = /(\+?\%)[\(]([A-z0-9,.,-]+)\)/gi, F = /(\+?\#)[\(]([A-z0-9,.,-]+)\)/gi, N = /(\+?\#C)[\(]([A-z0-9,.,-]+)\)/gi, p = (o, t, a, n, e, r) => {
+  let i, s = t;
+  for (; (i = o.exec(t)) !== null; ) {
+    const m = i[2], l = i[1], v = ((u, d = 2) => e.formatNumber(n ? u / 100 : u, {
+      maximumFractionDigits: d,
+      ...a,
+      signDisplay: l && l.startsWith("+") ? "never" : "auto"
+    })).apply(void 0, m.split(","));
+    s = s.replaceAll(i[0], v);
+  }
+  return s;
+}, b = (o, t, a, n) => {
+  let e = n ? f(o, t) : f(o, t).replace(/(?:\r\n|\r|\n)/g, "<br>");
+  return e = p(x, e, { style: "percent" }, !0, a), e = p(F, e, { style: "decimal" }, !1, a), e = p(N, e, { notation: "compact" }, !1, a), e;
+}, E = ({ tooltip: o, d: t, intl: a, tooltipEnableMarkdown: n }) => {
+  const { color: e, data: r } = t.datum || t.point || t, i = t.value || (t.datum ? t.datum.value : null) || (t.point ? t.point.data.y : null);
+  if (r) {
+    const s = r.variables ? r.variables[t.id] || r.variables : r, m = { field: t.point ? t.point.serieId : t.id, ...s, value: i };
+    r.measureFieldName && (m.populationValue = r.variables[r.measureFieldName + "Population"]);
+    const l = b(o, m, a, n);
+    return n ? /* @__PURE__ */ c(g, { children: l, remarkPlugins: [h], rehypePlugins: [y], className: "chart tooltip" }) : /* @__PURE__ */ c("div", { className: "chart tooltip", children: /* @__PURE__ */ c("div", { dangerouslySetInnerHTML: { __html: l } }) });
+  } else
+    return /* @__PURE__ */ c("div", {});
+};
+export {
+  E as default,
+  b as formatContent
+};

package/dist/esm/embeddable/common/MapTooltip.js

@@ -0,0 +1,59 @@
+import "react/jsx-runtime";
+import "react";
+import b from "string-template";
+const f = /(\%)[\(]([A-z0-9,.]+)\)/gi, g = /(\#)[\(]([A-z0-9,.]+)\)/gi, h = /(\#C)[\(]([A-z0-9,.]+)\)/gi, x = /(\$)[\(]([A-z0-9,.]+)\)/gi, A = [
+  {
+    name: "USD Dollar",
+    code: "USD",
+    symbol: "$"
+  },
+  {
+    name: "Naira",
+    code: "NGN",
+    symbol: "₦"
+  },
+  {
+    name: "South Africa Rand",
+    code: "ZAR",
+    symbol: "R"
+  },
+  {
+    name: "Ethiopian Birr",
+    code: "ETB",
+    symbol: "Br"
+  },
+  {
+    name: "Zambian Kwacha",
+    code: "ZMW",
+    symbol: "ZK"
+  },
+  {
+    name: "Kenyan Shilling",
+    code: "KES",
+    symbol: "KSh"
+  }
+], i = (r, t, o, e, s) => {
+  let n, c = t;
+  for (; (n = r.exec(t)) !== null; ) {
+    const l = n[2], u = (p, d = 2) => s.formatNumber(e ? p / 100 : p, {
+      maximumFractionDigits: d,
+      ...o
+    }), m = l.split(","), y = m.length > 0 && m[0] ? u.apply(void 0, m) : "No Data";
+    c = c.replaceAll(n[0], y);
+  }
+  return c;
+}, S = (r, t) => {
+  let o, e = t;
+  for (; (o = r.exec(t)) !== null; )
+    if (o.length > 2) {
+      const s = o[0], n = o[2], c = A.find((l) => a(l.code) == a(n) || a(l.name) == a(n) || a(l.symbol) == a(n));
+      c && (e = e.replaceAll(s, c.symbol));
+    }
+  return e;
+}, a = (r) => r && r.trim().toLowerCase(), D = (r, t, o) => {
+  let e = b(r, t).replace(/(?:\r\n|\r|\n)/g, "<br>");
+  return e = i(f, e, { style: "percent" }, !0, o), e = i(g, e, { style: "decimal" }, !1, o), e = i(h, e, { notation: "compact" }, !1, o), e = S(x, e), e;
+};
+export {
+  D as formatContent
+};

package/dist/esm/embeddable/common/Messages.js

@@ -0,0 +1,39 @@
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import "react";
+import { Segment as i, Header as m, Button as d } from "semantic-ui-react";
+import { cleanFilter as p } from "../reducers/data.js";
+import { connect as g } from "react-redux";
+const h = (t) => {
+  const { data: e, noDataMsg: a, app: r, group: o, onClean: s, editing: l } = t;
+  return e && e.itemsSize && e.itemsSize > 0 ? null : /* @__PURE__ */ n(i, { placeholder: !0, className: "chartNoDataMessage", children: [
+    /* @__PURE__ */ n(m, { icon: !0, children: [
+      /* @__PURE__ */ c(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "noDataSVG",
+          viewBox: "0 0 512 512",
+          children: /* @__PURE__ */ c("path", { d: `M403.7,96.3c-41-41-95.6-63.6-153.7-63.6c-58,0-112.6,22.6-153.7,63.6c-41,41-63.6,95.6-63.6,153.7
+                        c0,58,22.6,112.6,63.6,153.7c41,41,95.6,63.6,153.7,63.6c58,0,112.6-22.6,153.7-63.6c41-41,63.7-95.6,63.7-153.7
+                        C467.3,192,444.7,137.4,403.7,96.3z M57.7,250C57.7,144,144,57.7,250,57.7c37.2,0,72,10.6,101.5,29l-63,77.1c-2.8-3.5-6-6.8-9.5-10
+                        c-18.2-16.7-39.9-24.5-65.1-23.5c-25.2,1.1-46.2,10.7-62.9,28.9c-16.7,18.2-24.5,39.9-23.5,65.1c1.1,25.2,10.7,46.2,28.9,62.9
+                        c6.2,5.7,12.8,10.3,19.8,14l-66,80.8C77.7,347.6,57.7,301.1,57.7,250z M280.2,217.8c0.7,17.3-4.7,32.3-16.3,45
+                        c-10.9,11.9-24.3,18.5-40.2,19.9l56.3-68.9C280.1,215.2,280.2,216.5,280.2,217.8z M194.6,278.8c-6.9-2.7-13.3-6.8-19.2-12.2
+                        c-12.7-11.6-19.4-26.1-20.1-43.5c-0.7-17.3,4.7-32.4,16.3-45c11.6-12.7,26.1-19.4,43.5-20.1c17.3-0.7,32.3,4.7,45,16.3
+                        c4,3.7,7.3,7.6,10.1,11.8L194.6,278.8z M250,442.3c-46,0-88.2-16.2-121.3-43.2l73.1-89.5c6.4,1,13,1.4,19.9,1.1
+                        c10.2-0.4,19.7-2.5,28.6-6.1c8.9-3.6,16.7-8.4,23.4-14.2l81,74.4c2.6,2.4,6,3.6,9.3,3.6c3.7,0,7.4-1.5,10.1-4.5
+                        c5.1-5.6,4.8-14.3-0.8-19.4l-81-74.4c5.3-7.2,9.3-15.3,12.2-24.5c2.8-9.2,4.1-18.8,3.6-29c-0.5-10.7-2.5-20.6-6-29.8l69.8-85.5
+                        c43,35.3,70.5,88.8,70.5,148.7C442.3,356,356,442.3,250,442.3z` })
+        }
+      ),
+      l && /* @__PURE__ */ c("div", { className: "WPnoDataMsg", children: "Not enough parameters to render the chart" }),
+      /* @__PURE__ */ c("div", { className: "WPnoDataMsg", children: a })
+    ] }),
+    /* @__PURE__ */ c(d, { onClick: (u) => s({ app: r, group: o }), children: "Clear Filter" })
+  ] });
+}, M = {
+  onClean: p
+}, w = g(null, M)(h);
+export {
+  w as default
+};

package/dist/esm/embeddable/common/colors/CategoricalColors.js

@@ -0,0 +1,27 @@
+import { colorSchemes as n } from "@nivo/colors";
+import * as h from "d3";
+import u from "./Colors.js";
+class f extends u {
+  constructor(r, t, e, s, a) {
+    if (super(r, t, e, s, a), r === "index" && (this._domain = this.data.map((o) => o[this.indexBy])), r === "id" && (this._domain = this.keys), r === "values") {
+      const o = e.map((i) => s.map((l) => i[l])).flatMap((i) => i).filter((i) => i != null);
+      this._domain = [Math.min(...o), Math.max(...o)];
+    }
+    this._color = h.scaleOrdinal(n[this.scheme]), this._color.domain(this._domain);
+  }
+  getColorByValue(r) {
+    return this.colorBy === "values" ? "gray" : this.color(r);
+  }
+  getColor(r, t) {
+    return this.colorBy === "index" ? this.color(t[this.indexBy]) : this.colorBy === "id" ? this.color(r) : "gray";
+  }
+  getColorByIndex(r) {
+    return this.colorBy === "values" ? "gray" : this.color(r);
+  }
+  getColorByKey(r) {
+    return this.colorBy === "values" ? "gray" : this.color(r);
+  }
+}
+export {
+  f as default
+};

package/dist/esm/embeddable/common/colors/ColorProvider.js

@@ -0,0 +1,29 @@
+import { jsx as E } from "react/jsx-runtime";
+import e from "react";
+import P from "./SystemColors.js";
+import a from "./PlainColor.js";
+import j from "./ManualColors.js";
+import { isSequentialColorScheme as G, isCategoricalColorScheme as R } from "@nivo/colors";
+import V from "./SequentialColors.js";
+import _ from "./CategoricalColors.js";
+const K = ({
+  app: m,
+  type: C,
+  colorBy: i,
+  scheme: r,
+  barColor: S,
+  manualColors: s,
+  locale: p,
+  overallLabel: g,
+  customLabels: q,
+  options: { data: l, keys: n, indexBy: t, dimensionsMetadata: u, measuresMetadata: w },
+  children: v
+}) => {
+  let o;
+  return l ? (r === "system" ? o = new P(m, C, i, r, l, n, t, u, w, p) : r === "plain_color" ? o = new a(S) : r === "manual" ? o = new j(m, C, i, r, l, u, w, n, t, s, p, g, q) : (G(r) && (o = new V(i, r, l, n, t)), R(r) && (o = new _(i, r, l, n, t))), /* @__PURE__ */ E("div", { children: e.Children.map(v, (f) => e.isValidElement(f) ? e.cloneElement(f, {
+    colorGenerator: o
+  }) : f) })) : null;
+};
+export {
+  K as default
+};

package/dist/esm/embeddable/common/colors/Colors.js

@@ -0,0 +1,44 @@
+class n {
+  constructor(t, e, o, i, r) {
+    this._colorBy = t, this._scheme = e, this._data = o, this._keys = i, this._indexBy = r, this._domain = [], this._color = null;
+  }
+  get domain() {
+    return this._domain;
+  }
+  get color() {
+    return this._color;
+  }
+  get maxValue() {
+    return this.domain && this.domain.length > 0 ? this.domain[1] : 0;
+  }
+  get minValue() {
+    return this.domain && this.domain.length > 0 ? this.domain[0] : 0;
+  }
+  get colorBy() {
+    return this._colorBy;
+  }
+  get scheme() {
+    return this._scheme;
+  }
+  get data() {
+    return this._data;
+  }
+  get keys() {
+    return this._keys;
+  }
+  get indexBy() {
+    return this._indexBy;
+  }
+  getColor(t, e) {
+  }
+  getColorByIndex(t) {
+  }
+  getColorByKey(t) {
+  }
+  getColorByValue(t) {
+    return this.color ? this.color(t) : null;
+  }
+}
+export {
+  n as default
+};

package/dist/esm/embeddable/common/colors/ManualColors.js

@@ -0,0 +1,50 @@
+import O from "./Colors.js";
+class D extends O {
+  constructor(l, u, r, b, v, h, a, B, _, e, f, g, y) {
+    if (super(r, b, v, B, _), this._manualColor = {}, this._manualColor[g] = e ? e.Overall : null, l != "csv") {
+      const m = (t) => {
+        const o = [...h][t];
+        o && (c = o.items), e != null && e != null && Object.keys(e).forEach((s) => {
+          const i = c.filter((n) => n.code === s);
+          if (i.length > 0 && i[0].labels) {
+            let n;
+            f && (n = i[0].labels[f.toUpperCase()]), n ? this._manualColor[n] = e[s] : this._manualColor[i[0].value] = e[s];
+          }
+        });
+      }, p = () => {
+        c = a, Object.keys(e).forEach((t) => {
+          const o = [...c].filter((s) => s.value === t);
+          if (o.length > 0 && o[0].labels) {
+            const s = y[t];
+            y && s && (this._manualColor[s] = e[t]);
+            let i;
+            f && (i = o[0].labels[f.toUpperCase()]), i ? this._manualColor[i] = e[t] : this._manualColor[o[0].label] = e[t];
+          }
+        });
+      }, x = () => {
+        Object.keys(e).forEach((t) => {
+          this._manualColor[t] = e[t];
+        });
+      };
+      let c = [];
+      const C = u == "line" ? 1 : r === "index" ? 0 : 1;
+      !h && !a ? x() : h ? h.size == 1 && C == 1 ? _ == "measure" ? m(0) : p() : m(C) : p();
+    } else
+      this._manualColor = e;
+  }
+  getColor(l, u) {
+    if (this.colorBy === "index") {
+      const r = this._manualColor[l] || this._manualColor[u[this.indexBy]];
+      return r || "#5555";
+    }
+    return this.colorBy === "id" && this._manualColor[l] ? this._manualColor[l] : "#5555";
+  }
+  getColorByIndex(l) {
+  }
+  getColorByKey(l) {
+    return this._manualColor[l] ? this._manualColor[l] : "#5555";
+  }
+}
+export {
+  D as default
+};

package/dist/esm/embeddable/common/colors/PlainColor.js

@@ -0,0 +1,18 @@
+import r from "./Colors.js";
+class s extends r {
+  constructor(o) {
+    super(), this._color = o;
+  }
+  getColor(o, e) {
+    return this._color;
+  }
+  getColorByIndex(o) {
+    return this._color;
+  }
+  getColorByKey(o) {
+    return this._color;
+  }
+}
+export {
+  s as default
+};

package/dist/esm/embeddable/common/colors/SequentialColors.js

@@ -0,0 +1,33 @@
+import { sequentialColorInterpolators as l } from "@nivo/colors";
+import * as d from "d3";
+import f from "./Colors.js";
+class u extends f {
+  constructor(t, i, e, s, r) {
+    if (super(t, i, e, s, r), t === "index" && (this._domain = [0, this.data.length]), t === "id" && (this._domain = [0, this.keys.length]), t === "values") {
+      const n = e.map((o) => s.map((h) => o[h])).flatMap((o) => o).filter((o) => o != null);
+      this._domain = [Math.min(...n), Math.max(...n)];
+    }
+    const a = l[this.scheme];
+    this._color = d.scaleSequential(a), this._color.domain(this._domain);
+  }
+  getColor(t, i) {
+    if (this.colorBy === "index") {
+      const e = this.data.map((s) => s[this.indexBy]);
+      return this.color(e.indexOf(i[this.indexBy]));
+    }
+    if (this.colorBy === "id")
+      return this.color(this.keys.indexOf(t));
+    if (this.colorBy === "values")
+      return this.color(i[t]);
+  }
+  getColorByIndex(t) {
+    const i = this.data.map((e) => e[this.indexBy]);
+    return this.color(i.indexOf(t));
+  }
+  getColorByKey(t) {
+    return this.color(this.keys.indexOf(t));
+  }
+}
+export {
+  u as default
+};

package/dist/esm/embeddable/common/colors/SystemColors.js

@@ -0,0 +1,25 @@
+import M from "./Colors.js";
+const l = "#9F9F9F";
+class b extends M {
+  constructor(r, e, i, a, y, c, f, p, h, t) {
+    super(i, a, y, c, f), this.colorMap = {}, this._colorBy = e == "line" ? "id" : i, this._indexBy && p && [...p].forEach((o) => {
+      o && o.items && o.items.forEach((s) => {
+        t && s.labels && s.labels[t.toUpperCase()] ? this.colorMap[s.labels[t.toUpperCase()]] = s.categoryStyle : this.colorMap[s.value] = s.categoryStyle;
+      });
+    }), h && [...h].forEach((o) => {
+      o && o.styles && (t && o.labels && o.labels[t.toUpperCase()] ? this.colorMap[o.labels[t.toUpperCase()]] = o.styles : this.colorMap[o.label] = o.styles);
+    });
+  }
+  getColor(r, e) {
+    return this._colorBy === "index" ? this.colorMap[e[this._indexBy]] ? this.colorMap[e[this._indexBy]].color : l : this.colorMap[r] ? this.colorMap[r].color : l;
+  }
+  getColorByIndex(r) {
+    return this.colorMap[r] ? this.colorMap[r].color : l;
+  }
+  getColorByKey(r) {
+    return this.colorMap[r] ? this.colorMap[r].color : l;
+  }
+}
+export {
+  b as default
+};

package/dist/esm/embeddable/connected-templates/PostContent.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { connect as n } from "react-redux";
+import "react";
+import { PostContent as r } from "@devgateway/wp-react-lib";
+import { postLoaded as e } from "../reducers/embeddable.js";
+const s = (o) => /* @__PURE__ */ t(r, { onLoad: o.onLoad, ...o }), a = (o, p) => ({}), m = {
+  onLoad: e
+}, P = n(a, m)(s);
+export {
+  P as default
+};

package/dist/esm/embeddable/connected-templates/PostIntro.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { connect as r } from "react-redux";
+import "react";
+import { PostIntro as n } from "@devgateway/wp-react-lib";
+import { postLoaded as s } from "../reducers/embeddable.js";
+const a = (o) => /* @__PURE__ */ t(n, { onLoad: o.onLoad, ...o }), e = (o, p) => ({}), m = {
+  onLoad: s
+}, L = r(e, m)(a);
+export {
+  L as default
+};

package/dist/esm/embeddable/d3Map/BaseLayer.js

@@ -0,0 +1,66 @@
+import { jsx as g } from "react/jsx-runtime";
+import u from "react";
+import * as b from "d3";
+import R from "./Layer.js";
+class L extends R {
+  constructor() {
+    super(), this.gRef = u.createRef();
+  }
+  createPaths(t) {
+    const {
+      path: s,
+      fillColor: o,
+      borderColor: a,
+      projection: r
+    } = this.props;
+    this.gRef && this.gRef.current && (this.g = b.select(this.gRef.current), b.select(this.gRef.current.parentElement), this.g.attr("class", "base-layer"), this.g.selectAll("path").remove(), this.g.selectAll(".label").remove(), this.g.selectAll("path").data(t.features).enter().append("path").attr("fill", o).attr("stroke", a).attr("id", "state-borders").attr("d", s), this.props.transform && this.g.attr("transform", this.props.transform));
+  }
+  createLabels(t) {
+    const {
+      path: s,
+      labelFilter: o = [],
+      labelSettings: a = {},
+      labelField: r,
+      labelFontSize: l,
+      labelColor: i,
+      projection: n
+    } = this.props;
+    if (this.gRef && this.gRef.current) {
+      this.g = b.select(this.gRef.current);
+      const c = this.props.transform ? this.props.transform.k : 1;
+      this.g.selectAll(".label").data(t.features.filter((e) => o.indexOf(e.properties[r]) == -1)).enter().append("text").attr("class", "label").attr("font-size", (e) => Math.min(l * 1 / c, l / 2) + "px").text(function(e) {
+        return e.properties[r];
+      }).attr("color", i).attr("fill", i).attr("transform", function(e) {
+        const f = a[e.properties[r] + "_rotation"] || 0, h = a[e.properties[r] + "_offsetX"] || 0, p = a[e.properties[r] + "_offsetY"] || 0, m = s.centroid(e)[0] + h / n.scale(), d = s.centroid(e)[1] + p / n.scale();
+        return "translate(" + [m, d] + "),rotate(" + (f || 0) + ")";
+      }), this.props.transform && this.g.attr("transform", this.props.transform);
+    }
+  }
+  createLayer(t) {
+    this.createPaths(t), this.createLabels(t);
+  }
+  componentDidUpdate(t, s, o) {
+    const {
+      name: a,
+      file: r,
+      path: l,
+      transform: i,
+      labelFilter: n = [],
+      labelField: c,
+      labelFontSize: e,
+      labelColor: f,
+      fillColor: h,
+      borderColor: p,
+      projection: m,
+      update: d
+    } = this.props;
+    (r !== t.file || l !== t.path || m !== t.projection || i !== t.transform || n !== t.labelFilter || c !== t.labelField || e !== t.labelFontSize || f !== t.labelColor || h !== t.fillColor || p !== t.borderColor) && this.create();
+  }
+  render() {
+    const { name: t, height: s, width: o } = this.props;
+    return /* @__PURE__ */ g("g", { className: "base", ref: this.gRef });
+  }
+}
+export {
+  L as default
+};

package/dist/esm/embeddable/d3Map/BreaksStyles.js

@@ -0,0 +1,18 @@
+import * as s from "d3";
+class d {
+  constructor(e) {
+    const { breaks: r, defaultFillColor: l, defaultBorderColor: h, defaultSize: o } = e;
+    this.breaks = r, this.defaultFillColor = l, this.defaultBorderColor = h, this.defaultSize = o;
+    const i = r.filter((t) => t.type !== "graterThan"), a = r.filter((t) => t.type === "graterThan");
+    a.length > 0 && (this.graterThanStyle = a[0]), this.domain = i.map((t) => Number(t.end)), this.sizeScale = s.scaleThreshold().domain(this.domain).range(i.map((t) => t.size)), this.colorScale = s.scaleThreshold().domain(i.map((t) => t.end)).range(r.map((t) => t.color)), this.getSize = this.getSize.bind(this), this.getColor = this.getColor.bind(this);
+  }
+  getSize(e) {
+    return this.breaks.length > 0 ? e > Math.max(...this.domain) ? this.graterThanStyle.size : this.defaultSize + this.sizeScale(e) : this.defaultSize;
+  }
+  getColor(e, r) {
+    return this.breaks.length > 0 ? e > Math.max(...this.domain) ? this.graterThanStyle.color : this.colorScale(e) : this.defaultFillColor;
+  }
+}
+export {
+  d as default
+};