@uoguelph/react-components 1.3.2 → 1.3.3

package/dist/pagination.js

@@ -32,21 +32,21 @@ function Z({
   page: d,
   count: e,
   visible: N,
-  defaultPage: h,
+  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(e).keys()], i = Math.max(Math.ceil(N), 3);
+  const [t, M] = y(b ?? 0), [P, j] = y(b ?? 0), C = [...Array(e).keys()], i = Math.max(Math.ceil(N), 3);
   q(() => {
     g(d ?? 0);
   }, [d]);
   const g = (r) => {
     const v = w(r, 0, e - 1);
     c == null || c(v), M(v);
-  }, f = (r) => /* @__PURE__ */ o("li", { className: "uog:contents", children: /* @__PURE__ */ o(
+  }, f = (r) => /* @__PURE__ */ o(
     "button",
     {
       className: `uofg-pagination-item ${W({ active: t === r })}`,
@@ -54,11 +54,12 @@ function Z({
         g(r);
       },
       children: r + 1
-    }
-  ) }, r);
-  let s, a, l, u;
-  e <= i || e < 5 ? (s = 1, a = e - 1, l = !1, u = !1) : t < i - 1 ? (s = 1, a = i, u = !0, l = !1) : t > e - i ? (s = e - i, a = e - 1, l = !0, u = !1) : (s = t - Math.floor(i / 2), a = s + i, l = s > 1, u = a < e);
-  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",
@@ -136,30 +137,30 @@ function Z({
     hideInput: $ ?? !1
   });
   return /* @__PURE__ */ m("div", { className: `uofg-pagination ${B(I(), L)}`, children: [
-    /* @__PURE__ */ m("ul", { className: `uofg-pagination-list ${z()}`, children: [
-      /* @__PURE__ */ o("li", { className: "uog:contents", children: /* @__PURE__ */ o(
+    /* @__PURE__ */ m("div", { className: `uofg-pagination-list ${z()}`, children: [
+      /* @__PURE__ */ o(
         "button",
         {
           disabled: t <= 0,
-          className: `uofg-pagination-previous ${b()}`,
+          className: `uofg-pagination-previous ${h()}`,
           onClick: () => g(t - 1),
           children: /* @__PURE__ */ o(n, { icon: _ })
         }
-      ) }),
+      ),
       f(0),
-      l && /* @__PURE__ */ o(n, { icon: x }),
-      C.slice(s, a).map(f),
       u && /* @__PURE__ */ o(n, { icon: x }),
+      C.slice(s, a).map(f),
+      l && /* @__PURE__ */ o(n, { icon: x }),
       f(e - 1),
-      /* @__PURE__ */ o("li", { className: "uog:contents", children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o(
         "button",
         {
           disabled: t >= e - 1,
-          className: `uofg-pagination-next ${b()}`,
+          className: `uofg-pagination-next ${h()}`,
           onClick: () => g(t + 1),
           children: /* @__PURE__ */ o(n, { icon: V })
         }
-      ) })
+      )
     ] }),
     /* @__PURE__ */ o("span", { className: `uofg-pagination-seperator ${E()}` }),
     /* @__PURE__ */ m("div", { className: `uofg-pagination-go-to-wrapper ${A()}`, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.3.2",
+  "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": "e5f51f54bd5588ef083fd48aa5931f6c405cb06e"
+  "gitHead": "3b12885d82db0a5bd8f52a8a391edc5c801e420c"
 }