@devgateway/dvz-ui-react 1.7.3 → 1.7.4

package/dist/cjs/embeddable/filtered-posts/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),T=require("react"),f=require("semantic-ui-react"),Q=require("../connected-templates/PostIntro.js"),X=require("react-intl"),G=require("./utils.js"),Z=require("./NoData.js"),Y=require("react-redux"),$=require("../reducers/data-api.js"),tt=require("react-router"),M=require("../../utils/data.js"),et=D=>{const{posts:u,numberOfColumns:E,sortFirstBy:c,countryCategory:l,postWidth:x,postHeight:A}=D,g=[];if(l&&c&&c!=="none"){const d=u.filter(p=>p[l].includes(Number(c))),b=u.filter(p=>!p[l].includes(Number(c)));g.push(...d),g.push(...b)}else g.push(...u);return i.jsx(f.Grid,{className:"filtered-posts",columns:E,children:i.jsx(f.GridRow,{children:g.map(d=>i.jsx(f.Grid.Column,{children:i.jsx("div",{className:"filtered-posts-column",style:{width:x,height:A,overflow:"hidden"},children:i.jsx(Q.default,{style:{width:"100%",height:"100%",overflow:"hidden",margin:0,padding:0},as:f.Container,fluid:!0,post:d},d.id)})},d.id))})})},rt=D=>{const{"data-group":u,"data-number-of-columns":E,"data-type":c,"data-taxonomy":l,"data-categories":x,"data-height":A,"data-post-width":g,"data-post-height":d,"data-number-of-items-per-page":b,"data-enable-sorting":p,"data-sort-first-by":j,"data-sorting-taxonomy":w,editing:V}=D,B=Y.useDispatch(),{locale:z}=tt.useParams(),[q,N]=T.useState(!1),I=Y.useSelector(t=>t).getIn(["data","posts",u]),[P,F]=T.useState([]),H=M.toBoolean(p)&&j!=="none"?M.toNumber(j):null,m=I??{yearFilter:null,categoryFilter:null,countryFilter:null,page:1,countryTaxonomy:null,categoryTaxonomy:null},S=t=>{if(t==null)return{values:[],isExplicitNone:!1};const e=Array.isArray(t)?t:[t],a=e.some(r=>Number(r)===Number.MIN_SAFE_INTEGER);return{values:e.map(r=>Number(r)).filter(r=>Number.isFinite(r)&&r!==Number.MIN_SAFE_INTEGER),isExplicitNone:a}},W=t=>{if(!t||t.length===0)return null;const e=Array.from(new Set(t)).sort((v,C)=>v-C);if(e.length===0)return null;const a=e[0],o=e[e.length-1],r=G.getStartDateAndEndDateFromYear(a),n=G.getStartDateAndEndDateFromYear(o);return!(r!=null&&r.startDate)||!(n!=null&&n.endDate)?null:{startDate:r.startDate,endDate:n.endDate}},J=()=>{const t=S(m.yearFilter),e=t.isExplicitNone?null:W(t.values),a=m.countryFilter??null,o=m.categoryFilter??null,r=m.categoryTaxonomy||(l&&l!=="none"?l:null),n=m.countryTaxonomy||null;return{before:(e==null?void 0:e.endDate)||null,after:(e==null?void 0:e.startDate)||null,categoryFilter:o,categoryTaxonomy:r,countryFilter:a,countryTaxonomy:n}},O=t=>V?t:decodeURIComponent(t),L=t=>{try{return JSON.parse(O(t))}catch(e){return console.warn("JSON parsing failed for value:",t,"- treating as plain string. Error:",e),O(t)}},U=()=>{const t=L(x);return t?typeof t=="string"?t.split(",").map(Number):typeof t=="number"?[t]:t:[]},k=(t,e,a)=>{if(a)return null;if(t.length===0)return e.length>0?e:null;if(e.length===0)return t;const o=new Set(t),r=e.filter(n=>o.has(n));return r.length>0?r:null},K=async()=>{N(!0);const t=J(),e=S(U()).values,a=S(t.categoryFilter),o=k(e,a.values,a.isExplicitNone),r=S(t.countryFilter);if(a.isExplicitNone){F([]),N(!1);return}if(r.isExplicitNone){F([]),N(!1);return}const n=new Map;t.categoryTaxonomy&&o&&o.length>0&&n.set(t.categoryTaxonomy,o),t.countryTaxonomy&&r.values.length>0&&n.set(t.countryTaxonomy,r.values);const v=o?o.join(","):void 0,C={after:t.after,before:t.before,perPage:Number(b||10),page:m.page||1,locale:z||"en",postType:c,taxonomy:t.categoryTaxonomy||void 0,category:v||void 0,taxonomyFilters:n,ordering:"date",orderingDirection:"desc"};await $.getCustomPosts(C).then(s=>{if(s){let h=null,y=null;if(s&&typeof s=="object"&&"data"in s?(h=s.data,y=s.meta):(Array.isArray(s),h=s),F(Array.isArray(h)?h:[]),y){const R=y["x-wp-totalpages"]?y["x-wp-totalpages"]:1,_=y["x-wp-total"]?y["x-wp-total"]:0;R&&_&&B({type:"SET_POSTS_PAGINATION",group:u,totalPages:Number(R),totalItems:Number(_)})}}else F([])}).finally(()=>{N(!1)})};return T.useEffect(()=>{(async()=>await K())()},[I,c,l,b,x,w]),i.jsx(f.Container,{fluid:!0,children:q?i.jsx(f.Loader,{active:!0,inline:"centered"}):!q&&P&&P.length>0?i.jsx(et,{posts:P,postWidth:Number(g),postHeight:Number(d),numberOfColumns:Number(E),sortFirstBy:H,countryCategory:w}):i.jsx(Z.default,{noDataMsg:"No posts found",group:u})})},ot=X.injectIntl(T.memo(rt));exports.default=ot;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),y=require("react"),p=require("semantic-ui-react"),Z=require("../connected-templates/PostIntro.js"),tt=require("react-intl"),Y=require("./utils.js"),et=require("./NoData.js"),H=require("react-redux"),rt=require("../reducers/data-api.js"),ot=require("react-router"),V=require("../../utils/data.js"),nt=T=>{const{posts:l,numberOfColumns:C,sortFirstBy:c,countryCategory:u,postWidth:b,postHeight:w}=T,g=[];if(u&&c&&c!=="none"){const d=l.filter(h=>h[u].includes(Number(c))),N=l.filter(h=>!h[u].includes(Number(c)));g.push(...d),g.push(...N)}else g.push(...l);return a.jsx(p.Grid,{className:"filtered-posts",columns:C,children:a.jsx(p.GridRow,{children:g.map(d=>a.jsx(p.Grid.Column,{children:a.jsx("div",{className:"filtered-posts-column",style:{width:b,height:w,overflow:"hidden"},children:a.jsx(Z.default,{style:{width:"100%",height:"100%",overflow:"hidden",margin:0,padding:0},as:p.Container,fluid:!0,post:d},d.id)})},d.id))})})},st=T=>{const{"data-group":l,"data-number-of-columns":C,"data-type":c,"data-taxonomy":u,"data-categories":b,"data-height":w,"data-post-width":g,"data-post-height":d,"data-number-of-items-per-page":N,"data-enable-sorting":h,"data-sort-first-by":q,"data-sorting-taxonomy":R,editing:B}=T,z=H.useDispatch(),{locale:W}=ot.useParams(),[I,v]=y.useState(!1),O=H.useSelector(t=>t).getIn(["data","posts",l]),[D,F]=y.useState([]),E=y.useRef(null),[P,_]=y.useState(void 0),J=V.toBoolean(h)&&q!=="none"?V.toNumber(q):null,f=O??{yearFilter:null,categoryFilter:null,countryFilter:null,page:1,countryTaxonomy:null,categoryTaxonomy:null},S=t=>{if(t==null)return{values:[],isExplicitNone:!1};const e=Array.isArray(t)?t:[t],s=e.some(r=>Number(r)===Number.MIN_SAFE_INTEGER);return{values:e.map(r=>Number(r)).filter(r=>Number.isFinite(r)&&r!==Number.MIN_SAFE_INTEGER),isExplicitNone:s}},L=t=>{if(!t||t.length===0)return null;const e=Array.from(new Set(t)).sort((j,A)=>j-A);if(e.length===0)return null;const s=e[0],o=e[e.length-1],r=Y.getStartDateAndEndDateFromYear(s),n=Y.getStartDateAndEndDateFromYear(o);return!(r!=null&&r.startDate)||!(n!=null&&n.endDate)?null:{startDate:r.startDate,endDate:n.endDate}},U=()=>{const t=S(f.yearFilter),e=t.isExplicitNone?null:L(t.values),s=f.countryFilter??null,o=f.categoryFilter??null,r=f.categoryTaxonomy||(u&&u!=="none"?u:null),n=f.countryTaxonomy||null;return{before:(e==null?void 0:e.endDate)||null,after:(e==null?void 0:e.startDate)||null,categoryFilter:o,categoryTaxonomy:r,countryFilter:s,countryTaxonomy:n}},G=t=>B?t:decodeURIComponent(t),$=t=>{try{return JSON.parse(G(t))}catch(e){return console.warn("JSON parsing failed for value:",t,"- treating as plain string. Error:",e),G(t)}},k=()=>{const t=$(b);return t?typeof t=="string"?t.split(",").map(Number):typeof t=="number"?[t]:t:[]},K=(t,e,s)=>{if(s)return null;if(t.length===0)return e.length>0?e:null;if(e.length===0)return t;const o=new Set(t),r=e.filter(n=>o.has(n));return r.length>0?r:null},Q=async()=>{E.current&&_(E.current.offsetHeight),v(!0);const t=U(),e=S(k()).values,s=S(t.categoryFilter),o=K(e,s.values,s.isExplicitNone),r=S(t.countryFilter);if(s.isExplicitNone){F([]),v(!1);return}if(r.isExplicitNone){F([]),v(!1);return}const n=new Map;t.categoryTaxonomy&&o&&o.length>0&&n.set(t.categoryTaxonomy,o),t.countryTaxonomy&&r.values.length>0&&n.set(t.countryTaxonomy,r.values);const j=o?o.join(","):void 0,A={after:t.after,before:t.before,perPage:Number(N||10),page:f.page||1,locale:W||"en",postType:c,taxonomy:t.categoryTaxonomy||void 0,category:j||void 0,taxonomyFilters:n,ordering:"date",orderingDirection:"desc"};await rt.getCustomPosts(A).then(i=>{if(i){let x=null,m=null;if(i&&typeof i=="object"&&"data"in i?(x=i.data,m=i.meta):(Array.isArray(i),x=i),F(Array.isArray(x)?x:[]),m){const M=m["x-wp-totalpages"]?m["x-wp-totalpages"]:1,X=m["x-wp-total"]?m["x-wp-total"]:0;M&&z({type:"SET_POSTS_PAGINATION",group:l,totalPages:Number(M),totalItems:Number(X)})}}else F([])}).finally(()=>{v(!1),_(void 0)})};return y.useEffect(()=>{(async()=>await Q())()},[O,c,u,N,b,R]),a.jsx("div",{ref:E,id:`filtered-posts-${l}`,style:P!==void 0?{minHeight:P,border:"1px solid #e0e0e0",borderRadius:"4px"}:void 0,children:a.jsx(p.Container,{fluid:!0,children:I?a.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:P??"100%"},children:a.jsx(p.Loader,{active:!0,inline:"centered"})}):!I&&D&&D.length>0?a.jsx(nt,{posts:D,postWidth:Number(g),postHeight:Number(d),numberOfColumns:Number(C),sortFirstBy:J,countryCategory:R}):a.jsx(et.default,{noDataMsg:"No posts found",group:l})})})},at=tt.injectIntl(y.memo(st));exports.default=at;

package/dist/cjs/embeddable/posts-pagination/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),c=require("react"),d=require("react-redux"),r=require("semantic-ui-react"),x=require("react-intl"),j=p=>{const{"data-group":i}=p,h=d.useDispatch(),t=d.useSelector(e=>e.getIn(["data","postsPagination",i])),n=d.useSelector(e=>e.getIn(["data","posts",i])),l=t&&(t!=null&&t.totalPages)?t.totalPages:1,[o,g]=c.useState((n==null?void 0:n.page)??1),[P,f]=c.useState([]),m=()=>{const e=[];for(let s=1;s<=l;s++)e.push({key:s,text:s,value:s});f(e)},u=e=>{e!==o&&(e<1||e>l||(g(e),h({type:"SET_POSTS_FILTER",group:i,...n,page:e})))};return c.useEffect(()=>{m()},[t==null?void 0:t.totalPages]),c.useEffect(()=>{const e=(n==null?void 0:n.page)??1;e!==o&&g(e)},[n==null?void 0:n.page]),a.jsxs(r.Container,{fluid:!0,className:"posts-pagination",children:[a.jsxs("div",{className:"posts-pagination-dropdown",children:[a.jsx("span",{children:"Page"}),a.jsx(r.Dropdown,{options:P,placeholder:"Select Item",selection:!0,compact:!0,value:o,onChange:(e,s)=>u(Number(s.value))}),a.jsx("div",{children:a.jsxs("span",{children:["of ",t&&(t==null?void 0:t.totalPages)]})})]}),a.jsxs("div",{children:[a.jsx(r.Icon,{size:"large",style:{cursor:"pointer"},onClick:()=>u(o-1),name:"angle left",disabled:o===1}),a.jsx(r.Icon,{size:"large",style:{cursor:"pointer"},onClick:()=>u(o+1),name:"angle right",disabled:o===l})]})]})},v=x.injectIntl(c.memo(j));exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),d=require("react-redux"),i=require("semantic-ui-react"),v=require("react-intl"),I=p=>{const{"data-group":c}=p,f=d.useDispatch(),t=d.useSelector(e=>e.getIn(["data","postsPagination",c])),n=d.useSelector(e=>e.getIn(["data","posts",c])),l=t&&(t!=null&&t.totalPages)?t.totalPages:1,[a,g]=r.useState((n==null?void 0:n.page)??1),[h,m]=r.useState([]),x=r.useRef(null),j=()=>{const e=[];for(let o=1;o<=l;o++)e.push({key:o,text:o,value:o});m(e)},u=e=>{if(e===a||e<1||e>l)return;g(e),f({type:"SET_POSTS_FILTER",group:c,...n,page:e});const o=document.getElementById(`filtered-posts-${c}`);if(o){const P=o.getBoundingClientRect().top+window.scrollY-50;window.scrollTo({top:P,behavior:"smooth"})}};return r.useEffect(()=>{j()},[t]),r.useEffect(()=>{const e=(n==null?void 0:n.page)??1;e!==a&&g(e)},[n==null?void 0:n.page]),s.jsx("div",{ref:x,children:s.jsxs(i.Container,{fluid:!0,className:"posts-pagination",children:[s.jsxs("div",{className:"posts-pagination-dropdown",children:[s.jsx("span",{children:"Page"}),s.jsx(i.Dropdown,{options:h,placeholder:"Select Item",selection:!0,compact:!0,value:a,onChange:(e,o)=>u(Number(o.value))}),s.jsx("div",{children:s.jsxs("span",{children:["of ",t&&(t==null?void 0:t.totalPages)]})})]}),s.jsxs("div",{children:[s.jsx(i.Icon,{size:"large",style:{cursor:"pointer"},onClick:()=>u(a-1),name:"angle left",disabled:a===1}),s.jsx(i.Icon,{size:"large",style:{cursor:"pointer"},onClick:()=>u(a+1),name:"angle right",disabled:a===l})]})]})})},R=v.injectIntl(r.memo(I));exports.default=R;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./data-api.js"),z=require("immutable"),J=require("papaparse");function H(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const e=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(n,s,e.get?e:{enumerable:!0,get:()=>r[s]})}}return n.default=r,Object.freeze(n)}const A=H(z),D="LOAD_DATA",T="LOAD_DATA_DONE",F="LOAD_DATA_ERROR",O="LOAD_CATEGORIES",R="LOAD_CATEGORIES_DONE",L="LOAD_CATEGORIES_ERROR",h="SET_PAGE_MODULE_PROPS",P="RELOAD_CHILD_FILTER_ITEMS",N="SET_FILTER",V="SET_FILTERS",C="SET_INITIAL_FILTER",M="SET_APPLY",w="CLEAN_FILTER",b="UNSET_FILTER",Y=A.Map({mode:"info"}),v="SET_MEASURES",U="CLEAN_MEASURES",B=({app:r,group:n})=>(s,e)=>{s({type:U,app:r,group:n})},K=({app:r,group:n,mGroup:s})=>(e,t)=>{const l=Object.keys(s.measures).filter(o=>s.measures[o].selected),a={...s};a[r]={measures:{}},l.forEach(o=>{a[r].measures[o]={...s.measures[o]}}),a[r].format=s.format,e({type:v,app:r,group:n,measure:a})},Q=({app:r,type:n,group:s,param:e,autoApply:t,params:l,parentParam:a,parentType:o,parentSelectedItems:i,uniqueStorage:g,dvzProxyDatasetId:p})=>(I,u)=>{const f={...l};f[a]=i,m.getCategory({app:r,params:f,type:n}).then(E=>{I({type:P,filterType:n,parentType:o,param:e,app:r,group:s,data:E,uniqueStorage:g,dvzProxyDatasetId:p,autoApply:t})})},W=r=>(n,s)=>{const{app:e,group:t,param:l,value:a,autoApply:o,parent:i}=r;console.log("set filters"),n({type:N,app:e,group:t,param:l,value:a,autoApply:o,parent:i})},X=({app:r,group:n})=>(s,e)=>{s({type:w,app:r,group:n})},Z=({app:r,group:n,param:s,parent:e})=>(t,l)=>{t({type:b,app:r,group:n,param:s,parent:e})},$=({app:r,group:n})=>(s,e)=>{s({type:M,app:r,group:n})},k=({app:r,group:n,param:s,value:e})=>(t,l)=>{t({type:C,app:r,group:n,param:s,value:e})},ee=r=>(n,s)=>{const{app:e,params:t,dvzProxyDatasetId:l,uniqueStorage:a}=r;n({type:O,params:t,app:e,uniqueStorage:a,dvzProxyDatasetId:l}),m.getCategories({app:e,params:t}).then(o=>(o.appliedFilters=t,n({type:R,app:e,data:o,uniqueStorage:a,dvzProxyDatasetId:l}))).catch(o=>n({type:L,app:e,uniqueStorage:a,error:o,dvzProxyDatasetId:l}))},te=({app:r,group:n,csv:s,store:e,params:t})=>(l,a)=>{const o=a().get("data").getIn(["filters",r,n]);o?t={...t,...o.toJS()}:t=t||{};const i=J.parse(s,{header:!0,dynamicTyping:!0}),g=i.data.filter(I=>{let u=!1;return Object.keys(t).forEach(f=>{const E=t[f];if(I[f]){const S=I[f].toString().trim().toLowerCase();u=E.filter(_=>_&&_.toString().trim().toLowerCase()==S).length==0}}),!u}),p={...i,data:g,appliedFilters:t};l({type:T,app:r,group:n,store:e,data:{count:p.data.length,itemsSize:p.data.length,...p}})},se=r=>(n,s)=>{const{app:e,group:t,source:l,store:a,params:o,parent:i}=r;let g=s().get("data").getIn(["filters",e,t]);i&&o&&Object.keys(o).forEach(u=>{if(g&&g.has(u)){let f=o[u],S=g.get(u).filter(_=>f.indexOf(_)>-1);g=g.set(u,S)}});let p={...o};g&&(p={...p,...g.toJS()}),n({type:D,app:e,group:t,params:p,store:a}),m.getData({app:e,source:l,params:p}).then(I=>(I.appliedFilters=p,n({type:T,app:e,group:t,store:a,data:I,params:p}))).catch(I=>n({type:F,app:e,group:t,store:a,error:I}))},re=({data:r})=>(n,s)=>{n({type:h,data:r})},ne=(r=Y,n)=>{switch(n.type){case D:{const{store:s,app:e,group:t,params:l}=n,a=Date.now();return r.deleteIn([...s,"error"]).setIn([...s,"loading"],!0).setIn([...s,"time"],a).setIn([...s,"presetFilter"],l)}case F:{const{error:s,store:e,app:t,group:l}=n;return r.setIn([...e,"loading"],!1).setIn([...e,"error"],s).setIn(["filters-settings",t,l,"apply"],null)}case T:{const{data:s,app:e,group:t,store:l}=n;return r.setIn([...l,"loading"],!1).deleteIn([...l,"error"]).setIn([...l,"data"],s).setIn(["filters-settings",e,t,"apply"],null)}case h:{const{data:s}=n;return r.setIn(["pageModuleProps"],s)}case O:{const{data:s,app:e,uniqueStorage:t,dvzProxyDatasetId:l}=n,a=["categories",e];return t&&a.push(t),l&&a.push(l),r.setIn([...a,"loading"],!0).deleteIn([...a,"error"])}case R:{const{data:s,app:e,uniqueStorage:t,dvzProxyDatasetId:l}=n,a=["categories",e];return l&&a.push(l),t&&a.push(t),r.setIn([...a,"loading"],!1).setIn([...a,"items"],A.fromJS(s))}case L:{const{data:s,app:e,uniqueStorage:t,dvzProxyDatasetId:l}=n,a=["categories",e];return t&&a.push(t),l&&a.push(l),r.setIn([...a,"loading"],!1).setIn([...a,"error"],s)}case M:{const{app:s,group:e}=n;return r.setIn(["filters-settings",s,e,"apply"],new Date().getTime())}case N:{const s=Date.now(),{app:e,group:t,param:l,value:a,autoApply:o,parent:i}=n;return r.setIn(["filters-settings",e,t,"autoApply"],o).setIn(["filters",e,t,l],a.length===0?[Number.MIN_SAFE_INTEGER]:a).setIn(["filters-settings",e,t,"apply"],null).setIn(["filters-settings",e,t,"lastUserFilterChange"],s).setIn(["filters-settings",e,t,"parent"],i||null)}case V:{const s=Date.now(),{app:e,group:t,filters:l,autoApply:a}=n;return r.setIn(["filters-settings",e,t,"autoApply"],a).setIn(["filters",e,t,param],value.length===0?[Number.MIN_SAFE_INTEGER]:value).setIn(["filters-settings",e,t,"apply"],null).setIn(["filters-settings",e,t,"lastUserFilterChange"],s)}case P:{const{data:s,app:e,group:t,param:l,uniqueStorage:a,dvzProxyDatasetId:o,filterType:i,parentType:g,autoApply:p}=n,I=Date.now(),u=["categories",e];o&&u.push(o),a&&u.push(a);const f=s.filter(c=>c.type==i),S=r.getIn([...u,"items"]).filter(c=>c.get("type")==i).get(0).get("items").map(c=>c.value),G=r.getIn([...u,"items"]).filter(c=>c.get("type")!=i).push(A.Map(f[0])),j=r.getIn(["filters",e,t,l]),y=s[0].items.map(c=>c.value),q=j.filter(c=>y.indexOf(c)>-1),x=y.filter(c=>S.indexOf(c)==-1),d=Array.from(new Set([...q,...x]));return r.setIn([...u,"items"],G).setIn(["filters",e,t,l],Array.from(d)).setIn(["filters-settings",e,t,"autoApply"],p).setIn(["filters",e,t,l],d.length===0?[Number.MIN_SAFE_INTEGER]:d).setIn(["filters-settings",e,t,"apply"],null).setIn(["filters-settings",e,t,"lastUserFilterChange"],I)}case C:{const s=Date.now(),{app:e,group:t,param:l,value:a}=n;return r.setIn(["filters","initial",e,t,l],a.length===0?[Number.MIN_SAFE_INTEGER]:a).setIn(["filters",e,t,l],a.length===0?[Number.MIN_SAFE_INTEGER]:a).setIn(["filters-settings",e,t,"lastInitialFilterChange"],s).setIn(["filters-settings",e,t,"lastUserFilterChange"],s)}case b:{const s=Date.now(),{app:e,group:t,param:l,parent:a}=n;return r.deleteIn(["filters",e,t,l]).setIn(["filters-settings",e,t,"lastUserFilterChange"],s).setIn(["filters-settings",e,t,"parent"],a||null)}case w:{const{app:s,group:e}=n,t=r.getIn(["filters","initial",s,e]);return r.setIn(["filters",s,e],t)}case v:{const{app:s,group:e,measure:t}=n;return r.setIn(["measures",s,e],t)}case U:{const{app:s,group:e,measure:t}=n;return r.deleteIn(["measures",s,e])}default:return r}},ae=({group:r,dispatch:n,initialFilters:s})=>{n({type:SET_INITIAL_POSTS_FILTER,group:r,...s,reset:!0,page:1})};exports.applyFilter=$;exports.cleanFilter=X;exports.cleanMeasures=B;exports.clearPostsFilter=ae;exports.default=ne;exports.getCategories=ee;exports.getData=se;exports.loadFilterItems=Q;exports.setData=te;exports.setFilter=W;exports.setInitialFilters=k;exports.setMeasures=K;exports.setPageModuleProps=re;exports.unsetFilter=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("./data-api.js"),J=require("immutable"),H=require("papaparse");function V(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const e=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(n,s,e.get?e:{enumerable:!0,get:()=>r[s]})}}return n.default=r,Object.freeze(n)}const d=V(J),O="LOAD_DATA",m="LOAD_DATA_DONE",F="LOAD_DATA_ERROR",D="LOAD_CATEGORIES",R="LOAD_CATEGORIES_DONE",L="LOAD_CATEGORIES_ERROR",P="SET_PAGE_MODULE_PROPS",h="RELOAD_CHILD_FILTER_ITEMS",N="SET_FILTER",Y="SET_FILTERS",C="SET_INITIAL_FILTER",M="SET_APPLY",w="CLEAN_FILTER",b="UNSET_FILTER",B=d.Map({mode:"info"}),v="SET_MEASURES",U="CLEAN_MEASURES",K="SET_POSTS_PAGINATION",Q="SET_POSTS_FILTER",G="SET_INITIAL_POSTS_FILTER",W=({app:r,group:n})=>(s,e)=>{s({type:U,app:r,group:n})},X=({app:r,group:n,mGroup:s})=>(e,t)=>{const l=Object.keys(s.measures).filter(o=>s.measures[o].selected),a={...s};a[r]={measures:{}},l.forEach(o=>{a[r].measures[o]={...s.measures[o]}}),a[r].format=s.format,e({type:v,app:r,group:n,measure:a})},Z=({app:r,type:n,group:s,param:e,autoApply:t,params:l,parentParam:a,parentType:o,parentSelectedItems:i,uniqueStorage:I,dvzProxyDatasetId:p})=>(g,u)=>{const E={...l};E[a]=i,A.getCategory({app:r,params:E,type:n}).then(f=>{g({type:h,filterType:n,parentType:o,param:e,app:r,group:s,data:f,uniqueStorage:I,dvzProxyDatasetId:p,autoApply:t})})},$=r=>(n,s)=>{const{app:e,group:t,param:l,value:a,autoApply:o,parent:i}=r;console.log("set filters"),n({type:N,app:e,group:t,param:l,value:a,autoApply:o,parent:i})},k=({app:r,group:n})=>(s,e)=>{s({type:w,app:r,group:n})},ee=({app:r,group:n,param:s,parent:e})=>(t,l)=>{t({type:b,app:r,group:n,param:s,parent:e})},te=({app:r,group:n})=>(s,e)=>{s({type:M,app:r,group:n})},se=({app:r,group:n,param:s,value:e})=>(t,l)=>{t({type:C,app:r,group:n,param:s,value:e})},re=r=>(n,s)=>{const{app:e,params:t,dvzProxyDatasetId:l,uniqueStorage:a}=r;n({type:D,params:t,app:e,uniqueStorage:a,dvzProxyDatasetId:l}),A.getCategories({app:e,params:t}).then(o=>(o.appliedFilters=t,n({type:R,app:e,data:o,uniqueStorage:a,dvzProxyDatasetId:l}))).catch(o=>n({type:L,app:e,uniqueStorage:a,error:o,dvzProxyDatasetId:l}))},ne=({app:r,group:n,csv:s,store:e,params:t})=>(l,a)=>{const o=a().get("data").getIn(["filters",r,n]);o?t={...t,...o.toJS()}:t=t||{};const i=H.parse(s,{header:!0,dynamicTyping:!0}),I=i.data.filter(g=>{let u=!1;return Object.keys(t).forEach(E=>{const f=t[E];if(g[E]){const S=g[E].toString().trim().toLowerCase();u=f.filter(_=>_&&_.toString().trim().toLowerCase()==S).length==0}}),!u}),p={...i,data:I,appliedFilters:t};l({type:m,app:r,group:n,store:e,data:{count:p.data.length,itemsSize:p.data.length,...p}})},ae=r=>(n,s)=>{const{app:e,group:t,source:l,store:a,params:o,parent:i}=r;let I=s().get("data").getIn(["filters",e,t]);i&&o&&Object.keys(o).forEach(u=>{if(I&&I.has(u)){let E=o[u],S=I.get(u).filter(_=>E.indexOf(_)>-1);I=I.set(u,S)}});let p={...o};I&&(p={...p,...I.toJS()}),n({type:O,app:e,group:t,params:p,store:a}),A.getData({app:e,source:l,params:p}).then(g=>(g.appliedFilters=p,n({type:m,app:e,group:t,store:a,data:g,params:p}))).catch(g=>n({type:F,app:e,group:t,store:a,error:g}))},le=({data:r})=>(n,s)=>{n({type:P,data:r})},oe=(r=B,n)=>{switch(n.type){case O:{const{store:s,app:e,group:t,params:l}=n,a=Date.now();return r.deleteIn([...s,"error"]).setIn([...s,"loading"],!0).setIn([...s,"time"],a).setIn([...s,"presetFilter"],l)}case F:{const{error:s,store:e,app:t,group:l}=n;return r.setIn([...e,"loading"],!1).setIn([...e,"error"],s).setIn(["filters-settings",t,l,"apply"],null)}case m:{const{data:s,app:e,group:t,store:l}=n;return r.setIn([...l,"loading"],!1).deleteIn([...l,"error"]).setIn([...l,"data"],s).setIn(["filters-settings",e,t,"apply"],null)}case P:{const{data:s}=n;return r.setIn(["pageModuleProps"],s)}case D:{const{data:s,app:e,uniqueStorage:t,dvzProxyDatasetId:l}=n,a=["categories",e];return t&&a.push(t),l&&a.push(l),r.setIn([...a,"loading"],!0).deleteIn([...a,"error"])}case R:{const{data:s,app:e,uniqueStorage:t,dvzProxyDatasetId:l}=n,a=["categories",e];return l&&a.push(l),t&&a.push(t),r.setIn([...a,"loading"],!1).setIn([...a,"items"],d.fromJS(s))}case L:{const{data:s,app:e,uniqueStorage:t,dvzProxyDatasetId:l}=n,a=["categories",e];return t&&a.push(t),l&&a.push(l),r.setIn([...a,"loading"],!1).setIn([...a,"error"],s)}case M:{const{app:s,group:e}=n;return r.setIn(["filters-settings",s,e,"apply"],new Date().getTime())}case N:{const s=Date.now(),{app:e,group:t,param:l,value:a,autoApply:o,parent:i}=n;return r.setIn(["filters-settings",e,t,"autoApply"],o).setIn(["filters",e,t,l],a.length===0?[Number.MIN_SAFE_INTEGER]:a).setIn(["filters-settings",e,t,"apply"],null).setIn(["filters-settings",e,t,"lastUserFilterChange"],s).setIn(["filters-settings",e,t,"parent"],i||null)}case Y:{const s=Date.now(),{app:e,group:t,filters:l,autoApply:a}=n;return r.setIn(["filters-settings",e,t,"autoApply"],a).setIn(["filters",e,t,param],value.length===0?[Number.MIN_SAFE_INTEGER]:value).setIn(["filters-settings",e,t,"apply"],null).setIn(["filters-settings",e,t,"lastUserFilterChange"],s)}case h:{const{data:s,app:e,group:t,param:l,uniqueStorage:a,dvzProxyDatasetId:o,filterType:i,parentType:I,autoApply:p}=n,g=Date.now(),u=["categories",e];o&&u.push(o),a&&u.push(a);const E=s.filter(c=>c.type==i),S=r.getIn([...u,"items"]).filter(c=>c.get("type")==i).get(0).get("items").map(c=>c.value),j=r.getIn([...u,"items"]).filter(c=>c.get("type")!=i).push(d.Map(E[0])),q=r.getIn(["filters",e,t,l]),y=s[0].items.map(c=>c.value),x=q.filter(c=>y.indexOf(c)>-1),z=y.filter(c=>S.indexOf(c)==-1),T=Array.from(new Set([...x,...z]));return r.setIn([...u,"items"],j).setIn(["filters",e,t,l],Array.from(T)).setIn(["filters-settings",e,t,"autoApply"],p).setIn(["filters",e,t,l],T.length===0?[Number.MIN_SAFE_INTEGER]:T).setIn(["filters-settings",e,t,"apply"],null).setIn(["filters-settings",e,t,"lastUserFilterChange"],g)}case C:{const s=Date.now(),{app:e,group:t,param:l,value:a}=n;return r.setIn(["filters","initial",e,t,l],a.length===0?[Number.MIN_SAFE_INTEGER]:a).setIn(["filters",e,t,l],a.length===0?[Number.MIN_SAFE_INTEGER]:a).setIn(["filters-settings",e,t,"lastInitialFilterChange"],s).setIn(["filters-settings",e,t,"lastUserFilterChange"],s)}case b:{const s=Date.now(),{app:e,group:t,param:l,parent:a}=n;return r.deleteIn(["filters",e,t,l]).setIn(["filters-settings",e,t,"lastUserFilterChange"],s).setIn(["filters-settings",e,t,"parent"],a||null)}case w:{const{app:s,group:e}=n,t=r.getIn(["filters","initial",s,e]);return r.setIn(["filters",s,e],t)}case v:{const{app:s,group:e,measure:t}=n;return r.setIn(["measures",s,e],t)}case U:{const{app:s,group:e,measure:t}=n;return r.deleteIn(["measures",s,e])}case K:{const{group:s,totalPages:e,totalItems:t}=n;return r.setIn(["postsPagination",s],{totalPages:e,totalItems:t})}case Q:{const{type:s,group:e,...t}=n;return r.setIn(["posts",e],t)}case G:{const{type:s,group:e,...t}=n;return r.setIn(["posts",e],t).setIn(["posts","initialFilters",e],t)}default:return r}},ie=({group:r,dispatch:n,initialFilters:s})=>{n({type:G,group:r,...s,reset:!0,page:1})};exports.applyFilter=te;exports.cleanFilter=k;exports.cleanMeasures=W;exports.clearPostsFilter=ie;exports.default=oe;exports.getCategories=re;exports.getData=ae;exports.loadFilterItems=Z;exports.setData=ne;exports.setFilter=$;exports.setInitialFilters=se;exports.setMeasures=X;exports.setPageModuleProps=le;exports.unsetFilter=ee;

package/dist/esm/embeddable/filtered-posts/index.js

@@ -1,23 +1,23 @@
-import { jsx as i } from "react/jsx-runtime";
-import K, { useState as V, useEffect as Q } from "react";
-import { Container as R, Loader as X, Grid as Y, GridRow as Z } from "semantic-ui-react";
-import $ from "../connected-templates/PostIntro.js";
-import { injectIntl as tt } from "react-intl";
-import { getStartDateAndEndDateFromYear as B } from "./utils.js";
-import et from "./NoData.js";
-import { useDispatch as ot, useSelector as rt } from "react-redux";
-import { getCustomPosts as nt } from "../reducers/data-api.js";
-import { useParams as at } from "react-router";
-import { toNumber as st, toBoolean as it } from "../../utils/data.js";
-const lt = (T) => {
-  const { posts: u, numberOfColumns: E, sortFirstBy: c, countryCategory: l, postWidth: h, postHeight: D } = T, f = [];
-  if (l && c && c !== "none") {
-    const m = u.filter((y) => y[l].includes(Number(c))), N = u.filter((y) => !y[l].includes(Number(c)));
-    f.push(...m), f.push(...N);
+import { jsx as s } from "react/jsx-runtime";
+import X, { useState as w, useRef as Z, useEffect as tt } from "react";
+import { Container as B, Loader as et, Grid as Y, GridRow as ot } from "semantic-ui-react";
+import rt from "../connected-templates/PostIntro.js";
+import { injectIntl as nt } from "react-intl";
+import { getStartDateAndEndDateFromYear as j } from "./utils.js";
+import at from "./NoData.js";
+import { useDispatch as st, useSelector as it } from "react-redux";
+import { getCustomPosts as lt } from "../reducers/data-api.js";
+import { useParams as ut } from "react-router";
+import { toNumber as ct, toBoolean as mt } from "../../utils/data.js";
+const dt = (F) => {
+  const { posts: l, numberOfColumns: T, sortFirstBy: c, countryCategory: u, postWidth: h, postHeight: A } = F, d = [];
+  if (u && c && c !== "none") {
+    const m = l.filter((y) => y[u].includes(Number(c))), b = l.filter((y) => !y[u].includes(Number(c)));
+    d.push(...m), d.push(...b);
   } else
-    f.push(...u);
-  return /* @__PURE__ */ i(Y, { className: "filtered-posts", columns: E, children: /* @__PURE__ */ i(Z, { children: f.map((m) => /* @__PURE__ */ i(Y.Column, { children: /* @__PURE__ */ i("div", { className: "filtered-posts-column", style: { width: h, height: D, overflow: "hidden" }, children: /* @__PURE__ */ i(
-    $,
+    d.push(...l);
+  return /* @__PURE__ */ s(Y, { className: "filtered-posts", columns: T, children: /* @__PURE__ */ s(ot, { children: d.map((m) => /* @__PURE__ */ s(Y.Column, { children: /* @__PURE__ */ s("div", { className: "filtered-posts-column", style: { width: h, height: A, overflow: "hidden" }, children: /* @__PURE__ */ s(
+    rt,
     {
       style: {
         width: "100%",
@@ -26,35 +26,35 @@ const lt = (T) => {
         margin: 0,
         padding: 0
       },
-      as: R,
+      as: B,
       fluid: !0,
       post: m
     },
     m.id
   ) }) }, m.id)) }) });
-}, ut = (T) => {
+}, ft = (F) => {
   const {
-    "data-group": u,
-    "data-number-of-columns": E,
+    "data-group": l,
+    "data-number-of-columns": T,
     "data-type": c,
-    "data-taxonomy": l,
+    "data-taxonomy": u,
     "data-categories": h,
-    "data-height": D,
-    "data-post-width": f,
+    "data-height": A,
+    "data-post-width": d,
     "data-post-height": m,
-    "data-number-of-items-per-page": N,
+    "data-number-of-items-per-page": b,
     "data-enable-sorting": y,
-    "data-sort-first-by": v,
-    "data-sorting-taxonomy": w,
-    editing: j
-  } = T, z = ot(), { locale: M } = at(), [A, b] = V(!1), I = rt((t) => t).getIn(["data", "posts", u]), [P, x] = V([]), H = it(y) && v !== "none" ? st(v) : null, g = I ?? {
+    "data-sort-first-by": I,
+    "data-sorting-taxonomy": O,
+    editing: M
+  } = F, z = st(), { locale: W } = ut(), [R, x] = w(!1), _ = it((t) => t).getIn(["data", "posts", l]), [C, N] = w([]), E = Z(null), [P, G] = w(void 0), J = mt(y) && I !== "none" ? ct(I) : null, f = _ ?? {
     yearFilter: null,
     categoryFilter: null,
     countryFilter: null,
     page: 1,
     countryTaxonomy: null,
     categoryTaxonomy: null
-  }, F = (t) => {
+  }, v = (t) => {
     if (t == null)
       return { values: [], isExplicitNone: !1 };
     const e = Array.isArray(t) ? t : [t], a = e.some(
@@ -64,19 +64,19 @@ const lt = (T) => {
       values: e.map((o) => Number(o)).filter((o) => Number.isFinite(o) && o !== Number.MIN_SAFE_INTEGER),
       isExplicitNone: a
     };
-  }, W = (t) => {
+  }, L = (t) => {
     if (!t || t.length === 0)
       return null;
-    const e = Array.from(new Set(t)).sort((S, C) => S - C);
+    const e = Array.from(new Set(t)).sort((S, D) => S - D);
     if (e.length === 0)
       return null;
-    const a = e[0], r = e[e.length - 1], o = B(a), n = B(r);
+    const a = e[0], r = e[e.length - 1], o = j(a), n = j(r);
     return !(o != null && o.startDate) || !(n != null && n.endDate) ? null : {
       startDate: o.startDate,
       endDate: n.endDate
     };
-  }, J = () => {
-    const t = F(g.yearFilter), e = t.isExplicitNone ? null : W(t.values), a = g.countryFilter ?? null, r = g.categoryFilter ?? null, o = g.categoryTaxonomy || (l && l !== "none" ? l : null), n = g.countryTaxonomy || null;
+  }, q = () => {
+    const t = v(f.yearFilter), e = t.isExplicitNone ? null : L(t.values), a = f.countryFilter ?? null, r = f.categoryFilter ?? null, o = f.categoryTaxonomy || (u && u !== "none" ? u : null), n = f.countryTaxonomy || null;
     return {
       before: (e == null ? void 0 : e.endDate) || null,
       after: (e == null ? void 0 : e.startDate) || null,
@@ -85,44 +85,44 @@ const lt = (T) => {
       countryFilter: a,
       countryTaxonomy: n
     };
-  }, O = (t) => j ? t : decodeURIComponent(t), L = (t) => {
+  }, H = (t) => M ? t : decodeURIComponent(t), U = (t) => {
     try {
-      return JSON.parse(O(t));
+      return JSON.parse(H(t));
     } catch (e) {
-      return console.warn("JSON parsing failed for value:", t, "- treating as plain string. Error:", e), O(t);
+      return console.warn("JSON parsing failed for value:", t, "- treating as plain string. Error:", e), H(t);
     }
-  }, q = () => {
-    const t = L(h);
+  }, $ = () => {
+    const t = U(h);
     return t ? typeof t == "string" ? t.split(",").map(Number) : typeof t == "number" ? [t] : t : [];
-  }, U = (t, e, a) => {
+  }, k = (t, e, a) => {
     if (a) return null;
     if (t.length === 0) return e.length > 0 ? e : null;
     if (e.length === 0) return t;
     const r = new Set(t), o = e.filter((n) => r.has(n));
     return o.length > 0 ? o : null;
-  }, k = async () => {
-    b(!0);
-    const t = J(), e = F(q()).values, a = F(t.categoryFilter), r = U(
+  }, K = async () => {
+    E.current && G(E.current.offsetHeight), x(!0);
+    const t = q(), e = v($()).values, a = v(t.categoryFilter), r = k(
       e,
       a.values,
       a.isExplicitNone
-    ), o = F(t.countryFilter);
+    ), o = v(t.countryFilter);
     if (a.isExplicitNone) {
-      x([]), b(!1);
+      N([]), x(!1);
       return;
     }
     if (o.isExplicitNone) {
-      x([]), b(!1);
+      N([]), x(!1);
       return;
     }
     const n = /* @__PURE__ */ new Map();
     t.categoryTaxonomy && r && r.length > 0 && n.set(t.categoryTaxonomy, r), t.countryTaxonomy && o.values.length > 0 && n.set(t.countryTaxonomy, o.values);
-    const S = r ? r.join(",") : void 0, C = {
+    const S = r ? r.join(",") : void 0, D = {
       after: t.after,
       before: t.before,
-      perPage: Number(N || 10),
-      page: g.page || 1,
-      locale: M || "en",
+      perPage: Number(b || 10),
+      page: f.page || 1,
+      locale: W || "en",
       postType: c,
       taxonomy: t.categoryTaxonomy || void 0,
       category: S || void 0,
@@ -130,38 +130,38 @@ const lt = (T) => {
       ordering: "date",
       orderingDirection: "desc"
     };
-    await nt(C).then((s) => {
-      if (s) {
-        let p = null, d = null;
-        if (s && typeof s == "object" && "data" in s ? (p = s.data, d = s.meta) : (Array.isArray(s), p = s), x(Array.isArray(p) ? p : []), d) {
-          const _ = d["x-wp-totalpages"] ? d["x-wp-totalpages"] : 1, G = d["x-wp-total"] ? d["x-wp-total"] : 0;
-          _ && G && z({
+    await lt(D).then((i) => {
+      if (i) {
+        let p = null, g = null;
+        if (i && typeof i == "object" && "data" in i ? (p = i.data, g = i.meta) : (Array.isArray(i), p = i), N(Array.isArray(p) ? p : []), g) {
+          const V = g["x-wp-totalpages"] ? g["x-wp-totalpages"] : 1, Q = g["x-wp-total"] ? g["x-wp-total"] : 0;
+          V && z({
             type: "SET_POSTS_PAGINATION",
-            group: u,
-            totalPages: Number(_),
-            totalItems: Number(G)
+            group: l,
+            totalPages: Number(V),
+            totalItems: Number(Q)
           });
         }
       } else
-        x([]);
+        N([]);
     }).finally(() => {
-      b(!1);
+      x(!1), G(void 0);
     });
   };
-  return Q(() => {
-    (async () => await k())();
-  }, [I, c, l, N, h, w]), /* @__PURE__ */ i(R, { fluid: !0, children: A ? /* @__PURE__ */ i(X, { active: !0, inline: "centered" }) : !A && P && P.length > 0 ? /* @__PURE__ */ i(
-    lt,
+  return tt(() => {
+    (async () => await K())();
+  }, [_, c, u, b, h, O]), /* @__PURE__ */ s("div", { ref: E, id: `filtered-posts-${l}`, style: P !== void 0 ? { minHeight: P, border: "1px solid #e0e0e0", borderRadius: "4px" } : void 0, children: /* @__PURE__ */ s(B, { fluid: !0, children: R ? /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: P ?? "100%" }, children: /* @__PURE__ */ s(et, { active: !0, inline: "centered" }) }) : !R && C && C.length > 0 ? /* @__PURE__ */ s(
+    dt,
     {
-      posts: P,
-      postWidth: Number(f),
+      posts: C,
+      postWidth: Number(d),
       postHeight: Number(m),
-      numberOfColumns: Number(E),
-      sortFirstBy: H,
-      countryCategory: w
+      numberOfColumns: Number(T),
+      sortFirstBy: J,
+      countryCategory: O
     }
-  ) : /* @__PURE__ */ i(et, { noDataMsg: "No posts found", group: u }) });
-}, Tt = tt(K.memo(ut));
+  ) : /* @__PURE__ */ s(at, { noDataMsg: "No posts found", group: l }) }) });
+}, Pt = nt(X.memo(ft));
 export {
-  Tt as default
+  Pt as default
 };

package/dist/esm/embeddable/posts-pagination/index.js

@@ -1,72 +1,78 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import I, { useState as g, useEffect as u } from "react";
-import { useDispatch as x, useSelector as m } from "react-redux";
-import { Container as y, Dropdown as b, Icon as p } from "semantic-ui-react";
-import { injectIntl as j } from "react-intl";
-const k = (f) => {
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import x, { useState as g, useRef as y, useEffect as p } from "react";
+import { useDispatch as R, useSelector as u } from "react-redux";
+import { Container as b, Dropdown as E, Icon as m } from "semantic-ui-react";
+import { injectIntl as S } from "react-intl";
+const T = (f) => {
   const {
-    "data-group": c
-  } = f, h = x(), n = m((e) => e.getIn(["data", "postsPagination", c])), t = m((e) => e.getIn(["data", "posts", c])), s = n && (n != null && n.totalPages) ? n.totalPages : 1, [o, d] = g((t == null ? void 0 : t.page) ?? 1), [P, v] = g([]), C = () => {
+    "data-group": i
+  } = f, h = R(), t = u((e) => e.getIn(["data", "postsPagination", i])), n = u((e) => e.getIn(["data", "posts", i])), c = t && (t != null && t.totalPages) ? t.totalPages : 1, [a, d] = g((n == null ? void 0 : n.page) ?? 1), [P, v] = g([]), w = y(null), C = () => {
     const e = [];
-    for (let a = 1; a <= s; a++)
-      e.push({ key: a, text: a, value: a });
+    for (let o = 1; o <= c; o++)
+      e.push({ key: o, text: o, value: o });
     v(e);
   }, l = (e) => {
-    e !== o && (e < 1 || e > s || (d(e), h({
+    if (e === a || e < 1 || e > c) return;
+    d(e), h({
       type: "SET_POSTS_FILTER",
-      group: c,
-      ...t,
+      group: i,
+      ...n,
       page: e
-    })));
+    });
+    const o = document.getElementById(`filtered-posts-${i}`);
+    if (o) {
+      const I = o.getBoundingClientRect().top + window.scrollY - 50;
+      window.scrollTo({ top: I, behavior: "smooth" });
+    }
   };
-  return u(() => {
+  return p(() => {
     C();
-  }, [n == null ? void 0 : n.totalPages]), u(() => {
-    const e = (t == null ? void 0 : t.page) ?? 1;
-    e !== o && d(e);
-  }, [t == null ? void 0 : t.page]), /* @__PURE__ */ i(y, { fluid: !0, className: "posts-pagination", children: [
-    /* @__PURE__ */ i("div", { className: "posts-pagination-dropdown", children: [
+  }, [t]), p(() => {
+    const e = (n == null ? void 0 : n.page) ?? 1;
+    e !== a && d(e);
+  }, [n == null ? void 0 : n.page]), /* @__PURE__ */ r("div", { ref: w, children: /* @__PURE__ */ s(b, { fluid: !0, className: "posts-pagination", children: [
+    /* @__PURE__ */ s("div", { className: "posts-pagination-dropdown", children: [
       /* @__PURE__ */ r("span", { children: "Page" }),
       /* @__PURE__ */ r(
-        b,
+        E,
         {
           options: P,
           placeholder: "Select Item",
           selection: !0,
           compact: !0,
-          value: o,
-          onChange: (e, a) => l(Number(a.value))
+          value: a,
+          onChange: (e, o) => l(Number(o.value))
         }
       ),
-      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ i("span", { children: [
+      /* @__PURE__ */ r("div", { children: /* @__PURE__ */ s("span", { children: [
         "of ",
-        n && (n == null ? void 0 : n.totalPages)
+        t && (t == null ? void 0 : t.totalPages)
       ] }) })
     ] }),
-    /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ s("div", { children: [
       /* @__PURE__ */ r(
-        p,
+        m,
         {
           size: "large",
           style: { cursor: "pointer" },
-          onClick: () => l(o - 1),
+          onClick: () => l(a - 1),
           name: "angle left",
-          disabled: o === 1
+          disabled: a === 1
         }
       ),
       /* @__PURE__ */ r(
-        p,
+        m,
         {
           size: "large",
           style: { cursor: "pointer" },
-          onClick: () => l(o + 1),
+          onClick: () => l(a + 1),
           name: "angle right",
-          disabled: o === s
+          disabled: a === c
         }
       )
     ] })
-  ] });
-}, z = j(I.memo(k));
+  ] }) });
+}, B = S(x.memo(T));
 export {
-  z as default
+  B as default
 };

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

@@ -1,61 +1,61 @@
-import { getData as q, getCategory as J, getCategories as j } from "./data-api.js";
-import * as m from "immutable";
-import H from "papaparse";
-const y = "LOAD_DATA", T = "LOAD_DATA_DONE", D = "LOAD_DATA_ERROR", R = "LOAD_CATEGORIES", L = "LOAD_CATEGORIES_DONE", O = "LOAD_CATEGORIES_ERROR", F = "SET_PAGE_MODULE_PROPS", h = "RELOAD_CHILD_FILTER_ITEMS", N = "SET_FILTER", V = "SET_FILTERS", C = "SET_INITIAL_FILTER", P = "SET_APPLY", w = "CLEAN_FILTER", M = "UNSET_FILTER", Y = m.Map({ mode: "info" }), v = "SET_MEASURES", U = "CLEAN_MEASURES", K = ({ app: r, group: a }) => (s, e) => {
-  s({ type: U, app: r, group: a });
-}, Q = ({ app: r, group: a, mGroup: s }) => (e, t) => {
-  const o = Object.keys(s.measures).filter((l) => s.measures[l].selected), n = { ...s };
-  n[r] = { measures: {} }, o.forEach((l) => {
-    n[r].measures[l] = { ...s.measures[l] };
-  }), n[r].format = s.format, e({ type: v, app: r, group: a, measure: n });
-}, W = ({ app: r, type: a, group: s, param: e, autoApply: t, params: o, parentParam: n, parentType: l, parentSelectedItems: i, uniqueStorage: g, dvzProxyDatasetId: p }) => (c, I) => {
+import { getData as J, getCategory as j, getCategories as H } from "./data-api.js";
+import * as A from "immutable";
+import V from "papaparse";
+const y = "LOAD_DATA", m = "LOAD_DATA_DONE", O = "LOAD_DATA_ERROR", R = "LOAD_CATEGORIES", L = "LOAD_CATEGORIES_DONE", D = "LOAD_CATEGORIES_ERROR", F = "SET_PAGE_MODULE_PROPS", h = "RELOAD_CHILD_FILTER_ITEMS", N = "SET_FILTER", Y = "SET_FILTERS", P = "SET_INITIAL_FILTER", C = "SET_APPLY", w = "CLEAN_FILTER", M = "UNSET_FILTER", $ = A.Map({ mode: "info" }), v = "SET_MEASURES", U = "CLEAN_MEASURES", B = "SET_POSTS_PAGINATION", K = "SET_POSTS_FILTER", b = "SET_INITIAL_POSTS_FILTER", X = ({ app: r, group: n }) => (s, e) => {
+  s({ type: U, app: r, group: n });
+}, Z = ({ app: r, group: n, mGroup: s }) => (e, t) => {
+  const o = Object.keys(s.measures).filter((l) => s.measures[l].selected), a = { ...s };
+  a[r] = { measures: {} }, o.forEach((l) => {
+    a[r].measures[l] = { ...s.measures[l] };
+  }), a[r].format = s.format, e({ type: v, app: r, group: n, measure: a });
+}, k = ({ app: r, type: n, group: s, param: e, autoApply: t, params: o, parentParam: a, parentType: l, parentSelectedItems: p, uniqueStorage: g, dvzProxyDatasetId: i }) => (c, I) => {
   const E = { ...o };
-  E[n] = i, J({ app: r, params: E, type: a }).then(
+  E[a] = p, j({ app: r, params: E, type: n }).then(
     (f) => {
       c({
         type: h,
-        filterType: a,
+        filterType: n,
         parentType: l,
         param: e,
         app: r,
         group: s,
         data: f,
         uniqueStorage: g,
-        dvzProxyDatasetId: p,
+        dvzProxyDatasetId: i,
         autoApply: t
       });
     }
   );
-}, X = (r) => (a, s) => {
-  const { app: e, group: t, param: o, value: n, autoApply: l, parent: i } = r;
-  console.log("set filters"), a({ type: N, app: e, group: t, param: o, value: n, autoApply: l, parent: i });
-}, Z = ({ app: r, group: a }) => (s, e) => {
-  s({ type: w, app: r, group: a });
-}, k = ({ app: r, group: a, param: s, parent: e }) => (t, o) => {
-  t({ type: M, app: r, group: a, param: s, parent: e });
-}, ee = ({ app: r, group: a }) => (s, e) => {
-  s({ type: P, app: r, group: a });
-}, te = ({ app: r, group: a, param: s, value: e }) => (t, o) => {
-  t({ type: C, app: r, group: a, param: s, value: e });
-}, se = (r) => (a, s) => {
-  const { app: e, params: t, dvzProxyDatasetId: o, uniqueStorage: n } = r;
-  a({ type: R, params: t, app: e, uniqueStorage: n, dvzProxyDatasetId: o }), j({ app: e, params: t }).then((l) => (l.appliedFilters = t, a({
+}, ee = (r) => (n, s) => {
+  const { app: e, group: t, param: o, value: a, autoApply: l, parent: p } = r;
+  console.log("set filters"), n({ type: N, app: e, group: t, param: o, value: a, autoApply: l, parent: p });
+}, te = ({ app: r, group: n }) => (s, e) => {
+  s({ type: w, app: r, group: n });
+}, se = ({ app: r, group: n, param: s, parent: e }) => (t, o) => {
+  t({ type: M, app: r, group: n, param: s, parent: e });
+}, re = ({ app: r, group: n }) => (s, e) => {
+  s({ type: C, app: r, group: n });
+}, ne = ({ app: r, group: n, param: s, value: e }) => (t, o) => {
+  t({ type: P, app: r, group: n, param: s, value: e });
+}, ae = (r) => (n, s) => {
+  const { app: e, params: t, dvzProxyDatasetId: o, uniqueStorage: a } = r;
+  n({ type: R, params: t, app: e, uniqueStorage: a, dvzProxyDatasetId: o }), H({ app: e, params: t }).then((l) => (l.appliedFilters = t, n({
     type: L,
     app: e,
     data: l,
-    uniqueStorage: n,
+    uniqueStorage: a,
     dvzProxyDatasetId: o
-  }))).catch((l) => a({
-    type: O,
+  }))).catch((l) => n({
+    type: D,
     app: e,
-    uniqueStorage: n,
+    uniqueStorage: a,
     error: l,
     dvzProxyDatasetId: o
   }));
-}, re = ({ app: r, group: a, csv: s, store: e, params: t }) => (o, n) => {
-  const l = n().get("data").getIn(["filters", r, a]);
+}, oe = ({ app: r, group: n, csv: s, store: e, params: t }) => (o, a) => {
+  const l = a().get("data").getIn(["filters", r, n]);
   l ? t = { ...t, ...l.toJS() } : t = t || {};
-  const i = H.parse(s, { header: !0, dynamicTyping: !0 }), g = i.data.filter((c) => {
+  const p = V.parse(s, { header: !0, dynamicTyping: !0 }), g = p.data.filter((c) => {
     let I = !1;
     return Object.keys(t).forEach((E) => {
       const f = t[E];
@@ -64,95 +64,107 @@ const y = "LOAD_DATA", T = "LOAD_DATA_DONE", D = "LOAD_DATA_ERROR", R = "LOAD_CA
         I = f.filter((_) => _ && _.toString().trim().toLowerCase() == S).length == 0;
       }
     }), !I;
-  }), p = { ...i, data: g, appliedFilters: t };
-  o({ type: T, app: r, group: a, store: e, data: { count: p.data.length, itemsSize: p.data.length, ...p } });
-}, ne = (r) => (a, s) => {
-  const { app: e, group: t, source: o, store: n, params: l, parent: i } = r;
+  }), i = { ...p, data: g, appliedFilters: t };
+  o({ type: m, app: r, group: n, store: e, data: { count: i.data.length, itemsSize: i.data.length, ...i } });
+}, le = (r) => (n, s) => {
+  const { app: e, group: t, source: o, store: a, params: l, parent: p } = r;
   let g = s().get("data").getIn(["filters", e, t]);
-  i && l && Object.keys(l).forEach((I) => {
+  p && l && Object.keys(l).forEach((I) => {
     if (g && g.has(I)) {
       let E = l[I], S = g.get(I).filter((_) => E.indexOf(_) > -1);
       g = g.set(I, S);
     }
   });
-  let p = { ...l };
-  g && (p = { ...p, ...g.toJS() }), a({ type: y, app: e, group: t, params: p, store: n }), q({ app: e, source: o, params: p }).then((c) => (c.appliedFilters = p, a({ type: T, app: e, group: t, store: n, data: c, params: p }))).catch((c) => a({ type: D, app: e, group: t, store: n, error: c }));
-}, ae = ({ data: r }) => (a, s) => {
-  a({ type: F, data: r });
-}, oe = (r = Y, a) => {
-  switch (a.type) {
+  let i = { ...l };
+  g && (i = { ...i, ...g.toJS() }), n({ type: y, app: e, group: t, params: i, store: a }), J({ app: e, source: o, params: i }).then((c) => (c.appliedFilters = i, n({ type: m, app: e, group: t, store: a, data: c, params: i }))).catch((c) => n({ type: O, app: e, group: t, store: a, error: c }));
+}, pe = ({ data: r }) => (n, s) => {
+  n({ type: F, data: r });
+}, ie = (r = $, n) => {
+  switch (n.type) {
     case y: {
-      const { store: s, app: e, group: t, params: o } = a, n = Date.now();
-      return r.deleteIn([...s, "error"]).setIn([...s, "loading"], !0).setIn([...s, "time"], n).setIn([...s, "presetFilter"], o);
+      const { store: s, app: e, group: t, params: o } = n, a = Date.now();
+      return r.deleteIn([...s, "error"]).setIn([...s, "loading"], !0).setIn([...s, "time"], a).setIn([...s, "presetFilter"], o);
     }
-    case D: {
-      const { error: s, store: e, app: t, group: o } = a;
+    case O: {
+      const { error: s, store: e, app: t, group: o } = n;
       return r.setIn([...e, "loading"], !1).setIn([...e, "error"], s).setIn(["filters-settings", t, o, "apply"], null);
     }
-    case T: {
-      const { data: s, app: e, group: t, store: o } = a;
+    case m: {
+      const { data: s, app: e, group: t, store: o } = n;
       return r.setIn([...o, "loading"], !1).deleteIn([...o, "error"]).setIn([...o, "data"], s).setIn(["filters-settings", e, t, "apply"], null);
     }
     case F: {
-      const { data: s } = a;
+      const { data: s } = n;
       return r.setIn(["pageModuleProps"], s);
     }
     case R: {
-      const { data: s, app: e, uniqueStorage: t, dvzProxyDatasetId: o } = a, n = ["categories", e];
-      return t && n.push(t), o && n.push(o), r.setIn([...n, "loading"], !0).deleteIn([...n, "error"]);
+      const { data: s, app: e, uniqueStorage: t, dvzProxyDatasetId: o } = n, a = ["categories", e];
+      return t && a.push(t), o && a.push(o), r.setIn([...a, "loading"], !0).deleteIn([...a, "error"]);
     }
     case L: {
-      const { data: s, app: e, uniqueStorage: t, dvzProxyDatasetId: o } = a, n = ["categories", e];
-      return o && n.push(o), t && n.push(t), r.setIn([...n, "loading"], !1).setIn([...n, "items"], m.fromJS(s));
+      const { data: s, app: e, uniqueStorage: t, dvzProxyDatasetId: o } = n, a = ["categories", e];
+      return o && a.push(o), t && a.push(t), r.setIn([...a, "loading"], !1).setIn([...a, "items"], A.fromJS(s));
     }
-    case O: {
-      const { data: s, app: e, uniqueStorage: t, dvzProxyDatasetId: o } = a, n = ["categories", e];
-      return t && n.push(t), o && n.push(o), r.setIn([...n, "loading"], !1).setIn([...n, "error"], s);
+    case D: {
+      const { data: s, app: e, uniqueStorage: t, dvzProxyDatasetId: o } = n, a = ["categories", e];
+      return t && a.push(t), o && a.push(o), r.setIn([...a, "loading"], !1).setIn([...a, "error"], s);
     }
-    case P: {
-      const { app: s, group: e } = a;
+    case C: {
+      const { app: s, group: e } = n;
       return r.setIn(["filters-settings", s, e, "apply"], (/* @__PURE__ */ new Date()).getTime());
     }
     case N: {
-      const s = Date.now(), { app: e, group: t, param: o, value: n, autoApply: l, parent: i } = a;
-      return r.setIn(["filters-settings", e, t, "autoApply"], l).setIn(["filters", e, t, o], n.length === 0 ? [Number.MIN_SAFE_INTEGER] : n).setIn(["filters-settings", e, t, "apply"], null).setIn(["filters-settings", e, t, "lastUserFilterChange"], s).setIn(["filters-settings", e, t, "parent"], i || null);
+      const s = Date.now(), { app: e, group: t, param: o, value: a, autoApply: l, parent: p } = n;
+      return r.setIn(["filters-settings", e, t, "autoApply"], l).setIn(["filters", e, t, o], a.length === 0 ? [Number.MIN_SAFE_INTEGER] : a).setIn(["filters-settings", e, t, "apply"], null).setIn(["filters-settings", e, t, "lastUserFilterChange"], s).setIn(["filters-settings", e, t, "parent"], p || null);
     }
-    case V: {
-      const s = Date.now(), { app: e, group: t, filters: o, autoApply: n } = a;
-      return r.setIn(["filters-settings", e, t, "autoApply"], n).setIn(["filters", e, t, param], value.length === 0 ? [Number.MIN_SAFE_INTEGER] : value).setIn(["filters-settings", e, t, "apply"], null).setIn(["filters-settings", e, t, "lastUserFilterChange"], s);
+    case Y: {
+      const s = Date.now(), { app: e, group: t, filters: o, autoApply: a } = n;
+      return r.setIn(["filters-settings", e, t, "autoApply"], a).setIn(["filters", e, t, param], value.length === 0 ? [Number.MIN_SAFE_INTEGER] : value).setIn(["filters-settings", e, t, "apply"], null).setIn(["filters-settings", e, t, "lastUserFilterChange"], s);
     }
     case h: {
-      const { data: s, app: e, group: t, param: o, uniqueStorage: n, dvzProxyDatasetId: l, filterType: i, parentType: g, autoApply: p } = a, c = Date.now(), I = ["categories", e];
-      l && I.push(l), n && I.push(n);
-      const E = s.filter((u) => u.type == i), S = r.getIn([...I, "items"]).filter((u) => u.get("type") == i).get(0).get("items").map((u) => u.value), b = r.getIn([...I, "items"]).filter((u) => u.get("type") != i).push(m.Map(E[0])), x = r.getIn(["filters", e, t, o]), d = s[0].items.map((u) => u.value), G = x.filter((u) => d.indexOf(u) > -1), z = d.filter((u) => S.indexOf(u) == -1), A = Array.from(/* @__PURE__ */ new Set([...G, ...z]));
-      return r.setIn([...I, "items"], b).setIn(["filters", e, t, o], Array.from(A)).setIn(["filters-settings", e, t, "autoApply"], p).setIn(["filters", e, t, o], A.length === 0 ? [Number.MIN_SAFE_INTEGER] : A).setIn(["filters-settings", e, t, "apply"], null).setIn(["filters-settings", e, t, "lastUserFilterChange"], c);
+      const { data: s, app: e, group: t, param: o, uniqueStorage: a, dvzProxyDatasetId: l, filterType: p, parentType: g, autoApply: i } = n, c = Date.now(), I = ["categories", e];
+      l && I.push(l), a && I.push(a);
+      const E = s.filter((u) => u.type == p), S = r.getIn([...I, "items"]).filter((u) => u.get("type") == p).get(0).get("items").map((u) => u.value), G = r.getIn([...I, "items"]).filter((u) => u.get("type") != p).push(A.Map(E[0])), x = r.getIn(["filters", e, t, o]), d = s[0].items.map((u) => u.value), z = x.filter((u) => d.indexOf(u) > -1), q = d.filter((u) => S.indexOf(u) == -1), T = Array.from(/* @__PURE__ */ new Set([...z, ...q]));
+      return r.setIn([...I, "items"], G).setIn(["filters", e, t, o], Array.from(T)).setIn(["filters-settings", e, t, "autoApply"], i).setIn(["filters", e, t, o], T.length === 0 ? [Number.MIN_SAFE_INTEGER] : T).setIn(["filters-settings", e, t, "apply"], null).setIn(["filters-settings", e, t, "lastUserFilterChange"], c);
     }
-    case C: {
-      const s = Date.now(), { app: e, group: t, param: o, value: n } = a;
-      return r.setIn(["filters", "initial", e, t, o], n.length === 0 ? [Number.MIN_SAFE_INTEGER] : n).setIn(["filters", e, t, o], n.length === 0 ? [Number.MIN_SAFE_INTEGER] : n).setIn(["filters-settings", e, t, "lastInitialFilterChange"], s).setIn(["filters-settings", e, t, "lastUserFilterChange"], s);
+    case P: {
+      const s = Date.now(), { app: e, group: t, param: o, value: a } = n;
+      return r.setIn(["filters", "initial", e, t, o], a.length === 0 ? [Number.MIN_SAFE_INTEGER] : a).setIn(["filters", e, t, o], a.length === 0 ? [Number.MIN_SAFE_INTEGER] : a).setIn(["filters-settings", e, t, "lastInitialFilterChange"], s).setIn(["filters-settings", e, t, "lastUserFilterChange"], s);
     }
     case M: {
-      const s = Date.now(), { app: e, group: t, param: o, parent: n } = a;
-      return r.deleteIn(["filters", e, t, o]).setIn(["filters-settings", e, t, "lastUserFilterChange"], s).setIn(["filters-settings", e, t, "parent"], n || null);
+      const s = Date.now(), { app: e, group: t, param: o, parent: a } = n;
+      return r.deleteIn(["filters", e, t, o]).setIn(["filters-settings", e, t, "lastUserFilterChange"], s).setIn(["filters-settings", e, t, "parent"], a || null);
     }
     case w: {
-      const { app: s, group: e } = a, t = r.getIn(["filters", "initial", s, e]);
+      const { app: s, group: e } = n, t = r.getIn(["filters", "initial", s, e]);
       return r.setIn(["filters", s, e], t);
     }
     case v: {
-      const { app: s, group: e, measure: t } = a;
+      const { app: s, group: e, measure: t } = n;
       return r.setIn(["measures", s, e], t);
     }
     case U: {
-      const { app: s, group: e, measure: t } = a;
+      const { app: s, group: e, measure: t } = n;
       return r.deleteIn(["measures", s, e]);
     }
+    case B: {
+      const { group: s, totalPages: e, totalItems: t } = n;
+      return r.setIn(["postsPagination", s], { totalPages: e, totalItems: t });
+    }
+    case K: {
+      const { type: s, group: e, ...t } = n;
+      return r.setIn(["posts", e], t);
+    }
+    case b: {
+      const { type: s, group: e, ...t } = n;
+      return r.setIn(["posts", e], t).setIn(["posts", "initialFilters", e], t);
+    }
     default:
       return r;
   }
-}, le = ({ group: r, dispatch: a, initialFilters: s }) => {
-  a({
-    type: SET_INITIAL_POSTS_FILTER,
+}, Ie = ({ group: r, dispatch: n, initialFilters: s }) => {
+  n({
+    type: b,
     group: r,
     ...s,
     reset: !0,
@@ -160,18 +172,18 @@ const y = "LOAD_DATA", T = "LOAD_DATA_DONE", D = "LOAD_DATA_ERROR", R = "LOAD_CA
   });
 };
 export {
-  ee as applyFilter,
-  Z as cleanFilter,
-  K as cleanMeasures,
-  le as clearPostsFilter,
-  oe as default,
-  se as getCategories,
-  ne as getData,
-  W as loadFilterItems,
-  re as setData,
-  X as setFilter,
-  te as setInitialFilters,
-  Q as setMeasures,
-  ae as setPageModuleProps,
-  k as unsetFilter
+  re as applyFilter,
+  te as cleanFilter,
+  X as cleanMeasures,
+  Ie as clearPostsFilter,
+  ie as default,
+  ae as getCategories,
+  le as getData,
+  k as loadFilterItems,
+  oe as setData,
+  ee as setFilter,
+  ne as setInitialFilters,
+  Z as setMeasures,
+  pe as setPageModuleProps,
+  se as unsetFilter
 };

package/package.json

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