@devgateway/dvz-ui-react 1.7.9 → 1.7.10

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),g=require("react"),d=require("semantic-ui-react"),p=require("../reducers/data.js"),f=require("../../redux/hooks.js"),h=m=>{const{parent:x,editing:j=!1,unique:C,"data-label":r,"data-group":o,"data-app":s,"data-measures-groups":n}=m;let e;const i=f.useAppDispatch(),c=f.useAppSelector(a=>a.getIn(["data","measures",s,o])),l={onReset:p.cleanMeasures,onChange:p.setMeasures};if(n instanceof String||typeof n=="string"?e=JSON.parse(decodeURIComponent(n)):e=n,g.useEffect(()=>{e&&e[s]&&e[s].forEach(a=>{a.defaultSelected&&i(l.onChange({app:s,group:o,mGroup:a}))})},[]),e&&e[s]){const a=e[s];return t.jsxs(d.Container,{className:"measures group",fluid:!0,children:[r&&t.jsx("span",{children:r}),a.map(u=>t.jsxs("div",{className:"inputs lists",onClick:q=>i(l.onChange({app:s,group:o,mGroup:u})),children:[t.jsx("input",{readOnly:!0,checked:!!(c&&c.idx==u.idx),type:"radio"}),t.jsx("span",{children:u.label})]},u.idx))]})}else return t.jsx(d.Container,{className:"measures group",fluid:!0,children:r&&t.jsx("span",{children:r})})};exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),m=require("react"),d=require("semantic-ui-react"),p=require("../reducers/data.js"),f=require("../../redux/hooks.js"),g=h=>{const{parent:x,editing:j=!1,unique:C,"data-label":n,"data-group":o,"data-app":a,"data-measures-groups":u}=h;let s;const c=f.useAppDispatch(),i=f.useAppSelector(e=>e.getIn(["data","measures",a,o])),l={onReset:p.cleanMeasures,onChange:p.setMeasures};if(u instanceof String||typeof u=="string"){const e=u;let t;try{t=decodeURIComponent(e)}catch{t=e}s=JSON.parse(t)}else s=u;if(m.useEffect(()=>{s&&s[a]&&s[a].forEach(e=>{e.defaultSelected&&c(l.onChange({app:a,group:o,mGroup:e}))})},[]),s&&s[a]){const e=s[a];return r.jsxs(d.Container,{className:"measures group",fluid:!0,children:[n&&r.jsx("span",{children:n}),e.map(t=>r.jsxs("div",{className:"inputs lists",onClick:q=>c(l.onChange({app:a,group:o,mGroup:t})),children:[r.jsx("input",{readOnly:!0,checked:!!(i&&i.idx==t.idx),type:"radio"}),r.jsx("span",{children:t.label})]},t.idx))]})}else return r.jsx(d.Container,{className:"measures group",fluid:!0,children:n&&r.jsx("span",{children:n})})};exports.default=g;

package/dist/cjs/embeddable/posts-filter/PostsFilterDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),m=require("react"),l=require("semantic-ui-react"),T="multi-select",p="single-select",j=Number.MIN_SAFE_INTEGER,x=v=>v==null?null:String(v),Y=v=>{const{allLabel:k,noneLabel:O,placeholder:E,options:r,current:N,onChange:s,useSingleColumn:_,enableTextSearch:S,filterType:u,allNoneSameBehaviour:A,hiddenFilters:h,value:o,closeOnSelect:C=!0,noneFunction:R,alphabeticalSort:z,ascOrder:H,...V}=v,d=u===T,I=Array.isArray(o)?o:N||[],f=(Array.isArray(I)?I.some(e=>e===j):!1)?I.filter(e=>e!==j):I,[a,$]=m.useState(""),F=(e,t)=>{if(u===T){const i=x(t),c=Array.isArray(f)?[...f]:[];let y=c.some(P=>x(P)===i)?c.filter(P=>x(P)!==i):[...c,t];return!A&&y.length===0&&(y=[j]),s&&s(e,y)}if(u===p)return s&&s(e,t);C&&g.current&&g.current.close()},K=()=>{const e=(r||[]).filter(t=>{var i;return S&&a&&a.trim().length>0&&t.text?(i=t.text)==null?void 0:i.toString().toLowerCase().includes(a.toLowerCase()):!0}).map(t=>t.value);d&&s&&s({},e),!d&&C&&g.current&&g.current.close()},U=e=>{if(R){R(e);return}else{if(!r)return[];const t=r.filter(i=>{var c;return S&&a&&a.trim().length>0&&i.text?(c=i.text)==null?void 0:c.toString().toLowerCase().includes(a==null?void 0:a.toString().toLowerCase()):!0});if(d&&s){const i=A?t.map(c=>c.value):[j];s({},i)}!d&&C&&g.current&&g.current.close()}},D=e=>{$(e)},b=m.useRef(!1);m.useEffect(()=>{if(!(!d||b.current)&&r&&r.length>0)if(!(Array.isArray(f)?f.length>0:!!f)&&s){b.current=!0;const t=r.map(i=>i.value);s({},t)}else b.current=!0},[d,r]),m.useEffect(()=>{if(d&&r&&r.length>0&&s){const e=r.map(t=>t.value);s({},e)}},[d]);const q=m.useMemo(()=>{if(u==p){const e=o?r==null?void 0:r.filter(t=>t.value==o)[0]:null;return e?`${E?E+" ":""}${e.text}`:""}else{const e=f?f.filter(i=>i==Number.MIN_SAFE_INTEGER?!1:h&&h.length>0?h.indexOf(i)==-1:!0).length:0,t=(r==null?void 0:r.filter(i=>h&&h.length>0?h.indexOf(i.id)==-1:!0).length)||0;return`${E} (${e}/${t})`}},[r,f,u]),g=m.useRef(null),M=q,L=typeof M=="string"?M:"",G=L&&L.length>0?L:E||"",w=m.useRef(void 0);m.useEffect(()=>{u===p&&w.current===void 0&&o!==void 0&&(w.current=o)},[u,o]);const B=u===p?o!=null&&o!==w.current:N&&N.length>0;return n.jsx(l.Dropdown,{...V,ref:g,fluid:!0,text:G,scrolling:!1,button:!0,icon:"angle down",multiple:d,search:!0,floating:!1,value:o,closeOnChange:C,...d?{renderLabel:()=>null}:{},className:`multiple ${B?"applied ":""}`,children:n.jsxs(l.Dropdown.Menu,{children:[u!=p&&n.jsxs(n.Fragment,{children:[n.jsx(l.Segment,{children:n.jsxs(l.Dropdown.Item,{children:[n.jsx(l.Label,{basic:!0,onClick:K,children:k})," ","|"," ",n.jsx(l.Label,{basic:!0,onClick:U,children:O})]})}),S&&n.jsxs(n.Fragment,{children:[n.jsx(l.Container,{children:n.jsx(l.Dropdown.Item,{children:n.jsx("div",{className:"ui action input",children:n.jsxs("div",{className:"ui input",children:[n.jsx("input",{className:"filter-search",value:a,placeholder:"Search...",onChange:e=>{e&&e.nativeEvent&&e.nativeEvent.stopImmediatePropagation&&e.nativeEvent.stopImmediatePropagation(),D(e.target.value)},onKeyDown:e=>{e&&e.nativeEvent&&e.nativeEvent.stopImmediatePropagation&&e.nativeEvent.stopImmediatePropagation()},onKeyUp:e=>{e&&e.nativeEvent&&e.nativeEvent.stopImmediatePropagation&&e.nativeEvent.stopImmediatePropagation()},onKeyPress:e=>{e&&e.nativeEvent&&e.nativeEvent.stopImmediatePropagation&&e.nativeEvent.stopImmediatePropagation()},onMouseDown:e=>{e.stopPropagation()},onClick:e=>{e.stopPropagation()},onFocus:e=>{e.stopPropagation()},type:"text",autoComplete:"off"}),n.jsx(l.Icon,{name:"remove",link:!0,className:"clear-icon ignore",onClick:e=>{D("")}})]})})})}),n.jsx(l.Divider,{})]})]}),n.jsx("br",{}),n.jsx(l.Container,{className:_?"dropdown-single-column":"",children:r==null?void 0:r.filter(e=>{var t;return S&&a&&a.trim().length>0&&e.text?(t=e.text)==null?void 0:t.toString().toLowerCase().includes(a.toLowerCase()):!0}).map(({value:e,text:t},i)=>n.jsxs(l.Dropdown.Item,{className:_?"dropdown-item-single-column":"",children:[u===p&&n.jsx(l.Radio,{checked:o==e,onChange:c=>{F(c,e)},label:t}),u===T&&n.jsx(l.Checkbox,{checked:f&&f.some(c=>x(c)===x(e)),onChange:()=>F(null,e),label:t})]},i))})]})})};exports.default=Y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),g=require("react"),s=require("semantic-ui-react"),k="multi-select",C="single-select",A=Number.MIN_SAFE_INTEGER,w=E=>E==null?null:String(E),ee=E=>{const{allLabel:K,noneLabel:Y,placeholder:N,options:h,current:_,onChange:i,useSingleColumn:D,enableTextSearch:y,filterType:a,allNoneSameBehaviour:$,hiddenFilters:j,autoApply:m,value:o,closeOnSelect:v=!0,noneFunction:q,alphabeticalSort:G,ascOrder:R,...z}=E,x=a===k,T=Array.isArray(o)?o:_||[],L=(Array.isArray(T)?T.some(e=>e===A):!1)?T.filter(e=>e!==A):T,[u,H]=g.useState(""),[f,b]=g.useState(null),S=m===!1&&f!==null?f:L,c=g.useMemo(()=>{if(!h)return[];const e=[...h];return G?e.sort((t,n)=>{const r=t.text?String(t.text).toLowerCase():"",p=n.text?String(n.text).toLowerCase():"";return R?r<p?-1:r>p?1:0:r<p?1:r>p?-1:0}):e.sort((t,n)=>{const r=t.position!==void 0?t.position:0,p=n.position!==void 0?n.position:0;return R?r-p:p-r}),e},[h,G,R]),O=(e,t)=>{if(a===k){const n=w(t),r=Array.isArray(S)?[...S]:[];let I=r.some(P=>w(P)===n)?r.filter(P=>w(P)!==n):[...r,t];!$&&I.length===0&&(I=[A]),m===!1?b(I):i&&i(e,I),v&&d.current&&d.current.close();return}if(a===C){m===!1?b([t]):i&&i(e,t),v&&d.current&&d.current.close();return}},J=()=>{const e=(c||[]).filter(t=>{var n;return y&&u&&u.trim().length>0&&t.text?(n=t.text)==null?void 0:n.toString().toLowerCase().includes(u.toLowerCase()):!0}).map(t=>t.value);x&&(m===!1?b(e):i&&i({},e)),v&&d.current&&d.current.close()},Q=e=>{if(q){q(e);return}else{if(!c)return;const t=c.filter(n=>{var r;return y&&u&&u.trim().length>0&&n.text?(r=n.text)==null?void 0:r.toString().toLowerCase().includes(u==null?void 0:u.toString().toLowerCase()):!0});if(x){const n=$?t.map(r=>r.value):[A];m===!1?b(n):i&&i({},n)}v&&d.current&&d.current.close()}},U=e=>{H(e)},V=g.useRef(!1);g.useEffect(()=>{if(!(!x||V.current)&&h&&h.length>0)if(!(Array.isArray(L)?L.length>0:!!L)&&i){V.current=!0;const t=h.map(n=>n.value);i({},t)}else V.current=!0},[x,h]),g.useEffect(()=>{if(x&&h&&h.length>0&&i){const e=h.map(t=>t.value);i({},e)}},[x]);const W=g.useMemo(()=>{if(a==C){const e=m===!1&&f!==null?f[0]:o,t=e!=null?c==null?void 0:c.filter(n=>n.value==e)[0]:null;return t?`${N?N+" ":""}${t.text}`:""}else{const e=S?S.filter(n=>n==Number.MIN_SAFE_INTEGER?!1:j&&j.length>0?j.indexOf(n)==-1:!0).length:0,t=(c==null?void 0:c.filter(n=>j&&j.length>0?j.indexOf(n.id)==-1:!0).length)||0;return`${N} (${e}/${t})`}},[c,S,a,m,f,o]),d=g.useRef(null),B=W,F=typeof B=="string"?B:"",X=F&&F.length>0?F:N||"",M=g.useRef(void 0);g.useEffect(()=>{a===C&&M.current===void 0&&o!==void 0&&(M.current=o)},[a,o]);const Z=a===C?o!=null&&o!==M.current:_&&_.length>0;return l.jsx(s.Dropdown,{...z,ref:d,fluid:!0,text:X,scrolling:!1,button:!0,icon:"angle down",multiple:x,search:!0,floating:!1,value:o,closeOnChange:v,...x?{renderLabel:()=>null}:{},className:`multiple ${Z?"applied ":""}`,children:l.jsxs(s.Dropdown.Menu,{children:[a!=C&&l.jsxs(l.Fragment,{children:[l.jsx(s.Segment,{children:l.jsxs(s.Dropdown.Item,{children:[l.jsx(s.Label,{basic:!0,onClick:J,children:K})," ","|"," ",l.jsx(s.Label,{basic:!0,onClick:Q,children:Y})]})}),y&&l.jsxs(l.Fragment,{children:[l.jsx(s.Container,{children:l.jsx(s.Dropdown.Item,{children:l.jsx("div",{className:"ui action input",children:l.jsxs("div",{className:"ui input",children:[l.jsx("input",{className:"filter-search",value:u,placeholder:"Search...",onChange:e=>U(e.target.value),onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation(),type:"text",autoComplete:"off"}),l.jsx(s.Icon,{name:"remove",link:!0,className:"clear-icon ignore",onClick:()=>U("")})]})})})}),l.jsx(s.Divider,{})]})]}),l.jsx("br",{}),l.jsx(s.Container,{className:D?"dropdown-single-column":"",children:c==null?void 0:c.filter(e=>{var t;return y&&u&&u.trim().length>0&&e.text?(t=e.text)==null?void 0:t.toString().toLowerCase().includes(u.toLowerCase()):!0}).map(({value:e,text:t},n)=>l.jsxs(s.Dropdown.Item,{className:D?"dropdown-item-single-column":"",children:[a===C&&l.jsx(s.Radio,{checked:(m===!1&&f!==null?f[0]:o)==e,onChange:r=>{O(r,e)},label:t}),a===k&&l.jsx(s.Checkbox,{checked:S&&S.some(r=>w(r)===w(e)),onChange:()=>O(null,e),label:t})]},n))}),m===!1&&l.jsx(s.Segment,{children:l.jsx(s.Dropdown.Item,{children:l.jsx(s.Label,{basic:!0,onClick:()=>{const e=a===C?f!==null?f[0]:o:f!==null?f:L;i&&i({},e),b(null),d.current&&d.current.close()},children:"Apply"})})})]})})};exports.default=ee;

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

@@ -1,45 +1,56 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { useEffect as f } from "react";
-import { Container as d } from "semantic-ui-react";
+import { Container as l } 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 E = (m) => {
   const {
-    parent: N,
-    editing: S = !1,
-    unique: b,
-    "data-label": t,
+    parent: y,
+    editing: N = !1,
+    unique: S,
+    "data-label": n,
     "data-group": p,
-    "data-app": s,
-    "data-measures-groups": n
+    "data-app": t,
+    "data-measures-groups": o
   } = m;
-  let e;
-  const i = x(), u = C((a) => a.getIn(["data", "measures", s, p])), l = {
+  let s;
+  const i = x(), u = C((e) => e.getIn(["data", "measures", t, p])), c = {
     onReset: g,
     onChange: h
   };
-  if (n instanceof String || typeof n == "string" ? e = JSON.parse(decodeURIComponent(n)) : e = n, f(() => {
-    e && e[s] && e[s].forEach((a) => {
-      a.defaultSelected && i(l.onChange({ app: s, group: p, mGroup: a }));
+  if (o instanceof String || typeof o == "string") {
+    const e = o;
+    let a;
+    try {
+      a = decodeURIComponent(e);
+    } catch {
+      a = e;
+    }
+    s = JSON.parse(a);
+  } else
+    s = o;
+  if (f(() => {
+    s && s[t] && s[t].forEach((e) => {
+      e.defaultSelected && i(c.onChange({ app: t, group: p, mGroup: e }));
     });
-  }, []), e && e[s]) {
-    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: (y) => i(l.onChange({ app: s, group: p, mGroup: o })), children: [
+  }, []), s && s[t]) {
+    const e = s[t];
+    return /* @__PURE__ */ d(l, { className: "measures group", fluid: !0, children: [
+      n && /* @__PURE__ */ r("span", { children: n }),
+      e.map((a) => /* @__PURE__ */ d("div", { className: "inputs lists", onClick: (b) => i(c.onChange({ app: t, group: p, mGroup: a })), children: [
         /* @__PURE__ */ r(
           "input",
           {
             readOnly: !0,
-            checked: !!(u && u.idx == o.idx),
+            checked: !!(u && u.idx == a.idx),
             type: "radio"
           }
         ),
-        /* @__PURE__ */ r("span", { children: o.label })
-      ] }, o.idx))
+        /* @__PURE__ */ r("span", { children: a.label })
+      ] }, a.idx))
     ] });
   } else
-    return /* @__PURE__ */ r(d, { className: "measures group", fluid: !0, children: t && /* @__PURE__ */ r("span", { children: t }) });
+    return /* @__PURE__ */ r(l, { className: "measures group", fluid: !0, children: n && /* @__PURE__ */ r("span", { children: n }) });
 };
 export {
   E as default

package/dist/esm/embeddable/posts-filter/PostsFilterDropdown.js

@@ -1,207 +1,203 @@
-import { jsx as l, jsxs as g, Fragment as D } from "react/jsx-runtime";
-import { useState as W, useRef as A, useEffect as _, useMemo as X } from "react";
-import { Dropdown as v, Segment as Z, Label as K, Container as G, Icon as ee, Divider as te, Radio as ne, Checkbox as re } from "semantic-ui-react";
-const F = "multi-select", h = "single-select", N = Number.MIN_SAFE_INTEGER, E = (p) => p == null ? null : String(p), de = (p) => {
+import { jsx as r, jsxs as x, Fragment as H } from "react/jsx-runtime";
+import { useState as J, useMemo as Q, useRef as $, useEffect as D } from "react";
+import { Dropdown as E, Segment as W, Label as G, Container as X, Icon as ce, Divider as ae, Radio as ue, Checkbox as fe } from "semantic-ui-react";
+const j = "multi-select", S = "single-select", V = Number.MIN_SAFE_INTEGER, y = (v) => v == null ? null : String(v), pe = (v) => {
   const {
-    allLabel: U,
-    noneLabel: j,
-    placeholder: S,
-    options: n,
+    allLabel: Z,
+    noneLabel: ee,
+    placeholder: I,
+    options: d,
     // group,
-    current: L,
+    current: _,
     onChange: i,
-    useSingleColumn: k,
-    enableTextSearch: C,
+    useSingleColumn: B,
+    enableTextSearch: T,
     filterType: c,
     // defaultValues,
     // showNoDataOption,
     // defaultValueCriteria,
-    allNoneSameBehaviour: R,
-    hiddenFilters: m,
-    // autoApply,
+    allNoneSameBehaviour: K,
+    hiddenFilters: C,
+    autoApply: h,
     // taxonomy,
     // type,
-    value: o,
-    closeOnSelect: I = !0,
-    noneFunction: V,
-    alphabeticalSort: le,
-    ascOrder: ie,
-    ...B
-  } = p, u = c === F, x = Array.isArray(o) ? o : L || [], d = (Array.isArray(x) ? x.some((e) => e === N) : !1) ? x.filter((e) => e !== N) : x, [a, Y] = W(""), M = (e, t) => {
-    if (c === F) {
-      const r = E(t), s = Array.isArray(d) ? [...d] : [];
-      let T = s.some((w) => E(w) === r) ? s.filter((w) => E(w) !== r) : [...s, t];
-      return !R && T.length === 0 && (T = [N]), i && i(e, T);
+    value: s,
+    closeOnSelect: L = !0,
+    noneFunction: O,
+    alphabeticalSort: U,
+    ascOrder: k,
+    ...te
+  } = v, m = c === j, w = Array.isArray(s) ? s : _ || [], N = (Array.isArray(w) ? w.some((e) => e === V) : !1) ? w.filter((e) => e !== V) : w, [a, ne] = J(""), [u, b] = J(null), p = h === !1 && u !== null ? u : N, o = Q(() => {
+    if (!d) return [];
+    const e = [...d];
+    return U ? e.sort((t, n) => {
+      const l = t.text ? String(t.text).toLowerCase() : "", g = n.text ? String(n.text).toLowerCase() : "";
+      return k ? l < g ? -1 : l > g ? 1 : 0 : l < g ? 1 : l > g ? -1 : 0;
+    }) : e.sort((t, n) => {
+      const l = t.position !== void 0 ? t.position : 0, g = n.position !== void 0 ? n.position : 0;
+      return k ? l - g : g - l;
+    }), e;
+  }, [d, U, k]), Y = (e, t) => {
+    if (c === j) {
+      const n = y(t), l = Array.isArray(p) ? [...p] : [];
+      let A = l.some((M) => y(M) === n) ? l.filter((M) => y(M) !== n) : [...l, t];
+      !K && A.length === 0 && (A = [V]), h === !1 ? b(A) : i && i(e, A), L && f.current && f.current.close();
+      return;
+    }
+    if (c === S) {
+      h === !1 ? b([t]) : i && i(e, t), L && f.current && f.current.close();
+      return;
     }
-    if (c === h)
-      return i && i(e, t);
-    I && f.current && f.current.close();
-  }, q = () => {
-    const e = (n || []).filter((t) => {
-      var r;
-      return C && a && a.trim().length > 0 && t.text ? (r = t.text) == null ? void 0 : r.toString().toLowerCase().includes(a.toLowerCase()) : !0;
+  }, le = () => {
+    const e = (o || []).filter((t) => {
+      var n;
+      return T && a && a.trim().length > 0 && t.text ? (n = t.text) == null ? void 0 : n.toString().toLowerCase().includes(a.toLowerCase()) : !0;
     }).map((t) => t.value);
-    u && i && i({}, e), !u && I && f.current && f.current.close();
-  }, z = (e) => {
-    if (V) {
-      V(e);
+    m && (h === !1 ? b(e) : i && i({}, e)), L && f.current && f.current.close();
+  }, re = (e) => {
+    if (O) {
+      O(e);
       return;
     } else {
-      if (!n) return [];
-      const t = n.filter((r) => {
-        var s;
-        return C && a && a.trim().length > 0 && r.text ? (s = r.text) == null ? void 0 : s.toString().toLowerCase().includes(a == null ? void 0 : a.toString().toLowerCase()) : !0;
+      if (!o) return;
+      const t = o.filter((n) => {
+        var l;
+        return T && a && a.trim().length > 0 && n.text ? (l = n.text) == null ? void 0 : l.toString().toLowerCase().includes(a == null ? void 0 : a.toString().toLowerCase()) : !0;
       });
-      if (u && i) {
-        const r = R ? t.map((s) => s.value) : [N];
-        i({}, r);
+      if (m) {
+        const n = K ? t.map((l) => l.value) : [V];
+        h === !1 ? b(n) : i && i({}, n);
       }
-      !u && I && f.current && f.current.close();
+      L && f.current && f.current.close();
     }
-  }, O = (e) => {
-    Y(e);
-  }, y = A(!1);
-  _(() => {
-    if (!(!u || y.current) && n && n.length > 0)
-      if (!(Array.isArray(d) ? d.length > 0 : !!d) && i) {
-        y.current = !0;
-        const t = n.map((r) => r.value);
+  }, q = (e) => {
+    ne(e);
+  }, F = $(!1);
+  D(() => {
+    if (!(!m || F.current) && d && d.length > 0)
+      if (!(Array.isArray(N) ? N.length > 0 : !!N) && i) {
+        F.current = !0;
+        const t = d.map((n) => n.value);
         i({}, t);
       } else
-        y.current = !0;
-  }, [u, n]), _(() => {
-    if (u && n && n.length > 0 && i) {
-      const e = n.map((t) => t.value);
+        F.current = !0;
+  }, [m, d]), D(() => {
+    if (m && d && d.length > 0 && i) {
+      const e = d.map((t) => t.value);
       i({}, e);
     }
-  }, [u]);
-  const H = X(() => {
-    if (c == h) {
-      const e = o ? n == null ? void 0 : n.filter((t) => t.value == o)[0] : null;
-      return e ? `${S ? S + " " : ""}${e.text}` : "";
+  }, [m]);
+  const ie = Q(() => {
+    if (c == S) {
+      const e = h === !1 && u !== null ? u[0] : s, t = e != null ? o == null ? void 0 : o.filter((n) => n.value == e)[0] : null;
+      return t ? `${I ? I + " " : ""}${t.text}` : "";
     } else {
-      const e = d ? d.filter((r) => r == Number.MIN_SAFE_INTEGER ? !1 : m && m.length > 0 ? m.indexOf(r) == -1 : !0).length : 0, t = (n == null ? void 0 : n.filter((r) => m && m.length > 0 ? m.indexOf(r.id) == -1 : !0).length) || 0;
-      return `${S} (${e}/${t})`;
+      const e = p ? p.filter((n) => n == Number.MIN_SAFE_INTEGER ? !1 : C && C.length > 0 ? C.indexOf(n) == -1 : !0).length : 0, t = (o == null ? void 0 : o.filter((n) => C && C.length > 0 ? C.indexOf(n.id) == -1 : !0).length) || 0;
+      return `${I} (${e}/${t})`;
     }
-  }, [n, d, c]), f = A(null), $ = H, b = typeof $ == "string" ? $ : "", J = b && b.length > 0 ? b : S || "", P = A(void 0);
-  _(() => {
-    c === h && P.current === void 0 && o !== void 0 && (P.current = o);
-  }, [c, o]);
-  const Q = c === h ? o != null && o !== P.current : L && L.length > 0;
+  }, [o, p, c, h, u, s]), f = $(null), z = ie, P = typeof z == "string" ? z : "", se = P && P.length > 0 ? P : I || "", R = $(void 0);
+  D(() => {
+    c === S && R.current === void 0 && s !== void 0 && (R.current = s);
+  }, [c, s]);
+  const oe = c === S ? s != null && s !== R.current : _ && _.length > 0;
   return (
     // @ts-ignore
-    /* @__PURE__ */ l(
-      v,
+    /* @__PURE__ */ r(
+      E,
       {
-        ...B,
+        ...te,
         ref: f,
         fluid: !0,
-        text: J,
+        text: se,
         scrolling: !1,
         button: !0,
         icon: "angle down",
-        multiple: u,
+        multiple: m,
         search: !0,
         floating: !1,
-        value: o,
-        closeOnChange: I,
-        ...u ? { renderLabel: () => null } : {},
-        className: `multiple ${Q ? "applied " : ""}`,
-        children: /* @__PURE__ */ g(v.Menu, { children: [
-          c != h && /* @__PURE__ */ g(D, { children: [
-            /* @__PURE__ */ l(Z, { children: /* @__PURE__ */ g(v.Item, { children: [
-              /* @__PURE__ */ l(K, { basic: !0, onClick: q, children: U }),
+        value: s,
+        closeOnChange: L,
+        ...m ? { renderLabel: () => null } : {},
+        className: `multiple ${oe ? "applied " : ""}`,
+        children: /* @__PURE__ */ x(E.Menu, { children: [
+          c != S && /* @__PURE__ */ x(H, { children: [
+            /* @__PURE__ */ r(W, { children: /* @__PURE__ */ x(E.Item, { children: [
+              /* @__PURE__ */ r(G, { basic: !0, onClick: le, children: Z }),
               " ",
               "|",
               " ",
-              /* @__PURE__ */ l(K, { basic: !0, onClick: z, children: j })
+              /* @__PURE__ */ r(G, { basic: !0, onClick: re, children: ee })
             ] }) }),
-            C && /* @__PURE__ */ g(D, { children: [
-              /* @__PURE__ */ l(G, { children: /* @__PURE__ */ l(v.Item, { children: /* @__PURE__ */ l("div", { className: "ui action input", children: /* @__PURE__ */ g("div", { className: "ui input", children: [
-                /* @__PURE__ */ l(
+            T && /* @__PURE__ */ x(H, { children: [
+              /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(E.Item, { children: /* @__PURE__ */ r("div", { className: "ui action input", children: /* @__PURE__ */ x("div", { className: "ui input", children: [
+                /* @__PURE__ */ r(
                   "input",
                   {
                     className: "filter-search",
                     value: a,
                     placeholder: "Search...",
-                    onChange: (e) => {
-                      e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation(), O(e.target.value);
-                    },
-                    onKeyDown: (e) => {
-                      e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
-                    },
-                    onKeyUp: (e) => {
-                      e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
-                    },
-                    onKeyPress: (e) => {
-                      e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
-                    },
-                    onMouseDown: (e) => {
-                      e.stopPropagation();
-                    },
-                    onClick: (e) => {
-                      e.stopPropagation();
-                    },
-                    onFocus: (e) => {
-                      e.stopPropagation();
-                    },
+                    onChange: (e) => q(e.target.value),
+                    onMouseDown: (e) => e.stopPropagation(),
+                    onClick: (e) => e.stopPropagation(),
                     type: "text",
                     autoComplete: "off"
                   }
                 ),
-                /* @__PURE__ */ l(
-                  ee,
+                /* @__PURE__ */ r(
+                  ce,
                   {
                     name: "remove",
                     link: !0,
                     className: "clear-icon ignore",
-                    onClick: (e) => {
-                      O("");
-                    }
+                    onClick: () => q("")
                   }
                 )
               ] }) }) }) }),
-              /* @__PURE__ */ l(te, {})
+              /* @__PURE__ */ r(ae, {})
             ] })
           ] }),
-          /* @__PURE__ */ l("br", {}),
-          /* @__PURE__ */ l(G, { className: k ? "dropdown-single-column" : "", children: n == null ? void 0 : n.filter((e) => {
+          /* @__PURE__ */ r("br", {}),
+          /* @__PURE__ */ r(X, { className: B ? "dropdown-single-column" : "", children: o == null ? void 0 : o.filter((e) => {
             var t;
-            return C && a && a.trim().length > 0 && e.text ? (t = e.text) == null ? void 0 : t.toString().toLowerCase().includes(a.toLowerCase()) : !0;
-          }).map(({ value: e, text: t }, r) => /* @__PURE__ */ g(
-            v.Item,
+            return T && a && a.trim().length > 0 && e.text ? (t = e.text) == null ? void 0 : t.toString().toLowerCase().includes(a.toLowerCase()) : !0;
+          }).map(({ value: e, text: t }, n) => /* @__PURE__ */ x(
+            E.Item,
             {
-              className: k ? "dropdown-item-single-column" : "",
+              className: B ? "dropdown-item-single-column" : "",
               children: [
-                c === h && /* @__PURE__ */ l(
-                  ne,
+                c === S && /* @__PURE__ */ r(
+                  ue,
                   {
-                    checked: o == e,
-                    onChange: (s) => {
-                      M(s, e);
+                    checked: (h === !1 && u !== null ? u[0] : s) == e,
+                    onChange: (l) => {
+                      Y(l, e);
                     },
                     label: t
                   }
                 ),
-                c === F && /* @__PURE__ */ l(
-                  re,
+                c === j && /* @__PURE__ */ r(
+                  fe,
                   {
-                    checked: d && d.some(
-                      (s) => E(s) === E(e)
+                    checked: p && p.some(
+                      (l) => y(l) === y(e)
                     ),
-                    onChange: () => M(null, e),
+                    onChange: () => Y(null, e),
                     label: t
                   }
                 )
               ]
             },
-            r
-          )) })
+            n
+          )) }),
+          h === !1 && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(E.Item, { children: /* @__PURE__ */ r(G, { basic: !0, onClick: () => {
+            const e = c === S ? u !== null ? u[0] : s : u !== null ? u : N;
+            i && i({}, e), b(null), f.current && f.current.close();
+          }, children: "Apply" }) }) })
         ] })
       }
     )
   );
 };
 export {
-  de as default
+  pe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.7.9",
+  "version": "1.7.10",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",