@uoguelph/react-components 1.3.1 → 1.3.3

package/dist/pagination.js

@@ -1,10 +1,10 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { j as x } from "./solid-D19hAF5t.js";
-import { FontAwesomeIcon as u } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon as n } from "@fortawesome/react-fontawesome";
 import { useState as y, useEffect as q } from "react";
 import { twMerge as B } from "tailwind-merge";
 import { tv as F } from "tailwind-variants";
-import { c as N } from "./math-utils-CnAd98v6.js";
+import { c as w } from "./math-utils-CnAd98v6.js";
 import { Button as G } from "./button.js";
 import { NumberInput as S } from "./number-input.js";
 var V = {
@@ -30,35 +30,36 @@ var V = {
 };
 function Z({
   page: d,
-  count: o,
-  visible: w,
-  defaultPage: h,
+  count: e,
+  visible: N,
+  defaultPage: b,
   onChange: c,
   color: p = "yellow",
   hideInput: $ = !1,
   hideList: k = !1,
   className: L
 }) {
-  const [t, M] = y(h ?? 0), [P, j] = y(h ?? 0), C = [...Array(o).keys()], s = Math.max(Math.ceil(w), 3);
+  const [t, M] = y(b ?? 0), [P, j] = y(b ?? 0), C = [...Array(e).keys()], i = Math.max(Math.ceil(N), 3);
   q(() => {
-    l(d ?? 0);
+    g(d ?? 0);
   }, [d]);
-  const l = (r) => {
-    const v = N(r, 0, o - 1);
+  const g = (r) => {
+    const v = w(r, 0, e - 1);
     c == null || c(v), M(v);
-  }, m = (r) => /* @__PURE__ */ e("li", { className: "uog:contents", children: /* @__PURE__ */ e(
+  }, f = (r) => /* @__PURE__ */ o(
     "button",
     {
       className: `uofg-pagination-item ${W({ active: t === r })}`,
       onClick: () => {
-        l(r);
+        g(r);
       },
       children: r + 1
-    }
-  ) }, r);
-  let i, a, g, n;
-  o <= s || o < 5 ? (i = 1, a = o - 1, g = !1, n = !1) : t < s - 1 ? (i = 1, a = s, n = !0, g = !1) : t > o - s ? (i = o - s, a = o - 1, g = !0, n = !1) : (i = t - Math.floor(s / 2), a = i + s, g = i > 1, n = a < o);
-  const { base: I, list: z, seperator: E, control: b, item: W, inputWrapper: A, goTo: R, input: T } = F({
+    },
+    r
+  );
+  let s, a, u, l;
+  e <= i || e < 5 ? (s = 1, a = e - 1, u = !1, l = !1) : t < i - 1 ? (s = 1, a = i, l = !0, u = !1) : t > e - i ? (s = e - i, a = e - 1, u = !0, l = !1) : (s = t - Math.floor(i / 2), a = s + i, u = s > 1, l = a < e);
+  const { base: I, list: z, seperator: E, control: h, item: W, inputWrapper: A, goTo: R, input: T } = F({
     slots: {
       base: "uog:flex uog:w-full uog:flex-col uog:md:flex-row uog:gap-4 uog:items-center uog:justify-center",
       list: "uog:flex uog:gap-4 uog:items-center uog:justify-center",
@@ -135,54 +136,54 @@ function Z({
     hideList: k ?? !1,
     hideInput: $ ?? !1
   });
-  return /* @__PURE__ */ f("div", { className: `uofg-pagination ${B(I(), L)}`, children: [
-    /* @__PURE__ */ f("ul", { className: `uofg-pagination-list ${z()}`, children: [
-      /* @__PURE__ */ e("li", { className: "uog:contents", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ m("div", { className: `uofg-pagination ${B(I(), L)}`, children: [
+    /* @__PURE__ */ m("div", { className: `uofg-pagination-list ${z()}`, children: [
+      /* @__PURE__ */ o(
         "button",
         {
           disabled: t <= 0,
-          className: `uofg-pagination-previous ${b()}`,
-          onClick: () => l(t - 1),
-          children: /* @__PURE__ */ e(u, { icon: _ })
+          className: `uofg-pagination-previous ${h()}`,
+          onClick: () => g(t - 1),
+          children: /* @__PURE__ */ o(n, { icon: _ })
         }
-      ) }),
-      /* @__PURE__ */ e("li", { className: "uog:contents", children: m(0) }),
-      g && /* @__PURE__ */ e(u, { icon: x }),
-      C.slice(i, a).map(m),
-      n && /* @__PURE__ */ e(u, { icon: x }),
-      /* @__PURE__ */ e("li", { className: "uog:contents", children: m(o - 1) }),
-      /* @__PURE__ */ e("li", { className: "uog:contents", children: /* @__PURE__ */ e(
+      ),
+      f(0),
+      u && /* @__PURE__ */ o(n, { icon: x }),
+      C.slice(s, a).map(f),
+      l && /* @__PURE__ */ o(n, { icon: x }),
+      f(e - 1),
+      /* @__PURE__ */ o(
         "button",
         {
-          disabled: t >= o - 1,
-          className: `uofg-pagination-next ${b()}`,
-          onClick: () => l(t + 1),
-          children: /* @__PURE__ */ e(u, { icon: V })
+          disabled: t >= e - 1,
+          className: `uofg-pagination-next ${h()}`,
+          onClick: () => g(t + 1),
+          children: /* @__PURE__ */ o(n, { icon: V })
         }
-      ) })
+      )
     ] }),
-    /* @__PURE__ */ e("span", { className: `uofg-pagination-seperator ${E()}` }),
-    /* @__PURE__ */ f("div", { className: `uofg-pagination-go-to-wrapper ${A()}`, children: [
-      /* @__PURE__ */ e(
+    /* @__PURE__ */ o("span", { className: `uofg-pagination-seperator ${E()}` }),
+    /* @__PURE__ */ m("div", { className: `uofg-pagination-go-to-wrapper ${A()}`, children: [
+      /* @__PURE__ */ o(
         S,
         {
           color: p,
           min: 1,
-          max: o,
+          max: e,
           value: t + 1,
           onInput: (r) => {
-            j(isNaN(r) ? 0 : N(r - 1, 0, o - 1));
+            j(isNaN(r) ? 0 : w(r - 1, 0, e - 1));
           },
           className: `uofg-pagination-go-to-input ${T()}`
         }
       ),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ o(
         G,
         {
           color: p,
           className: `uofg-pagination-go-to-button ${R()}`,
           onClick: () => {
-            l(P);
+            g(P);
           },
           children: "Go to page"
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {
@@ -84,5 +84,5 @@
   "bugs": {
     "url": "https://github.com/ccswbs/uofg-components/issues"
   },
-  "gitHead": "2a9a13f4af35d833daf38dfd27b1346df69f2a57"
+  "gitHead": "3b12885d82db0a5bd8f52a8a391edc5c801e420c"
 }