@devgateway/dvz-ui-react 1.9.0 → 1.9.2

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

@@ -1,12 +1,12 @@
 import { jsx as l, jsxs as L, Fragment as le } from "react/jsx-runtime";
 import { useState as Y, useEffect as ie, useRef as oe } from "react";
-import { Container as _, Dropdown as F, Segment as z, Label as j, Radio as K, Input as se, Icon as ce, Divider as ue, Checkbox as de } from "semantic-ui-react";
+import { Container as _, Dropdown as I, Segment as z, Label as j, Radio as K, Input as se, Icon as ce, Divider as ue, Checkbox as de } from "semantic-ui-react";
 import ne from "../data/CategoriesConsumer.js";
 import fe from "../data/CategoriesProvider.js";
 import { connect as Q } from "react-redux";
 import { setFilter as he, setInitialFilters as me } from "../reducers/data.js";
 import { injectIntl as pe } from "react-intl";
-const re = "multi-select", B = "single-select", ge = "NO_DATA", xe = "DEFAULT_VALUE_INPUT", Ce = "LOWEST_VALUE", Te = "HIGHEST_VALUE", N = (t) => t instanceof Boolean ? t : t == "true", Se = (t, o) => t ? t.sort((a, c) => a.position - c.position).map((a) => {
+const re = "multi-select", R = "single-select", ge = "NO_DATA", xe = "DEFAULT_VALUE_INPUT", Ce = "LOWEST_VALUE", Te = "HIGHEST_VALUE", N = (t) => t instanceof Boolean ? t : t == "true", Se = (t, o) => t ? t.sort((a, c) => a.position - c.position).map((a) => {
   const c = o && a.labels && a.labels[o.toUpperCase()] ? a.labels[o.toUpperCase()] : a.value;
   return {
     key: a.id,
@@ -34,8 +34,8 @@ const re = "multi-select", B = "single-select", ge = "NO_DATA", xe = "DEFAULT_VA
 }, ee = (t) => {
   const { isRange: o, options: a, alphabeticalSort: c, ascOrder: i } = t;
   N(c) ? a.sort(function(f, u) {
-    const n = f.text ? f.text.toLowerCase() : "", p = u.text ? u.text.toLowerCase() : "";
-    return N(i) ? n < p ? -1 : n > p ? 1 : 0 : n < p ? 1 : n > p ? -1 : 0;
+    const r = f.text ? f.text.toLowerCase() : "", g = u.text ? u.text.toLowerCase() : "";
+    return N(i) ? r < g ? -1 : r > g ? 1 : 0 : r < g ? 1 : r > g ? -1 : 0;
   }) : a.sort(function(f, u) {
     return N(i) ? f.position - u.position : u.position - f.position;
   });
@@ -53,85 +53,85 @@ const re = "multi-select", B = "single-select", ge = "NO_DATA", xe = "DEFAULT_VA
     app: d,
     group: f,
     param: u,
-    current: n,
-    onChange: p,
+    current: r,
+    onChange: g,
     onInit: s,
     useSingleColumn: A,
     enableTextSearch: x,
     filterType: C,
     defaultValues: v,
-    showNoDataOption: I,
-    defaultValueCriteria: m,
+    showNoDataOption: F,
+    defaultValueCriteria: p,
     allNoneSameBehaviour: E,
     closeOnSelect: b,
     hiddenFilters: w,
-    autoApply: U,
-    childFilter: y,
+    autoApply: O,
+    childFilter: U,
     childFilterParam: V,
     params: W,
     uniqueStorage: G,
-    dvzProxyDatasetId: M,
+    dvzProxyDatasetId: y,
     defaultTopNEnabled: $,
     defaultTopNCount: k
-  } = t, [te, q] = Y(""), R = (e) => {
-    let r = [];
-    C != B && !b && n && n.indexOf(e) > -1 ? r = n.filter((g) => g !== e) : C != B && n && !b ? r = [...n, e] : r = [e], p({ app: d, group: f, param: u, value: r, autoApply: U, childFilter: y, childFilterParam: V, params: W, uniqueStorage: G, dvzProxyDatasetId: M }), b && T.current && T.current.close();
+  } = t, [te, q] = Y(""), B = (e) => {
+    let n = [];
+    C != R && !b && r && r.indexOf(e) > -1 ? n = r.filter((h) => h !== e) : C != R && r && !b ? n = [...r, e] : n = [e], g({ app: d, group: f, param: u, value: n, autoApply: O, childFilter: U, childFilterParam: V, params: W, uniqueStorage: G, dvzProxyDatasetId: y }), b && T.current && T.current.close();
   }, J = (e) => {
-    const r = i.filter((g) => x && S && S.trim().length > 0 && g.text ? g.text.toLowerCase().includes(S.toLowerCase()) : !0);
-    p({
+    const n = i.filter((h) => x && S && S.trim().length > 0 && h.text ? h.text.toLowerCase().includes(S.toLowerCase()) : !0);
+    g({
       app: d,
       group: f,
       param: u,
-      value: r.map((g) => g.value),
-      autoApply: U,
-      childFilter: y
+      value: n.map((h) => h.value),
+      autoApply: O,
+      childFilter: U
     }), b && T.current && T.current.close();
   }, H = () => {
-    const e = i.filter((r) => x && S && S.trim().length > 0 && r.text ? r.text.toLowerCase().includes(S.toLowerCase()) : !0);
-    p({
+    const e = i.filter((n) => x && S && S.trim().length > 0 && n.text ? n.text.toLowerCase().includes(S.toLowerCase()) : !0);
+    g({
       app: d,
       group: f,
       param: u,
-      value: E ? e.map((r) => r.value) : [],
-      autoApply: U
+      value: E ? e.map((n) => n.value) : [],
+      autoApply: O
     }), b && T.current && T.current.close();
   }, D = (e) => {
-    O(e);
+    M(e);
   };
   ie(() => {
-    if (!n) {
-      const e = i.map((r) => r.value);
+    if (!r) {
+      const e = i.map((n) => n.value);
       if (C == re || C == "")
         if ($) {
-          const r = k && k > 0 ? k : 0, g = i.slice(0, r).map((h) => h.value);
-          s({ app: d, group: f, param: u, value: g });
+          const n = k && k > 0 ? k : 0, h = i.slice(0, n).map((m) => m.value);
+          s({ app: d, group: f, param: u, value: h });
         } else {
-          const r = v ? v.split(",").map((h) => h.trim()).filter((h) => h.length > 0) : [], g = r.length > 0 ? i.filter((h) => r.indexOf(String(h.value)) > -1).map((h) => h.value) : e;
-          s({ app: d, group: f, param: u, value: g });
+          const n = v ? v.split(",").map((m) => m.trim()).filter((m) => m.length > 0) : [], h = n.length > 0 ? i.filter((m) => n.indexOf(String(m.value)) > -1).map((m) => m.value) : e;
+          s({ app: d, group: f, param: u, value: h });
         }
       else if (d == "csv") {
-        let r = [];
-        m === xe ? r = v ? v.split(",") : [] : m == Ce ? r = e.length > 0 ? [e[0]] : [] : m == Te && (r = e.length > 0 ? [e[e.length - 1]] : []), s({ app: d, group: f, param: u, value: r });
+        let n = [];
+        p === xe ? n = v ? v.split(",") : [] : p == Ce ? n = e.length > 0 ? [e[0]] : [] : p == Te && (n = e.length > 0 ? [e[e.length - 1]] : []), s({ app: d, group: f, param: u, value: n });
       } else if ($) {
-        const r = i.slice(0, 1).map((g) => g.value);
-        s({ app: d, group: f, param: u, value: r });
+        const n = i.slice(0, 1).map((h) => h.value);
+        s({ app: d, group: f, param: u, value: n });
       } else {
-        const r = v ? v.split(",").map((h) => h.trim()).filter((h) => h.length > 0) : [], g = r.length > 0 ? i.filter((h) => r.indexOf(String(h.value)) > -1).map((h) => h.value).slice(0, 1) : e.length > 0 ? [e[0]] : [];
-        s({ app: d, group: f, param: u, value: g });
+        const n = v ? v.split(",").map((m) => m.trim()).filter((m) => m.length > 0) : [], h = n.length > 0 ? i.filter((m) => n.indexOf(String(m.value)) > -1).map((m) => m.value).slice(0, 1) : e.length > 0 ? [e[0]] : [];
+        s({ app: d, group: f, param: u, value: h });
       }
     }
   }, []);
   const P = () => {
-    if (C == B) {
-      const e = n && n[0] ? i.filter((r) => r.value == n[0])[0] : null;
+    if (C == R) {
+      const e = r && r[0] ? i.filter((n) => n.value == r[0])[0] : null;
       return `${c} ${e ? e.text : ""}`;
     } else
-      return `${c} (${n ? n.filter((e) => e == Number.MIN_SAFE_INTEGER ? !1 : w && w.length > 0 ? w.indexOf(e) == -1 : !0).length : 0}/${i.filter((e) => w && w.length > 0 ? w.indexOf(e.id) == -1 : !0).length}) `;
-  }, T = oe(null), [S, O] = Y("");
+      return `${c} (${r ? r.filter((e) => e == Number.MIN_SAFE_INTEGER ? !1 : w && w.length > 0 ? w.indexOf(e) == -1 : !0).length : 0}/${i.filter((e) => w && w.length > 0 ? w.indexOf(e.id) == -1 : !0).length}) `;
+  }, T = oe(null), [S, M] = Y("");
   return (
     // @ts-ignore
     /* @__PURE__ */ l(
-      F,
+      I,
       {
         ref: T,
         fluid: !0,
@@ -142,10 +142,10 @@ const re = "multi-select", B = "single-select", ge = "NO_DATA", xe = "DEFAULT_VA
         multiple: !0,
         search: !0,
         floating: !1,
-        className: `${n && n.length > 0 ? "applied " : ""}`,
-        children: /* @__PURE__ */ L(F.Menu, { children: [
-          C != B && /* @__PURE__ */ L(le, { children: [
-            /* @__PURE__ */ l(z, { children: /* @__PURE__ */ L(F.Item, { children: [
+        className: `${r && r.length > 0 ? "applied " : ""}`,
+        children: /* @__PURE__ */ L(I.Menu, { children: [
+          C != R && /* @__PURE__ */ L(le, { children: [
+            /* @__PURE__ */ l(z, { children: /* @__PURE__ */ L(I.Item, { children: [
               /* @__PURE__ */ l(j, { basic: !0, onClick: J, children: o }),
               " ",
               "|",
@@ -153,7 +153,7 @@ const re = "multi-select", B = "single-select", ge = "NO_DATA", xe = "DEFAULT_VA
               /* @__PURE__ */ l(j, { basic: !0, onClick: H, children: a })
             ] }) }),
             x && /* @__PURE__ */ L(le, { children: [
-              /* @__PURE__ */ l(_, { children: /* @__PURE__ */ l(F.Item, { children: /* @__PURE__ */ l("div", { className: "ui action input", children: /* @__PURE__ */ L(se, { placeholder: "Search...", children: [
+              /* @__PURE__ */ l(_, { children: /* @__PURE__ */ l(I.Item, { children: /* @__PURE__ */ l("div", { className: "ui action input", children: /* @__PURE__ */ L(se, { placeholder: "Search...", children: [
                 /* @__PURE__ */ l(
                   "input",
                   {
@@ -180,30 +180,30 @@ const re = "multi-select", B = "single-select", ge = "NO_DATA", xe = "DEFAULT_VA
             ] })
           ] }),
           /* @__PURE__ */ l("br", {}),
-          /* @__PURE__ */ l(_, { className: A ? "dropdown-single-column" : "", children: i.filter((e) => x && S && S.trim().length > 0 && e.text ? e.text.toLowerCase().includes(S.toLowerCase()) : !0).map(({ value: e, text: r }, g) => /* @__PURE__ */ L(
-            F.Item,
+          /* @__PURE__ */ l(_, { className: A ? "dropdown-single-column" : "", children: i.filter((e) => x && S && S.trim().length > 0 && e.text ? e.text.toLowerCase().includes(S.toLowerCase()) : !0).map(({ value: e, text: n }, h) => /* @__PURE__ */ L(
+            I.Item,
             {
               className: A ? "dropdown-item-single-column" : "",
               children: [
-                C == B && /* @__PURE__ */ l(
+                C == R && /* @__PURE__ */ l(
                   K,
                   {
-                    checked: !!(n && n.indexOf(e) > -1),
-                    onChange: (h) => R(e),
-                    label: r
+                    checked: !!(r && r.indexOf(e) > -1),
+                    onChange: (m) => B(e),
+                    label: n
                   }
                 ),
                 C == re && /* @__PURE__ */ l(
                   de,
                   {
-                    checked: !!(n && n.indexOf(e) > -1 && !(i.length == n.length && E)),
-                    onChange: (h) => R(e),
-                    label: r
+                    checked: !!(r && r.indexOf(e) > -1 && !(i.length == r.length && E)),
+                    onChange: (m) => B(e),
+                    label: n
                   }
                 )
               ]
             },
-            g
+            h
           )) })
         ] })
       }
@@ -222,72 +222,72 @@ const re = "multi-select", B = "single-select", ge = "NO_DATA", xe = "DEFAULT_VA
     app: d,
     group: f,
     param: u,
-    current: n,
-    autoApply: p
+    current: r,
+    autoApply: g
   }) => {
     const [s, A] = Y(c[0].position), [x, C] = Y(c[c.length - 1].position);
     ie(() => {
-      const I = c.filter(
-        (m) => (m.position > s || m.position === s) && (m.position < x || m.position === x)
-      ).map((m) => m.value);
-      i({ app: d, group: f, param: u, value: I, autoApply: p });
+      const F = c.filter(
+        (p) => (p.position > s || p.position === s) && (p.position < x || p.position === x)
+      ).map((p) => p.value);
+      i({ app: d, group: f, param: u, value: F, autoApply: g });
     }, [s, x]);
     const v = oe(null);
     return /* @__PURE__ */ l(
-      F,
+      I,
       {
         ref: v,
         fluid: !0,
-        text: `${t} (${n ? n.filter((I) => I != Number.MIN_SAFE_INTEGER).length : 0}/${c.length})`,
+        text: `${t} (${r ? r.filter((F) => F != Number.MIN_SAFE_INTEGER).length : 0}/${c.length})`,
         scrolling: !1,
         button: !0,
         multiple: !0,
         search: !0,
         floating: !1,
         icon: "angle down ignore",
-        className: `${n && n.length > 0 ? "applied " : ""} range`,
-        children: /* @__PURE__ */ L(F.Menu, { children: [
-          /* @__PURE__ */ l(z, { children: /* @__PURE__ */ L(F.Item, { children: [
+        className: `${r && r.length > 0 ? "applied " : ""} range`,
+        children: /* @__PURE__ */ L(I.Menu, { children: [
+          /* @__PURE__ */ l(z, { children: /* @__PURE__ */ L(I.Item, { children: [
             " ",
             /* @__PURE__ */ l(j, { basic: !0, children: o })
           ] }) }),
-          /* @__PURE__ */ l(_, { children: c.map(({ value: I, text: m, position: E }) => /* @__PURE__ */ l(F.Item, { children: /* @__PURE__ */ l(
+          /* @__PURE__ */ l(_, { children: c.map(({ value: F, text: p, position: E }) => /* @__PURE__ */ l(I.Item, { children: /* @__PURE__ */ l(
             K,
             {
               disabled: E > x,
               checked: s === E,
               onChange: (b) => A(E),
-              label: m
+              label: p
             }
           ) })) }),
-          /* @__PURE__ */ l(z, { children: /* @__PURE__ */ L(F.Item, { children: [
+          /* @__PURE__ */ l(z, { children: /* @__PURE__ */ L(I.Item, { children: [
             " ",
             /* @__PURE__ */ l(j, { basic: !0, children: a })
           ] }) }),
-          /* @__PURE__ */ l(_, { children: c.map(({ value: I, text: m, position: E }) => /* @__PURE__ */ l(F.Item, { children: /* @__PURE__ */ l(
+          /* @__PURE__ */ l(_, { children: c.map(({ value: F, text: p, position: E }) => /* @__PURE__ */ l(I.Item, { children: /* @__PURE__ */ l(
             K,
             {
               disabled: E < s,
               checked: x === E,
               onChange: (b) => C(E),
-              label: m
+              label: p
             }
           ) })) })
         ] })
       }
     );
   }
-), Fe = (t) => {
-  const { data: o, type: a, showNoDataOption: c } = t, i = o.filter((s) => s.type === a)[0], d = i ? i.items.filter((s) => !c && s.code == ge ? !1 : t.hiddenFilters && t.hiddenFilters.length > 0 ? t.hiddenFilters.indexOf(s.id) == -1 : !0) : [], f = d ? Se(d, t.locale) : [], u = o.find((s) => s.type === "FilterDefinition"), n = u ? u.items.find((s) => s.fieldType == a) : null, p = n ? n.value : "Filter";
+), Ie = (t) => {
+  const { data: o, type: a, showNoDataOption: c } = t, i = o.filter((s) => s.type === a)[0], d = i ? i.items.filter((s) => !c && s.code == ge ? !1 : t.hiddenFilters && t.hiddenFilters.length > 0 ? t.hiddenFilters.indexOf(s.id) == -1 : !0) : [], f = d ? Se(d, t.locale) : [], u = o.find((s) => s.type === "FilterDefinition"), r = u ? u.items.find((s) => s.fieldType == a) : null, g = r ? r.value : "Filter";
   return /* @__PURE__ */ l(_, { fluid: !0, className: "filter filter-component", children: /* @__PURE__ */ l(
     ee,
     {
       ...t,
       options: f,
-      placeholder: t.placeholder ? t.placeholder : p
+      placeholder: t.placeholder ? t.placeholder : g
     }
   ) });
-}, Ie = Q(
+}, Fe = Q(
   X,
   Z
 )((t) => {
@@ -327,40 +327,40 @@ const re = "multi-select", B = "single-select", ge = "NO_DATA", xe = "DEFAULT_VA
   "data-parent-filter": d,
   "data-parent-filter-param": f,
   "data-dvz-proxy-dataset-id": u,
-  "data-param": n,
-  "data-icon": p,
+  "data-param": r,
+  "data-icon": g,
   "data-type": s,
   "data-place-holder": A,
   "data-is-range": x = "false",
   "data-all-label": C,
   "data-none-label": v,
-  "data-start-label": I,
-  "data-end-label": m,
+  "data-start-label": F,
+  "data-end-label": p,
   "data-csv-value": E,
   "data-filters": b = "[]",
   "data-use-single-column": w = "false",
-  "data-enable-text-search": U = "false",
-  "data-filter-type": y,
+  "data-enable-text-search": O = "false",
+  "data-filter-type": U,
   "data-default-values": V,
   "data-show-no-data-option": W = "true",
   "data-default-value-criteria": G = "DEFAULT_VALUE_INPUT",
-  "data-hidden-filters": M = "[]",
+  "data-hidden-filters": y = "[]",
   "data-all-none-same-behaviour": $ = "false",
   "data-close-on-select": k = "false",
   "data-alphabetical-sort": te = "true",
   "data-asc-order": q = "true",
-  "data-auto-apply": R = "true",
+  "data-auto-apply": B = "true",
   "data-default-top-n-enabled": J = "false",
   "data-default-top-n-count": H = "0",
   intl: D
 }) => {
   const P = {}, T = b ? ae(b) : {};
-  T && T.forEach && T.forEach((e) => {
-    e.value != null && e.value.filter((r) => r != null && r.toString().trim() != "").length > 0 && (P[e.param] = e.value);
+  T && T.forEach && T.forEach((n) => {
+    n.value != null && n.value.filter((h) => h != null && h.toString().trim() != "").length > 0 && (P[n.param] = n.value);
   }), u && (P.dvzProxyDatasetId = u);
-  const S = M ? ae(M) : [];
-  let O;
-  return y == null || y == "" ? O = x === "true" ? "range" : "multi-select" : O = y, a === "csv" ? /* @__PURE__ */ l(
+  const S = y ? ae(y) : null, M = S !== null ? S : y ? y.split(",").filter(Boolean) : [];
+  let e;
+  return U == null || U == "" ? e = x === "true" ? "range" : "multi-select" : e = U, a === "csv" ? /* @__PURE__ */ l(
     be,
     {
       allLabel: C,
@@ -369,15 +369,15 @@ const re = "multi-select", B = "single-select", ge = "NO_DATA", xe = "DEFAULT_VA
       csvValue: E,
       app: a,
       group: o,
-      icon: p,
+      icon: g,
       placeholder: A,
-      startLabel: I,
-      endLabel: m,
-      param: n,
+      startLabel: F,
+      endLabel: p,
+      param: r,
       ascOrder: q,
       useSingleColumn: w === "true",
-      enableTextSearch: U === "true",
-      filterType: O,
+      enableTextSearch: O === "true",
+      filterType: e,
       defaultValues: V,
       defaultValueCriteria: G,
       allNoneSameBehaviour: $ === "true",
@@ -389,64 +389,64 @@ const re = "multi-select", B = "single-select", ge = "NO_DATA", xe = "DEFAULT_VA
     {
       dvzProxyDatasetId: u,
       type: s,
-      autoApply: N(R),
+      autoApply: N(B),
       parentType: d,
       params: P,
-      param: n,
+      param: r,
       parentParam: f,
       app: a,
       group: o,
       uniqueStorage: T.length > 0 ? t : null,
-      hiddenFilters: S || [],
+      hiddenFilters: M || [],
       children: /* @__PURE__ */ l(ne, { children: /* @__PURE__ */ L(_, { fluid: !0, children: [
         s === "Boolean" && /* @__PURE__ */ l(
-          Ie,
+          Fe,
           {
-            startLabel: I,
-            endLabel: m,
+            startLabel: F,
+            endLabel: p,
             allLabel: C,
             noneLabel: v,
             isRange: N(x),
             app: a,
             group: o,
-            icon: p,
+            icon: g,
             placeholder: A,
-            param: n,
-            filterType: O,
+            param: r,
+            filterType: e,
             defaultValues: V,
             locale: D.locale
           }
         ),
         s !== "Boolean" && /* @__PURE__ */ l(ne, { type: s, children: /* @__PURE__ */ l(
-          Fe,
+          Ie,
           {
             params: P,
             childFilter: c,
             parentFilter: d,
             childFilterParam: i,
-            startLabel: I,
-            endLabel: m,
+            startLabel: F,
+            endLabel: p,
             allLabel: C,
             noneLabel: v,
             isRange: N(x),
             app: a,
             group: o,
-            icon: p,
+            icon: g,
             placeholder: A,
-            param: n,
+            param: r,
             alphabeticalSort: te,
             ascOrder: q,
             useSingleColumn: N(w),
-            enableTextSearch: N(U),
+            enableTextSearch: N(O),
             showNoDataOption: N(W),
-            filterType: O,
+            filterType: e,
             defaultValues: V,
             defaultValueCriteria: G,
             defaultTopNEnabled: N(J),
             defaultTopNCount: H ? parseInt(H) : 0,
-            hiddenFilters: S || [],
+            hiddenFilters: M || [],
             allNoneSameBehaviour: $ == "true",
-            autoApply: N(R),
+            autoApply: N(B),
             closeOnSelect: N(k),
             locale: D.locale,
             uniqueStorage: T.length > 0 ? t : null,