cecomponent 1.0.49 → 1.0.51

package/dist/ce-component-lib.mjs

@@ -6202,8 +6202,8 @@ function requireLottie() {
           var he = this.props;
           if (A === 1 && k === 0 && M === 0 && D === 0 && P === 0 && H === 1 && O === 0 && z === 0 && Z === 0 && oe === 0 && ue === 1 && xe === 0)
             return he[12] = he[12] * A + he[15] * fe, he[13] = he[13] * H + he[15] * _e, he[14] = he[14] * ue + he[15] * Ee, he[15] *= we, this._identityCalculated = !1, this;
-          var Pe = he[0], Ae = he[1], me = he[2], be = he[3], Me = he[4], Re = he[5], Fe = he[6], Be = he[7], Ne = he[8], ke = he[9], Oe = he[10], De = he[11], He = he[12], $e = he[13], ze = he[14], Ge = he[15];
-          return he[0] = Pe * A + Ae * P + me * Z + be * fe, he[1] = Pe * k + Ae * H + me * oe + be * _e, he[2] = Pe * M + Ae * O + me * ue + be * Ee, he[3] = Pe * D + Ae * z + me * xe + be * we, he[4] = Me * A + Re * P + Fe * Z + Be * fe, he[5] = Me * k + Re * H + Fe * oe + Be * _e, he[6] = Me * M + Re * O + Fe * ue + Be * Ee, he[7] = Me * D + Re * z + Fe * xe + Be * we, he[8] = Ne * A + ke * P + Oe * Z + De * fe, he[9] = Ne * k + ke * H + Oe * oe + De * _e, he[10] = Ne * M + ke * O + Oe * ue + De * Ee, he[11] = Ne * D + ke * z + Oe * xe + De * we, he[12] = He * A + $e * P + ze * Z + Ge * fe, he[13] = He * k + $e * H + ze * oe + Ge * _e, he[14] = He * M + $e * O + ze * ue + Ge * Ee, he[15] = He * D + $e * z + ze * xe + Ge * we, this._identityCalculated = !1, this;
+          var Pe = he[0], Ae = he[1], me = he[2], be = he[3], Me = he[4], Re = he[5], Fe = he[6], Ne = he[7], Be = he[8], ke = he[9], Oe = he[10], De = he[11], He = he[12], $e = he[13], ze = he[14], Ge = he[15];
+          return he[0] = Pe * A + Ae * P + me * Z + be * fe, he[1] = Pe * k + Ae * H + me * oe + be * _e, he[2] = Pe * M + Ae * O + me * ue + be * Ee, he[3] = Pe * D + Ae * z + me * xe + be * we, he[4] = Me * A + Re * P + Fe * Z + Ne * fe, he[5] = Me * k + Re * H + Fe * oe + Ne * _e, he[6] = Me * M + Re * O + Fe * ue + Ne * Ee, he[7] = Me * D + Re * z + Fe * xe + Ne * we, he[8] = Be * A + ke * P + Oe * Z + De * fe, he[9] = Be * k + ke * H + Oe * oe + De * _e, he[10] = Be * M + ke * O + Oe * ue + De * Ee, he[11] = Be * D + ke * z + Oe * xe + De * we, he[12] = He * A + $e * P + ze * Z + Ge * fe, he[13] = He * k + $e * H + ze * oe + Ge * _e, he[14] = He * M + $e * O + ze * ue + Ge * Ee, he[15] = He * D + $e * z + ze * xe + Ge * we, this._identityCalculated = !1, this;
         }
         function E(A) {
           var k = A.props;
@@ -8700,18 +8700,18 @@ function requireLottie() {
           k = i.length;
           var D, P = -1, H, O, z, Z = d, oe = g, ue = _, xe = -1, fe, _e, Ee, we, he, Pe, Ae, me, be = "", Me = this.defaultPropsArray, Re;
           if (e.j === 2 || e.j === 1) {
-            var Fe = 0, Be = 0, Ne = e.j === 2 ? -0.5 : -1, ke = 0, Oe = !0;
+            var Fe = 0, Ne = 0, Be = e.j === 2 ? -0.5 : -1, ke = 0, Oe = !0;
             for (c = 0; c < m; c += 1)
               if (u[c].n) {
-                for (Fe && (Fe += Be); ke < c; )
+                for (Fe && (Fe += Ne); ke < c; )
                   u[ke].animatorJustifyOffset = Fe, ke += 1;
                 Fe = 0, Oe = !0;
               } else {
                 for (A = 0; A < k; A += 1)
-                  I = i[A].a, I.t.propType && (Oe && e.j === 2 && (Be += I.t.v * Ne), j = i[A].s, D = j.getMult(u[c].anIndexes[A], s.a[A].s.totalChars), D.length ? Fe += I.t.v * D[0] * Ne : Fe += I.t.v * D * Ne);
+                  I = i[A].a, I.t.propType && (Oe && e.j === 2 && (Ne += I.t.v * Be), j = i[A].s, D = j.getMult(u[c].anIndexes[A], s.a[A].s.totalChars), D.length ? Fe += I.t.v * D[0] * Be : Fe += I.t.v * D * Be);
                 Oe = !1;
               }
-            for (Fe && (Fe += Be); ke < c; )
+            for (Fe && (Fe += Ne); ke < c; )
               u[ke].animatorJustifyOffset = Fe, ke += 1;
           }
           for (c = 0; c < m; c += 1) {
@@ -12514,69 +12514,6 @@ const v$2 = "5.1.7", fr$2 = 30, ip$2 = 25, op$2 = 69, w$2 = 600, h$2 = 600, nm$2
       document.removeEventListener("keydown", t);
     };
   }, [e]);
-}, CEPagination = ({
-  currentPage: e,
-  totalPages: t,
-  onPageChange: r
-}) => {
-  const i = () => {
-    const l = [];
-    if (t <= 8)
-      for (let f = 0; f < t; f++)
-        l.push(f);
-    else if (e < 7) {
-      for (let f = 0; f < 8; f++)
-        l.push(f);
-      l.push("..."), l.push(t - 1);
-    } else if (e >= t - 8 + 1) {
-      l.push(0), l.push("...");
-      for (let f = t - 8; f < t; f++)
-        l.push(f);
-    } else {
-      l.push(0), l.push("...");
-      for (let f = e - 3; f <= e + 3; f++)
-        l.push(f);
-      l.push("..."), l.push(t - 1);
-    }
-    return l;
-  }, s = (o) => {
-    typeof o == "number" && r(o);
-  }, n = () => {
-    e > 0 && r(e - 1);
-  }, a = () => {
-    e < t - 1 && r(e + 1);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pagination", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        onClick: n,
-        disabled: e === 0,
-        className: "pagination-button",
-        children: "Previous"
-      }
-    ),
-    i().map(
-      (o, l) => typeof o == "number" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          onClick: () => s(o),
-          className: `pagination-button page-number ${e === o ? "active" : ""}`,
-          children: o + 1
-        },
-        l
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pagination-ellipsis", children: o }, l)
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        onClick: a,
-        disabled: e === t - 1,
-        className: "pagination-button",
-        children: "Next"
-      }
-    )
-  ] });
 }, CETruncatedTextWithTooltip = ({ text: e }) => {
   const [t, r] = useState(!1), [i, s] = useState({ top: 0, left: 0 }), n = useRef(null), [a, o] = useState(!1);
   useEffect(() => {
@@ -14304,11 +14241,11 @@ var CRC32 = /* @__PURE__ */ function() {
     var B = V & 7, U = V >>> 3;
     return N <<= B, F[U] |= N & 255, N >>>= 8, F[U + 1] = N, V + 8;
   }
-  function Be(F, V, N) {
+  function Ne(F, V, N) {
     var B = V & 7, U = V >>> 3;
     return N <<= B, F[U] |= N & 255, N >>>= 8, F[U + 1] = N & 255, F[U + 2] = N >>> 8, V + 16;
   }
-  function Ne(F, V) {
+  function Be(F, V) {
     var N = F.length, B = 2 * N > V ? 2 * N : V + 5, U = 0;
     if (N >= V) return F;
     if (has_buf) {
@@ -14396,9 +14333,9 @@ var CRC32 = /* @__PURE__ */ function() {
           if (Te > 2) {
             pe = U[Te], pe <= 22 ? te = Fe(Q, te, fe[pe + 1] >> 1) - 1 : (Fe(Q, te, 3), te += 5, Fe(Q, te, fe[pe - 23] >> 5), te += 3);
             var K = pe < 8 ? 0 : pe - 4 >> 2;
-            K > 0 && (Be(Q, te, Te - Z[pe]), te += K), pe = V[re - ye], te = Fe(Q, te, fe[pe] >> 3), te -= 3;
+            K > 0 && (Ne(Q, te, Te - Z[pe]), te += K), pe = V[re - ye], te = Fe(Q, te, fe[pe] >> 3), te -= 3;
             var ne = pe < 4 ? 0 : pe - 2 >> 1;
-            ne > 0 && (Be(Q, te, re - ye - oe[pe]), te += ne);
+            ne > 0 && (Ne(Q, te, re - ye - oe[pe]), te += ne);
             for (var le = 0; le < Te; ++le)
               ce[ge] = re & 32767, ge = (ge << 5 ^ se[re]) & 32767, ++re;
             de -= Te - 1;
@@ -14467,12 +14404,12 @@ var CRC32 = /* @__PURE__ */ function() {
         N & 7 && (N += 8 - (N & 7));
         var te = F[N >>> 3] | F[(N >>> 3) + 1] << 8;
         if (N += 32, te > 0)
-          for (!V && ee < G + te && (U = Ne(U, G + te), ee = U.length); te-- > 0; )
+          for (!V && ee < G + te && (U = Be(U, G + te), ee = U.length); te-- > 0; )
             U[G++] = F[N >>> 3], N += 8;
         continue;
       }
       for (; ; ) {
-        !V && ee < G + 32767 && (U = Ne(U, G + 32767), ee = U.length);
+        !V && ee < G + 32767 && (U = Be(U, G + 32767), ee = U.length);
         var re = be(F, N, se), ce = B >>> 1 == 1 ? De[re] : Ye[re];
         if (N += ce & 15, ce >>>= 4, (ce >>> 8 & 255) === 0) U[G++] = ce;
         else {
@@ -14483,7 +14420,7 @@ var CRC32 = /* @__PURE__ */ function() {
           var ge = G + Z[ce];
           de > 0 && (ge += be(F, N, de), N += de), re = be(F, N, Q), ce = B >>> 1 == 1 ? He[re] : je[re], N += ce & 15, ce >>>= 4;
           var pe = ce < 4 ? 0 : ce - 2 >> 1, ye = oe[ce];
-          for (pe > 0 && (ye += be(F, N, pe), N += pe), !V && ee < ge && (U = Ne(U, ge + 100), ee = U.length); G < ge; )
+          for (pe > 0 && (ye += be(F, N, pe), N += pe), !V && ee < ge && (U = Be(U, ge + 100), ee = U.length); G < ge; )
             U[G] = U[G - ye], ++G;
         }
       }
@@ -28242,7 +28179,99 @@ const ExportIcon = "data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewB
     }
   ),
   e && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: e })
-] }), CEDataGridDynamicTable = ({
+] }), PaginationControls = ({ currentPage: e, totalPages: t, setCurrentPage: r }) => {
+  const n = Math.floor(e / 5) * 5, a = Math.min(n + 5, t), o = () => {
+    r(Math.max(0, n - 1));
+  }, l = () => {
+    r(Math.min(t - 1, a));
+  }, f = [];
+  for (let c = n; c < a; c++)
+    f.push(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          className: `pagination-page${e === c ? " active" : ""}`,
+          onClick: () => r(c),
+          disabled: e === c,
+          children: c + 1
+        },
+        c
+      )
+    );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pagination-controls", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        className: "pagination-button",
+        onClick: () => r(0),
+        disabled: e === 0,
+        children: "First"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        className: "pagination-button",
+        onClick: () => r(e - 1),
+        disabled: e === 0,
+        children: "Previous"
+      }
+    ),
+    n > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "pagination-ellipsis", onClick: o, children: "..." }),
+    f,
+    a < t && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "pagination-ellipsis", onClick: l, children: "..." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        className: "pagination-button",
+        onClick: () => r(e + 1),
+        disabled: e === t - 1,
+        children: "Next"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        className: "pagination-button",
+        onClick: () => r(t - 1),
+        disabled: e === t - 1,
+        children: "Last"
+      }
+    )
+  ] });
+}, RowsPerPageSelector = ({ rowsPerPage: e, setRowsPerPage: t, setCurrentPage: r }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rows-per-page-container", children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Show" }),
+  /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "select",
+    {
+      id: "rows-per-page-select",
+      value: e,
+      onChange: (i) => {
+        t(Number(i.target.value)), r(0);
+      },
+      "aria-label": "Rows per page",
+      style: { margin: "0 4px" },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: 5, children: "5" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: 10, children: "10" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: 20, children: "20" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: 50, children: "50" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: 100, children: "100" })
+      ]
+    }
+  ),
+  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "entries" })
+] }), EntriesInfo = ({ dataLength: e, currentPage: t, rowsPerPage: r }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "entries-info", children: e > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  "Showing ",
+  e === 0 ? 0 : t * r + 1,
+  " to",
+  " ",
+  Math.min((t + 1) * r, e),
+  " of ",
+  e,
+  " ",
+  "entries"
+] }) }), CEDataGridDynamicTable = ({
   //jsonUrl,
   title: e,
   jsonData: t,
@@ -28286,7 +28315,7 @@ const ExportIcon = "data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewB
 }) => {
   const [M, D] = useState(
     {}
-  ), [P, H] = useState(!1), [O, z] = useState([]), [Z, oe] = useState([]), [ue, xe] = useState(!1), [fe, _e] = useState(/* @__PURE__ */ new Set()), [Ee, we] = useState(null), [he, Pe] = useState(!1), [Ae, me] = useState(""), [be, Me] = useState("contains"), [Re, Fe] = useState(""), [Be, Ne] = useState(0), [ke, Oe] = useState(
+  ), [P, H] = useState(!1), [O, z] = useState([]), [Z, oe] = useState([]), [ue, xe] = useState(!1), [fe, _e] = useState(/* @__PURE__ */ new Set()), [Ee, we] = useState(null), [he, Pe] = useState(!1), [Ae, me] = useState(""), [be, Me] = useState("contains"), [Re, Fe] = useState(""), [Ne, Be] = useState(0), [ke, Oe] = useState(
     T ?? 10
   ), [De, He] = useState(/* @__PURE__ */ new Set()), [$e, ze] = useState(""), [Ge, Ye] = useState(!1), [je, Xe] = useState(/* @__PURE__ */ new Set()), Ke = useRef(null), it = useRef(null), et = useRef(null), [qe, st] = useState(/* @__PURE__ */ new Set()), [Ue, nt] = useState([]), [lt, ft] = useState(!1), [Ve, tt] = useState(null), [Je, at] = useState(!1), ht = () => at(!0), ct = () => at(!1), [ut, We] = useState(!0);
   useEffect(() => {
@@ -28372,9 +28401,9 @@ const ExportIcon = "data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewB
     const ne = O.findIndex((ve) => ve === K), le = K.id ?? `__row_${ne}`;
     return ((ae = pt[le]) == null ? void 0 : ae.columnId) || "";
   }, rt = useMemo(() => {
-    const K = Be * ke, ne = K + ke;
+    const K = Ne * ke, ne = K + ke;
     return O.slice(K, ne);
-  }, [O, Be, ke]), F = (K) => {
+  }, [O, Ne, ke]), F = (K) => {
     const ne = new Set(je);
     ne.has(K) ? ne.size > 1 && ne.delete(K) : ne.add(K), Xe(ne);
   }, V = (K, ne = null) => {
@@ -28935,33 +28964,30 @@ const ExportIcon = "data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewB
       }
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pagination-container", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rows-per-page-container", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: "rows-per-page-select", children: "Rows per page:" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "select",
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "40px" }, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          EntriesInfo,
           {
-            id: "rows-per-page-select",
-            value: ke,
-            onChange: (K) => {
-              Oe(Number(K.target.value)), Ne(0);
-            },
-            "aria-label": "Rows per page",
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: 5, children: "5" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: 10, children: "10" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: 20, children: "20" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: 50, children: "50" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: 100, children: "100" })
-            ]
+            dataLength: O.length,
+            currentPage: Ne,
+            rowsPerPage: ke
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          RowsPerPageSelector,
+          {
+            rowsPerPage: ke,
+            setRowsPerPage: Oe,
+            setCurrentPage: Be
           }
         )
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        CEPagination,
+        PaginationControls,
         {
-          currentPage: Be,
+          currentPage: Ne,
           totalPages: Math.ceil(O.length / ke),
-          onPageChange: (K) => Ne(K)
+          setCurrentPage: Be
         }
       )
     ] }),
@@ -29039,7 +29065,7 @@ const ExportIcon = "data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewB
     utils.book_append_sheet(ae, le, "Data"), writeFileSync(ae, "data-grid-export.xls");
   }, Te = () => {
     X ? (We(!0), Promise.resolve(X()).finally(() => We(!1))) : (We(!0), setTimeout(() => {
-      z(t), oe(t), Ne(0), ze(""), Fe(""), me(""), tt(null), We(!1);
+      z(t), oe(t), Be(0), ze(""), Fe(""), me(""), tt(null), We(!1);
     }, 300));
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -30124,6 +30150,69 @@ const ExportIcon = "data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewB
       l.title
     );
   }) }) });
+}, CEPagination = ({
+  currentPage: e,
+  totalPages: t,
+  onPageChange: r
+}) => {
+  const i = () => {
+    const l = [];
+    if (t <= 8)
+      for (let f = 0; f < t; f++)
+        l.push(f);
+    else if (e < 7) {
+      for (let f = 0; f < 8; f++)
+        l.push(f);
+      l.push("..."), l.push(t - 1);
+    } else if (e >= t - 8 + 1) {
+      l.push(0), l.push("...");
+      for (let f = t - 8; f < t; f++)
+        l.push(f);
+    } else {
+      l.push(0), l.push("...");
+      for (let f = e - 3; f <= e + 3; f++)
+        l.push(f);
+      l.push("..."), l.push(t - 1);
+    }
+    return l;
+  }, s = (o) => {
+    typeof o == "number" && r(o);
+  }, n = () => {
+    e > 0 && r(e - 1);
+  }, a = () => {
+    e < t - 1 && r(e + 1);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "pagination", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        onClick: n,
+        disabled: e === 0,
+        className: "pagination-button",
+        children: "Previous"
+      }
+    ),
+    i().map(
+      (o, l) => typeof o == "number" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => s(o),
+          className: `pagination-button page-number ${e === o ? "active" : ""}`,
+          children: o + 1
+        },
+        l
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "pagination-ellipsis", children: o }, l)
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        onClick: a,
+        disabled: e === t - 1,
+        className: "pagination-button",
+        children: "Next"
+      }
+    )
+  ] });
 }, CERadioButtonGroup = ({
   options: e,
   name: t,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cecomponent",
   "description": "A React component library for building modern UIs for Cleanearth",
-  "version": "1.0.49",
+  "version": "1.0.51",
   "main": "dist/ce-component-lib.js",
   "module": "dist/ce-component-lib.mjs",
   "types": "dist/index.d.ts",