jcicl 0.0.299 → 0.0.303

package/Table/Table.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.299",
+  "version": "0.0.303",
   "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",