@behindthemusictree/app-kit-ui 41.0.0 → 42.0.0

package/dist/genre-tree/index.cjs

@@ -2074,11 +2074,37 @@ function formatYears(beginYear, endYear, ended) {
 // src/genre-tree/artist/ArtistHeader.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var countryNames = new Intl.DisplayNames(["en"], { type: "region" });
-function ArtistHeader({ artist }) {
+function originLabel(artist, origin) {
+  if (origin.source === "area") return "From";
+  if (artist.type === "person") return "Born in";
+  if (artist.type === "group") return "Formed in";
+  return "From";
+}
+function OriginValue({
+  origin,
+  country,
+  renderPlaceLink
+}) {
+  const place = renderPlaceLink && origin.regionId !== null ? renderPlaceLink({ ...origin, regionId: origin.regionId }) : origin.name;
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    place,
+    country && origin.kind !== "country" && `, ${country}`
+  ] });
+}
+function ArtistHeader({
+  artist,
+  renderPlaceLink
+}) {
   const fields = [];
   if (artist.type) fields.push({ label: "Type", value: artist.type.charAt(0).toUpperCase() + artist.type.slice(1) });
-  const country = artist.country && countryNames.of(artist.country);
-  if (country) fields.push({ label: "Country", value: country });
+  const country = artist.country ? countryNames.of(artist.country) : void 0;
+  if (artist.origin) {
+    fields.push({
+      label: originLabel(artist, artist.origin),
+      value: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(OriginValue, { origin: artist.origin, country, renderPlaceLink })
+    });
+  }
+  if (country && !artist.origin) fields.push({ label: "Country", value: country });
   const years = formatYears(artist.beginYear, artist.endYear, artist.ended);
   if (years) fields.push({ label: "Active", value: years });
   const links = artistLinks(artist);
@@ -2367,6 +2393,7 @@ function useArtistPanel({
   getShareUrl,
   renderArtistLink,
   renderSongLink,
+  renderPlaceLink,
   expanded,
   onExpandedChange,
   onClose
@@ -2417,7 +2444,7 @@ function useArtistPanel({
             }
           ),
           artist.image && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ArtistPhoto, { image: artist.image, name: artist.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ArtistHeader, { artist }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ArtistHeader, { artist, renderPlaceLink }),
           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ArtistMembers, { title: "Members", memberships: artist.members, renderArtistLink }),
           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ArtistMembers, { title: "Member of", memberships: artist.memberOf, renderArtistLink }),
           artist.tracksCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
@@ -2625,6 +2652,7 @@ function useEntityPanel({
   getShareUrl,
   renderArtistLink,
   renderSongLink,
+  renderPlaceLink,
   song,
   artist,
   ...navigation
@@ -2643,7 +2671,8 @@ function useEntityPanel({
     getBackendBaseUrl: getArtistBackendBaseUrl ?? getBackendBaseUrl,
     getShareUrl,
     renderArtistLink,
-    renderSongLink
+    renderSongLink,
+    renderPlaceLink
   });
   return songPanel ?? artistPanel;
 }
@@ -2720,6 +2749,7 @@ function GenreTreeView({
   songSearch = true,
   onSongSelect,
   renderSongLink,
+  renderPlaceLink,
   renderSummary,
   renderEssentialTracks,
   renderSongLeading,
@@ -2849,6 +2879,7 @@ function GenreTreeView({
     getShareUrl: getShareUrlRef.current,
     renderArtistLink: resolvedRenderArtistLink,
     renderSongLink: resolvedRenderSongLink,
+    renderPlaceLink,
     song: {
       uuid: songUuid,
       expanded: controlledSongExpanded ?? (songUuid !== null && expandedSongUuid === songUuid),
@@ -3754,6 +3785,7 @@ function EntityDetailPanel({
   onArtistUuidChange,
   renderArtistLink,
   renderSongLink,
+  renderPlaceLink,
   collapsed,
   edgeTab,
   ...navigation
@@ -3765,6 +3797,7 @@ function EntityDetailPanel({
     getBackendBaseUrl,
     getArtistBackendBaseUrl,
     getShareUrl,
+    renderPlaceLink,
     renderArtistLink: renderArtistLink ?? ((artist) => artist.isSpecialPurpose ? artist.name : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("button", { type: "button", onClick: () => onArtistUuidChange(artist.uuid), className: "hover:underline", children: artist.name })),
     renderSongLink: renderSongLink ?? ((song) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("button", { type: "button", onClick: () => onSongUuidChange(song.uuid), className: "hover:underline", children: song.title })),
     song: {