@canopy-iiif/app 1.9.8 → 1.9.9

package/ui/dist/server.mjs

@@ -702,10 +702,11 @@ function Button({
   variant = "primary",
   className = "",
   children,
+  as: Element = "a",
   ...rest
 }) {
   const resolvedVariant = VARIANTS.has(variant) ? variant : "primary";
-  const computedRel = target === "_blank" && !rel ? "noopener noreferrer" : rel;
+  const computedRel = Element === "a" && target === "_blank" && !rel ? "noopener noreferrer" : rel;
   const content = children != null ? children : label;
   if (!content) return null;
   const classes = [
@@ -713,17 +714,19 @@ function Button({
     `canopy-button--${resolvedVariant}`,
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React8.createElement(
-    "a",
-    {
-      href,
-      className: classes,
-      target,
-      rel: computedRel,
-      ...rest
-    },
-    content
-  );
+  const elementProps = {
+    className: classes,
+    ...rest
+  };
+  if (Element === "a") {
+    elementProps.href = href;
+    if (target) elementProps.target = target;
+    if (computedRel) elementProps.rel = computedRel;
+  } else {
+    if (typeof target !== "undefined") elementProps.target = target;
+    if (computedRel) elementProps.rel = computedRel;
+  }
+  return /* @__PURE__ */ React8.createElement(Element, { ...elementProps }, content);
 }
 
 // ui/src/layout/ButtonWrapper.jsx
@@ -887,8 +890,8 @@ function Hero({
 }) {
   const normalizedVariant = normalizeVariant(variant);
   const isBreadcrumbVariant = normalizedVariant === "breadcrumb";
-  const PageContext = navigationHelpers && typeof navigationHelpers.getPageContext === "function" ? navigationHelpers.getPageContext() : null;
-  const pageContext = PageContext ? React10.useContext(PageContext) : null;
+  const PageContext2 = navigationHelpers && typeof navigationHelpers.getPageContext === "function" ? navigationHelpers.getPageContext() : null;
+  const pageContext = PageContext2 ? React10.useContext(PageContext2) : null;
   let orderedSlides = [];
   if (!isBreadcrumbVariant) {
     const resolved = resolveFeaturedItem({ item, index, random });
@@ -1248,8 +1251,8 @@ function SubNavigation({
   heading,
   ariaLabel
 }) {
-  const PageContext = navigationHelpers2 && navigationHelpers2.getPageContext ? navigationHelpers2.getPageContext() : null;
-  const context = PageContext ? React12.useContext(PageContext) : null;
+  const PageContext2 = navigationHelpers2 && navigationHelpers2.getPageContext ? navigationHelpers2.getPageContext() : null;
+  const context = PageContext2 ? React12.useContext(PageContext2) : null;
   const contextNavigation = context && context.navigation ? context.navigation : null;
   const contextPage = context && context.page ? context.page : null;
   const effectiveNavigation = navigationProp || contextNavigation;
@@ -2013,8 +2016,8 @@ function Layout({
   contentNavigationClassName = "",
   ...rest
 }) {
-  const PageContext = navigationHelpers3 && typeof navigationHelpers3.getPageContext === "function" ? navigationHelpers3.getPageContext() : null;
-  const context = PageContext ? React14.useContext(PageContext) : null;
+  const PageContext2 = navigationHelpers3 && typeof navigationHelpers3.getPageContext === "function" ? navigationHelpers3.getPageContext() : null;
+  const context = PageContext2 ? React14.useContext(PageContext2) : null;
   const pageHeadings = React14.useMemo(() => {
     const headings = context && context.page ? context.page.headings : null;
     return Array.isArray(headings) ? headings : [];
@@ -2315,22 +2318,40 @@ function SearchPanel(props = {}) {
 }
 
 // ui/src/layout/CanopyBrand.jsx
+import React20 from "react";
+
+// ui/src/layout/pageContext.js
 import React19 from "react";
+var CONTEXT_KEY = typeof Symbol === "function" ? Symbol.for("__CANOPY_PAGE_CONTEXT__") : "__CANOPY_PAGE_CONTEXT__";
+function getSharedRoot() {
+  if (typeof globalThis !== "undefined") return globalThis;
+  if (typeof window !== "undefined") return window;
+  if (typeof global !== "undefined") return global;
+  return null;
+}
+function getSafePageContext() {
+  const root = getSharedRoot();
+  if (root && root[CONTEXT_KEY]) return root[CONTEXT_KEY];
+  const ctx = React19.createContext({ navigation: null, page: null, site: null });
+  if (root) root[CONTEXT_KEY] = ctx;
+  return ctx;
+}
+
+// ui/src/layout/CanopyBrand.jsx
+var PageContext = getSafePageContext();
 function CanopyBrand(props = {}) {
-  const {
-    labelId,
-    label = "Canopy IIIF",
-    href = "/",
-    className,
-    Logo
-  } = props || {};
+  const { labelId, label: labelProp, href = "/", className, Logo } = props || {};
+  const context = React20.useContext(PageContext);
+  const contextSiteTitle = context && context.site && typeof context.site.title === "string" ? context.site.title.trim() : "";
+  const normalizedLabel = typeof labelProp === "string" && labelProp.trim() ? labelProp : "";
+  const resolvedLabel = normalizedLabel || contextSiteTitle || "Site title";
   const spanProps = labelId ? { id: labelId } : {};
   const classes = ["canopy-logo", className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ React19.createElement("a", { href, className: classes }, typeof Logo === "function" ? /* @__PURE__ */ React19.createElement(Logo, null) : null, /* @__PURE__ */ React19.createElement("span", { ...spanProps }, label));
+  return /* @__PURE__ */ React20.createElement("a", { href, className: classes }, typeof Logo === "function" ? /* @__PURE__ */ React20.createElement(Logo, null) : null, /* @__PURE__ */ React20.createElement("span", { ...spanProps }, resolvedLabel));
 }
 
 // ui/src/layout/CanopyModal.jsx
-import React20 from "react";
+import React21 from "react";
 function CanopyModal(props = {}) {
   const {
     id,
@@ -2381,7 +2402,7 @@ function CanopyModal(props = {}) {
   if (padded) bodyClasses.push("canopy-modal__body--padded");
   if (bodyClassName) bodyClasses.push(bodyClassName);
   const bodyClassNameValue = bodyClasses.join(" ");
-  return /* @__PURE__ */ React20.createElement("div", { ...modalProps }, /* @__PURE__ */ React20.createElement("div", { className: "canopy-modal__panel" }, /* @__PURE__ */ React20.createElement("button", { ...closeButtonProps }, /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement("div", { ...modalProps }, /* @__PURE__ */ React21.createElement("div", { className: "canopy-modal__panel" }, /* @__PURE__ */ React21.createElement("button", { ...closeButtonProps }, /* @__PURE__ */ React21.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2391,8 +2412,8 @@ function CanopyModal(props = {}) {
       strokeWidth: "1.5",
       className: "canopy-modal__close-icon"
     },
-    /* @__PURE__ */ React20.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 6l12 12M6 18L18 6" })
-  ), /* @__PURE__ */ React20.createElement("span", { className: "sr-only" }, closeLabel)), /* @__PURE__ */ React20.createElement("div", { className: bodyClassNameValue }, label ? /* @__PURE__ */ React20.createElement("div", { className: "canopy-modal__brand" }, /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React21.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 6l12 12M6 18L18 6" })
+  ), /* @__PURE__ */ React21.createElement("span", { className: "sr-only" }, closeLabel)), /* @__PURE__ */ React21.createElement("div", { className: bodyClassNameValue }, label ? /* @__PURE__ */ React21.createElement("div", { className: "canopy-modal__brand" }, /* @__PURE__ */ React21.createElement(
     CanopyBrand,
     {
       labelId: resolvedLabelId,
@@ -2404,23 +2425,6 @@ function CanopyModal(props = {}) {
   )) : null, children)));
 }
 
-// ui/src/layout/pageContext.js
-import React21 from "react";
-var CONTEXT_KEY = typeof Symbol === "function" ? Symbol.for("__CANOPY_PAGE_CONTEXT__") : "__CANOPY_PAGE_CONTEXT__";
-function getSharedRoot() {
-  if (typeof globalThis !== "undefined") return globalThis;
-  if (typeof window !== "undefined") return window;
-  if (typeof global !== "undefined") return global;
-  return null;
-}
-function getSafePageContext() {
-  const root = getSharedRoot();
-  if (root && root[CONTEXT_KEY]) return root[CONTEXT_KEY];
-  const ctx = React21.createContext({ navigation: null, page: null, site: null });
-  if (root) root[CONTEXT_KEY] = ctx;
-  return ctx;
-}
-
 // ui/src/layout/LanguageToggle.jsx
 import React23 from "react";
 
@@ -2733,8 +2737,8 @@ function LanguageToggle({
   label,
   ariaLabel
 }) {
-  const PageContext = getSafePageContext();
-  const context = React23.useContext(PageContext);
+  const PageContext2 = getSafePageContext();
+  const context = React23.useContext(PageContext2);
   const siteLanguageToggle = context && context.site && context.site.languageToggle || null;
   const pageData = page || (context && context.page ? context.page : null);
   const resolvedToggle = languageToggle === false ? null : languageToggle === true || typeof languageToggle === "undefined" ? siteLanguageToggle : languageToggle;
@@ -3132,8 +3136,8 @@ function CanopyHeader(props = {}) {
     logo: SiteLogo,
     languageToggle: languageToggleProp
   } = props;
-  const PageContext = getSafePageContext();
-  const context = React24.useContext(PageContext);
+  const PageContext2 = getSafePageContext();
+  const context = React24.useContext(PageContext2);
   const contextPrimaryNav = context && Array.isArray(context.primaryNavigation) ? context.primaryNavigation : [];
   const navLinks = navLinksProp && navLinksProp.length ? ensureArray(navLinksProp) : ensureArray(contextPrimaryNav);
   const contextNavigation = context && context.navigation ? context.navigation : null;
@@ -3608,9 +3612,9 @@ import React30 from "react";
 import navigationHelpers4 from "@canopy-iiif/app/lib/components/navigation.js";
 function useReferencedItems(itemsProp) {
   if (Array.isArray(itemsProp)) return itemsProp;
-  const PageContext = navigationHelpers4 && typeof navigationHelpers4.getPageContext === "function" ? navigationHelpers4.getPageContext() : null;
-  if (!PageContext) return [];
-  const context = React30.useContext(PageContext);
+  const PageContext2 = navigationHelpers4 && typeof navigationHelpers4.getPageContext === "function" ? navigationHelpers4.getPageContext() : null;
+  if (!PageContext2) return [];
+  const context = React30.useContext(PageContext2);
   const items = context && context.page ? context.page.referencedItems : null;
   return Array.isArray(items) ? items : [];
 }
@@ -3683,8 +3687,8 @@ function References({
   children,
   ...rest
 }) {
-  const PageContext = getPageContext();
-  const context = PageContext ? React31.useContext(PageContext) : null;
+  const PageContext2 = getPageContext();
+  const context = PageContext2 ? React31.useContext(PageContext2) : null;
   const contextPage = context && context.page ? context.page : null;
   const manifestId = id || contextPage && contextPage.manifestId || "";
   const contextReferences = !id && contextPage && Array.isArray(contextPage.referencedBy) ? contextPage.referencedBy : null;
@@ -4708,8 +4712,8 @@ function getReferencedModule() {
   return referencedModule;
 }
 function useReferencedManifestMap() {
-  const PageContext = getPageContext2() || PageContextFallback;
-  const pageContext = React36.useContext(PageContext);
+  const PageContext2 = getPageContext2() || PageContextFallback;
+  const pageContext = React36.useContext(PageContext2);
   const referencedItems = pageContext && pageContext.page && Array.isArray(pageContext.page.referencedItems) ? pageContext.page.referencedItems : [];
   return React36.useMemo(() => {
     const map = /* @__PURE__ */ new Map();