@devgateway/dvz-ui-react 1.6.19 → 1.6.20

package/dist/cjs/api/commons.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(o,c,t=!1)=>new Promise((a,i)=>{fetch(o,{headers:{Accept:"application/json","Content-Type":"application/json"},method:"POST",body:JSON.stringify(c)}).then(function(n){n.status!==200&&i(n),t&&a(n.blob()),n.json().then(function(e){a(e)}).catch(()=>a(n.status))}).catch(function(n){i(n)})}),p=async(o,c={})=>{try{const t=await fetch(o,{headers:{Accept:"application/json","Content-Type":"application/json"}});if(!t.ok)throw t;return await t.json()}catch(t){throw t}};exports.get=p;exports.post=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=(e,c,i=!1)=>new Promise((n,a)=>{fetch(e,{headers:{Accept:"application/json","Content-Type":"application/json"},method:"POST",body:JSON.stringify(c)}).then(function(t){t.status!==200&&a(t),i&&n(t.blob()),t.json().then(function(o){n(o)}).catch(()=>n(t.status))}).catch(function(t){a(t)})}),p=async(e,c={},i=!1)=>{try{const{headers:n,...a}=c,t=await fetch(e,{headers:{Accept:"application/json","Content-Type":"application/json",...n},...a});if(!t.ok)throw t;const o=await t.json();if(i){const s={};return t.headers.forEach((r,h)=>{s[h]=r}),{data:o,meta:s}}return o}catch(n){throw n}};exports.get=p;exports.post=f;

package/dist/cjs/embeddable/data/DataProvider.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),j=require("react"),y=require("react-redux"),D=require("react-intl"),C=require("./DataContext.js"),m=require("../reducers/data.js"),g=require("semantic-ui-react");class k extends j.Component{constructor(){super(),this.state={showLoading:!1},this.checkLoadingTime=this.checkLoadingTime.bind(this)}componentDidMount(){const{app:t,source:i,store:a,params:e,csv:o,group:d,editing:n,waitForFilters:r=!1}=this.props;t==="csv"?this.props.onSetData({app:t,csv:o,store:a,params:e,group:d}):(this.setState({showLoading:!1}),!r||n?(console.log("loading -----"),this.props.onLoadData({app:t,source:i,store:a,params:e,group:d}),setTimeout(this.checkLoadingTime,100)):console.log("waiting for filters to be set before loading data",t,i,a,e,d)),!n&&r&&(this.fallbackTimeout=setTimeout(()=>{this.dataLoaded||(console.warn("Fallback loading triggered"),this.setState({showLoading:!1}),this.props.onLoadData({app:t,source:i,store:a,params:e,group:d}),setTimeout(this.checkLoadingTime,100))},1e3))}componentWillUnmount(){clearTimeout(this.fallbackTimeout),clearTimeout(this.debounceTimeout)}componentDidUpdate(t,i,a){const{app:e,filters:o,apply:d,source:n,store:r,params:c,csv:u,group:h,autoApply:f,editing:T,lastInitialFilterChange:L,lastUserFilterChange:b}=this.props,S=L!==t.lastInitialFilterChange,x=b!==t.lastUserFilterChange;let p=!1;d!=null&&d!=t.apply&&(p=!0),f!==!1?(o!=t.filters||JSON.stringify(c)!=JSON.stringify(t.params)||e!=t.app||JSON.stringify(t.source)!=JSON.stringify(n)||u!=t.csv)&&(e==="csv"?this.props.onSetData({app:e,csv:u,store:r,params:c,group:h}):(this.setState({showLoading:!0}),T&&this.props.onLoadData({app:e,source:n,store:r,params:c,group:h}),S&&this.props.waitForFilters?(console.log("initial filters has been updated",o,c),clearTimeout(this.debounceTimeout),clearTimeout(this.fallbackTimeout),this.debounceTimeout=setTimeout(()=>{this.dataLoaded=!0,this.setState({showLoading:!1}),console.log("Loading data "+e+" "+n),this.props.onLoadData({app:e,source:n,store:r,params:c,group:h}),setTimeout(this.checkLoadingTime,100)},100)):x?(console.log("filters has been updated",o,t.filters,c,t.params,e,n,r,h),this.setState({showLoading:!1}),console.log("filters has been updated",o),this.props.onLoadData({app:e,source:n,store:r,params:c,group:h}),setTimeout(this.checkLoadingTime,100)):console.log("no changes detected ............"))):p&&(console.log("reloading -----"),this.props.onLoadData({app:e,source:n,store:r,params:c,group:h}),this.setState({showLoading:!1}),setTimeout(this.checkLoadingTime,100))}checkLoadingTime(){const{data:t,loading:i,time:a,error:e}=this.props,o=Date.now()-a;i&&a&&o>1e3?this.setState({showLoading:!0}):i&&setTimeout(this.checkLoadingTime,100)}render(){const{data:t,style:i,loading:a,time:e,error:o,editing:d,isSvg:n}=this.props;if(a&&this.state.showLoading&&!d){const r={width:"100%",height:"100%",background:"transparent",verticalAlign:"middle",overflow:"hidden"},c=Object.assign({},i,{height:"90%",background:"transparent",textAlign:"center",margin:"30px"}),u=s.jsx(g.Segment,{basic:!0,padded:!0,style:c,children:s.jsx(g.Dimmer,{active:!0,inverted:!0,style:{background:"transparent"},children:s.jsx(g.Loader,{size:"medium",style:{background:"transparent"}})})});return n?s.jsx("foreignObject",{style:r,children:s.jsx(g.Container,{style:i,className:"loading",children:u})}):s.jsx(g.Container,{style:i,className:"loading",children:u})}else return o?o?s.jsxs(g.Segment,{color:"red",children:[s.jsx("h1",{children:"500"}),s.jsx("p",{children:"Wasn't able to load data"})]}):s.jsx(g.Container,{children:s.jsxs(g.Segment,{color:"red",children:[s.jsx("h1",{children:"404"}),s.jsx("p",{children:"Can't find this page"})]})}):s.jsx(C.DataContext.Provider,{value:t,children:this.props.children})}}const w=(l,t)=>{const{store:i,group:a,app:e}=t;return{lastUserFilterChange:l.getIn(["data","filters-settings",e,a,"lastUserFilterChange"]),lastInitialFilterChange:l.getIn(["data","filters-settings",e,a,"lastInitialFilterChange"]),data:l.getIn(["data",...i,"data"]),filters:l.getIn(["data","filters",e,a]),autoApply:l.getIn(["data","filters-settings",e,a,"autoApply"]),apply:l.getIn(["data","filters-settings",e,a,"apply"]),error:l.getIn(["data",...i,"error"]),loading:l.getIn(["data",...i,"loading"]),time:l.getIn(["data",...i,"time"])}},I={onSetData:m.setData,onLoadData:m.getData},F=y.connect(w,I)(D.injectIntl(k));exports.default=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),x=require("react"),D=require("react-redux"),j=require("react-intl"),k=require("./DataContext.js"),m=require("../reducers/data.js"),g=require("semantic-ui-react");class C extends x.Component{constructor(){super(),this.state={showLoading:!1},this.checkLoadingTime=this.checkLoadingTime.bind(this)}componentDidMount(){const{app:e,source:i,store:a,params:t,csv:l,group:c,editing:s,waitForFilters:o=!1}=this.props;e==="csv"?this.props.onSetData({app:e,csv:l,store:a,params:t,group:c}):(this.setState({showLoading:!1}),!o||s?(console.log("loading -----"),this.props.onLoadData({app:e,source:i,store:a,params:t,group:c}),setTimeout(this.checkLoadingTime,100)):console.log("waiting for filters to be set before loading data",e,i,a,t,c)),!s&&o&&(this.fallbackTimeout=setTimeout(()=>{this.dataLoaded||(console.warn("Fallback loading triggered"),this.setState({showLoading:!1}),this.props.onLoadData({app:e,source:i,store:a,params:t,group:c}),setTimeout(this.checkLoadingTime,100))},1e3))}componentWillUnmount(){clearTimeout(this.fallbackTimeout),clearTimeout(this.debounceTimeout)}componentDidUpdate(e,i,a){const{app:t,filters:l,apply:c,source:s,store:o,params:r,csv:u,group:h,autoApply:L,editing:p,lastInitialFilterChange:T,lastUserFilterChange:S}=this.props,b=T!==e.lastInitialFilterChange,y=S!==e.lastUserFilterChange;let f=!1;c!=null&&c!=e.apply&&(f=!0),L!==!1?(l!=e.filters||JSON.stringify(r)!=JSON.stringify(e.params)||t!=e.app||JSON.stringify(e.source)!=JSON.stringify(s)||u!=e.csv)&&(t==="csv"?this.props.onSetData({app:t,csv:u,store:o,params:r,group:h}):(this.setState({showLoading:!0}),p&&this.props.onLoadData({app:t,source:s,store:o,params:r,group:h}),b&&this.props.waitForFilters?(console.log("initial filters has been updated",l,r),clearTimeout(this.debounceTimeout),clearTimeout(this.fallbackTimeout),this.debounceTimeout=setTimeout(()=>{this.dataLoaded=!0,this.setState({showLoading:!1}),console.log("Loading data "+t+" "+s),this.props.onLoadData({app:t,source:s,store:o,params:r,group:h}),setTimeout(this.checkLoadingTime,100)},100)):y?(console.log("filters has been updated",l,e.filters,r,e.params,t,s,o,h),this.setState({showLoading:!1}),console.log("filters has been updated",l),this.props.onLoadData({app:t,source:s,store:o,params:r,group:h}),setTimeout(this.checkLoadingTime,100)):!p&&(JSON.stringify(r)!==JSON.stringify(e.params)||t!==e.app||JSON.stringify(s)!==JSON.stringify(e.source))?(this.setState({showLoading:!1}),this.props.onLoadData({app:t,source:s,store:o,params:r,group:h}),setTimeout(this.checkLoadingTime,100)):console.log("no changes detected ............"))):f&&(console.log("reloading -----"),this.props.onLoadData({app:t,source:s,store:o,params:r,group:h}),this.setState({showLoading:!1}),setTimeout(this.checkLoadingTime,100))}checkLoadingTime(){const{data:e,loading:i,time:a,error:t}=this.props,l=Date.now()-a;i&&a&&l>1e3?this.setState({showLoading:!0}):i&&setTimeout(this.checkLoadingTime,100)}render(){const{data:e,style:i,loading:a,time:t,error:l,editing:c,isSvg:s}=this.props;if(a&&this.state.showLoading&&!c){const o={width:"100%",height:"100%",background:"transparent",verticalAlign:"middle",overflow:"hidden"},r=Object.assign({},i,{height:"90%",background:"transparent",textAlign:"center",margin:"30px"}),u=n.jsx(g.Segment,{basic:!0,padded:!0,style:r,children:n.jsx(g.Dimmer,{active:!0,inverted:!0,style:{background:"transparent"},children:n.jsx(g.Loader,{size:"medium",style:{background:"transparent"}})})});return s?n.jsx("foreignObject",{style:o,children:n.jsx(g.Container,{style:i,className:"loading",children:u})}):n.jsx(g.Container,{style:i,className:"loading",children:u})}else return l?l?n.jsxs(g.Segment,{color:"red",children:[n.jsx("h1",{children:"500"}),n.jsx("p",{children:"Wasn't able to load data"})]}):n.jsx(g.Container,{children:n.jsxs(g.Segment,{color:"red",children:[n.jsx("h1",{children:"404"}),n.jsx("p",{children:"Can't find this page"})]})}):n.jsx(k.DataContext.Provider,{value:e,children:this.props.children})}}const w=(d,e)=>{const{store:i,group:a,app:t}=e;return{lastUserFilterChange:d.getIn(["data","filters-settings",t,a,"lastUserFilterChange"]),lastInitialFilterChange:d.getIn(["data","filters-settings",t,a,"lastInitialFilterChange"]),data:d.getIn(["data",...i,"data"]),filters:d.getIn(["data","filters",t,a]),autoApply:d.getIn(["data","filters-settings",t,a,"autoApply"]),apply:d.getIn(["data","filters-settings",t,a,"apply"]),error:d.getIn(["data",...i,"error"]),loading:d.getIn(["data",...i,"loading"]),time:d.getIn(["data",...i,"time"])}},I={onSetData:m.setData,onLoadData:m.getData},F=D.connect(w,I)(j.injectIntl(C));exports.default=F;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react/jsx-runtime"),i=require("react"),q=require("./PostsFilterDropdown.js"),A=require("../../conf/index.js"),R=l=>{const{taxonomy:o,group:u,placeholder:c,allLabel:p,noneLabel:f,useSingleColumn:d,enableTextSearch:g,filterType:y,showNoDataOption:S,closeOnSelect:m,allNoneSameBehaviour:x,autoApply:O,alphabeticalSort:P,ascOrder:h,type:T,categories:n,onChange:b,...v}=l,[w,e]=i.useState([]),C=async()=>{if(!o||o==="none"){e([]);return}const a=await(await fetch(A.Config.REACT_APP_WP_API+"/wp/v2/"+o)).json();if(a){const r=a.map(t=>({key:t.id,value:t.id,text:t.name}));if(n){const t=r.filter(_=>n.indexOf(_.value.toString())>-1);e([]),e(t)}else e([]),e(r)}};return i.useEffect(()=>{let s=!1;return s||(e([]),C()),()=>{s=!0}},[T,o,n]),j.jsx(q.default,{...v,group:u,placeholder:c,allLabel:p,noneLabel:f,useSingleColumn:d,enableTextSearch:g,filterType:y,showNoDataOption:S,closeOnSelect:m,allNoneSameBehaviour:x,autoApply:O,alphabeticalSort:P,ascOrder:h,options:w,onChange:b})};exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react/jsx-runtime"),i=require("react"),q=require("./PostsFilterDropdown.js"),A=require("../../conf/index.js"),R=l=>{const{taxonomy:t,group:u,placeholder:c,allLabel:p,noneLabel:f,useSingleColumn:d,enableTextSearch:g,filterType:y,showNoDataOption:S,closeOnSelect:m,allNoneSameBehaviour:x,autoApply:O,alphabeticalSort:P,ascOrder:h,type:T,categories:s,onChange:b,...v}=l,[w,o]=i.useState([]),C=async()=>{if(!t||t==="none"){o([]);return}const a=await(await fetch(A.Config.REACT_APP_WP_API+"/wp/v2/"+t)).json();if(a){const r=a.map(e=>({key:e.id,value:e.id,text:e.name}));if(s){const e=r.filter(_=>s.indexOf(_.value.toString())>-1);o(e)}else o(r)}};return i.useEffect(()=>{let n=!1;return n||C(),()=>{n=!0}},[T,t]),j.jsx(q.default,{...v,group:u,placeholder:c,allLabel:p,noneLabel:f,useSingleColumn:d,enableTextSearch:g,filterType:y,showNoDataOption:S,closeOnSelect:m,allNoneSameBehaviour:x,autoApply:O,alphabeticalSort:P,ascOrder:h,options:w,onChange:b})};exports.default=R;

package/dist/cjs/embeddable/reducers/data-api.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../../conf/index.js"),C=require("../../api/commons.js");function p(n){return JSON.parse(JSON.stringify(n))}const l=process.env.VITE_REACT_APP_API_ROOT||A.Config.REACT_APP_API_ROOT||null,O=typeof window<"u"?window.location.origin:"",g={},f={},I=3*60*1e3;function h(n){return Object.keys(n).map(t=>encodeURIComponent(t)+"="+encodeURIComponent(n[t])).join("&")}function y(n,t=!1){const e=n,i=Date.now();if(f[e]&&i-f[e].timestamp<I)return Promise.resolve(p(f[e].data));if(g[e])return g[e].then(p);const u=C.get(n,{}).then(a=>(f[e]={data:a,timestamp:Date.now()},t?{data:p(a),meta:f[e].meta}:p(a))).finally(()=>{delete g[e]});return g[e]=u,u}const E=({app:n,params:t})=>{const e=`${l||O}/api/${n}/categories${t?"?"+h(t):""}`;return y(e)},U=({source:n,app:t,params:e})=>{const i=`${l||O}/api/${t}/stats/${n}${e?"?"+h(e):""}`;return y(i)},b=({postType:n,taxonomy:t,category:e,taxonomyFilters:i,before:u,perPage:a,page:T,locale:_,after:P,ordering:w,orderingDirection:R})=>{const $=`${A.Config.REACT_APP_WP_API}/wp/v2/${n}`,r=new URLSearchParams,d=new Map,S=(s,o)=>{if(!s||o==null)return;const c=d.get(s)||[];Array.isArray(o)?o.forEach(m=>{m!=null&&c.push(String(m))}):c.push(String(o)),d.set(s,c)};i&&i instanceof Map&&i.forEach((s,o)=>{S(o,s)}),t&&e!=null&&S(t,e),d.forEach((s,o)=>{const c=Array.from(new Set(s));c.length!==0&&r.set(o,c.join(","))}),u&&r.append("before",u.toISOString()),a&&r.append("per_page",a.toString()),r.append("page",T.toString()),r.append("locale",_),P&&r.append("after",P.toISOString()),r.append("orderby",w),r.append("order",R);const q=r.toString().replace(/%2C/g,",");return C.get(`${$}?${q}`,{})};exports.getCategories=E;exports.getCustomPosts=b;exports.getData=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../../conf/index.js"),y=require("../../api/commons.js");function l(n){return JSON.parse(JSON.stringify(n))}const g=process.env.VITE_REACT_APP_API_ROOT||C.Config.REACT_APP_API_ROOT||null,A=typeof window<"u"?window.location.origin:"",f={},p={},I=3*60*1e3;function O(n){return Object.keys(n).map(t=>encodeURIComponent(t)+"="+encodeURIComponent(n[t])).join("&")}function T(n,t=!1){const e=n,i=Date.now();if(p[e]&&i-p[e].timestamp<I)return Promise.resolve(l(p[e].data));if(f[e])return f[e].then(l);const u=y.get(n,{},t).then(a=>(p[e]={data:a,timestamp:Date.now()},t?{data:l(a),meta:p[e].meta}:l(a))).finally(()=>{delete f[e]});return f[e]=u,u}const E=({app:n,params:t})=>{const e=`${g||A}/api/${n}/categories${t?"?"+O(t):""}`;return T(e)},U=({source:n,app:t,params:e})=>{const i=`${g||A}/api/${t}/stats/${n}${e?"?"+O(e):""}`;return T(i)},b=({postType:n,taxonomy:t,category:e,taxonomyFilters:i,before:u,perPage:a,page:h,locale:_,after:P,ordering:R,orderingDirection:$})=>{const q=`${C.Config.REACT_APP_WP_API}/wp/v2/${n}`,r=new URLSearchParams,d=new Map,S=(s,o)=>{if(!s||o==null)return;const c=d.get(s)||[];Array.isArray(o)?o.forEach(m=>{m!=null&&c.push(String(m))}):c.push(String(o)),d.set(s,c)};i&&i instanceof Map&&i.forEach((s,o)=>{S(o,s)}),t&&e!=null&&S(t,e),d.forEach((s,o)=>{const c=Array.from(new Set(s));c.length!==0&&r.set(o,c.join(","))}),u&&r.append("before",u.toISOString()),a&&r.append("per_page",a.toString()),r.append("page",h.toString()),r.append("locale",_),P&&r.append("after",P.toISOString()),r.append("orderby",R),r.append("order",$);const w=r.toString().replace(/%2C/g,",");return y.get(`${q}?${w}`,{headers:{"Content-Type":"application/json"},credentials:"include"},!0)};exports.getCategories=E;exports.getCustomPosts=b;exports.getData=U;

package/dist/cjs/layout/PreviewComponent.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),o=require("react-router"),u=require("semantic-ui-react"),g=require("@devgateway/wp-react-lib"),w=require("../embeddable/index.js"),f=()=>{const m=o.useParams();o.useLocation();const[a]=r.useState(()=>w.getComponentByNameIgnoreCase(m.name??""));let[n,d]=o.useSearchParams();const i=l=>{console.log("-------------------------------reading message ----------------------------------------");const t=l.data;if(t.messageType&&t.messageType=="component-attributes"){const c={...n};Object.keys(t).forEach(s=>{c["data-"+s.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()]=typeof t[s]=="object"?JSON.stringify(t[s]):t[s]}),d(c)}};r.useEffect(()=>(window.addEventListener("message",i,!1),window.parent&&window.parent.postMessage({type:"componentReady",value:!0},"*"),window.top&&window.top.postMessage({type:"componentReady",value:!0},"*"),()=>{window.removeEventListener("message",i)}),[]);const p=r.useMemo(()=>Object.fromEntries(n.entries()),[n]);return e.jsx("div",{children:e.jsx(u.Container,{fluid:!0,className:"editing",children:a?e.jsx(a,{...p,editing:!0}):e.jsx(u.Segment.Group,{color:"red",textAlign:"center",children:e.jsx("h1",{children:"Wrong Component Name"})})})})},j=()=>e.jsx(g.SettingsConsumer,{children:e.jsx(f,{})});exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),u=require("react-router"),m=require("semantic-ui-react"),w=require("@devgateway/wp-react-lib"),f=require("../embeddable/index.js"),P=()=>{const d=u.useParams(),[p]=u.useSearchParams(),[o]=r.useState(()=>f.getComponentByNameIgnoreCase(d.name??"")),[n,l]=r.useState(()=>Object.fromEntries(p.entries())),i=r.useRef(n);i.current=n;const a=r.useCallback(g=>{const t=g.data;if(t.messageType&&t.messageType==="component-attributes"){const c={...i.current};Object.keys(t).forEach(s=>{c["data-"+s.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()]=typeof t[s]=="object"?JSON.stringify(t[s]):t[s]}),l(c)}},[]);return r.useEffect(()=>(window.addEventListener("message",a,!1),window.parent&&window.parent.postMessage({type:"componentReady",value:!0},"*"),window.top&&window.top.postMessage({type:"componentReady",value:!0},"*"),()=>{window.removeEventListener("message",a)}),[a]),e.jsx("div",{children:e.jsx(m.Container,{fluid:!0,className:"editing",children:o?e.jsx(o,{...n,editing:!0}):e.jsx(m.Segment.Group,{color:"red",textAlign:"center",children:e.jsx("h1",{children:"Wrong Component Name"})})})})},j=()=>e.jsx(w.SettingsConsumer,{children:e.jsx(P,{})});exports.default=j;

package/dist/esm/api/commons.js

@@ -1,36 +1,45 @@
-const h = (a, c, t = !1) => new Promise((o, i) => {
-  fetch(a, {
+const f = (c, e, i = !1) => new Promise((n, a) => {
+  fetch(c, {
     headers: {
       Accept: "application/json",
       "Content-Type": "application/json"
     },
     method: "POST",
-    body: JSON.stringify(c)
+    body: JSON.stringify(e)
   }).then(
-    function(n) {
-      n.status !== 200 && i(n), t && o(n.blob()), n.json().then(function(s) {
-        o(s);
-      }).catch(() => o(n.status));
+    function(t) {
+      t.status !== 200 && a(t), i && n(t.blob()), t.json().then(function(o) {
+        n(o);
+      }).catch(() => n(t.status));
     }
-  ).catch(function(n) {
-    i(n);
+  ).catch(function(t) {
+    a(t);
   });
-}), p = async (a, c = {}) => {
+}), p = async (c, e = {}, i = !1) => {
   try {
-    const t = await fetch(a, {
+    const { headers: n, ...a } = e, t = await fetch(c, {
       headers: {
         Accept: "application/json",
-        "Content-Type": "application/json"
-      }
+        "Content-Type": "application/json",
+        ...n
+      },
+      ...a
     });
     if (!t.ok)
       throw t;
-    return await t.json();
-  } catch (t) {
-    throw t;
+    const o = await t.json();
+    if (i) {
+      const s = {};
+      return t.headers.forEach((r, h) => {
+        s[h] = r;
+      }), { data: o, meta: s };
+    }
+    return o;
+  } catch (n) {
+    throw n;
   }
 };
 export {
   p as get,
-  h as post
+  f as post
 };

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

@@ -1,91 +1,91 @@
-import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { jsx as r, jsxs as L } from "react/jsx-runtime";
 import k from "react";
 import { connect as w } from "react-redux";
 import { injectIntl as C } from "react-intl";
 import { DataContext as I } from "./DataContext.js";
-import { getData as F, setData as v } from "../reducers/data.js";
-import { Container as p, Segment as m, Dimmer as x, Loader as A } from "semantic-ui-react";
-class O extends k.Component {
+import { getData as F, setData as O } from "../reducers/data.js";
+import { Container as p, Segment as m, Dimmer as N, Loader as J } from "semantic-ui-react";
+class x extends k.Component {
   constructor() {
     super(), this.state = {
       showLoading: !1
     }, this.checkLoadingTime = this.checkLoadingTime.bind(this);
   }
   componentDidMount() {
-    const { app: e, source: i, store: a, params: t, csv: n, group: d, editing: o, waitForFilters: r = !1 } = this.props;
-    e === "csv" ? this.props.onSetData({ app: e, csv: n, store: a, params: t, group: d }) : (this.setState({ showLoading: !1 }), !r || o ? (console.log("loading -----"), this.props.onLoadData({ app: e, source: i, store: a, params: t, group: d }), setTimeout(this.checkLoadingTime, 100)) : console.log("waiting for filters to be set before loading data", e, i, a, t, d)), !o && r && (this.fallbackTimeout = setTimeout(() => {
-      this.dataLoaded || (console.warn("Fallback loading triggered"), this.setState({ showLoading: !1 }), this.props.onLoadData({ app: e, source: i, store: a, params: t, group: d }), setTimeout(this.checkLoadingTime, 100));
+    const { app: t, source: i, store: a, params: e, csv: l, group: c, editing: s, waitForFilters: o = !1 } = this.props;
+    t === "csv" ? this.props.onSetData({ app: t, csv: l, store: a, params: e, group: c }) : (this.setState({ showLoading: !1 }), !o || s ? (console.log("loading -----"), this.props.onLoadData({ app: t, source: i, store: a, params: e, group: c }), setTimeout(this.checkLoadingTime, 100)) : console.log("waiting for filters to be set before loading data", t, i, a, e, c)), !s && o && (this.fallbackTimeout = setTimeout(() => {
+      this.dataLoaded || (console.warn("Fallback loading triggered"), this.setState({ showLoading: !1 }), this.props.onLoadData({ app: t, source: i, store: a, params: e, group: c }), setTimeout(this.checkLoadingTime, 100));
     }, 1e3));
   }
   componentWillUnmount() {
     clearTimeout(this.fallbackTimeout), clearTimeout(this.debounceTimeout);
   }
-  componentDidUpdate(e, i, a) {
+  componentDidUpdate(t, i, a) {
     const {
-      app: t,
-      filters: n,
-      apply: d,
-      source: o,
-      store: r,
-      params: c,
+      app: e,
+      filters: l,
+      apply: c,
+      source: s,
+      store: o,
+      params: n,
       csv: g,
       group: h,
-      autoApply: L,
-      editing: T,
-      lastInitialFilterChange: b,
-      lastUserFilterChange: S
-    } = this.props, y = b !== e.lastInitialFilterChange, D = S !== e.lastUserFilterChange;
-    let f = !1;
-    d != null && d != e.apply && (f = !0), L !== !1 ? (n != e.filters || JSON.stringify(c) != JSON.stringify(e.params) || t != e.app || JSON.stringify(e.source) != JSON.stringify(o) || g != e.csv) && (t === "csv" ? this.props.onSetData({ app: t, csv: g, store: r, params: c, group: h }) : (this.setState({ showLoading: !0 }), T && this.props.onLoadData({ app: t, source: o, store: r, params: c, group: h }), y && this.props.waitForFilters ? (console.log("initial filters has been updated", n, c), clearTimeout(this.debounceTimeout), clearTimeout(this.fallbackTimeout), this.debounceTimeout = setTimeout(() => {
-      this.dataLoaded = !0, this.setState({ showLoading: !1 }), console.log("Loading data " + t + " " + o), this.props.onLoadData({ app: t, source: o, store: r, params: c, group: h }), setTimeout(this.checkLoadingTime, 100);
-    }, 100)) : D ? (console.log("filters has been updated", n, e.filters, c, e.params, t, o, r, h), this.setState({ showLoading: !1 }), console.log("filters has been updated", n), this.props.onLoadData({ app: t, source: o, store: r, params: c, group: h }), setTimeout(this.checkLoadingTime, 100)) : console.log("no changes detected ............"))) : f && (console.log("reloading -----"), this.props.onLoadData({ app: t, source: o, store: r, params: c, group: h }), this.setState({ showLoading: !1 }), setTimeout(this.checkLoadingTime, 100));
+      autoApply: T,
+      editing: f,
+      lastInitialFilterChange: S,
+      lastUserFilterChange: y
+    } = this.props, b = S !== t.lastInitialFilterChange, D = y !== t.lastUserFilterChange;
+    let u = !1;
+    c != null && c != t.apply && (u = !0), T !== !1 ? (l != t.filters || JSON.stringify(n) != JSON.stringify(t.params) || e != t.app || JSON.stringify(t.source) != JSON.stringify(s) || g != t.csv) && (e === "csv" ? this.props.onSetData({ app: e, csv: g, store: o, params: n, group: h }) : (this.setState({ showLoading: !0 }), f && this.props.onLoadData({ app: e, source: s, store: o, params: n, group: h }), b && this.props.waitForFilters ? (console.log("initial filters has been updated", l, n), clearTimeout(this.debounceTimeout), clearTimeout(this.fallbackTimeout), this.debounceTimeout = setTimeout(() => {
+      this.dataLoaded = !0, this.setState({ showLoading: !1 }), console.log("Loading data " + e + " " + s), this.props.onLoadData({ app: e, source: s, store: o, params: n, group: h }), setTimeout(this.checkLoadingTime, 100);
+    }, 100)) : D ? (console.log("filters has been updated", l, t.filters, n, t.params, e, s, o, h), this.setState({ showLoading: !1 }), console.log("filters has been updated", l), this.props.onLoadData({ app: e, source: s, store: o, params: n, group: h }), setTimeout(this.checkLoadingTime, 100)) : !f && (JSON.stringify(n) !== JSON.stringify(t.params) || e !== t.app || JSON.stringify(s) !== JSON.stringify(t.source)) ? (this.setState({ showLoading: !1 }), this.props.onLoadData({ app: e, source: s, store: o, params: n, group: h }), setTimeout(this.checkLoadingTime, 100)) : console.log("no changes detected ............"))) : u && (console.log("reloading -----"), this.props.onLoadData({ app: e, source: s, store: o, params: n, group: h }), this.setState({ showLoading: !1 }), setTimeout(this.checkLoadingTime, 100));
   }
   checkLoadingTime() {
-    const { data: e, loading: i, time: a, error: t } = this.props, n = Date.now() - a;
-    i && a && n > 1e3 ? this.setState({ showLoading: !0 }) : i && setTimeout(this.checkLoadingTime, 100);
+    const { data: t, loading: i, time: a, error: e } = this.props, l = Date.now() - a;
+    i && a && l > 1e3 ? this.setState({ showLoading: !0 }) : i && setTimeout(this.checkLoadingTime, 100);
   }
   render() {
-    const { data: e, style: i, loading: a, time: t, error: n, editing: d, isSvg: o } = this.props;
-    if (a && this.state.showLoading && !d) {
-      const r = {
+    const { data: t, style: i, loading: a, time: e, error: l, editing: c, isSvg: s } = this.props;
+    if (a && this.state.showLoading && !c) {
+      const o = {
         width: "100%",
         height: "100%",
         background: "transparent",
         verticalAlign: "middle",
         overflow: "hidden"
-      }, c = Object.assign({}, i, {
+      }, n = Object.assign({}, i, {
         height: "90%",
         background: "transparent",
         textAlign: "center",
         margin: "30px"
-      }), g = /* @__PURE__ */ s(m, { basic: !0, padded: !0, style: c, children: /* @__PURE__ */ s(x, { active: !0, inverted: !0, style: { background: "transparent" }, children: /* @__PURE__ */ s(A, { size: "medium", style: { background: "transparent" } }) }) });
-      return o ? /* @__PURE__ */ s("foreignObject", { style: r, children: /* @__PURE__ */ s(p, { style: i, className: "loading", children: g }) }) : /* @__PURE__ */ s(p, { style: i, className: "loading", children: g });
-    } else return n ? n ? /* @__PURE__ */ u(m, { color: "red", children: [
-      /* @__PURE__ */ s("h1", { children: "500" }),
-      /* @__PURE__ */ s("p", { children: "Wasn't able to load data" })
-    ] }) : /* @__PURE__ */ s(p, { children: /* @__PURE__ */ u(m, { color: "red", children: [
-      /* @__PURE__ */ s("h1", { children: "404" }),
-      /* @__PURE__ */ s("p", { children: "Can't find this page" })
-    ] }) }) : /* @__PURE__ */ s(I.Provider, { value: e, children: this.props.children });
+      }), g = /* @__PURE__ */ r(m, { basic: !0, padded: !0, style: n, children: /* @__PURE__ */ r(N, { active: !0, inverted: !0, style: { background: "transparent" }, children: /* @__PURE__ */ r(J, { size: "medium", style: { background: "transparent" } }) }) });
+      return s ? /* @__PURE__ */ r("foreignObject", { style: o, children: /* @__PURE__ */ r(p, { style: i, className: "loading", children: g }) }) : /* @__PURE__ */ r(p, { style: i, className: "loading", children: g });
+    } else return l ? l ? /* @__PURE__ */ L(m, { color: "red", children: [
+      /* @__PURE__ */ r("h1", { children: "500" }),
+      /* @__PURE__ */ r("p", { children: "Wasn't able to load data" })
+    ] }) : /* @__PURE__ */ r(p, { children: /* @__PURE__ */ L(m, { color: "red", children: [
+      /* @__PURE__ */ r("h1", { children: "404" }),
+      /* @__PURE__ */ r("p", { children: "Can't find this page" })
+    ] }) }) : /* @__PURE__ */ r(I.Provider, { value: t, children: this.props.children });
   }
 }
-const j = (l, e) => {
-  const { store: i, group: a, app: t } = e;
+const A = (d, t) => {
+  const { store: i, group: a, app: e } = t;
   return {
-    lastUserFilterChange: l.getIn(["data", "filters-settings", t, a, "lastUserFilterChange"]),
-    lastInitialFilterChange: l.getIn(["data", "filters-settings", t, a, "lastInitialFilterChange"]),
-    data: l.getIn(["data", ...i, "data"]),
-    filters: l.getIn(["data", "filters", t, a]),
-    autoApply: l.getIn(["data", "filters-settings", t, a, "autoApply"]),
-    apply: l.getIn(["data", "filters-settings", t, a, "apply"]),
-    error: l.getIn(["data", ...i, "error"]),
-    loading: l.getIn(["data", ...i, "loading"]),
-    time: l.getIn(["data", ...i, "time"])
+    lastUserFilterChange: d.getIn(["data", "filters-settings", e, a, "lastUserFilterChange"]),
+    lastInitialFilterChange: d.getIn(["data", "filters-settings", e, a, "lastInitialFilterChange"]),
+    data: d.getIn(["data", ...i, "data"]),
+    filters: d.getIn(["data", "filters", e, a]),
+    autoApply: d.getIn(["data", "filters-settings", e, a, "autoApply"]),
+    apply: d.getIn(["data", "filters-settings", e, a, "apply"]),
+    error: d.getIn(["data", ...i, "error"]),
+    loading: d.getIn(["data", ...i, "loading"]),
+    time: d.getIn(["data", ...i, "time"])
   };
-}, N = {
-  onSetData: v,
+}, j = {
+  onSetData: O,
   onLoadData: F
-}, q = w(j, N)(C(O));
+}, q = w(A, j)(C(x));
 export {
   q as default
 };

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

@@ -4,7 +4,7 @@ import B from "./PostsFilterDropdown.js";
 import { Config as D } from "../../conf/index.js";
 const k = (i) => {
   const {
-    taxonomy: t,
+    taxonomy: o,
     group: l,
     placeholder: p,
     allLabel: c,
@@ -19,34 +19,34 @@ const k = (i) => {
     alphabeticalSort: S,
     ascOrder: h,
     type: P,
-    categories: n,
+    categories: a,
     onChange: T,
     ...w
-  } = i, [C, e] = _([]), b = async () => {
-    if (!t || t === "none") {
-      e([]);
+  } = i, [C, t] = _([]), b = async () => {
+    if (!o || o === "none") {
+      t([]);
       return;
     }
-    const r = await (await fetch(D.REACT_APP_WP_API + "/wp/v2/" + t)).json();
+    const r = await (await fetch(D.REACT_APP_WP_API + "/wp/v2/" + o)).json();
     if (r) {
-      const s = r.map((o) => ({
-        key: o.id,
-        value: o.id,
-        text: o.name
+      const s = r.map((e) => ({
+        key: e.id,
+        value: e.id,
+        text: e.name
       }));
-      if (n) {
-        const o = s.filter((v) => n.indexOf(v.value.toString()) > -1);
-        e([]), e(o);
+      if (a) {
+        const e = s.filter((v) => a.indexOf(v.value.toString()) > -1);
+        t(e);
       } else
-        e([]), e(s);
+        t(s);
     }
   };
   return j(() => {
-    let a = !1;
-    return a || (e([]), b()), () => {
-      a = !0;
+    let n = !1;
+    return n || b(), () => {
+      n = !0;
     };
-  }, [P, t, n]), /* @__PURE__ */ A(
+  }, [P, o]), /* @__PURE__ */ A(
     B,
     {
       ...w,

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

@@ -4,28 +4,28 @@ function f(n) {
   return JSON.parse(JSON.stringify(n));
 }
 const d = process.env.VITE_REACT_APP_API_ROOT || A.REACT_APP_API_ROOT || null, O = typeof window < "u" ? window.location.origin : "", l = {}, u = {}, q = 3 * 60 * 1e3;
-function _(n) {
+function T(n) {
   return Object.keys(n).map((t) => encodeURIComponent(t) + "=" + encodeURIComponent(n[t])).join("&");
 }
-function w(n, t = !1) {
+function _(n, t = !1) {
   const e = n, i = Date.now();
   if (u[e] && i - u[e].timestamp < q)
     return Promise.resolve(f(u[e].data));
   if (l[e])
     return l[e].then(f);
-  const p = h(n, {}).then((a) => (u[e] = { data: a, timestamp: Date.now() }, t ? { data: f(a), meta: u[e].meta } : f(a))).finally(() => {
+  const p = h(n, {}, t).then((a) => (u[e] = { data: a, timestamp: Date.now() }, t ? { data: f(a), meta: u[e].meta } : f(a))).finally(() => {
     delete l[e];
   });
   return l[e] = p, p;
 }
-const D = ({ app: n, params: t }) => {
-  const e = `${d || O}/api/${n}/categories${t ? "?" + _(t) : ""}`;
-  return w(e);
-}, b = ({ source: n, app: t, params: e }) => {
-  const i = `${d || O}/api/${t}/stats/${n}${e ? "?" + _(e) : ""}`;
-  return w(i);
-}, j = ({ postType: n, taxonomy: t, category: e, taxonomyFilters: i, before: p, perPage: a, page: R, locale: T, after: m, ordering: $, orderingDirection: y }) => {
-  const C = `${A.REACT_APP_WP_API}/wp/v2/${n}`, r = new URLSearchParams(), g = /* @__PURE__ */ new Map(), P = (s, o) => {
+const j = ({ app: n, params: t }) => {
+  const e = `${d || O}/api/${n}/categories${t ? "?" + T(t) : ""}`;
+  return _(e);
+}, D = ({ source: n, app: t, params: e }) => {
+  const i = `${d || O}/api/${t}/stats/${n}${e ? "?" + T(e) : ""}`;
+  return _(i);
+}, b = ({ postType: n, taxonomy: t, category: e, taxonomyFilters: i, before: p, perPage: a, page: y, locale: C, after: m, ordering: R, orderingDirection: $ }) => {
+  const w = `${A.REACT_APP_WP_API}/wp/v2/${n}`, r = new URLSearchParams(), g = /* @__PURE__ */ new Map(), P = (s, o) => {
     if (!s || o == null) return;
     const c = g.get(s) || [];
     Array.isArray(o) ? o.forEach((S) => {
@@ -37,12 +37,17 @@ const D = ({ app: n, params: t }) => {
   }), t && e != null && P(t, e), g.forEach((s, o) => {
     const c = Array.from(new Set(s));
     c.length !== 0 && r.set(o, c.join(","));
-  }), p && r.append("before", p.toISOString()), a && r.append("per_page", a.toString()), r.append("page", R.toString()), r.append("locale", T), m && r.append("after", m.toISOString()), r.append("orderby", $), r.append("order", y);
+  }), p && r.append("before", p.toISOString()), a && r.append("per_page", a.toString()), r.append("page", y.toString()), r.append("locale", C), m && r.append("after", m.toISOString()), r.append("orderby", R), r.append("order", $);
   const I = r.toString().replace(/%2C/g, ",");
-  return h(`${C}?${I}`, {});
+  return h(`${w}?${I}`, {
+    headers: {
+      "Content-Type": "application/json"
+    },
+    credentials: "include"
+  }, !0);
 };
 export {
-  D as getCategories,
-  j as getCustomPosts,
-  b as getData
+  j as getCategories,
+  b as getCustomPosts,
+  D as getData
 };

package/dist/esm/layout/PreviewComponent.js

@@ -1,30 +1,27 @@
 import { jsx as e } from "react/jsx-runtime";
-import d, { useState as u, useEffect as g } from "react";
-import { useParams as f, useLocation as l, useSearchParams as w } from "react-router";
-import { Container as y, Segment as P } from "semantic-ui-react";
-import { SettingsConsumer as C } from "@devgateway/wp-react-lib";
-import { getComponentByNameIgnoreCase as h } from "../embeddable/index.js";
-const v = () => {
-  const m = f();
-  l();
-  const [n] = u(() => h(m.name ?? ""));
-  let [r, i] = w();
-  const a = (c) => {
-    console.log("-------------------------------reading message ----------------------------------------");
-    const t = c.data;
-    if (t.messageType && t.messageType == "component-attributes") {
-      const s = { ...r };
-      Object.keys(t).forEach((o) => {
-        s["data-" + o.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()] = typeof t[o] == "object" ? JSON.stringify(t[o]) : t[o];
-      }), i(s);
+import { useState as i, useRef as f, useCallback as g, useEffect as l } from "react";
+import { useParams as w, useSearchParams as P } from "react-router";
+import { Container as y, Segment as C } from "semantic-ui-react";
+import { SettingsConsumer as h } from "@devgateway/wp-react-lib";
+import { getComponentByNameIgnoreCase as v } from "../embeddable/index.js";
+const b = () => {
+  const p = w(), [c] = P(), [a] = i(() => v(p.name ?? "")), [o, d] = i(
+    () => Object.fromEntries(c.entries())
+  ), s = f(o);
+  s.current = o;
+  const n = g((u) => {
+    const t = u.data;
+    if (t.messageType && t.messageType === "component-attributes") {
+      const m = { ...s.current };
+      Object.keys(t).forEach((r) => {
+        m["data-" + r.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()] = typeof t[r] == "object" ? JSON.stringify(t[r]) : t[r];
+      }), d(m);
     }
-  };
-  g(() => (window.addEventListener("message", a, !1), window.parent && window.parent.postMessage({ type: "componentReady", value: !0 }, "*"), window.top && window.top.postMessage({ type: "componentReady", value: !0 }, "*"), () => {
-    window.removeEventListener("message", a);
-  }), []);
-  const p = d.useMemo(() => Object.fromEntries(r.entries()), [r]);
-  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(y, { fluid: !0, className: "editing", children: n ? /* @__PURE__ */ e(n, { ...p, editing: !0 }) : /* @__PURE__ */ e(P.Group, { color: "red", textAlign: "center", children: /* @__PURE__ */ e("h1", { children: "Wrong Component Name" }) }) }) });
-}, N = () => /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(v, {}) });
+  }, []);
+  return l(() => (window.addEventListener("message", n, !1), window.parent && window.parent.postMessage({ type: "componentReady", value: !0 }, "*"), window.top && window.top.postMessage({ type: "componentReady", value: !0 }, "*"), () => {
+    window.removeEventListener("message", n);
+  }), [n]), /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(y, { fluid: !0, className: "editing", children: a ? /* @__PURE__ */ e(a, { ...o, editing: !0 }) : /* @__PURE__ */ e(C.Group, { color: "red", textAlign: "center", children: /* @__PURE__ */ e("h1", { children: "Wrong Component Name" }) }) }) });
+}, L = () => /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(b, {}) });
 export {
-  N as default
+  L as default
 };

package/dist/types/api/commons.d.ts

@@ -1,4 +1,7 @@
 export declare const post: (url: string, params: Record<string, unknown>, isBlob?: boolean) => Promise<unknown>;
-export declare const get: <T extends any>(url: string, params?: {}) => Promise<T>;
+export declare const get: <T extends any>(url: string, fetchOptions?: RequestInit, withHeaders?: boolean) => Promise<T | {
+    data: T;
+    meta: Record<string, string>;
+}>;
 export declare const queryParams: (params: any) => string;
 export declare const getAnaliticUserCode: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.6.19",
+  "version": "1.6.20",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -122,7 +122,7 @@
     "vite-plugin-env-compatible": "^2.0.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-tsconfig-paths": "^5.1.4",
-    "@devgateway/wp-react-lib": "0.5.1"
+    "@devgateway/wp-react-lib": "0.6.1"
   },
   "peerDependencies": {
     "react": "^18.3.1",