@devgateway/dvz-ui-react 1.0.0

package/dist/esm/embeddable/reducers/data.js

@@ -0,0 +1,116 @@
+import { getData as F, getCategories as C } from "./data-api.js";
+import { Map as M, fromJS as v } from "immutable";
+import x from "papaparse";
+const d = "LOAD_DATA", I = "LOAD_DATA_DONE", A = "LOAD_DATA_ERROR", _ = "LOAD_CATEGORIES", S = "LOAD_CATEGORIES_DONE", f = "LOAD_CATEGORIES_ERROR", D = "SET_PAGE_MODULE_PROPS", y = "SET_FILTER", T = "SET_INITIAL_FILTER", R = "SET_APPLY", O = "CLEAN_FILTER", z = M({ mode: "info" }), L = "SET_MEASURES", P = "CLEAN_MEASURES", b = ({ app: r, group: a }) => (e, t) => {
+  e({ type: P, app: r, group: a });
+}, J = ({ app: r, group: a, mGroup: e }) => (t, s) => {
+  const n = Object.keys(e.measures).filter((l) => e.measures[l].selected), o = { ...e };
+  o[r] = { measures: {} }, n.forEach((l) => {
+    o[r].measures[l] = { ...e.measures[l] };
+  }), o[r].format = e.format, t({ type: L, app: r, group: a, measure: o });
+}, j = ({ app: r, group: a, param: e, value: t, autoApply: s }) => (n, o) => {
+  n({ type: y, app: r, group: a, param: e, value: t, autoApply: s });
+}, Y = ({ app: r, group: a }) => (e, t) => {
+  e({ type: O, app: r, group: a });
+}, $ = ({ app: r, group: a }) => (e, t) => {
+  e({ type: R, app: r, group: a });
+}, V = ({ app: r, group: a, param: e, value: t }) => (s, n) => {
+  s({ type: T, app: r, group: a, param: e, value: t });
+}, k = (r) => (a, e) => {
+  const { app: t, params: s } = r;
+  a({ type: _, params: s, app: t, dvzProxyDatasetId: s.dvzProxyDatasetId }), C({ app: t, params: s }).then((n) => (n.appliedFilters = s, a({ type: S, app: t, data: n, dvzProxyDatasetId: s.dvzProxyDatasetId }))).catch((n) => a({
+    type: f,
+    app: t,
+    error: n,
+    dvzProxyDatasetId: s.dvzProxyDatasetId
+  }));
+}, q = ({ app: r, group: a, csv: e, store: t, params: s }) => (n, o) => {
+  const l = o().get("data").getIn(["filters", r, a]);
+  l && (s = { ...s, ...l.toJS() });
+  const i = x.parse(e, { header: !0, dynamicTyping: !0 }), m = i.data.filter((u) => {
+    let p = !1;
+    return Object.keys(s).forEach((E) => {
+      const N = s[E];
+      if (u[E]) {
+        const h = u[E].toString().trim().toLowerCase();
+        p = N.filter((g) => g && g.toString().trim().toLowerCase() == h).length == 0;
+      }
+    }), !p;
+  }), c = { ...i, data: m, appliedFilters: s };
+  n({ type: I, app: r, group: a, store: t, data: { count: c.data.length, itemsSize: c.data.length, ...c } });
+}, B = ({ app: r, group: a, source: e, store: t, params: s }) => (n, o) => {
+  const l = o().get("data").getIn(["filters", r, a]);
+  l && (s = { ...s, ...l.toJS() }), n({ type: d, app: r, group: a, params: s, store: t }), F({ app: r, source: e, params: s }).then((i) => (i.appliedFilters = s, n({ type: I, app: r, group: a, store: t, data: i }))).catch((i) => n({ type: A, app: r, group: a, store: t, error: i }));
+}, H = ({ data: r }) => (a, e) => {
+  a({ type: D, data: r });
+}, K = (r = z, a) => {
+  switch (a.type) {
+    case d: {
+      const { store: e, app: t, group: s } = a, n = Date.now();
+      return r.deleteIn([...e, "error"]).setIn([...e, "loading"], !0).setIn([...e, "time"], n);
+    }
+    case A: {
+      const { error: e, store: t, app: s, group: n } = a;
+      return r.setIn([...t, "loading"], !1).setIn([...t, "error"], e).setIn(["filters-settings", s, n, "apply"], null);
+    }
+    case I: {
+      const { data: e, app: t, group: s, store: n } = a;
+      return r.setIn([...n, "loading"], !1).deleteIn([...n, "error"]).setIn([...n, "data"], e).setIn(["filters-settings", t, s, "apply"], null);
+    }
+    case D: {
+      const { data: e } = a;
+      return r.setIn(["pageModuleProps"], e);
+    }
+    case _: {
+      const { data: e, app: t, dvzProxyDatasetId: s } = a, n = ["categories", t];
+      return s && n.push(s), r.setIn([...n, "loading"], !0).deleteIn([...n, "error"]);
+    }
+    case S: {
+      const { data: e, app: t, dvzProxyDatasetId: s } = a, n = ["categories", t];
+      return s && n.push(s), r.setIn([...n, "loading"], !1).setIn([...n, "items"], v(e));
+    }
+    case f: {
+      const { data: e, app: t, dvzProxyDatasetId: s } = a, n = ["categories", t];
+      return s && n.push(s), r.setIn([...n, "loading"], !1).setIn([...n, "error"], e);
+    }
+    case R: {
+      const { app: e, group: t } = a;
+      return r.setIn(["filters-settings", e, t, "apply"], (/* @__PURE__ */ new Date()).getTime());
+    }
+    case y: {
+      const { app: e, group: t, param: s, value: n, autoApply: o } = a;
+      return r.setIn(["filters-settings", e, t, "autoApply"], o).setIn(["filters", e, t, s], n.length === 0 ? [Number.MIN_SAFE_INTEGER] : n).setIn(["filters-settings", e, t, "apply"], null);
+    }
+    case T: {
+      const { app: e, group: t, param: s, value: n } = a;
+      return r.setIn(["filters", "initial", e, t, s], n.length === 0 ? [Number.MIN_SAFE_INTEGER] : n).setIn(["filters", e, t, s], n.length === 0 ? [Number.MIN_SAFE_INTEGER] : n);
+    }
+    case O: {
+      const { app: e, group: t } = a, s = r.getIn(["filters", "initial", e, t]);
+      return r.setIn(["filters", e, t], s);
+    }
+    case L: {
+      const { app: e, group: t, measure: s } = a;
+      return r.setIn(["measures", e, t], s);
+    }
+    case P: {
+      const { app: e, group: t, measure: s } = a;
+      return r.deleteIn(["measures", e, t]);
+    }
+    default:
+      return r;
+  }
+};
+export {
+  $ as applyFilter,
+  Y as cleanFilter,
+  b as cleanMeasures,
+  K as default,
+  k as getCategories,
+  B as getData,
+  q as setData,
+  j as setFilter,
+  V as setInitialFilters,
+  J as setMeasures,
+  H as setPageModuleProps
+};

package/dist/esm/embeddable/reducers/embeddable-api.js

@@ -0,0 +1,13 @@
+import { post as d } from "../../api/commons.js";
+const n = process.env.VITE_REACT_APP_API_ROOT, l = (a) => {
+  const e = new FormData(), { files: s, organization: t, name: p, email: r, message: i, country: c, token: m } = a;
+  return s.forEach((o) => e.append("files", o, o.name)), e.append("organization", t), e.append("name", p), e.append("email", r), e.append("country", c), e.append("message", i), e.append("token", m), fetch((n || "") + "/api/utils/showCaseForm", {
+    mode: "cors",
+    method: "POST",
+    body: e
+  });
+}, b = (a) => d((n || "") + "/api/utils/subscribe", a);
+export {
+  l as sendShowCase,
+  b as subscribe
+};

package/dist/esm/embeddable/reducers/embeddable.js

@@ -0,0 +1,54 @@
+import * as R from "immutable";
+import { sendShowCase as I, subscribe as T } from "./embeddable-api.js";
+const r = "SEND_SHOW_CASE", _ = "SEND_SHOW_CASE_DONE", n = "SEND_SHOW_CASE_FAILURE", a = "SHOW_CASE_RESET", o = "NEWS_LETTER_SUBSCRIBE", u = "NEWS_LETTER_SUBSCRIBE_DONE", S = "NEWS_LETTER_SUBSCRIBE_FAILURE", c = "NEWS_LETTER_SET_EMAIL", l = "POST_LOADED", O = (e) => (t, s) => {
+  t({ type: l });
+}, C = R.Map({}), L = (e) => (t, s) => {
+  t({ type: c, eMail: e });
+}, A = (e) => (t, s) => {
+  t({ type: o }), T(e).then((E) => {
+    E.status === 500 ? t({ type: S }) : t({ type: u });
+  }).catch((E) => {
+    t({ type: S });
+  });
+}, W = (e) => (t, s) => {
+  t({ type: r }), I(e).then((E) => {
+    E.status === 500 ? t({ type: n }) : t({ type: _ });
+  }).catch((E) => {
+    t({ type: n });
+  });
+}, m = (e) => (t, s) => {
+  t({ type: a });
+}, w = (e = C, t) => {
+  switch (t.type) {
+    case r:
+      return e.setIn(["showCase", "loading"], !0).setIn(["showCase", "status"], null);
+    case _:
+      return e.setIn(["showCase", "status"], "OK");
+    case n:
+      return e.setIn(["showCase", "status"], "ERROR");
+    case a:
+      return e.setIn(["showCase", "status"], null);
+    case o:
+      return e.setIn(["newsletter", "loading"], !0).setIn(["newsletter", "status"], null);
+    case u:
+      return e.setIn(["newsletter", "status"], "OK").setIn(["newsletter", "email"], "");
+    case S:
+      return e.setIn(["newsletter", "status"], "ERROR");
+    case c: {
+      const { eMail: s } = t;
+      return e.setIn(["newsletter", "email"], s);
+    }
+    case l:
+      return e.setIn(["random"], Math.random());
+    default:
+      return e;
+  }
+};
+export {
+  w as default,
+  A as newsletterSubscription,
+  O as postLoaded,
+  m as reset,
+  W as sendShowCaseForm,
+  L as setEmail
+};

package/dist/esm/embeddable/references/Reference.js

@@ -0,0 +1,33 @@
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import "react";
+import { Popup as a } from "semantic-ui-react";
+import { connect as c } from "react-redux";
+const d = (e) => {
+  let r;
+  try {
+    r = decodeURIComponent(e);
+  } catch {
+    r = e, console.error("error occurred decoding content:" + e);
+  }
+  return r;
+}, s = ({
+  "data-index": e = "",
+  "data-description": r = "",
+  "data-link": t = ""
+}) => /* @__PURE__ */ o(
+  a,
+  {
+    className: "reference-popup",
+    hoverable: !0,
+    size: "mini",
+    offset: [-16, 0],
+    content: /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ o("p", { children: d(r) }),
+      /* @__PURE__ */ o("a", { href: t, target: "_blank", children: t })
+    ] }),
+    trigger: /* @__PURE__ */ o("a", { "data-index": e, "data-description": r, "data-link": t, href: `#ref_${e}`, className: "wp-reference", children: e })
+  }
+), p = (e, r) => ({ random: e.getIn(["embeddable", "random"]) }), i = {}, h = c(p, i)(s);
+export {
+  h as default
+};

package/dist/esm/embeddable/references/ReferencesList.js

@@ -0,0 +1,65 @@
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { useState as a, useEffect as f } from "react";
+import { Container as x, Grid as T, GridColumn as E, GridRow as y } from "semantic-ui-react";
+import { connect as R } from "react-redux";
+import { useWindowDimensionsAndDevice as C } from "../../lib/hooks/window-dimensions.js";
+const O = ({ content: n, link: t, index: i }) => /* @__PURE__ */ r(E, { children: /* @__PURE__ */ p(y, { id: "ref_" + i, className: "reference", children: [
+  /* @__PURE__ */ r("div", { className: "index", children: i }),
+  /* @__PURE__ */ r("div", { className: "content", children: n }),
+  /* @__PURE__ */ r("div", { className: "link", children: /* @__PURE__ */ r("a", { href: t, target: "_blank", children: t }) })
+] }) }), S = (n) => {
+  let t;
+  try {
+    t = decodeURIComponent(n);
+  } catch {
+    t = n, console.error("error occurred decoding content:" + n);
+  }
+  return t;
+}, W = ({
+  editing: n = !1,
+  "data-columns": t = 3,
+  "data-height": i = 1e3,
+  "data-flex-direction": c = "row"
+}) => {
+  const { width: w } = C(), [k, b] = a(window.innerWidth > window.innerHeight ? "landscape" : "portrait"), [l, g] = a(w < 1380);
+  f(() => {
+    const e = () => {
+      b(window.innerWidth > window.innerHeight ? "landscape" : "portrait"), g(window.innerWidth < 1380);
+    };
+    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, []);
+  const u = { flexDirection: c }, [m, I] = a([]);
+  c == "column" && t > 1 && (u.height = i + "px"), f(() => {
+    try {
+      setTimeout(() => {
+        const e = window.parent.document.querySelectorAll("div.wp-reference");
+        I(e);
+      }, 3e3);
+    } catch {
+    }
+  });
+  const v = m ? new Array(...m) : [], d = [];
+  return v.forEach((e) => {
+    d.find((s) => s.getAttribute("data-index") == e.getAttribute("data-index")) || d.push(e);
+  }), /* @__PURE__ */ p(x, { className: "references list", children: [
+    n && /* @__PURE__ */ r("div", { className: "edit-mode-message", children: /* @__PURE__ */ r("p", { children: "No preview available. The full list of references will be displayed in the live page." }) }),
+    /* @__PURE__ */ r(T, { fluid: !0, stretched: !!l, columns: l ? 1 : t, style: u, children: d.sort((e, o) => {
+      const s = e.getAttribute("data-index") ?? "", h = o.getAttribute("data-index") ?? "", A = s ? parseInt(s) : Number.POSITIVE_INFINITY, N = h ? parseInt(h) : Number.POSITIVE_INFINITY;
+      return A - N;
+    }).map((e) => {
+      const o = e.getAttribute("data-index") ?? "";
+      return /* @__PURE__ */ r(
+        O,
+        {
+          index: o,
+          content: S(e.getAttribute("data-description")),
+          link: e.getAttribute("data-link")
+        },
+        o
+      );
+    }) })
+  ] });
+}, _ = (n, t) => ({ random: n.getIn(["embeddable", "random"]) }), P = {}, B = R(_, P)(W);
+export {
+  B as default
+};

package/dist/esm/embeddable/sankeychart/Sankey.js

@@ -0,0 +1,205 @@
+import { jsx as o, jsxs as g, Fragment as h } from "react/jsx-runtime";
+import { useState as ae } from "react";
+import { ResponsiveSankey as se } from "@nivo/sankey";
+import { injectIntl as de } from "react-intl";
+import ce from "../common/ChartTooltip.js";
+const me = (i) => {
+  var O, v, x, N, L;
+  const {
+    marginLeft: B,
+    marginTop: T,
+    marginRight: H,
+    marginBottom: j,
+    options: ge,
+    intl: w,
+    format: E,
+    colors: he,
+    height: P,
+    showLegends: f,
+    tickColor: ke,
+    colorGenerator: S,
+    legendLabel: u,
+    legendCheckBack: fe,
+    legendLabelBack: ue,
+    legendLabelColor: b,
+    reverseLegend: z,
+    measures: be,
+    dimension1: pe,
+    dimension2: ye,
+    dimension3: Ce,
+    mode: Oe,
+    app: ve,
+    tooltipHTML: xe,
+    tooltip: k,
+    filters: Ne,
+    layout: F,
+    group: Le,
+    noDataMessage: Be,
+    tooltipEnabled: I,
+    tooltipEnableMarkdown: M,
+    sort: R,
+    nodeThickness: $,
+    nodeOpacity: D,
+    nodeHoverOpacity: G,
+    nodeInnerPadding: W,
+    nodeSpacing: q,
+    nodeHoverOthersOpacity: A,
+    nodeBorderWidth: J,
+    nodeBorderRadius: K,
+    linkOpacity: Q,
+    linkHoverOpacity: U,
+    linkHoverOthersOpacity: V,
+    linkContract: X,
+    enableLinkGradient: Y,
+    enableLabels: Z,
+    labelPosition: _,
+    labelPadding: ee,
+    useCustomLabelColor: oe,
+    labelTextColor: ne,
+    labelOrientation: te,
+    legendPosition: a,
+    useLabelBackground: p,
+    useCheckBoxBackground: d
+  } = i, [s, ie] = ae([]), le = (n) => {
+    const t = s.slice();
+    if (t.indexOf(n) > -1) {
+      const r = t.indexOf(n);
+      t.splice(r, 1);
+    } else
+      t.push(n);
+    ie(t);
+  }, re = { top: T, right: H, bottom: j, left: B }, y = () => /* @__PURE__ */ o(h, { children: f && u && /* @__PURE__ */ o("div", { className: "legend item", children: /* @__PURE__ */ o("label", { className: "legend-title", children: u }) }) }), C = () => {
+    var t, r, m;
+    const n = (m = (r = (t = i == null ? void 0 : i.options) == null ? void 0 : t.data) == null ? void 0 : r.nodes) == null ? void 0 : m.slice();
+    return z && n.reverse(), /* @__PURE__ */ o(h, { children: f && (n == null ? void 0 : n.map((e) => {
+      const l = s.indexOf(e.id) == -1;
+      return /* @__PURE__ */ g("div", { className: `legend item ${l ? "" : "ignore"}`, onClick: () => le(e.id), children: [
+        d && /* @__PURE__ */ o(
+          "input",
+          {
+            className: l ? "" : "ignore",
+            type: "checkbox",
+            checked: l,
+            readOnly: !0,
+            style: {
+              backgroundColor: e.color,
+              color: "#000"
+            }
+          }
+        ),
+        !d && /* @__PURE__ */ o(
+          "input",
+          {
+            type: "checkbox",
+            checked: l,
+            readOnly: !0,
+            style: {
+              color: "#000"
+            }
+          }
+        ),
+        d && /* @__PURE__ */ o(
+          "span",
+          {
+            className: "checkmark-with-bg",
+            style: { backgroundColor: e.color }
+          }
+        ),
+        !d && /* @__PURE__ */ o("span", { className: "checkmark" }),
+        p && /* @__PURE__ */ o(
+          "label",
+          {
+            className: l ? "" : "ignore",
+            style: {
+              backgroundColor: e.color,
+              color: b
+            },
+            children: e.id
+          }
+        ),
+        !p && /* @__PURE__ */ o(
+          "label",
+          {
+            className: l ? "" : "ignore",
+            style: {
+              color: b
+            },
+            children: e.id
+          }
+        )
+      ] });
+    })) });
+  };
+  let c = { nodes: [], links: [] };
+  if (console.log("sankey props ===>", i), (O = i.options) != null && O.data && ((x = (v = i.options) == null ? void 0 : v.data) != null && x.nodes) && ((L = (N = i.options) == null ? void 0 : N.data) != null && L.nodes.length)) {
+    const { links: n, nodes: t } = i.options.data;
+    t.forEach((e) => {
+      e.color = S.getColor(e.id);
+    });
+    const r = n.filter((e) => s.indexOf(e.source) == -1 && s.indexOf(e.target) == -1) || [], m = t.filter((e) => s.indexOf(e.id) == -1 && r.find((l) => l.source == e.id || l.target == e.id));
+    c = {
+      links: r,
+      nodes: m
+    };
+  }
+  return /* @__PURE__ */ o("div", { style: { height: P }, children: /* @__PURE__ */ g(h, { children: [
+    c.nodes.length && c.links.length ? /* @__PURE__ */ o(
+      se,
+      {
+        data: c,
+        margin: re,
+        layout: F,
+        align: "justify",
+        sort: R,
+        colors: { datum: "color" },
+        nodeOpacity: D,
+        nodeHoverOthersOpacity: A,
+        nodeThickness: $,
+        nodeSpacing: q,
+        nodeBorderWidth: J,
+        nodeBorderColor: {
+          from: "color",
+          modifiers: [
+            [
+              "darker",
+              0.8
+            ]
+          ]
+        },
+        linkTooltip: (n) => I && k && k.trim().length > 0 ? /* @__PURE__ */ o(ce, { intl: w, format: E, d: n, tooltip: k, tooltipEnableMarkdown: M }) : null,
+        enableLabels: Z,
+        linkHoverOpacity: U,
+        nodeHoverOpacity: G,
+        nodeInnerPadding: W,
+        nodeBorderRadius: K,
+        linkOpacity: Q,
+        linkHoverOthersOpacity: V,
+        linkContract: X,
+        enableLinkGradient: Y,
+        labelPosition: _,
+        labelOrientation: te,
+        labelPadding: ee,
+        labelTextColor: oe ? ne : {
+          from: "color",
+          modifiers: [
+            [
+              "darker",
+              1
+            ]
+          ]
+        }
+      }
+    ) : /* @__PURE__ */ o(h, {}),
+    (a == "top" || a == "bottom") && /* @__PURE__ */ o("div", { className: `legends container has-standard-12-font-size  ${a}`, children: /* @__PURE__ */ g("div", { className: "legend-sections", children: [
+      /* @__PURE__ */ o("div", { className: "title-section", children: y() }),
+      /* @__PURE__ */ o("div", { className: "legends container has-standard-12-font-size items-section", children: C() })
+    ] }) }),
+    (a == "right" || a == "left") && /* @__PURE__ */ g("div", { className: `legends container has-standard-12-font-size  ${a}`, children: [
+      y(),
+      C()
+    ] })
+  ] }) });
+}, Pe = de(me);
+export {
+  Pe as default
+};