@uoguelph/react-components 1.10.0-rc.3 → 1.10.0-rc.4

package/dist/toaster.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as o, jsxs as y } from "react/jsx-runtime";
 import { e as T, d as v, o as N, g as C } from "./solid-CpJcQLq3.js";
 import { FontAwesomeIcon as c } from "@fortawesome/react-fontawesome";
@@ -9,28 +10,28 @@ import { tv as q } from "tailwind-variants";
 let i = [];
 const f = /* @__PURE__ */ new Set();
 function d() {
-  f.forEach((t) => t());
+  f.forEach((e) => e());
 }
-function p(t) {
-  i = i.filter((e) => e.id !== t), d();
+function p(e) {
+  i = i.filter((t) => t.id !== e), d();
 }
-function a(t, e = "info", s = 3e3) {
+function a(e, t = "info", s = 3e3) {
   const n = S();
   i = [
     ...i,
     {
       id: n,
-      message: t,
-      type: e,
+      message: e,
+      type: t,
       timeout: s
     }
   ], d(), window.setTimeout(() => {
     p(n);
   }, s);
 }
-function I(t) {
-  return f.add(t), () => {
-    f.delete(t);
+function I(e) {
+  return f.add(e), () => {
+    f.delete(e);
   };
 }
 function g() {
@@ -42,18 +43,18 @@ function z() {
 const G = {
   add: a,
   remove: p,
-  info: (t, e) => a(t, "info", e),
-  success: (t, e) => a(t, "success", e),
-  warning: (t, e) => a(t, "warning", e),
-  error: (t, e) => a(t, "error", e)
+  info: (e, t) => a(e, "info", t),
+  success: (e, t) => a(e, "success", t),
+  warning: (e, t) => a(e, "warning", t),
+  error: (e, t) => a(e, "error", t)
 };
-function J({ toast: t, onRemove: e, ...s }) {
+function J({ toast: e, onRemove: t, ...s }) {
   const n = F(null);
-  return /* @__PURE__ */ o(R, { ...s, nodeRef: n, timeout: 300, classNames: "uofg-toast-transition", children: /* @__PURE__ */ o(M, { toast: t, onRemove: e, nodeRef: n }) });
+  return /* @__PURE__ */ o(R, { ...s, nodeRef: n, timeout: 300, classNames: "uofg-toast-transition", children: /* @__PURE__ */ o(M, { toast: e, onRemove: t, nodeRef: n }) });
 }
 function M({
-  toast: t,
-  onRemove: e,
+  toast: e,
+  onRemove: t,
   nodeRef: s
 }) {
   const [n, x] = E(100);
@@ -61,13 +62,13 @@ function M({
     const h = performance.now();
     let m;
     const l = (w) => {
-      const b = w - h, u = Math.max(0, 100 - b / t.timeout * 100);
+      const b = w - h, u = Math.max(0, 100 - b / e.timeout * 100);
       x(u), u > 0 && (m = requestAnimationFrame(l));
     };
     return m = requestAnimationFrame(l), () => {
       cancelAnimationFrame(m);
     };
-  }, [t.timeout]);
+  }, [e.timeout]);
   const r = q({
     slots: {
       toast: "uofg-toast relative flex max-w-[50ch] gap-2 overflow-hidden p-6 text-left text-lg",
@@ -91,18 +92,18 @@ function M({
         }
       }
     }
-  })({ type: t.type });
-  return /* @__PURE__ */ y("button", { onClick: () => e(t.id), ref: s, className: r.toast(), children: [
-    t.type === "info" && /* @__PURE__ */ o(c, { className: r.icon(), icon: T }),
-    t.type === "success" && /* @__PURE__ */ o(c, { className: r.icon(), icon: v }),
-    t.type === "warning" && /* @__PURE__ */ o(c, { className: r.icon(), icon: N }),
-    t.type === "error" && /* @__PURE__ */ o(c, { className: r.icon(), icon: C }),
-    /* @__PURE__ */ o("span", { className: r.message(), children: t.message }),
+  })({ type: e.type });
+  return /* @__PURE__ */ y("button", { onClick: () => t(e.id), ref: s, className: r.toast(), children: [
+    e.type === "info" && /* @__PURE__ */ o(c, { className: r.icon(), icon: T }),
+    e.type === "success" && /* @__PURE__ */ o(c, { className: r.icon(), icon: v }),
+    e.type === "warning" && /* @__PURE__ */ o(c, { className: r.icon(), icon: N }),
+    e.type === "error" && /* @__PURE__ */ o(c, { className: r.icon(), icon: C }),
+    /* @__PURE__ */ o("span", { className: r.message(), children: e.message }),
     /* @__PURE__ */ o("span", { className: r.progress(), style: { width: `${n}%` }, "aria-hidden": "true" })
   ] });
 }
 function Q() {
-  const t = z(), e = j(
+  const e = z(), t = j(
     "uofg-toaster",
     "fixed",
     "right-4",
@@ -114,7 +115,7 @@ function Q() {
     "items-end",
     "gap-3"
   );
-  return /* @__PURE__ */ o(P, { component: "div", className: e, children: t.map((s) => /* @__PURE__ */ o(J, { toast: s, onRemove: G.remove }, s.id)) });
+  return /* @__PURE__ */ o(P, { component: "div", className: t, children: e.map((s) => /* @__PURE__ */ o(J, { toast: s, onRemove: G.remove }, s.id)) });
 }
 export {
   Q as Toaster,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uoguelph/react-components",
-  "version": "1.10.0-rc.3",
+  "version": "1.10.0-rc.4",
   "description": "University of Guelph React Components Library",
   "type": "module",
   "scripts": {