@devgateway/dvz-ui-react 1.6.18 → 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/inlinelist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),x=require("react"),o=require("semantic-ui-react"),a=require("@devgateway/wp-react-lib"),L=require("../connected-templates/PostIntro.js"),k=require("react-router"),y=require("../connected-templates/PostContent.js"),I=f=>{const{posts:d,showIcons:j,showContentToggle:l,contentToggleHPosition:C,locale:T,readMoreLabel:u,readLessLabel:w}=f,[s,b]=x.useState({}),i=x.createRef(),c=(e,n="Read More")=>e&&e.trim()!==""?e:n;x.useEffect(()=>{window.setTimeout(()=>{if(window.location.hash){const e=document.getElementById(window.location.hash.substr(1));e&&e.scrollIntoView({behavior:"auto",block:"start"})}},0)},[d]);const h=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[];return n.length>1?n[1]:n[0]},g=e=>{const n=s[e]||!1,r=n?c(w,"Read less"):c(u,"Read more");return t.jsx("div",{children:t.jsx("div",{style:{position:"relative",left:C+"%"},children:t.jsx("a",{className:"link",onClick:()=>{i.current&&n&&(i.current.scrollIntoView({behavior:"smooth",block:"start"}),i.current.scrollTop=0),b({...s,[e]:!n})},children:r})})})},m=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[],r=n.length>1?n[0]:null;return r?r.trim():null},P=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[];return n.length>1&&n[1].trim().length>0};return t.jsx(o.Container,{fluid:!0,className:"inline list",children:d&&d.map(e=>t.jsxs(o.Grid,{children:[j&&t.jsxs(o.Grid.Column,{textAlign:"center",width:1,children:[t.jsx("a",{id:e.slug}),t.jsx(a.MediaProvider,{id:e.meta_fields&&e.meta_fields.icon?e.meta_fields.icon[0]:null,children:t.jsx(a.MediaConsumer,{children:t.jsx(a.PostIcon,{as:o.Label})})})]}),t.jsxs(o.Grid.Column,{width:j?15:16,children:[m(e)&&t.jsx(L.default,{as:o.Container,fluid:!0,post:e,ref:i}),!m(e)&&t.jsx(y.default,{post:{content:{rendered:h(e)}},style:{clear:"both",display:"block"}}),P(e)&&t.jsxs(o.Container,{children:[l&&t.jsxs(t.Fragment,{children:[!s[e.slug]&&g(e.slug),t.jsx(y.default,{post:{content:{rendered:h(e)}},style:{clear:"both",display:s[e.slug]?"block":"none"}}),s[e.slug]&&g(e.slug)]}),!l&&t.jsx("a",{href:a.utils.replaceLink(e.link,T),className:"link",children:c(u)})]})]})]}))})},v=f=>{const[d,j]=x.useState(Math.random()*99998+1),{locale:l}=k.useParams(),{"data-width":C,"data-height":T,"data-type":u,"data-taxonomy":w,"data-categories":s,"data-items":b,"data-color":i,"data-show-post-icons":c,"data-show-content-toggle":h,"data-content-toggle-h-position":g,"data-read-more-label":m,"data-read-less-label":P,parent:e,editing:n,component:r,unique:R}=f;return t.jsx(o.Container,{fluid:!0,children:t.jsx(a.PostProvider,{type:u,locale:l,taxonomy:w,categories:s,store:"inline_list_"+e+"_"+R,page:1,perPage:b,children:t.jsx(a.PostConsumer,{children:t.jsx(I,{locale:l??"en",showIcons:c==="true",showContentToggle:h==="true",contentToggleHPosition:parseInt(g||"50",10),readMoreLabel:m,readLessLabel:P})})})})};exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),x=require("react"),o=require("semantic-ui-react"),l=require("@devgateway/wp-react-lib"),L=require("../connected-templates/PostIntro.js"),k=require("react-router"),T=require("../connected-templates/PostContent.js"),I=f=>{const{posts:d,showIcons:j,showContentToggle:a,contentToggleHPosition:w,locale:C,readMoreLabel:u,readLessLabel:b}=f,[s,P]=x.useState({}),i=x.createRef(),c=(e,n="Read More")=>e&&e.trim()!==""?e:n;x.useEffect(()=>{window.setTimeout(()=>{if(window.location.hash){const e=document.getElementById(window.location.hash.substr(1));e&&e.scrollIntoView({behavior:"auto",block:"start"})}},0)},[d]);const h=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[];return n.length>1?n[1]:n[0]},g=e=>{const n=s[e]||!1,r=n?c(b,"Read less"):c(u,"Read more");return t.jsx("div",{children:t.jsx("div",{style:{display:"flex",justifyContent:w<33?"flex-start":w<66?"center":"flex-end"},children:t.jsx("a",{className:"link",onClick:()=>{i.current&&n&&(i.current.scrollIntoView({behavior:"smooth",block:"start"}),i.current.scrollTop=0),P({...s,[e]:!n})},children:r})})})},m=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[],r=n.length>1?n[0]:null;return r?r.trim():null},y=e=>{const n=e.content?e.content.rendered.split("<!--more-->"):[];return n.length>1&&n[1].trim().length>0};return t.jsx(o.Container,{fluid:!0,className:"inline list",children:d&&d.map(e=>t.jsxs(o.Grid,{children:[j&&t.jsxs(o.Grid.Column,{textAlign:"center",width:1,children:[t.jsx("a",{id:e.slug}),t.jsx(l.MediaProvider,{id:e.meta_fields&&e.meta_fields.icon?e.meta_fields.icon[0]:null,children:t.jsx(l.MediaConsumer,{children:t.jsx(l.PostIcon,{as:o.Label})})})]}),t.jsxs(o.Grid.Column,{width:j?15:16,children:[m(e)&&t.jsx(L.default,{as:o.Container,fluid:!0,post:e,ref:i}),!m(e)&&t.jsx(T.default,{post:{content:{rendered:h(e)}},style:{clear:"both",display:"block"}}),y(e)&&t.jsxs(o.Container,{children:[a&&t.jsxs(t.Fragment,{children:[!s[e.slug]&&g(e.slug),t.jsx(T.default,{post:{content:{rendered:h(e)}},style:{clear:"both",display:s[e.slug]?"block":"none"}}),s[e.slug]&&g(e.slug)]}),!a&&t.jsx("a",{href:l.utils.replaceLink(e.link,C),className:"link",children:c(u)})]})]})]}))})},p=f=>{const[d,j]=x.useState(Math.random()*99998+1),{locale:a}=k.useParams(),{"data-width":w,"data-height":C,"data-type":u,"data-taxonomy":b,"data-categories":s,"data-items":P,"data-color":i,"data-show-post-icons":c,"data-show-content-toggle":h,"data-content-toggle-h-position":g,"data-read-more-label":m,"data-read-less-label":y,parent:e,editing:n,component:r,unique:R}=f;return t.jsx(o.Container,{fluid:!0,children:t.jsx(l.PostProvider,{type:u,locale:a,taxonomy:b,categories:s,store:"inline_list_"+e+"_"+R,page:1,perPage:P,children:t.jsx(l.PostConsumer,{children:t.jsx(I,{locale:a??"en",showIcons:c==="true",showContentToggle:h==="true",contentToggleHPosition:parseInt(g||"50",10),readMoreLabel:m,readLessLabel:y})})})})};exports.default=p;

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/inlinelist/index.js

@@ -1,13 +1,13 @@
-import { jsx as o, jsxs as i, Fragment as R } from "react/jsx-runtime";
-import v, { useState as I, useEffect as x } from "react";
+import { jsx as o, jsxs as i, Fragment as L } from "react/jsx-runtime";
+import R, { useState as x, useEffect as v } from "react";
 import { Container as u, Grid as T, Label as M } from "semantic-ui-react";
-import { PostProvider as _, PostConsumer as S, MediaProvider as B, MediaConsumer as H, PostIcon as N, utils as j } from "@devgateway/wp-react-lib";
+import { PostProvider as _, PostConsumer as S, MediaProvider as j, MediaConsumer as B, PostIcon as H, utils as N } from "@devgateway/wp-react-lib";
 import E from "../connected-templates/PostIntro.js";
 import { useParams as V } from "react-router";
 import k from "../connected-templates/PostContent.js";
 const q = (f) => {
-  const { posts: c, showIcons: w, showContentToggle: s, contentToggleHPosition: y, locale: C, readMoreLabel: d, readLessLabel: P } = f, [n, b] = I({}), l = v.createRef(), a = (t, e = "Read More") => t && t.trim() !== "" ? t : e;
-  x(() => {
+  const { posts: c, showIcons: w, showContentToggle: s, contentToggleHPosition: P, locale: C, readMoreLabel: d, readLessLabel: b } = f, [n, p] = x({}), l = R.createRef(), a = (t, e = "Read More") => t && t.trim() !== "" ? t : e;
+  v(() => {
     window.setTimeout(
       () => {
         if (window.location.hash) {
@@ -22,14 +22,17 @@ const q = (f) => {
     const e = t.content ? t.content.rendered.split("<!--more-->") : [];
     return e.length > 1 ? e[1] : e[0];
   }, m = (t) => {
-    const e = n[t] || !1, r = e ? a(P, "Read less") : a(d, "Read more");
-    return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { style: { position: "relative", left: y + "%" }, children: /* @__PURE__ */ o("a", { className: "link", onClick: () => {
-      l.current && e && (l.current.scrollIntoView({ behavior: "smooth", block: "start" }), l.current.scrollTop = 0), b({ ...n, [t]: !e });
+    const e = n[t] || !1, r = e ? a(b, "Read less") : a(d, "Read more");
+    return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { style: {
+      display: "flex",
+      justifyContent: P < 33 ? "flex-start" : P < 66 ? "center" : "flex-end"
+    }, children: /* @__PURE__ */ o("a", { className: "link", onClick: () => {
+      l.current && e && (l.current.scrollIntoView({ behavior: "smooth", block: "start" }), l.current.scrollTop = 0), p({ ...n, [t]: !e });
     }, children: r }) }) });
   }, g = (t) => {
     const e = t.content ? t.content.rendered.split("<!--more-->") : [], r = e.length > 1 ? e[0] : null;
     return r ? r.trim() : null;
-  }, p = (t) => {
+  }, y = (t) => {
     const e = t.content ? t.content.rendered.split("<!--more-->") : [];
     return e.length > 1 && e[1].trim().length > 0;
   };
@@ -37,10 +40,10 @@ const q = (f) => {
     w && /* @__PURE__ */ i(T.Column, { textAlign: "center", width: 1, children: [
       /* @__PURE__ */ o("a", { id: t.slug }),
       /* @__PURE__ */ o(
-        B,
+        j,
         {
           id: t.meta_fields && t.meta_fields.icon ? t.meta_fields.icon[0] : null,
-          children: /* @__PURE__ */ o(H, { children: /* @__PURE__ */ o(N, { as: M }) })
+          children: /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(H, { as: M }) })
         }
       )
     ] }),
@@ -53,8 +56,8 @@ const q = (f) => {
           style: { clear: "both", display: "block" }
         }
       ),
-      p(t) && /* @__PURE__ */ i(u, { children: [
-        s && /* @__PURE__ */ i(R, { children: [
+      y(t) && /* @__PURE__ */ i(u, { children: [
+        s && /* @__PURE__ */ i(L, { children: [
           !n[t.slug] && m(t.slug),
           /* @__PURE__ */ o(
             k,
@@ -68,40 +71,40 @@ const q = (f) => {
           ),
           n[t.slug] && m(t.slug)
         ] }),
-        !s && /* @__PURE__ */ o("a", { href: j.replaceLink(t.link, C), className: "link", children: a(d) })
+        !s && /* @__PURE__ */ o("a", { href: N.replaceLink(t.link, C), className: "link", children: a(d) })
       ] })
     ] })
   ] })) });
 }, K = (f) => {
-  const [c, w] = I(Math.random() * 99998 + 1), { locale: s } = V(), {
-    "data-width": y,
+  const [c, w] = x(Math.random() * 99998 + 1), { locale: s } = V(), {
+    "data-width": P,
     "data-height": C,
     "data-type": d,
-    "data-taxonomy": P,
+    "data-taxonomy": b,
     "data-categories": n,
-    "data-items": b,
+    "data-items": p,
     "data-color": l,
     "data-show-post-icons": a,
     "data-show-content-toggle": h,
     "data-content-toggle-h-position": m,
     //horizontal position
     "data-read-more-label": g,
-    "data-read-less-label": p,
+    "data-read-less-label": y,
     parent: t,
     editing: e,
     component: r,
-    unique: L
+    unique: I
   } = f;
   return /* @__PURE__ */ o(u, { fluid: !0, children: /* @__PURE__ */ o(
     _,
     {
       type: d,
       locale: s,
-      taxonomy: P,
+      taxonomy: b,
       categories: n,
-      store: "inline_list_" + t + "_" + L,
+      store: "inline_list_" + t + "_" + I,
       page: 1,
-      perPage: b,
+      perPage: p,
       children: /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(
         q,
         {
@@ -110,7 +113,7 @@ const q = (f) => {
           showContentToggle: h === "true",
           contentToggleHPosition: parseInt(m || "50", 10),
           readMoreLabel: g,
-          readLessLabel: p
+          readLessLabel: y
         }
       ) })
     }

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.18",
+  "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",