@mbpockets/shared-ui 0.2.5 → 0.2.6

package/dist/EventPage.d.cts

@@ -33,6 +33,8 @@ interface EventTablesCardProps {
     tags: Tag[];
     maxHeight?: number | string;
     onTableClick?: (id: number) => void;
+    showEventTag?: boolean;
+    eventTagId?: number;
 }
 /**
  * Event page card that shows a scrollable list of tables, reusing search result cards.

package/dist/EventPage.d.ts

@@ -33,6 +33,8 @@ interface EventTablesCardProps {
     tags: Tag[];
     maxHeight?: number | string;
     onTableClick?: (id: number) => void;
+    showEventTag?: boolean;
+    eventTagId?: number;
 }
 /**
  * Event page card that shows a scrollable list of tables, reusing search result cards.

package/dist/EventPage.mjs

@@ -1018,7 +1018,9 @@ var BaseSearchResultCard_default = BaseSearchResultCard;
 var PlayerResultCard = ({
   result,
   onClick,
-  tags
+  tags,
+  showEventTag,
+  eventTagId
 }) => {
   const firstLetter = result.title.charAt(0).toUpperCase();
   const getAvatarColor = (name) => {
@@ -1060,7 +1062,17 @@ var PlayerResultCard = ({
       children: !result.imageUrl && firstLetter
     }
   );
-  return /* @__PURE__ */ jsx(BaseSearchResultCard_default, { result, onClick, icon: playerIcon, tags });
+  return /* @__PURE__ */ jsx(
+    BaseSearchResultCard_default,
+    {
+      result,
+      onClick,
+      icon: playerIcon,
+      tags,
+      showEventTag,
+      eventTagId
+    }
+  );
 };
 var PlayerResultCard_default = PlayerResultCard;
 var TableResultCard = ({
@@ -1136,7 +1148,9 @@ var TableResultCard_default = TableResultCard;
 var EventResultCard = ({
   result,
   onClick,
-  tags
+  tags,
+  showEventTag,
+  eventTagId
 }) => {
   const formatDate = (dateString) => {
     const options = {
@@ -1163,29 +1177,40 @@ var EventResultCard = ({
       }
     }
   );
-  return /* @__PURE__ */ jsx(BaseSearchResultCard_default, { result, onClick, icon: eventIcon, tags, children: /* @__PURE__ */ jsxs(Box2, { sx: { mb: 2 }, children: [
-    /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", alignItems: "center", mb: 1 }, children: [
-      /* @__PURE__ */ jsx(CalendarTodayIcon, { sx: { mr: 1, color: "primary.main" } }),
-      /* @__PURE__ */ jsxs(Typography4, { variant: "body2", children: [
-        /* @__PURE__ */ jsx("strong", { children: "Date:" }),
-        " ",
-        formattedDate
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx(LocationOnIcon, { sx: { mr: 1, color: "primary.main" } }),
-      /* @__PURE__ */ jsxs(Typography4, { variant: "body2", children: [
-        /* @__PURE__ */ jsx("strong", { children: "Location:" }),
-        " ",
-        location
+  return /* @__PURE__ */ jsx(
+    BaseSearchResultCard_default,
+    {
+      result,
+      onClick,
+      icon: eventIcon,
+      tags,
+      showEventTag,
+      eventTagId,
+      children: /* @__PURE__ */ jsxs(Box2, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", alignItems: "center", mb: 1 }, children: [
+          /* @__PURE__ */ jsx(CalendarTodayIcon, { sx: { mr: 1, color: "primary.main" } }),
+          /* @__PURE__ */ jsxs(Typography4, { variant: "body2", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Date:" }),
+            " ",
+            formattedDate
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Box2, { sx: { display: "flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx(LocationOnIcon, { sx: { mr: 1, color: "primary.main" } }),
+          /* @__PURE__ */ jsxs(Typography4, { variant: "body2", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Location:" }),
+            " ",
+            location
+          ] })
+        ] }),
+        result.organizer && /* @__PURE__ */ jsxs(Typography4, { variant: "body2", sx: { mt: 1 }, children: [
+          /* @__PURE__ */ jsx("strong", { children: "Organizer:" }),
+          " ",
+          result.organizer
+        ] })
       ] })
-    ] }),
-    result.organizer && /* @__PURE__ */ jsxs(Typography4, { variant: "body2", sx: { mt: 1 }, children: [
-      /* @__PURE__ */ jsx("strong", { children: "Organizer:" }),
-      " ",
-      result.organizer
-    ] })
-  ] }) });
+    }
+  );
 };
 var EventResultCard_default = EventResultCard;
 var ResultsContainer = ({
@@ -1232,7 +1257,9 @@ var ResultsContainer = ({
             {
               result,
               onClick: onPlayerClick,
-              tags
+              tags,
+              showEventTag,
+              eventTagId
             },
             result.id
           );
@@ -1254,7 +1281,9 @@ var ResultsContainer = ({
             {
               result,
               onClick: onEventClick,
-              tags
+              tags,
+              showEventTag,
+              eventTagId
             },
             result.id
           );
@@ -1306,16 +1335,15 @@ var TablesScrollableList = ({
   eventTagId
 }) => {
   const tables = (results || []).filter((r) => (r == null ? void 0 : r.type) === "table");
-  const handleClick = (id) => onResultClick == null ? void 0 : onResultClick(id);
   return /* @__PURE__ */ jsx(
     ScrollableResultsList_default,
     {
       results: tables,
       tags,
       maxHeight,
-      onResultClick: (id, type) => {
-        if (type === "table") handleClick(id);
-      },
+      onResultClick: onResultClick ? (id, type) => {
+        if (type === "table") onResultClick(id);
+      } : void 0,
       showEventTag,
       eventTagId
     }
@@ -1326,12 +1354,24 @@ var EventTablesCard = ({
   tables,
   tags,
   maxHeight = 450,
-  onTableClick
+  onTableClick,
+  showEventTag,
+  eventTagId
 }) => {
   return /* @__PURE__ */ jsxs(Card3, { elevation: 6, sx: { width: "100%", boxShadow: "0px 8px 24px rgba(0, 0, 0, 0.15)" }, children: [
     /* @__PURE__ */ jsx(CardHeader, { title: "Tables" }),
     /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsx(CardContent3, { children: /* @__PURE__ */ jsx(TablesScrollableList_default, { results: tables, tags, maxHeight, onResultClick: onTableClick }) })
+    /* @__PURE__ */ jsx(CardContent3, { children: /* @__PURE__ */ jsx(
+      TablesScrollableList_default,
+      {
+        results: tables,
+        tags,
+        maxHeight,
+        onResultClick: onTableClick,
+        showEventTag,
+        eventTagId
+      }
+    ) })
   ] });
 };
 var EventTablesCard_default = EventTablesCard;
@@ -1360,7 +1400,15 @@ function EventPageLayout({
           locationId: mergedEvent.location || "0"
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid5, { size: { xs: 12, md: 8 }, spacing: 3, padding: 3, children: /* @__PURE__ */ jsx(EventTablesCard_default, { tables, tags: allTags }) })
+      /* @__PURE__ */ jsx(Grid5, { size: { xs: 12, md: 8 }, spacing: 3, padding: 3, children: /* @__PURE__ */ jsx(
+        EventTablesCard_default,
+        {
+          tables,
+          tags: allTags,
+          showEventTag: true,
+          eventTagId: mergedEvent.id
+        }
+      ) })
     ] }),
     /* @__PURE__ */ jsx(Grid5, {})
   ] }) });