@canopy-iiif/app 1.9.4 → 1.9.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canopy-iiif/app",
-  "version": "1.9.4",
+  "version": "1.9.5",
   "private": false,
   "license": "MIT",
   "author": "Mat Jordan <mat@northwestern.edu>",

package/ui/dist/index.mjs

@@ -48269,13 +48269,40 @@ function renderPreview(props = {}) {
   }
   return /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__placeholder", "aria-hidden": "true" });
 }
+function renderFlexibleContent(content, options = {}) {
+  var _a2, _b;
+  const {
+    inlineTag: InlineTag = "span",
+    blockTag: BlockTag = "div",
+    className,
+    id
+  } = options;
+  if (content == null || content === false) return null;
+  const isPrimitive = typeof content === "string" || typeof content === "number" || typeof content === "bigint";
+  if (isPrimitive) {
+    return /* @__PURE__ */ React43.createElement(InlineTag, { className, id }, content);
+  }
+  if (React43.isValidElement(content)) {
+    if (content.type === React43.Fragment) {
+      return /* @__PURE__ */ React43.createElement(BlockTag, { className, id }, content);
+    }
+    const mergedClassName = [(_a2 = content.props) == null ? void 0 : _a2.className, className].filter(Boolean).join(" ");
+    return React43.cloneElement(content, {
+      ...content.props,
+      className: mergedClassName || void 0,
+      id: ((_b = content.props) == null ? void 0 : _b.id) || id
+    });
+  }
+  const FallbackTag = BlockTag;
+  return /* @__PURE__ */ React43.createElement(FallbackTag, { className, id }, content);
+}
 function normalizeItem(child, index, galleryId, manifestMap) {
   var _a2;
   if (!React43.isValidElement(child)) return null;
   if (child.type !== GalleryItem && ((_a2 = child.type) == null ? void 0 : _a2.displayName) !== "GalleryItem")
     return null;
   const props = child.props || {};
-  const manifestValues = Array.isArray(props.referencedManifests) ? props.referencedManifests : props.manifest ? [props.manifest] : Array.isArray(props.manifests) ? props.manifests : [];
+  const manifestValues = props.referencedManifests ? ensureArray4(props.referencedManifests) : props.manifest ? [props.manifest] : props.manifests ? ensureArray4(props.manifests) : [];
   const manifests = resolveReferencedManifests(manifestValues, manifestMap);
   const normalizedProps = { ...props };
   if (!normalizedProps.title) {
@@ -48346,7 +48373,11 @@ function buildCaptionContent(itemProps) {
   if (itemProps.caption) return itemProps.caption;
   const kicker = itemProps.kicker || itemProps.label || itemProps.eyebrow;
   const summary = itemProps.summary || itemProps.description;
-  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, kicker ? /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__kicker" }, kicker) : null, itemProps.title ? /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__title-text" }, itemProps.title) : null, summary ? /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__summary" }, summary) : null, renderMetaList(
+  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, kicker ? /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__kicker" }, kicker) : null, itemProps.title ? /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__title-text" }, itemProps.title) : null, renderFlexibleContent(summary, {
+    inlineTag: "span",
+    blockTag: "div",
+    className: "canopy-gallery__summary"
+  }), renderMetaList(
     itemProps.meta,
     "canopy-gallery__meta canopy-gallery__meta--caption"
   ));
@@ -48428,14 +48459,12 @@ function GalleryModal({ item, closeTargetId, navItems, navGroupName }) {
         ">"
       ),
       /* @__PURE__ */ React43.createElement("span", { className: "canopy-gallery__visually-hidden" }, "Next item")
-    ), /* @__PURE__ */ React43.createElement("header", { className: "canopy-gallery__modal-header" }, /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__modal-text" }, kicker ? /* @__PURE__ */ React43.createElement("p", { className: "canopy-gallery__modal-kicker" }, kicker) : null, /* @__PURE__ */ React43.createElement("h3", { id: modalTitleId, className: "canopy-gallery__modal-title" }, modalTitle), summary ? /* @__PURE__ */ React43.createElement(
-      "p",
-      {
-        id: modalDescriptionId || void 0,
-        className: "canopy-gallery__modal-summary"
-      },
-      summary
-    ) : null, renderMetaList(
+    ), /* @__PURE__ */ React43.createElement("header", { className: "canopy-gallery__modal-header" }, /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__modal-text" }, kicker ? /* @__PURE__ */ React43.createElement("p", { className: "canopy-gallery__modal-kicker" }, kicker) : null, /* @__PURE__ */ React43.createElement("h3", { id: modalTitleId, className: "canopy-gallery__modal-title" }, modalTitle), renderFlexibleContent(summary, {
+      inlineTag: "p",
+      blockTag: "div",
+      className: "canopy-gallery__modal-summary",
+      id: modalDescriptionId || void 0
+    }), renderMetaList(
       props.meta,
       "canopy-gallery__meta canopy-gallery__meta--modal"
     ), manifests && manifests.length ? manifests.map((manifest) => /* @__PURE__ */ React43.createElement("a", { key: manifest.id || manifest.href, href: manifest.href }, manifest.title || manifest.href)) : null)), /* @__PURE__ */ React43.createElement("div", { className: "canopy-gallery__modal-body" }, props.children)))