jcicl 0.0.301 → 0.0.303

package/Table/Table.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import ke, { forwardRef as J, createElement as E, useState as y, useMemo as _ } from "react";
+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";
 /**
@@ -48,7 +48,7 @@ const Be = J(
     size: r = 24,
     strokeWidth: l = 2,
     absoluteStrokeWidth: u,
-    className: m = "",
+    className: C = "",
     children: b,
     iconNode: s,
     ...x
@@ -61,7 +61,7 @@ const Be = J(
       height: r,
       stroke: n,
       strokeWidth: u ? Number(l) * 24 / Number(r) : l,
-      className: Q("lucide", m),
+      className: Q("lucide", C),
       ...!b && !Ae(x) && { "aria-hidden": "true" },
       ...x
     },
@@ -79,7 +79,7 @@ const Be = J(
  */
 const z = (n, r) => {
   const l = J(
-    ({ className: u, ...m }, b) => E(Be, {
+    ({ className: u, ...C }, b) => E(Be, {
       ref: b,
       iconNode: r,
       className: Q(
@@ -87,7 +87,7 @@ const z = (n, r) => {
         `lucide-${n}`,
         u
       ),
-      ...m
+      ...C
     })
   );
   return l.displayName = Y(n), l;
@@ -152,17 +152,17 @@ const Te = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const We = [
+const Re = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], G = z("search", We);
+], 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 Re = [
+const We = [
   [
     "path",
     {
@@ -171,17 +171,17 @@ const Re = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], $e = z("settings", Re);
+], $e = z("settings", We);
 let v = "";
 const Ue = ({
   data: n = [],
   columnTitles: r = {},
   rowsPerPage: l = 19,
   title: u = "Data Table",
-  onRowClick: m,
+  onRowClick: C,
   hiddenColumns: b = []
 }) => {
-  const [s, x] = y(1), [, D] = y(""), [d, M] = y({ key: "", direction: "asc" }), [w, B] = y(/* @__PURE__ */ new Set()), [T, N] = y(/* @__PURE__ */ new Set()), [V, X] = y(!1), [F, P] = y(!1), p = _(() => n.length === 0 ? [] : Object.keys(n[0]).filter((e) => !b.includes(e)), [n]);
+  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]);
@@ -189,25 +189,25 @@ const Ue = ({
     if (!v) return n;
     const e = w.size > 0 ? w : new Set(p);
     return n.filter((o) => Array.from(e).some((a) => {
-      const f = o[a];
-      return f && f.toString().toLowerCase().includes(v.toLowerCase());
+      const h = o[a];
+      return h && h.toString().toLowerCase().includes(v.toLowerCase());
     }));
   }, [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;
-    }, f = [
+    }, h = [
       e.join(","),
       // header row
       ...g.map((S) => I.map((j) => o(S[j])).join(","))
     ].join(`
-`), we = new Blob([f], { type: "text/csv;charset=utf-8;" }), A = document.createElement("a");
+`), 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]), h = Math.ceil(g.length / l), oe = (e) => {
+  }, [g, s, l]), f = Math.ceil(g.length / l), oe = (e) => {
     M((o) => ({
       key: e,
       direction: o.key === e && o.direction === "asc" ? "desc" : "asc"
@@ -228,7 +228,7 @@ const Ue = ({
     v = e;
   }, U = () => {
     D(v);
-  }, C = {
+  }, y = {
     thActive: {
       backgroundColor: "#009200",
       color: "#ffffff"
@@ -281,12 +281,12 @@ const Ue = ({
     gap: "15px",
     alignItems: "center",
     flexWrap: "wrap"
-  }), he = i("div")({
+  }), fe = i("div")({
     position: "relative",
     display: "flex",
     alignItems: "center",
     flexGrow: 1
-  }), fe = i(G)({
+  }), he = i(G)({
     position: "absolute",
     left: "13px",
     top: "10px",
@@ -345,7 +345,7 @@ const Ue = ({
     minWidth: "200px",
     maxHeight: "300px",
     overflowY: "auto"
-  }), W = i("div")({
+  }), R = i("div")({
     padding: "12px 16px",
     display: "flex",
     alignItems: "center",
@@ -358,7 +358,7 @@ const Ue = ({
       backgroundColor: "#f0f8f0",
       color: "#005c00"
     }
-  }), R = i("input")({
+  }), W = i("input")({
     width: "16px",
     height: "16px",
     accentColor: "#009200"
@@ -395,13 +395,15 @@ const Ue = ({
   }), Ce = i("span")({
     marginLeft: "8px",
     opacity: 0.6
-  }), q = i("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"
+      }
     }
-  }), ye = i("div")({
+  })), ye = i("div")({
     display: "flex",
     justifyContent: "center",
     alignItems: "center",
@@ -443,8 +445,8 @@ const Ue = ({
         /* @__PURE__ */ t(Se, { onClick: ee, children: "Export to CSV" })
       ] }),
       /* @__PURE__ */ c(pe, { children: [
-        /* @__PURE__ */ c(he, { children: [
-          /* @__PURE__ */ t(fe, { onClick: U }),
+        /* @__PURE__ */ c(fe, { children: [
+          /* @__PURE__ */ t(he, { onClick: U }),
           /* @__PURE__ */ t(
             ue,
             {
@@ -465,9 +467,9 @@ const Ue = ({
             /* @__PURE__ */ t($, { size: 16 })
           ] }),
           F && /* @__PURE__ */ c(H, { children: [
-            /* @__PURE__ */ c(W, { onClick: re, children: [
+            /* @__PURE__ */ c(R, { onClick: re, children: [
               /* @__PURE__ */ t(
-                R,
+                W,
                 {
                   type: "checkbox",
                   checked: w.size === p.length,
@@ -478,8 +480,8 @@ const Ue = ({
               /* @__PURE__ */ t("span", { style: { fontWeight: "bold" }, children: "All" })
             ] }),
             /* @__PURE__ */ t("div", { style: { height: "1px", backgroundColor: "#e0e0e0", margin: "4px 0" } }),
-            p.map((e) => /* @__PURE__ */ c(W, { onClick: () => ne(e), children: [
-              /* @__PURE__ */ t(R, { type: "checkbox", checked: w.has(e), onChange: () => {
+            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))
@@ -491,8 +493,8 @@ const Ue = ({
             "Columns",
             /* @__PURE__ */ t($, { size: 16 })
           ] }),
-          V && /* @__PURE__ */ t(H, { children: p.map((e) => /* @__PURE__ */ c(W, { onClick: () => ie(e), children: [
-            /* @__PURE__ */ t(R, { type: "checkbox", checked: T.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: () => {
             } }),
             T.has(e) ? /* @__PURE__ */ t(Le, { size: 16 }) : /* @__PURE__ */ t(Me, { size: 16 }),
             /* @__PURE__ */ t("span", { children: r[e] || e })
@@ -501,10 +503,10 @@ const Ue = ({
       ] })
     ] }),
     /* @__PURE__ */ c(xe, { children: [
-      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t(q, { children: I.map((e) => /* @__PURE__ */ c(
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t(q, { interactableRow: !1, children: I.map((e) => /* @__PURE__ */ c(
         ge,
         {
-          style: d.key === e ? C.thActive : {},
+          style: d.key === e ? y.thActive : {},
           onClick: () => oe(e),
           children: [
             r[e] || e,
@@ -513,13 +515,13 @@ const Ue = ({
         },
         e
       )) }) }),
-      /* @__PURE__ */ t("tbody", { children: te.map((e, o) => /* @__PURE__ */ t(q, { onClick: () => m && m(e), children: I.map((a) => /* @__PURE__ */ t(be, { children: e[a] }, a)) }, o)) })
+      /* @__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__ */ c(ye, { children: [
       /* @__PURE__ */ t(
         k,
         {
-          style: s === 1 ? C.paginationButtonDisabled : {},
+          style: s === 1 ? y.paginationButtonDisabled : {},
           onClick: () => x(Math.max(1, s - 1)),
           disabled: s === 1,
           children: "Previous"
@@ -527,13 +529,13 @@ const Ue = ({
       ),
       (() => {
         const e = [];
-        if (h <= 5)
-          for (let o = 1; o <= h; o++)
+        if (f <= 5)
+          for (let o = 1; o <= f; o++)
             e.push(
               /* @__PURE__ */ t(
                 k,
                 {
-                  style: s === o ? C.paginationButtonActive : {},
+                  style: s === o ? y.paginationButtonActive : {},
                   onClick: () => x(o),
                   children: o
                 },
@@ -545,35 +547,35 @@ const Ue = ({
             /* @__PURE__ */ t(
               k,
               {
-                style: s === 1 ? C.paginationButtonActive : {},
+                style: s === 1 ? y.paginationButtonActive : {},
                 onClick: () => x(1),
                 children: "1"
               },
               1
             )
           ), s > 3 && e.push(/* @__PURE__ */ t(K, { children: "..." }, "ellipsis1"));
-          const o = Math.max(2, s - 1), a = Math.min(h - 1, s + 1);
-          for (let f = o; f <= a; f++)
+          const o = Math.max(2, s - 1), a = Math.min(f - 1, s + 1);
+          for (let h = o; h <= a; h++)
             e.push(
               /* @__PURE__ */ t(
                 k,
                 {
-                  style: s === f ? C.paginationButtonActive : {},
-                  onClick: () => x(f),
-                  children: f
+                  style: s === h ? y.paginationButtonActive : {},
+                  onClick: () => x(h),
+                  children: h
                 },
-                f
+                h
               )
             );
-          s < h - 2 && e.push(/* @__PURE__ */ t(K, { children: "..." }, "ellipsis2")), h > 1 && e.push(
+          s < f - 2 && e.push(/* @__PURE__ */ t(K, { children: "..." }, "ellipsis2")), f > 1 && e.push(
             /* @__PURE__ */ t(
               k,
               {
-                style: s === h ? C.paginationButtonActive : {},
-                onClick: () => x(h),
-                children: h
+                style: s === f ? y.paginationButtonActive : {},
+                onClick: () => x(f),
+                children: f
               },
-              h
+              f
             )
           );
         }
@@ -582,9 +584,9 @@ const Ue = ({
       /* @__PURE__ */ t(
         k,
         {
-          style: s === h ? C.paginationButtonDisabled : {},
-          onClick: () => x(Math.min(h, s + 1)),
-          disabled: s === h,
+          style: s === f ? y.paginationButtonDisabled : {},
+          onClick: () => x(Math.min(f, s + 1)),
+          disabled: s === f,
           children: "Next"
         }
       )

package/package.json

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