@mbpockets/shared-ui 0.2.5 → 0.2.6

package/dist/index.cjs

@@ -1099,7 +1099,9 @@ var BaseSearchResultCard_default = BaseSearchResultCard;
 var PlayerResultCard = ({
   result,
   onClick,
-  tags
+  tags,
+  showEventTag,
+  eventTagId
 }) => {
   const firstLetter = result.title.charAt(0).toUpperCase();
   const getAvatarColor = (name) => {
@@ -1141,7 +1143,17 @@ var PlayerResultCard = ({
       children: !result.imageUrl && firstLetter
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseSearchResultCard_default, { result, onClick, icon: playerIcon, tags });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseSearchResultCard_default,
+    {
+      result,
+      onClick,
+      icon: playerIcon,
+      tags,
+      showEventTag,
+      eventTagId
+    }
+  );
 };
 var PlayerResultCard_default = PlayerResultCard;
 var TableResultCard = ({
@@ -1217,7 +1229,9 @@ var TableResultCard_default = TableResultCard;
 var EventResultCard = ({
   result,
   onClick,
-  tags
+  tags,
+  showEventTag,
+  eventTagId
 }) => {
   const formatDate = (dateString) => {
     const options = {
@@ -1244,29 +1258,40 @@ var EventResultCard = ({
       }
     }
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseSearchResultCard_default, { result, onClick, icon: eventIcon, tags, children: /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { mb: 2 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { display: "flex", alignItems: "center", mb: 1 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CalendarTodayIcon__default.default, { sx: { mr: 1, color: "primary.main" } }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Date:" }),
-        " ",
-        formattedDate
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(LocationOnIcon__default.default, { sx: { mr: 1, color: "primary.main" } }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Location:" }),
-        " ",
-        location
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseSearchResultCard_default,
+    {
+      result,
+      onClick,
+      icon: eventIcon,
+      tags,
+      showEventTag,
+      eventTagId,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { mb: 2 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { display: "flex", alignItems: "center", mb: 1 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CalendarTodayIcon__default.default, { sx: { mr: 1, color: "primary.main" } }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Date:" }),
+            " ",
+            formattedDate
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Box2__default.default, { sx: { display: "flex", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LocationOnIcon__default.default, { sx: { mr: 1, color: "primary.main" } }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Location:" }),
+            " ",
+            location
+          ] })
+        ] }),
+        result.organizer && /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", sx: { mt: 1 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Organizer:" }),
+          " ",
+          result.organizer
+        ] })
       ] })
-    ] }),
-    result.organizer && /* @__PURE__ */ jsxRuntime.jsxs(Typography4__default.default, { variant: "body2", sx: { mt: 1 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Organizer:" }),
-      " ",
-      result.organizer
-    ] })
-  ] }) });
+    }
+  );
 };
 var EventResultCard_default = EventResultCard;
 var ResultsContainer = ({
@@ -1313,7 +1338,9 @@ var ResultsContainer = ({
             {
               result,
               onClick: onPlayerClick,
-              tags
+              tags,
+              showEventTag,
+              eventTagId
             },
             result.id
           );
@@ -1335,7 +1362,9 @@ var ResultsContainer = ({
             {
               result,
               onClick: onEventClick,
-              tags
+              tags,
+              showEventTag,
+              eventTagId
             },
             result.id
           );
@@ -1387,16 +1416,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__ */ jsxRuntime.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
     }
@@ -1407,12 +1435,24 @@ var EventTablesCard = ({
   tables,
   tags,
   maxHeight = 450,
-  onTableClick
+  onTableClick,
+  showEventTag,
+  eventTagId
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(Card10__default.default, { elevation: 6, sx: { width: "100%", boxShadow: "0px 8px 24px rgba(0, 0, 0, 0.15)" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(CardHeader4__default.default, { title: "Tables" }),
     /* @__PURE__ */ jsxRuntime.jsx(Divider3__default.default, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(CardContent10__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(TablesScrollableList_default, { results: tables, tags, maxHeight, onResultClick: onTableClick }) })
+    /* @__PURE__ */ jsxRuntime.jsx(CardContent10__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      TablesScrollableList_default,
+      {
+        results: tables,
+        tags,
+        maxHeight,
+        onResultClick: onTableClick,
+        showEventTag,
+        eventTagId
+      }
+    ) })
   ] });
 };
 var EventTablesCard_default = EventTablesCard;
@@ -1441,7 +1481,15 @@ function EventPageLayout({
           locationId: mergedEvent.location || "0"
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Grid10__default.default, { size: { xs: 12, md: 8 }, spacing: 3, padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(EventTablesCard_default, { tables, tags: allTags }) })
+      /* @__PURE__ */ jsxRuntime.jsx(Grid10__default.default, { size: { xs: 12, md: 8 }, spacing: 3, padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx(
+        EventTablesCard_default,
+        {
+          tables,
+          tags: allTags,
+          showEventTag: true,
+          eventTagId: mergedEvent.id
+        }
+      ) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(Grid10__default.default, {})
   ] }) });
@@ -2398,16 +2446,15 @@ var PlayersScrollableList = ({
   onResultClick
 }) => {
   const players = (results || []).filter((r) => (r == null ? void 0 : r.type) === "player");
-  const handleClick = (id) => onResultClick == null ? void 0 : onResultClick(id);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ScrollableResultsList_default,
     {
       results: players,
       tags,
       maxHeight,
-      onResultClick: (id, type) => {
-        if (type === "player") handleClick(id);
-      }
+      onResultClick: onResultClick ? (id, type) => {
+        if (type === "player") onResultClick(id);
+      } : void 0
     }
   );
 };