@devgateway/dvz-ui-react 1.6.19 → 1.7.0

package/dist/esm/embeddable/big-filter/BigNumberGroup.js

@@ -0,0 +1,129 @@
+import { jsx as E, jsxs as G } from "react/jsx-runtime";
+import { useState as X, useRef as ee, useEffect as T } from "react";
+import { Container as te, Grid as I } from "semantic-ui-react";
+import { BigNumberItem as re } from "./BigNumberItem.js";
+import { decode as le } from "../utils/parseUtils.js";
+import ne from "lodash";
+const pe = (_) => {
+  const {
+    group: s,
+    app: r,
+    parent: i,
+    nColumns: k,
+    height: y,
+    blockName: m,
+    measures: p,
+    dimension1: n,
+    dimension2: B,
+    data: o,
+    numberFontSize: L,
+    backgroundColor: M,
+    numberColor: j,
+    labelColor: P,
+    unselectedBackgroundColor: D,
+    unselectedNumberColor: O,
+    unselectedLabelColor: w,
+    labelFontSize: z,
+    intl: K,
+    onUnSetFilter: d,
+    onSetFilter: a,
+    appliedFilters: g,
+    ///self applied filters
+    hasParentFilters: h,
+    //util flag
+    effectiveFilter: oe,
+    //all filter toghether
+    parentAppliedFilters: f,
+    //parent applied filter
+    sort: U,
+    order: Y,
+    showZeroValues: Z
+  } = _, u = p[r] ? Object.keys(p[r]).find((e) => p[r][e].selected) : null, N = m, [F, b] = X([]), $ = p[r] && p[r].format ? p[r].format : {
+    style: "percent",
+    minimumFractionDigits: 1,
+    maximumFractionDigits: 1
+  }, q = (e, t) => {
+    const l = e[u], c = t[u], R = Y === "asc" ? 1 : -1;
+    if (U === "alpha") {
+      const C = S(e.value) || "", A = S(t.value) || "";
+      return R * C.localeCompare(A);
+    } else {
+      const C = parseFloat(l) || 0, A = parseFloat(c) || 0;
+      return R * (C - A);
+    }
+  }, S = (e) => {
+    var l;
+    if (!o || !o.metadata || !o.metadata.types) return null;
+    const t = o.metadata.types.filter((c) => c.dimension == n);
+    return t && t.length > 0 ? (l = t[0].items.filter((c) => c.code == e)[0]) == null ? void 0 : l.value : null;
+  }, H = ee(
+    ne.debounce((e, t) => {
+      e.length == 0 ? (a({ app: r, group: s, parent: i, param: t, value: [] }), d({ app: r, group: m, parent: i, param: t })) : (a({ app: r, group: s, param: t, parent: i, value: [...e] }), a({ app: r, group: m, param: t, parent: i, value: [...e] }));
+    }, 400)
+    // 400ms delay
+  ).current, J = (e, t) => {
+    if (h && (!f || f.length === 0)) return;
+    let l = [...F];
+    l.includes(e) ? l = l.filter((c) => c !== e) : l.push(e), b(l), H(l, t);
+  }, v = o.children.filter((e) => Z === "true" ? e[u] !== null && e[u] !== void 0 : e[u] && e[u] > 0).sort(q);
+  T(() => {
+    a({ app: r, group: s, param: n, value: [Number.MIN_SAFE_INTEGER] }), d({ app: r, group: m, parent: i, param: n });
+  }, []), o.children.map((e) => e.value);
+  const x = v.map((e) => e.value);
+  T(() => {
+    const e = g ? g.filter((t) => !x.includes(t)) : [];
+    if (h && f.length == 0)
+      console.log(m, "RESETING FILTER; PARENT IS EMPTY"), a({ app: r, group: s, param: n, value: [Number.MIN_SAFE_INTEGER] }), d({ app: r, group: N, param: n }), b([]);
+    else if (e.length > 0) {
+      const t = g.filter((l) => x.indexOf(l) > -1);
+      t.length == 0 ? (b([]), a({ app: r, group: s, param: n, value: [Number.MIN_SAFE_INTEGER] }), d({ app: r, group: N, param: n })) : (a({ app: r, group: s, param: n, value: t }), a({ app: r, group: N, parent: i, param: n, value: t }));
+    } else
+      b(g);
+  }, [o]);
+  const Q = F ? F.length : 0, V = v ? v.length : 0, W = h && (!f || f.length === 0);
+  return n == null ? /* @__PURE__ */ E("h2", { children: "Select a dimension to start configuring the component" }) : /* @__PURE__ */ E(te, { fluid: !0, style: { padding: "0px", margin: "0px", height: `${y}px` }, children: /* @__PURE__ */ G(I, { fluid: !0, celled: !0, stackable: !0, columns: k, style: { border: "1px solid #EEE" }, children: [
+    /* @__PURE__ */ E(I.Row, { children: /* @__PURE__ */ G(I.Column, { width: 16, textAlign: "right", children: [
+      "Selected    ",
+      Q,
+      "/",
+      V
+    ] }) }),
+    o.children && v.map((e, t) => /* @__PURE__ */ E(
+      re,
+      {
+        idx: t,
+        child: e,
+        isDisabled: W,
+        selectedKey: u,
+        appliedFilters: F,
+        dimension1: n,
+        dimension2: B,
+        app: r,
+        group: s,
+        parent: i,
+        blockName: m,
+        hasParentFilters: h,
+        onSetFilter: (l) => {
+        },
+        handleClick: () => J(e.value, e.type),
+        onUnSetFilter: d,
+        intl: K,
+        numberFontSize: L,
+        labelFontSize: z,
+        backgroundColor: M,
+        numberColor: j,
+        labelColor: P,
+        unselectedBackgroundColor: D,
+        unselectedNumberColor: O,
+        unselectedLabelColor: w,
+        formatObject: $,
+        decode: le,
+        getLabel: S
+      },
+      t
+    ))
+  ] }) });
+};
+export {
+  pe as default
+};

package/dist/esm/embeddable/big-filter/BigNumberItem.js

@@ -0,0 +1,107 @@
+import { jsxs as $, jsx as a } from "react/jsx-runtime";
+import "react";
+import { Grid as j } from "semantic-ui-react";
+function E(t) {
+  if (typeof t == "boolean") return t;
+  if (typeof t != "string") return !!t;
+  switch (t.trim().toLowerCase()) {
+    case "true":
+    case "yes":
+    case "1":
+    case "on":
+      return !0;
+    case "false":
+    case "no":
+    case "0":
+    case "off":
+      return !1;
+    default:
+      return !1;
+  }
+}
+const q = (t) => {
+  const {
+    isDisabled: n,
+    // 1. ADDED: New prop to check if we are locked
+    child: r,
+    selectedKey: u,
+    appliedFilters: p,
+    dimension1: I,
+    dimension2: d,
+    app: v,
+    group: A,
+    parent: O,
+    blockName: G,
+    hasParentFilters: K,
+    onSetFilter: P,
+    onUnSetFilter: R,
+    intl: g,
+    numberFontSize: b,
+    labelFontSize: f,
+    backgroundColor: h,
+    numberColor: y,
+    labelColor: x,
+    unselectedBackgroundColor: C,
+    unselectedNumberColor: F,
+    unselectedLabelColor: S,
+    formatObject: i,
+    decode: o,
+    getLabel: m,
+    idx: N
+  } = t, l = p.indexOf(r.value) > -1, k = r[u], w = () => {
+    n || t.handleClick && t.handleClick();
+  }, D = (e) => ({
+    cursor: n ? "not-allowed" : "pointer",
+    // 3. UPDATED: Change cursor
+    color: o(e ? y : F),
+    fontSize: b + "px",
+    textAlign: "center",
+    paddingTop: "3%",
+    paddingLeft: "1%",
+    paddingRight: "1%",
+    paddingBottom: "0px",
+    margin: "0px"
+  }), z = (e) => ({
+    cursor: n ? "not-allowed" : "pointer",
+    // 3. UPDATED: Change cursor
+    color: o(e ? x : S),
+    fontSize: f + "px",
+    textAlign: "center",
+    padding: "0px",
+    margin: "0px"
+  }), B = (e) => ({
+    border: "1px solid #EEE",
+    backgroundColor: o(e ? h : C),
+    opacity: n ? 0.4 : 1,
+    // 4. ADDED: Dim the card to 40% if disabled
+    cursor: n ? "not-allowed" : "pointer"
+    // 4. ADDED: Change cursor on the whole cell
+  }), L = (e) => {
+    const s = {
+      style: i.style === "compacted" ? "decimal" : i.style,
+      notation: i.style === "compacted" ? "compact" : "standard",
+      currency: i.currency,
+      minimumFractionDigits: parseInt(i.minimumFractionDigits),
+      maximumFractionDigits: parseInt(i.maximumFractionDigits)
+    };
+    return g.formatNumber(e, { ...s });
+  };
+  let c = !1;
+  return d !== "none" && (c = r && r.children ? r.children.map((e) => E(e.value)).reduce((e, s) => e && s, !0) : !1), /* @__PURE__ */ $(
+    j.Column,
+    {
+      className: `big filter item ${l ? "selected" : "unselected"} ${c ? `highlighted ${d}` : ""} ${n ? "disabled" : ""}`,
+      onClick: w,
+      style: B(l),
+      children: [
+        /* @__PURE__ */ a("p", { style: D(l), className: "big-number", children: L(k) }),
+        c && /* @__PURE__ */ a("p", { children: /* @__PURE__ */ a("div", { className: "highlighted-pill", children: "Zoonotic" }) }),
+        /* @__PURE__ */ a("p", { style: z(l), className: "big-number-label", children: m ? m(r.value) : r.label || r.value })
+      ]
+    },
+    N
+  );
+};
+export {
+  q as BigNumberItem
+};

package/dist/esm/embeddable/big-filter/DataProvider.js

@@ -0,0 +1,53 @@
+import { jsx as f } from "react/jsx-runtime";
+import u from "react";
+import { connect as h } from "react-redux";
+import { injectIntl as D } from "react-intl";
+import "semantic-ui-react";
+import { DataContext as S } from "../data/DataContext.js";
+import { getData as I, setData as J } from "../reducers/data.js";
+class v extends u.Component {
+  constructor(t) {
+    super(t), this.debounces = [];
+  }
+  componentDidMount() {
+    const { app: t, useAncestor: e, parent: s, source: r, store: a, params: i, csv: d, group: n, editing: l, waitForFilters: p = !1 } = this.props;
+    this.props.onLoadData({ app: t, source: r, store: a, params: i, group: n });
+  }
+  componentDidUpdate(t, e, s) {
+    const { app: r, filters: a, useAncestor: i, parent: d, source: n, store: l, params: p, csv: c, group: g, editing: x } = this.props;
+    (a != t.filters || JSON.stringify(p) != JSON.stringify(t.params) || r != t.app || JSON.stringify(t.source) != JSON.stringify(n) || c != t.csv) && this.props.onLoadData({ app: r, source: n, store: l, params: p, group: g });
+  }
+  componentWillUnmount() {
+  }
+  render() {
+    const { data: t, style: e, loading: s, time: r, error: a, editing: i } = this.props;
+    return /* @__PURE__ */ f(S.Provider, { value: t, children: this.props.children });
+  }
+}
+const m = (o, t, e) => {
+  const s = [t], r = o.getIn(["data", "filters-settings", e]) ? o.getIn(["data", "filters-settings", e]).toJS() : null;
+  if (r) {
+    const a = r[t];
+    a && a.parent && s.push(...m(o, a.parent, e));
+  }
+  return s;
+}, y = (o, t) => {
+  const { store: e, readGroup: s, app: r, blockName: a, params: i, parent: d } = t;
+  let n = { ...i };
+  return d && m(o, d, r).forEach((p) => {
+    const c = o.getIn(["data", "filters", r, p]);
+    c && c.size > 0 && (n = { ...n, ...c.toJS() });
+  }), {
+    params: n,
+    data: o.getIn(["data", ...e, "data"]),
+    filters: o.getIn(["data", "filters", r, s]),
+    error: o.getIn(["data", ...e, "error"]),
+    loading: o.getIn(["data", ...e, "loading"])
+  };
+}, N = {
+  onSetData: J,
+  onLoadData: I
+}, w = h(y, N)(D(v));
+export {
+  w as default
+};

package/dist/esm/embeddable/big-filter/index.js

@@ -0,0 +1,130 @@
+import { jsx as a, jsxs as F } from "react/jsx-runtime";
+import { useRef as Z } from "react";
+import { Container as K } from "semantic-ui-react";
+import { connect as Q } from "react-redux";
+import W from "../data/DataConsumer.js";
+import { unsetFilter as X, setFilter as Y } from "../reducers/data.js";
+import { parse as k } from "../utils/parseUtils.js";
+import _ from "./DataProvider.js";
+import ee from "./BigNumberGroup.js";
+const te = (r) => {
+  const {
+    editing: d = !1,
+    unique: o,
+    intl: u,
+    "data-csv": m = "",
+    "data-dimension1": e = "none",
+    "data-dimension2": l = "none",
+    "data-dvz-proxy-dataset-id": c,
+    "data-no-data-message": b = "No data matches your selection",
+    "data-view-mode": v = "info",
+    "data-height": n,
+    "data-app": t,
+    "data-measures": f = "{}",
+    "data-group": S,
+    "data-parent": i,
+    "data-block-name": s,
+    "data-filters": P = "[]",
+    "data-number-font-size": w = 20,
+    "data-label-font-size": z = 20,
+    "data-unselected-number-color": I = "#000000",
+    "data-unselected-label-color": A = "#000000",
+    "data-unselected-background-color": B = "#fdfdfdff",
+    "data-number-color": N = "#000000",
+    "data-label-color": y = "#000000",
+    "data-background-color": D = "#ffffffff",
+    "data-label": j = "",
+    "data-wait-for-filters": G = "false",
+    "data-n-columns": M = 4,
+    "data-sort": J = "alpha",
+    "data-order": E = "asc",
+    "data-show-zero-values": U = "false",
+    hasParentFilters: $,
+    effectiveFilter: q,
+    appliedFilters: H,
+    parentAppliedFilters: L,
+    onSetFilter: O,
+    onUnSetFilter: R
+  } = r, T = Z(null), V = d ? n - 80 : n - 40, x = { dvzProxyDatasetId: c }, h = k(P) || {};
+  h && h.forEach && h.forEach((p) => {
+    p.value != null && p.value.filter((C) => C != null && C.toString().trim() != "").length > 0 && (x[p.param] = p.value);
+  });
+  const g = [];
+  return e != "none" && g.push(e), l != "none" && g.push(l), /* @__PURE__ */ a("div", { ref: T, children: /* @__PURE__ */ F(K, { fluid: !0, style: { padding: "0px", margin: "0px", height: `${n}px` }, children: [
+    (!t || t === "csv") && /* @__PURE__ */ F("p", { children: [
+      /* @__PURE__ */ a("h2", { children: "Big Filter:" }),
+      /* @__PURE__ */ a("h4", { children: "Please select an API! " })
+    ] }),
+    t !== "csv" && e == "none" && /* @__PURE__ */ F("p", { children: [
+      /* @__PURE__ */ a("h2", { children: "Big Filter:" }),
+      /* @__PURE__ */ a("h4", { children: "Please select dimension! " })
+    ] }),
+    t && e != "none" && /* @__PURE__ */ a(
+      _,
+      {
+        style: { height: `${V}px` },
+        blockName: s,
+        params: x,
+        app: t,
+        useAncestor: !0,
+        parent: i,
+        editing: d,
+        waitForFilters: G === "true",
+        store: [t, o],
+        source: g.join("/"),
+        children: /* @__PURE__ */ a(W, { noDataMessage: /* @__PURE__ */ a("h1", { children: "No data" }), children: /* @__PURE__ */ a(
+          ee,
+          {
+            nColumns: M,
+            parent: i,
+            sort: J,
+            order: E,
+            showZeroValues: U,
+            onSetFilter: O,
+            onUnSetFilter: R,
+            appliedFilters: H,
+            height: n,
+            intl: u,
+            app: t,
+            group: S,
+            blockName: s,
+            measures: k(f),
+            label: j,
+            numberFontSize: w,
+            labelFontSize: z,
+            numberColor: N,
+            labelColor: y,
+            backgroundColor: D,
+            unselectedNumberColor: I,
+            unselectedLabelColor: A,
+            unselectedBackgroundColor: B,
+            hasParentFilters: $,
+            effectiveFilter: q,
+            parentAppliedFilters: L,
+            dimension1: e,
+            dimension2: l
+          }
+        ) })
+      }
+    )
+  ] }) });
+}, ae = (r, d) => {
+  const { "data-app": o, "data-group": u, "data-block-name": m, "data-parent": e, "data-dimension1": l } = d, c = u, b = e || m + Math.random(0, 1), v = m, n = r.getIn(["data", "filters", o, v]), t = e != "" && e != null, f = r.getIn(["data", "filters", o, c]) ? r.getIn(["data", "filters", o, c]).toJS() : {};
+  let i = (t ? r.getIn(["data", "filters", o, b]) : null) ? Object.values(r.getIn(["data", "filters", o, e]).toJS())[0] : [], s = n ? n.toJS()[l] : [];
+  return {
+    hasParentFilters: t,
+    //util flag
+    effectiveFilter: f,
+    //all filter toghether
+    parentAppliedFilters: i || [],
+    //parent applied filter
+    appliedFilters: s || []
+    //self applied filters
+  };
+}, re = {
+  onSetFilter: Y,
+  onUnSetFilter: X
+}, me = Q(ae, re)(te);
+export {
+  me as default
+};