@devgateway/dvz-ui-react 1.7.6 → 1.7.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),c=require("react"),ie=require("semantic-ui-react"),s=require("../../utils/data.js"),ce=require("../../redux/hooks.js"),ue=require("react-redux"),ye=require("./CategoricalFilter.js"),de=require("./YearFilter.js"),E=require("react-intl"),pe=L=>{const{"data-alphabetical-sort":R,"data-asc-order":q,"data-group":u,"data-placeholder":T,"data-all-label":C,"data-none-label":b,"data-use-single-column":v,"data-enable-text-search":M,"data-filter-type":p,"data-show-no-data-option":j,"data-close-on-select":D,"data-all-none-same-behaviour":P,"data-auto-apply":z,"data-taxonomy":i,"data-categories":F="[]","data-is-country-filter":J,"data-is-year-filter":K,"data-type":U,"data-sort-first-by":B,"data-default-values":k="[]","data-wordpress-source-type":ge,"data-wordpress-source":x,editing:$=!1}=L,d=ce.useAppDispatch(),{locale:G}=E.useIntl(),e=ue.useSelector(t=>t.getIn(["data","posts",u]))||{},l=p==="multi-select",[O,Se]=c.useState(0),N=t=>$?t:decodeURIComponent(t);let n=(t=>{try{return JSON.parse(N(t))}catch(a){return console.warn("JSON parsing failed for value:",t,"- treating as plain string. Error:",a),N(t)}})(k);n||(n=[]),typeof n=="string"&&(n=n.split(",").map(Number)),typeof n=="number"&&(n=[n]);const H=s.toBoolean(R),Q=s.toBoolean(q),V=s.toBoolean(j),I=s.toBoolean(D),_=s.toBoolean(P),A=s.toBoolean(z),r=s.toBoolean(J),o=s.toBoolean(K),w=s.toBoolean(v),Y=s.toBoolean(M),g=B!=="none"?s.toNumber(B):null,[y,W]=c.useState([]),[m,X]=c.useState(!1),S=(t,a)=>a?Array.isArray(t)?t:t!=null?[t]:[]:t||void 0,Z=c.useMemo(()=>S(e.countryFilter,l),[e.countryFilter,l]),ee=c.useMemo(()=>S(e.categoryFilter,l),[e.categoryFilter,l]),te=c.useMemo(()=>o?S(e.yearFilter,l):void 0,[e.yearFilter,l,o]),h=c.useMemo(()=>F?F.split(","):[],[F]),re=t=>{d({type:"SET_POSTS_FILTER",group:u,...e,isYearFilter:o,yearFilter:o?t:null,isCountryFilter:r,categoryFilter:e.categoryFilter,countryFilter:e.countryFilter,sortFirstBy:g,countryCategory:i,categoryTaxonomy:i,countryTaxonomy:i})},oe=t=>{d({type:"SET_POSTS_FILTER",group:u,...e,categoryFilter:r?e.categoryFilter:t,countryFilter:r?t:e.countryFilter,isYearFilter:e.isYearFilter,yearFilter:e.yearFilter,isCountryFilter:e.isCountryFilter,sortFirstBy:r?g:e.sortFirstBy,countryCategory:r?i:e.countryCategory,categoryCategory:r?e.categoryCategory:t,categoryTaxonomy:r?e.categoryTaxonomy:i,countryTaxonomy:r?i:e.countryTaxonomy})};return c.useEffect(()=>{const t=n.length>0,a=l?n:n[0],ae=r?e.categoryFilter:t?a:l?h.map(Number):e.categoryFilter,le=r?t?a:l?h.map(Number):e.countryFilter:e.countryFilter,ne=o&&l?y.length>0?y.map(se=>se.value):[]:e.yearFilter;d({type:"SET_INITIAL_POSTS_FILTER",group:u,categoryFilter:ae,countryFilter:le,isYearFilter:o,isCountryFilter:r,sortFirstBy:g,yearFilter:o?ne:null,categoryCategory:r?null:e.categoryCategory,categoryTaxonomy:r?null:i,countryCategory:r?i:null,countryTaxonomy:r?i:null,page:1})},[]),c.useEffect(()=>{if(o&&!m){const t=o&&l?y.length>0?y.map(a=>a.value):[]:e.yearFilter;d({type:"SET_INITIAL_POSTS_FILTER",group:u,...e,isYearFilter:o,yearFilter:o?t:null})}},[m]),f.jsxs(ie.Container,{fluid:!0,className:"filter post-filter",children:[o&&f.jsx(de.default,{group:u,placeholder:T,allLabel:C,noneLabel:b,useSingleColumn:w,enableTextSearch:Y,filterType:p,showNoDataOption:V,closeOnSelect:I,allNoneSameBehaviour:_,autoApply:A,alphabeticalSort:H,ascOrder:Q,options:y,value:te,yearOptions:y,setYearOptions:W,yearFilterLoading:m,setYearFilterLoading:X,onChange:(t,a)=>{re(a)},resetKey:O,wpApiBase:x??void 0}),!o&&f.jsx(ye.default,{group:u,placeholder:T,allLabel:C,noneLabel:b,useSingleColumn:w,enableTextSearch:Y,filterType:p,showNoDataOption:V,closeOnSelect:I,allNoneSameBehaviour:_,autoApply:A,taxonomy:i,type:U,value:r?Z:ee,onChange:(t,a)=>{oe(a)},categories:h,resetKey:O,wpApiBase:x??void 0,locale:G},`cat-${u}`)]})},Fe=E.injectIntl(c.memo(pe));exports.default=Fe;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),i=require("react"),ie=require("semantic-ui-react"),s=require("../../utils/data.js"),ce=require("../../redux/hooks.js"),ue=require("react-redux"),ye=require("./CategoricalFilter.js"),de=require("./YearFilter.js"),E=require("react-intl"),pe=L=>{const{"data-alphabetical-sort":R,"data-asc-order":q,"data-group":c,"data-placeholder":C,"data-all-label":T,"data-none-label":b,"data-use-single-column":v,"data-enable-text-search":M,"data-filter-type":p,"data-show-no-data-option":j,"data-close-on-select":D,"data-all-none-same-behaviour":P,"data-auto-apply":z,"data-taxonomy":u,"data-categories":F="[]","data-is-country-filter":J,"data-is-year-filter":K,"data-type":U,"data-sort-first-by":B,"data-default-values":k="[]","data-wordpress-source-type":ge,"data-wordpress-source":O,editing:$=!1}=L,d=ce.useAppDispatch(),{locale:G}=E.useIntl(),e=ue.useSelector(t=>t.getIn(["data","posts",c]))||{},l=p==="multi-select",[x,Se]=i.useState(0),N=t=>$?t:decodeURIComponent(t);let n=(t=>{try{return JSON.parse(N(t))}catch(o){return console.warn("JSON parsing failed for value:",t,"- treating as plain string. Error:",o),N(t)}})(k);n||(n=[]),typeof n=="string"&&(n=n.split(",").map(Number)),typeof n=="number"&&(n=[n]);const H=s.toBoolean(R),Q=s.toBoolean(q),V=s.toBoolean(j),I=s.toBoolean(D),_=s.toBoolean(P),A=s.toBoolean(z),r=s.toBoolean(J),a=s.toBoolean(K),w=s.toBoolean(v),Y=s.toBoolean(M),g=B!=="none"?s.toNumber(B):null,[y,W]=i.useState([]),[m,X]=i.useState(!1),S=(t,o)=>o?Array.isArray(t)?t:t!=null?[t]:[]:t||void 0,Z=i.useMemo(()=>S(e.countryFilter,l),[e.countryFilter,l]),ee=i.useMemo(()=>S(e.categoryFilter,l),[e.categoryFilter,l]),te=i.useMemo(()=>a?S(e.yearFilter,l):void 0,[e.yearFilter,l,a]),h=i.useMemo(()=>F?F.split(","):[],[F]),re=t=>{d({type:"SET_POSTS_FILTER",group:c,...e,isYearFilter:a,yearFilter:a?t:null,isCountryFilter:r,categoryFilter:e.categoryFilter,countryFilter:e.countryFilter,sortFirstBy:g})},ae=t=>{d({type:"SET_POSTS_FILTER",group:c,...e,categoryFilter:r?e.categoryFilter:t,countryFilter:r?t:e.countryFilter,isYearFilter:e.isYearFilter,yearFilter:e.yearFilter,isCountryFilter:e.isCountryFilter,sortFirstBy:r?g:e.sortFirstBy,countryCategory:r?u:e.countryCategory,categoryCategory:r?e.categoryCategory:t,categoryTaxonomy:r?e.categoryTaxonomy:u,countryTaxonomy:r?u:e.countryTaxonomy})};return i.useEffect(()=>{const t=n.length>0,o=l?n:n[0],oe=r?e.categoryFilter:t?o:l?h.map(Number):e.categoryFilter,le=r?t?o:l?h.map(Number):e.countryFilter:e.countryFilter,ne=a&&l?y.length>0?y.map(se=>se.value):[]:e.yearFilter;d({type:"SET_INITIAL_POSTS_FILTER",group:c,categoryFilter:oe,countryFilter:le,isYearFilter:a,isCountryFilter:r,sortFirstBy:g,yearFilter:a?ne:null,categoryCategory:r?null:e.categoryCategory,categoryTaxonomy:r?null:u,countryCategory:r?u:null,countryTaxonomy:r?u:null,page:1})},[]),i.useEffect(()=>{if(a&&!m){const t=a&&l?y.length>0?y.map(o=>o.value):[]:e.yearFilter;d({type:"SET_INITIAL_POSTS_FILTER",group:c,...e,isYearFilter:a,yearFilter:a?t:null})}},[m]),f.jsxs(ie.Container,{fluid:!0,className:"filter post-filter",children:[a&&f.jsx(de.default,{group:c,placeholder:C,allLabel:T,noneLabel:b,useSingleColumn:w,enableTextSearch:Y,filterType:p,showNoDataOption:V,closeOnSelect:I,allNoneSameBehaviour:_,autoApply:A,alphabeticalSort:H,ascOrder:Q,options:y,value:te,yearOptions:y,setYearOptions:W,yearFilterLoading:m,setYearFilterLoading:X,onChange:(t,o)=>{re(o)},resetKey:x,wpApiBase:O??void 0}),!a&&f.jsx(ye.default,{group:c,placeholder:C,allLabel:T,noneLabel:b,useSingleColumn:w,enableTextSearch:Y,filterType:p,showNoDataOption:V,closeOnSelect:I,allNoneSameBehaviour:_,autoApply:A,taxonomy:u,type:U,value:r?Z:ee,onChange:(t,o)=>{ae(o)},categories:h,resetKey:x,wpApiBase:O??void 0,locale:G},`cat-${c}`)]})},Fe=E.injectIntl(i.memo(pe));exports.default=Fe;
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),r=require("react"),d=require("react-redux"),i=require("semantic-ui-react"),I=require("react-intl"),R=p=>{const{"data-group":c,"data-page-label":f="Page","data-of-label":h="of"}=p,m=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,[s,g]=r.useState((n==null?void 0:n.page)??1),[x,j]=r.useState([]),P=r.useRef(null),b=()=>{const e=[];for(let o=1;o<=l;o++)e.push({key:o,text:o,value:o});j(e)},u=e=>{if(e===s||e<1||e>l)return;g(e),m({type:"SET_POSTS_FILTER",group:c,...n,page:e});const o=document.getElementById(`filtered-posts-${c}`);if(o){const v=o.getBoundingClientRect().top+window.scrollY-50;window.scrollTo({top:v,behavior:"smooth"})}};return r.useEffect(()=>{b()},[t]),r.useEffect(()=>{const e=(n==null?void 0:n.page)??1;e!==s&&g(e)},[n==null?void 0:n.page]),a.jsx("div",{ref:P,children:a.jsxs(i.Container,{fluid:!0,className:"posts-pagination",children:[a.jsxs("div",{className:"posts-pagination-dropdown",children:[a.jsx("span",{children:f}),a.jsx(i.Dropdown,{options:x,placeholder:"Select Item",selection:!0,compact:!0,value:s,onChange:(e,o)=>u(Number(o.value))}),a.jsx("div",{children:a.jsxs("span",{children:[h," ",t&&(t==null?void 0:t.totalPages)]})})]}),a.jsxs("div",{children:[a.jsx(i.Icon,{size:"large",style:{cursor:"pointer"},onClick:()=>u(s-1),name:"angle left",disabled:s===1}),a.jsx(i.Icon,{size:"large",style:{cursor:"pointer"},onClick:()=>u(s+1),name:"angle right",disabled:s===l})]})]})})},S=I.injectIntl(r.memo(R));exports.default=S;
@@ -1,7 +1,7 @@
1
1
  import { jsxs as ce, jsx as E } from "react/jsx-runtime";
2
2
  import ye, { useState as h, useMemo as p, useEffect as L } from "react";
3
3
  import { Container as ue } from "semantic-ui-react";
4
- import { toBoolean as s, toNumber as pe } from "../../utils/data.js";
4
+ import { toBoolean as i, toNumber as pe } from "../../utils/data.js";
5
5
  import { useAppDispatch as Fe } from "../../redux/hooks.js";
6
6
  import { useSelector as de } from "react-redux";
7
7
  import me from "./CategoricalFilter.js";
@@ -11,7 +11,7 @@ const he = (R) => {
11
11
  const {
12
12
  "data-alphabetical-sort": v,
13
13
  "data-asc-order": D,
14
- "data-group": c,
14
+ "data-group": s,
15
15
  "data-placeholder": C,
16
16
  "data-all-label": T,
17
17
  "data-none-label": b,
@@ -22,17 +22,17 @@ const he = (R) => {
22
22
  "data-close-on-select": J,
23
23
  "data-all-none-same-behaviour": K,
24
24
  "data-auto-apply": M,
25
- "data-taxonomy": i,
25
+ "data-taxonomy": c,
26
26
  "data-categories": d = "[]",
27
27
  "data-is-country-filter": U,
28
28
  "data-is-year-filter": $,
29
29
  "data-type": k,
30
- "data-sort-first-by": x,
30
+ "data-sort-first-by": O,
31
31
  "data-default-values": q = "[]",
32
32
  "data-wordpress-source-type": Ce,
33
- "data-wordpress-source": O,
33
+ "data-wordpress-source": x,
34
34
  editing: G = !1
35
- } = R, u = Fe(), { locale: H } = Se(), e = de((t) => t.getIn(["data", "posts", c])) || {}, l = F === "multi-select", [N, be] = h(0), V = (t) => G ? t : decodeURIComponent(t);
35
+ } = R, u = Fe(), { locale: H } = Se(), e = de((t) => t.getIn(["data", "posts", s])) || {}, l = F === "multi-select", [N, be] = h(0), V = (t) => G ? t : decodeURIComponent(t);
36
36
  let n = ((t) => {
37
37
  try {
38
38
  return JSON.parse(V(t));
@@ -41,7 +41,7 @@ const he = (R) => {
41
41
  }
42
42
  })(q);
43
43
  n || (n = []), typeof n == "string" && (n = n.split(",").map(Number)), typeof n == "number" && (n = [n]);
44
- const Q = s(v), W = s(D), I = s(j), A = s(J), B = s(K), w = s(M), r = s(U), a = s($), Y = s(P), _ = s(z), m = x !== "none" ? pe(x) : null, [y, X] = h([]), [g, Z] = h(!1), f = (t, o) => o ? Array.isArray(t) ? t : t != null ? [t] : [] : t || void 0, ee = p(
44
+ const Q = i(v), W = i(D), I = i(j), A = i(J), B = i(K), w = i(M), r = i(U), a = i($), Y = i(P), _ = i(z), m = O !== "none" ? pe(O) : null, [y, X] = h([]), [g, Z] = h(!1), f = (t, o) => o ? Array.isArray(t) ? t : t != null ? [t] : [] : t || void 0, ee = p(
45
45
  () => f(e.countryFilter, l),
46
46
  [e.countryFilter, l]
47
47
  ), te = p(
@@ -56,22 +56,19 @@ const he = (R) => {
56
56
  ), ae = (t) => {
57
57
  u({
58
58
  type: "SET_POSTS_FILTER",
59
- group: c,
59
+ group: s,
60
60
  ...e,
61
61
  isYearFilter: a,
62
62
  yearFilter: a ? t : null,
63
63
  isCountryFilter: r,
64
64
  categoryFilter: e.categoryFilter,
65
65
  countryFilter: e.countryFilter,
66
- sortFirstBy: m,
67
- countryCategory: i,
68
- categoryTaxonomy: i,
69
- countryTaxonomy: i
66
+ sortFirstBy: m
70
67
  });
71
68
  }, oe = (t) => {
72
69
  u({
73
70
  type: "SET_POSTS_FILTER",
74
- group: c,
71
+ group: s,
75
72
  ...e,
76
73
  // Preserve both filters so they can work together
77
74
  categoryFilter: r ? e.categoryFilter : t,
@@ -80,17 +77,17 @@ const he = (R) => {
80
77
  yearFilter: e.yearFilter,
81
78
  isCountryFilter: e.isCountryFilter,
82
79
  sortFirstBy: r ? m : e.sortFirstBy,
83
- countryCategory: r ? i : e.countryCategory,
80
+ countryCategory: r ? c : e.countryCategory,
84
81
  categoryCategory: r ? e.categoryCategory : t,
85
- categoryTaxonomy: r ? e.categoryTaxonomy : i,
86
- countryTaxonomy: r ? i : e.countryTaxonomy
82
+ categoryTaxonomy: r ? e.categoryTaxonomy : c,
83
+ countryTaxonomy: r ? c : e.countryTaxonomy
87
84
  });
88
85
  };
89
86
  return L(() => {
90
87
  const t = n.length > 0, o = l ? n : n[0], le = r ? e.categoryFilter : t ? o : l ? S.map(Number) : e.categoryFilter, ne = r ? t ? o : l ? S.map(Number) : e.countryFilter : e.countryFilter, ie = a && l ? y.length > 0 ? y.map((se) => se.value) : [] : e.yearFilter;
91
88
  u({
92
89
  type: "SET_INITIAL_POSTS_FILTER",
93
- group: c,
90
+ group: s,
94
91
  categoryFilter: le,
95
92
  countryFilter: ne,
96
93
  isYearFilter: a,
@@ -98,9 +95,9 @@ const he = (R) => {
98
95
  sortFirstBy: m,
99
96
  yearFilter: a ? ie : null,
100
97
  categoryCategory: r ? null : e.categoryCategory,
101
- categoryTaxonomy: r ? null : i,
102
- countryCategory: r ? i : null,
103
- countryTaxonomy: r ? i : null,
98
+ categoryTaxonomy: r ? null : c,
99
+ countryCategory: r ? c : null,
100
+ countryTaxonomy: r ? c : null,
104
101
  page: 1
105
102
  });
106
103
  }, []), L(() => {
@@ -108,7 +105,7 @@ const he = (R) => {
108
105
  const t = a && l ? y.length > 0 ? y.map((o) => o.value) : [] : e.yearFilter;
109
106
  u({
110
107
  type: "SET_INITIAL_POSTS_FILTER",
111
- group: c,
108
+ group: s,
112
109
  ...e,
113
110
  isYearFilter: a,
114
111
  yearFilter: a ? t : null
@@ -118,7 +115,7 @@ const he = (R) => {
118
115
  a && /* @__PURE__ */ E(
119
116
  ge,
120
117
  {
121
- group: c,
118
+ group: s,
122
119
  placeholder: C,
123
120
  allLabel: T,
124
121
  noneLabel: b,
@@ -141,13 +138,13 @@ const he = (R) => {
141
138
  ae(o);
142
139
  },
143
140
  resetKey: N,
144
- wpApiBase: O ?? void 0
141
+ wpApiBase: x ?? void 0
145
142
  }
146
143
  ),
147
144
  !a && /* @__PURE__ */ E(
148
145
  me,
149
146
  {
150
- group: c,
147
+ group: s,
151
148
  placeholder: C,
152
149
  allLabel: T,
153
150
  noneLabel: b,
@@ -158,7 +155,7 @@ const he = (R) => {
158
155
  closeOnSelect: A,
159
156
  allNoneSameBehaviour: B,
160
157
  autoApply: w,
161
- taxonomy: i,
158
+ taxonomy: c,
162
159
  type: k,
163
160
  value: r ? ee : te,
164
161
  onChange: (t, o) => {
@@ -166,10 +163,10 @@ const he = (R) => {
166
163
  },
167
164
  categories: S,
168
165
  resetKey: N,
169
- wpApiBase: O ?? void 0,
166
+ wpApiBase: x ?? void 0,
170
167
  locale: H
171
168
  },
172
- `cat-${c}`
169
+ `cat-${s}`
173
170
  )
174
171
  ] });
175
172
  }, Ee = fe(ye.memo(he));
@@ -1,61 +1,64 @@
1
- import { jsx as r, jsxs as s } from "react/jsx-runtime";
2
- import x, { useState as g, useRef as y, useEffect as p } from "react";
3
- import { useDispatch as R, useSelector as u } from "react-redux";
4
- import { Container as b, Dropdown as E, Icon as m } from "semantic-ui-react";
5
- import { injectIntl as S } from "react-intl";
6
- const T = (f) => {
1
+ import { jsx as r, jsxs as l } from "react/jsx-runtime";
2
+ import y, { useState as g, useRef as R, useEffect as p } from "react";
3
+ import { useDispatch as E, useSelector as u } from "react-redux";
4
+ import { Container as S, Dropdown as T, Icon as m } from "semantic-ui-react";
5
+ import { injectIntl as j } from "react-intl";
6
+ const k = (f) => {
7
7
  const {
8
- "data-group": i
9
- } = 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 = () => {
8
+ "data-group": i,
9
+ "data-page-label": h = "Page",
10
+ "data-of-label": P = "of"
11
+ } = f, b = E(), t = u((e) => e.getIn(["data", "postsPagination", i])), o = u((e) => e.getIn(["data", "posts", i])), s = t && (t != null && t.totalPages) ? t.totalPages : 1, [a, d] = g((o == null ? void 0 : o.page) ?? 1), [v, w] = g([]), C = R(null), I = () => {
10
12
  const e = [];
11
- for (let o = 1; o <= c; o++)
12
- e.push({ key: o, text: o, value: o });
13
- v(e);
14
- }, l = (e) => {
15
- if (e === a || e < 1 || e > c) return;
16
- d(e), h({
13
+ for (let n = 1; n <= s; n++)
14
+ e.push({ key: n, text: n, value: n });
15
+ w(e);
16
+ }, c = (e) => {
17
+ if (e === a || e < 1 || e > s) return;
18
+ d(e), b({
17
19
  type: "SET_POSTS_FILTER",
18
20
  group: i,
19
- ...n,
21
+ ...o,
20
22
  page: e
21
23
  });
22
- const o = document.getElementById(`filtered-posts-${i}`);
23
- if (o) {
24
- const I = o.getBoundingClientRect().top + window.scrollY - 50;
25
- window.scrollTo({ top: I, behavior: "smooth" });
24
+ const n = document.getElementById(`filtered-posts-${i}`);
25
+ if (n) {
26
+ const x = n.getBoundingClientRect().top + window.scrollY - 50;
27
+ window.scrollTo({ top: x, behavior: "smooth" });
26
28
  }
27
29
  };
28
30
  return p(() => {
29
- C();
31
+ I();
30
32
  }, [t]), p(() => {
31
- const e = (n == null ? void 0 : n.page) ?? 1;
33
+ const e = (o == null ? void 0 : o.page) ?? 1;
32
34
  e !== a && d(e);
33
- }, [n == null ? void 0 : n.page]), /* @__PURE__ */ r("div", { ref: w, children: /* @__PURE__ */ s(b, { fluid: !0, className: "posts-pagination", children: [
34
- /* @__PURE__ */ s("div", { className: "posts-pagination-dropdown", children: [
35
- /* @__PURE__ */ r("span", { children: "Page" }),
35
+ }, [o == null ? void 0 : o.page]), /* @__PURE__ */ r("div", { ref: C, children: /* @__PURE__ */ l(S, { fluid: !0, className: "posts-pagination", children: [
36
+ /* @__PURE__ */ l("div", { className: "posts-pagination-dropdown", children: [
37
+ /* @__PURE__ */ r("span", { children: h }),
36
38
  /* @__PURE__ */ r(
37
- E,
39
+ T,
38
40
  {
39
- options: P,
41
+ options: v,
40
42
  placeholder: "Select Item",
41
43
  selection: !0,
42
44
  compact: !0,
43
45
  value: a,
44
- onChange: (e, o) => l(Number(o.value))
46
+ onChange: (e, n) => c(Number(n.value))
45
47
  }
46
48
  ),
47
- /* @__PURE__ */ r("div", { children: /* @__PURE__ */ s("span", { children: [
48
- "of ",
49
+ /* @__PURE__ */ r("div", { children: /* @__PURE__ */ l("span", { children: [
50
+ P,
51
+ " ",
49
52
  t && (t == null ? void 0 : t.totalPages)
50
53
  ] }) })
51
54
  ] }),
52
- /* @__PURE__ */ s("div", { children: [
55
+ /* @__PURE__ */ l("div", { children: [
53
56
  /* @__PURE__ */ r(
54
57
  m,
55
58
  {
56
59
  size: "large",
57
60
  style: { cursor: "pointer" },
58
- onClick: () => l(a - 1),
61
+ onClick: () => c(a - 1),
59
62
  name: "angle left",
60
63
  disabled: a === 1
61
64
  }
@@ -65,14 +68,14 @@ const T = (f) => {
65
68
  {
66
69
  size: "large",
67
70
  style: { cursor: "pointer" },
68
- onClick: () => l(a + 1),
71
+ onClick: () => c(a + 1),
69
72
  name: "angle right",
70
- disabled: a === c
73
+ disabled: a === s
71
74
  }
72
75
  )
73
76
  ] })
74
77
  ] }) });
75
- }, B = S(x.memo(T));
78
+ }, D = j(y.memo(k));
76
79
  export {
77
- B as default
80
+ D as default
78
81
  };
@@ -3,6 +3,8 @@ import { WrappedComponentProps } from 'react-intl';
3
3
  interface PostsPaginationProps extends WrappedComponentProps {
4
4
  "data-group": string;
5
5
  "data-number-of-items-per-page": number;
6
+ "data-page-label"?: string;
7
+ "data-of-label"?: string;
6
8
  }
7
9
  declare const _default: React.FC<import('react-intl').WithIntlProps<PostsPaginationProps>> & {
8
10
  WrappedComponent: React.ComponentType<PostsPaginationProps>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@devgateway/dvz-ui-react",
3
- "version": "1.7.6",
3
+ "version": "1.7.8",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/types/index.d.ts",