@devgateway/dvz-ui-react 1.7.6 → 1.7.7

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

@@ -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;
+"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;

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

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

package/dist/types/embeddable/posts-pagination/index.d.ts

@@ -3,6 +3,8 @@ import { WrappedComponentProps } from 'react-intl';
 interface PostsPaginationProps extends WrappedComponentProps {
     "data-group": string;
     "data-number-of-items-per-page": number;
+    "data-page-label"?: string;
+    "data-of-label"?: string;
 }
 declare const _default: React.FC<import('react-intl').WithIntlProps<PostsPaginationProps>> & {
     WrappedComponent: React.ComponentType<PostsPaginationProps>;

package/package.json

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