jcicl 0.0.295 → 0.0.299

package/Table/Table.d.ts

@@ -4,6 +4,8 @@ export interface TableProps {
     columnTitles?: Record<string, string>;
     rowsPerPage?: number;
     title?: string;
+    onRowClick?: (row: Record<string, any>) => void;
+    hiddenColumns?: string[];
 }
 declare const Table: React.FC<TableProps>;
 export default Table;

package/Table/Table.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import ue, { forwardRef as q, createElement as T, useState as C, useMemo as v } from "react";
+import ge, { forwardRef as Y, createElement as W, useState as C, useMemo as A } from "react";
 import { n as a } from "../.chunks/emotion-styled.browser.esm.js";
 /**
  * @license lucide-react v0.525.0 - ISC
@@ -7,15 +7,15 @@ import { n as a } from "../.chunks/emotion-styled.browser.esm.js";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xe = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ge = (t) => t.replace(
+const be = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ce = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (i, c, u) => u ? u.toUpperCase() : c.toLowerCase()
-), H = (t) => {
-  const i = ge(t);
-  return i.charAt(0).toUpperCase() + i.slice(1);
-}, K = (...t) => t.filter((i, c, u) => !!i && i.trim() !== "" && u.indexOf(i) === c).join(" ").trim(), be = (t) => {
-  for (const i in t)
-    if (i.startsWith("aria-") || i === "role" || i === "title")
+  (r, c, f) => f ? f.toUpperCase() : c.toLowerCase()
+), U = (t) => {
+  const r = Ce(t);
+  return r.charAt(0).toUpperCase() + r.slice(1);
+}, Z = (...t) => t.filter((r, c, f) => !!r && r.trim() !== "" && f.indexOf(r) === c).join(" ").trim(), ye = (t) => {
+  for (const r in t)
+    if (r.startsWith("aria-") || r === "role" || r === "title")
       return !0;
 };
 /**
@@ -24,7 +24,7 @@ const xe = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ge = (
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var Ce = {
+var ke = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -41,32 +41,32 @@ var Ce = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ye = q(
+const me = Y(
   ({
     color: t = "currentColor",
-    size: i = 24,
+    size: r = 24,
     strokeWidth: c = 2,
-    absoluteStrokeWidth: u,
-    className: n = "",
-    children: p,
-    iconNode: z,
-    ...d
-  }, A) => T(
+    absoluteStrokeWidth: f,
+    className: y = "",
+    children: g,
+    iconNode: i,
+    ...u
+  }, B) => W(
     "svg",
     {
-      ref: A,
-      ...Ce,
-      width: i,
-      height: i,
+      ref: B,
+      ...ke,
+      width: r,
+      height: r,
       stroke: t,
-      strokeWidth: u ? Number(c) * 24 / Number(i) : c,
-      className: K("lucide", n),
-      ...!p && !be(d) && { "aria-hidden": "true" },
-      ...d
+      strokeWidth: f ? Number(c) * 24 / Number(r) : c,
+      className: Z("lucide", y),
+      ...!g && !ye(u) && { "aria-hidden": "true" },
+      ...u
     },
     [
-      ...z.map(([g, y]) => T(g, y)),
-      ...Array.isArray(p) ? p : [p]
+      ...i.map(([d, I]) => W(d, I)),
+      ...Array.isArray(g) ? g : [g]
     ]
   )
 );
@@ -76,20 +76,20 @@ const ye = q(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const S = (t, i) => {
-  const c = q(
-    ({ className: u, ...n }, p) => T(ye, {
-      ref: p,
-      iconNode: i,
-      className: K(
-        `lucide-${xe(H(t))}`,
+const v = (t, r) => {
+  const c = Y(
+    ({ className: f, ...y }, g) => W(me, {
+      ref: g,
+      iconNode: r,
+      className: Z(
+        `lucide-${be(U(t))}`,
         `lucide-${t}`,
-        u
+        f
       ),
-      ...n
+      ...y
     })
   );
-  return c.displayName = H(t), c;
+  return c.displayName = U(t), c;
 };
 /**
  * @license lucide-react v0.525.0 - ISC
@@ -97,21 +97,21 @@ const S = (t, i) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ke = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], M = S("chevron-down", ke);
+const we = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], j = v("chevron-down", we);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const we = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], O = S("chevron-up", we);
+const Se = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], q = v("chevron-up", Se);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const me = [
+const ve = [
   [
     "path",
     {
@@ -128,14 +128,14 @@ const me = [
     }
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
-], Se = S("eye-off", me);
+], ze = v("eye-off", ve);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ve = [
+const Ae = [
   [
     "path",
     {
@@ -144,24 +144,24 @@ const ve = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], ze = S("eye", ve);
+], Be = v("eye", Ae);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ae = [
+const Ie = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], U = S("search", Ae);
+], K = v("search", Ie);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Be = [
+const _e = [
   [
     "path",
     {
@@ -170,50 +170,52 @@ const Be = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], Ie = S("settings", Be);
-let m = "";
-const Te = ({
+], De = v("settings", _e);
+let S = "";
+const We = ({
   data: t = [],
-  columnTitles: i = {},
+  columnTitles: r = {},
   rowsPerPage: c = 19,
-  title: u = "Data Table"
+  title: f = "Data Table",
+  onRowClick: y,
+  hiddenColumns: g = []
 }) => {
-  const [n, p] = C(1), [, z] = C(""), [d, A] = C({ key: "", direction: "asc" }), [g, y] = C(/* @__PURE__ */ new Set()), [B, j] = C(/* @__PURE__ */ new Set()), [W, Y] = C(!1), [L, Z] = C(!1), h = v(() => t.length === 0 ? [] : Object.keys(t[0]), [t]);
-  ue.useEffect(() => {
-    h.length > 0 && (j(new Set(h)), y(new Set(h)));
-  }, [h]);
-  const I = v(() => {
-    if (!m) return t;
-    const e = g.size > 0 ? g : new Set(h);
-    return t.filter((r) => Array.from(e).some((l) => {
-      const x = r[l];
-      return x && x.toString().toLowerCase().includes(m.toLowerCase());
+  const [i, u] = C(1), [, B] = C(""), [d, I] = C({ key: "", direction: "asc" }), [k, z] = C(/* @__PURE__ */ new Set()), [_, L] = C(/* @__PURE__ */ new Set()), [$, G] = C(!1), [N, J] = C(!1), p = A(() => t.length === 0 ? [] : Object.keys(t[0]).filter((e) => !g.includes(e)), [t]);
+  ge.useEffect(() => {
+    p.length > 0 && (L(new Set(p)), z(new Set(p)));
+  }, [p]);
+  const D = A(() => {
+    if (!S) return t;
+    const e = k.size > 0 ? k : new Set(p);
+    return t.filter((n) => Array.from(e).some((l) => {
+      const x = n[l];
+      return x && x.toString().toLowerCase().includes(S.toLowerCase());
     }));
-  }, [t, m, g, h]), k = v(() => d.key ? [...I].sort((e, r) => e[d.key] < r[d.key] ? d.direction === "asc" ? -1 : 1 : e[d.key] > r[d.key] ? d.direction === "asc" ? 1 : -1 : 0) : I, [I, d]), G = v(() => {
-    const e = (n - 1) * c;
-    return k.slice(e, e + c);
-  }, [k, n, c]), f = Math.ceil(k.length / c), J = (e) => {
-    A((r) => ({
+  }, [t, S, k, p]), m = A(() => d.key ? [...D].sort((e, n) => e[d.key] < n[d.key] ? d.direction === "asc" ? -1 : 1 : e[d.key] > n[d.key] ? d.direction === "asc" ? 1 : -1 : 0) : D, [D, d]), Q = A(() => {
+    const e = (i - 1) * c;
+    return m.slice(e, e + c);
+  }, [m, i, c]), h = Math.ceil(m.length / c), X = (e) => {
+    I((n) => ({
       key: e,
-      direction: r.key === e && r.direction === "asc" ? "desc" : "asc"
+      direction: n.key === e && n.direction === "asc" ? "desc" : "asc"
     }));
-  }, Q = (e) => {
-    y((r) => {
-      const l = new Set(r);
+  }, P = (e) => {
+    z((n) => {
+      const l = new Set(n);
       return l.has(e) ? l.delete(e) : l.add(e), l;
     });
-  }, X = () => {
-    g.size === h.length ? y(/* @__PURE__ */ new Set()) : y(new Set(h));
-  }, P = (e) => {
-    j((r) => {
-      const l = new Set(r);
+  }, ee = () => {
+    k.size === p.length ? z(/* @__PURE__ */ new Set()) : z(new Set(p));
+  }, oe = (e) => {
+    L((n) => {
+      const l = new Set(n);
       return l.has(e) ? l.delete(e) : l.add(e), l;
     });
-  }, ee = (e) => {
-    m = e;
+  }, te = (e) => {
+    S = e;
   }, R = () => {
-    z(m);
-  }, $ = h.filter((e) => B.has(e)), b = {
+    B(S);
+  }, E = p.filter((e) => _.has(e)), b = {
     thActive: {
       backgroundColor: "#009200",
       color: "#ffffff"
@@ -233,7 +235,7 @@ const Te = ({
       textAlign: "center",
       marginTop: "10px"
     }
-  }, oe = a("div")({
+  }, ne = a("div")({
     backgroundColor: "#ffffff",
     borderRadius: "8px",
     boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)",
@@ -241,29 +243,29 @@ const Te = ({
     fontFamily: "Arial, sans-serif",
     maxWidth: "100%",
     overflow: "auto"
-  }), te = a("div")({
+  }), re = a("div")({
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
     marginBottom: "20px",
     flexWrap: "wrap",
     gap: "10px"
-  }), ne = a("h2")({
+  }), ie = a("h2")({
     fontSize: "24px",
     fontWeight: "bold",
     color: "#000000",
     margin: 0
-  }), re = a("div")({
+  }), ae = a("div")({
     display: "flex",
     gap: "15px",
     alignItems: "center",
     flexWrap: "wrap"
-  }), ie = a("div")({
+  }), se = a("div")({
     position: "relative",
     display: "flex",
     alignItems: "center",
     gap: "10px"
-  }), ae = a(U)({
+  }), ce = a(K)({
     position: "absolute",
     left: "13px",
     top: "10px",
@@ -275,7 +277,7 @@ const Te = ({
       cursor: "pointer",
       color: "#009200"
     }
-  }), se = a("input")({
+  }), le = a("input")({
     padding: "10px 15px 10px 40px",
     border: "2px solid #e0e0e0",
     borderRadius: "25px",
@@ -288,7 +290,7 @@ const Te = ({
       borderColor: "#009200",
       boxShadow: "0 0 0 3px rgba(0, 146, 0, 0.1)"
     }
-  }), N = a("button")({
+  }), F = a("button")({
     padding: "10px 15px",
     border: "2px solid #009200",
     borderRadius: "6px",
@@ -308,7 +310,7 @@ const Te = ({
       transform: "translateY(-1px)",
       boxShadow: "0 4px 12px rgba(0, 146, 0, 0.3)"
     }
-  }), E = a("div")({
+  }), V = a("div")({
     position: "absolute",
     top: "100%",
     right: 0,
@@ -321,7 +323,7 @@ const Te = ({
     minWidth: "200px",
     maxHeight: "300px",
     overflowY: "auto"
-  }), _ = a("div")({
+  }), M = a("div")({
     padding: "12px 16px",
     display: "flex",
     alignItems: "center",
@@ -334,18 +336,18 @@ const Te = ({
       backgroundColor: "#f0f8f0",
       color: "#005c00"
     }
-  }), D = a("input")({
+  }), T = a("input")({
     width: "16px",
     height: "16px",
     accentColor: "#009200"
-  }), ce = a("table")({
+  }), de = a("table")({
     width: "100%",
     borderCollapse: "collapse",
     backgroundColor: "#ffffff",
     borderRadius: "8px",
     overflow: "hidden",
     boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)"
-  }), le = a("th")({
+  }), pe = a("th")({
     backgroundColor: "#f8f9fa",
     color: "#333333",
     padding: "16px 12px",
@@ -362,22 +364,22 @@ const Te = ({
       backgroundColor: "#e8f5e8",
       color: "#005c00"
     }
-  }), de = a("td")({
+  }), he = a("td")({
     padding: "14px 12px",
     borderBottom: "1px solid #f0f0f0",
     fontSize: "14px",
     color: "#333333",
     transition: "all 0.2s ease"
-  }), pe = a("span")({
+  }), fe = a("span")({
     marginLeft: "8px",
     opacity: 0.6
-  }), F = a("tr")({
+  }), H = a("tr")({
     transition: "all 0.2s ease",
     cursor: "pointer",
     "&:focus, &:hover, &:focus-within": {
       backgroundColor: "#f8fff8"
     }
-  }), he = a("div")({
+  }), ue = a("div")({
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
@@ -402,30 +404,30 @@ const Te = ({
       opacity: 0.5,
       cursor: "not-allowed"
     }
-  }), fe = a("div")({
+  }), xe = a("div")({
     fontSize: "14px",
     color: "#666666",
     textAlign: "center",
     marginTop: "10px"
-  }), V = a("span")({
+  }), O = a("span")({
     padding: "8px 4px",
     color: "#666666",
     fontSize: "14px"
   });
-  return /* @__PURE__ */ s(oe, { children: [
-    /* @__PURE__ */ s(te, { children: [
-      /* @__PURE__ */ o(ne, { children: u }),
-      /* @__PURE__ */ s(re, { children: [
-        /* @__PURE__ */ s(ie, { children: [
+  return /* @__PURE__ */ s(ne, { children: [
+    /* @__PURE__ */ s(re, { children: [
+      /* @__PURE__ */ o(ie, { children: f }),
+      /* @__PURE__ */ s(ae, { children: [
+        /* @__PURE__ */ s(se, { children: [
           /* @__PURE__ */ s("div", { style: { position: "relative" }, children: [
-            /* @__PURE__ */ o(ae, { onClick: R }),
+            /* @__PURE__ */ o(ce, { onClick: R }),
             /* @__PURE__ */ o(
-              se,
+              le,
               {
                 type: "text",
                 placeholder: "Search...",
-                defaultValue: m,
-                onChange: (e) => ee(e.target.value),
+                defaultValue: S,
+                onChange: (e) => te(e.target.value),
                 onKeyDown: (e) => {
                   e.key === "Enter" && R();
                 }
@@ -433,18 +435,18 @@ const Te = ({
             )
           ] }),
           /* @__PURE__ */ s("div", { style: { position: "relative" }, children: [
-            /* @__PURE__ */ s(N, { onClick: () => Z(!L), children: [
-              /* @__PURE__ */ o(U, { size: 16 }),
+            /* @__PURE__ */ s(F, { onClick: () => J(!N), children: [
+              /* @__PURE__ */ o(K, { size: 16 }),
               "Fields",
-              /* @__PURE__ */ o(M, { size: 16 })
+              /* @__PURE__ */ o(j, { size: 16 })
             ] }),
-            L && /* @__PURE__ */ s(E, { children: [
-              /* @__PURE__ */ s(_, { onClick: X, children: [
+            N && /* @__PURE__ */ s(V, { children: [
+              /* @__PURE__ */ s(M, { onClick: ee, children: [
                 /* @__PURE__ */ o(
-                  D,
+                  T,
                   {
                     type: "checkbox",
-                    checked: g.size === h.length,
+                    checked: k.size === p.length,
                     onChange: () => {
                     }
                   }
@@ -452,67 +454,67 @@ const Te = ({
                 /* @__PURE__ */ o("span", { style: { fontWeight: "bold" }, children: "All" })
               ] }),
               /* @__PURE__ */ o("div", { style: { height: "1px", backgroundColor: "#e0e0e0", margin: "4px 0" } }),
-              h.map((e) => /* @__PURE__ */ s(_, { onClick: () => Q(e), children: [
-                /* @__PURE__ */ o(D, { type: "checkbox", checked: g.has(e), onChange: () => {
+              p.map((e) => /* @__PURE__ */ s(M, { onClick: () => P(e), children: [
+                /* @__PURE__ */ o(T, { type: "checkbox", checked: k.has(e), onChange: () => {
                 } }),
-                /* @__PURE__ */ o("span", { children: i[e] || e })
+                /* @__PURE__ */ o("span", { children: r[e] || e })
               ] }, e))
             ] })
           ] })
         ] }),
         /* @__PURE__ */ s("div", { style: { position: "relative" }, children: [
-          /* @__PURE__ */ s(N, { onClick: () => Y(!W), children: [
-            /* @__PURE__ */ o(Ie, { size: 16 }),
+          /* @__PURE__ */ s(F, { onClick: () => G(!$), children: [
+            /* @__PURE__ */ o(De, { size: 16 }),
             "Columns",
-            /* @__PURE__ */ o(M, { size: 16 })
+            /* @__PURE__ */ o(j, { size: 16 })
           ] }),
-          W && /* @__PURE__ */ o(E, { children: h.map((e) => /* @__PURE__ */ s(_, { onClick: () => P(e), children: [
-            /* @__PURE__ */ o(D, { type: "checkbox", checked: B.has(e), onChange: () => {
+          $ && /* @__PURE__ */ o(V, { children: p.map((e) => /* @__PURE__ */ s(M, { onClick: () => oe(e), children: [
+            /* @__PURE__ */ o(T, { type: "checkbox", checked: _.has(e), onChange: () => {
             } }),
-            B.has(e) ? /* @__PURE__ */ o(ze, { size: 16 }) : /* @__PURE__ */ o(Se, { size: 16 }),
-            /* @__PURE__ */ o("span", { children: i[e] || e })
+            _.has(e) ? /* @__PURE__ */ o(Be, { size: 16 }) : /* @__PURE__ */ o(ze, { size: 16 }),
+            /* @__PURE__ */ o("span", { children: r[e] || e })
           ] }, e)) })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ s(ce, { children: [
-      /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o(F, { children: $.map((e) => /* @__PURE__ */ s(
-        le,
+    /* @__PURE__ */ s(de, { children: [
+      /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o(H, { children: E.map((e) => /* @__PURE__ */ s(
+        pe,
         {
           style: d.key === e ? b.thActive : {},
-          onClick: () => J(e),
+          onClick: () => X(e),
           children: [
-            i[e] || e,
-            /* @__PURE__ */ o(pe, { children: d.key === e ? d.direction === "asc" ? /* @__PURE__ */ o(O, { size: 16 }) : /* @__PURE__ */ o(M, { size: 16 }) : /* @__PURE__ */ o(O, { size: 16, style: { opacity: 0.313 } }) })
+            r[e] || e,
+            /* @__PURE__ */ o(fe, { children: d.key === e ? d.direction === "asc" ? /* @__PURE__ */ o(q, { size: 16 }) : /* @__PURE__ */ o(j, { size: 16 }) : /* @__PURE__ */ o(q, { size: 16, style: { opacity: 0.313 } }) })
           ]
         },
         e
       )) }) }),
-      /* @__PURE__ */ o("tbody", { children: G.map((e, r) => /* @__PURE__ */ o(F, { children: $.map((l) => /* @__PURE__ */ o(de, { children: e[l] }, l)) }, r)) })
+      /* @__PURE__ */ o("tbody", { children: Q.map((e, n) => /* @__PURE__ */ o(H, { onClick: () => y && y(e), children: E.map((l) => /* @__PURE__ */ o(he, { children: e[l] }, l)) }, n)) })
     ] }),
-    /* @__PURE__ */ s(he, { children: [
+    /* @__PURE__ */ s(ue, { children: [
       /* @__PURE__ */ o(
         w,
         {
-          style: n === 1 ? b.paginationButtonDisabled : {},
-          onClick: () => p(Math.max(1, n - 1)),
-          disabled: n === 1,
+          style: i === 1 ? b.paginationButtonDisabled : {},
+          onClick: () => u(Math.max(1, i - 1)),
+          disabled: i === 1,
           children: "Previous"
         }
       ),
       (() => {
         const e = [];
-        if (f <= 5)
-          for (let r = 1; r <= f; r++)
+        if (h <= 5)
+          for (let n = 1; n <= h; n++)
             e.push(
               /* @__PURE__ */ o(
                 w,
                 {
-                  style: n === r ? b.paginationButtonActive : {},
-                  onClick: () => p(r),
-                  children: r
+                  style: i === n ? b.paginationButtonActive : {},
+                  onClick: () => u(n),
+                  children: n
                 },
-                r
+                n
               )
             );
         else {
@@ -520,35 +522,35 @@ const Te = ({
             /* @__PURE__ */ o(
               w,
               {
-                style: n === 1 ? b.paginationButtonActive : {},
-                onClick: () => p(1),
+                style: i === 1 ? b.paginationButtonActive : {},
+                onClick: () => u(1),
                 children: "1"
               },
               1
             )
-          ), n > 3 && e.push(/* @__PURE__ */ o(V, { children: "..." }, "ellipsis1"));
-          const r = Math.max(2, n - 1), l = Math.min(f - 1, n + 1);
-          for (let x = r; x <= l; x++)
+          ), i > 3 && e.push(/* @__PURE__ */ o(O, { children: "..." }, "ellipsis1"));
+          const n = Math.max(2, i - 1), l = Math.min(h - 1, i + 1);
+          for (let x = n; x <= l; x++)
             e.push(
               /* @__PURE__ */ o(
                 w,
                 {
-                  style: n === x ? b.paginationButtonActive : {},
-                  onClick: () => p(x),
+                  style: i === x ? b.paginationButtonActive : {},
+                  onClick: () => u(x),
                   children: x
                 },
                 x
               )
             );
-          n < f - 2 && e.push(/* @__PURE__ */ o(V, { children: "..." }, "ellipsis2")), f > 1 && e.push(
+          i < h - 2 && e.push(/* @__PURE__ */ o(O, { children: "..." }, "ellipsis2")), h > 1 && e.push(
             /* @__PURE__ */ o(
               w,
               {
-                style: n === f ? b.paginationButtonActive : {},
-                onClick: () => p(f),
-                children: f
+                style: i === h ? b.paginationButtonActive : {},
+                onClick: () => u(h),
+                children: h
               },
-              f
+              h
             )
           );
         }
@@ -557,25 +559,25 @@ const Te = ({
       /* @__PURE__ */ o(
         w,
         {
-          style: n === f ? b.paginationButtonDisabled : {},
-          onClick: () => p(Math.min(f, n + 1)),
-          disabled: n === f,
+          style: i === h ? b.paginationButtonDisabled : {},
+          onClick: () => u(Math.min(h, i + 1)),
+          disabled: i === h,
           children: "Next"
         }
       )
     ] }),
-    /* @__PURE__ */ s(fe, { children: [
+    /* @__PURE__ */ s(xe, { children: [
       "Showing ",
-      Math.min((n - 1) * c + 1, k.length),
+      Math.min((i - 1) * c + 1, m.length),
       " to",
       " ",
-      Math.min(n * c, k.length),
+      Math.min(i * c, m.length),
       " of ",
-      k.length,
+      m.length,
       " entries"
     ] })
   ] });
 };
 export {
-  Te as default
+  We as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.295",
+  "version": "0.0.299",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",