@uoguelph/react-components 1.10.1 → 1.10.2-rc.0

package/dist/accordion-button.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { c as u, d as l } from "./regular-Dfv3Fzq0.js";
-import { FontAwesomeIcon as a } from "@fortawesome/react-fontawesome";
-import { DisclosureButton as b } from "@headlessui/react";
+import { FontAwesomeIcon as b } from "@fortawesome/react-fontawesome";
+import { DisclosureButton as a } from "@headlessui/react";
 import { useContext as f } from "react";
 import { twMerge as m } from "tailwind-merge";
 import { tv as p } from "tailwind-variants";
 import { AccordionContext as g } from "./accordion-context.js";
-function x({ children: n, className: e }) {
+function x({ children: e, className: n }) {
   const t = f(g), i = p({
     slots: {
       button: "group mb-1 inline-flex w-full cursor-pointer items-center justify-between gap-2 p-2.5 px-5 text-left text-xl transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-blue focus-visible:ring-offset-2 hocus-visible:bg-blue hocus-visible:text-blue-contrast",
@@ -26,16 +26,23 @@ function x({ children: n, className: e }) {
       }
     }
   }), { button: s, icon: r } = i({ open: t?.isOpen });
-  return /* @__PURE__ */ c(b, { className: `uofg-accordion-button ${m(e, s())}`, children: [
-    /* @__PURE__ */ o("span", { className: "uofg-accordion-button-content", children: n }),
-    /* @__PURE__ */ o(
-      a,
-      {
-        icon: t?.isOpen ? u : l,
-        className: `uofg-accordion-button-icon ${r()}`
-      }
-    )
-  ] });
+  return /* @__PURE__ */ c(
+    a,
+    {
+      ref: t?.buttonRef,
+      className: `uofg-accordion-button ${m(n, s())}`,
+      children: [
+        /* @__PURE__ */ o("span", { className: "uofg-accordion-button-content", children: e }),
+        /* @__PURE__ */ o(
+          b,
+          {
+            icon: t?.isOpen ? u : l,
+            className: `uofg-accordion-button-icon ${r()}`
+          }
+        )
+      ]
+    }
+  );
 }
 x.displayName = "AccordionButton";
 export {

package/dist/accordion-context.js

@@ -1,5 +1,5 @@
 import { createContext as o } from "react";
-const e = o(void 0);
+const e = o(null);
 export {
   e as AccordionContext
 };

package/dist/accordion.js

@@ -1,17 +1,29 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { Disclosure as e } from "@headlessui/react";
-import { twMerge as m } from "tailwind-merge";
-import { AccordionContext as d } from "./accordion-context.js";
-import { AccordionButton as A } from "./accordion-button.js";
-import { AccordionContent as v } from "./accordion-content.js";
-function p({ id: r, children: c, className: i }) {
-  const n = m("my-2 [&_p:last-child]:mb-0", i);
-  return /* @__PURE__ */ o(e, { children: ({ open: t }) => /* @__PURE__ */ o("div", { id: r, className: `uofg-accordion ${n}`, children: /* @__PURE__ */ o(d.Provider, { value: { isOpen: t }, children: c }) }) });
+import { jsx as n } from "react/jsx-runtime";
+import { Disclosure as m } from "@headlessui/react";
+import { twMerge as l } from "tailwind-merge";
+import { AccordionContext as u } from "./accordion-context.js";
+import { useRef as d, useEffect as f } from "react";
+import { AccordionButton as O } from "./accordion-button.js";
+import { AccordionContent as B } from "./accordion-content.js";
+function h({ id: e, children: c, className: i }) {
+  const s = l("my-2 [&_p:last-child]:mb-0", i), t = d(null);
+  return f(() => {
+    if (!e) return;
+    const o = () => {
+      if (window.location.hash.replace(/^#/, "") !== e) return;
+      const r = document.getElementById(e);
+      if (!r) return;
+      r.querySelector("[data-open]") !== null || t.current?.click(), r.scrollIntoView({ block: "start" });
+    }, a = setTimeout(o, 0);
+    return window.addEventListener("hashchange", o), () => {
+      clearTimeout(a), window.removeEventListener("hashchange", o);
+    };
+  }, [e]), /* @__PURE__ */ n(m, { children: ({ open: o }) => /* @__PURE__ */ n("div", { id: e, className: `uofg-accordion ${s}`, children: /* @__PURE__ */ n(u.Provider, { value: { isOpen: o, buttonRef: t }, children: c }) }) });
 }
-p.displayName = "Accordion";
+h.displayName = "Accordion";
 export {
-  p as Accordion,
-  A as AccordionButton,
-  v as AccordionContent
+  h as Accordion,
+  O as AccordionButton,
+  B as AccordionContent
 };

package/dist/components/accordion/accordion-context.d.ts

@@ -1,4 +1,6 @@
+import { RefObject } from 'react';
 export type AccordionContextValue = {
     isOpen: boolean;
+    buttonRef: RefObject<HTMLButtonElement | null>;
 };
-export declare const AccordionContext: import('react').Context<AccordionContextValue | undefined>;
+export declare const AccordionContext: import('react').Context<AccordionContextValue | null>;

package/package.json

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