@sensiblestats/widget-react 0.48.7 → 0.48.9

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @sensiblestats/widget-react
 
+## 0.48.9
+
+### Patch Changes
+
+- Hide the Today tab once every match of the day has finished. Tab visibility now reads the same filtered fixture list the panel renders, so the tab can no longer open onto a blank panel.
+
+## 0.48.8
+
+### Patch Changes
+
+- 324f7eb: Injuries card: order columns by home/away (home left, away right).
+- Updated dependencies [324f7eb]
+  - @sensiblestats/widget-sdk@0.35.2
+
 ## 0.48.7
 
 ### Patch Changes

package/dist/index.cjs

@@ -1652,6 +1652,17 @@ function useMatchDiscovery(opts) {
   return { groups, states, liveCount, stale, expanded, toggleGroup, _tick: tick };
 }
 
+// src/liveClock.ts
+function isTreatedLive(state, pollStale) {
+  return state?.phase === "live" && !pollStale;
+}
+function isFinished(state) {
+  return state?.phase === "fullTime";
+}
+function visibleGroupsOf(groups, states) {
+  return groups.map((group) => ({ ...group, matches: group.matches.filter((m) => !isFinished(states[m.matchId])) })).filter((group) => group.matches.length > 0);
+}
+
 // src/eventLogContext.ts
 var import_react5 = require("react");
 var EventLogContext = (0, import_react5.createContext)(null);
@@ -2687,17 +2698,19 @@ function InjuriesCard({ card, ui }) {
   const limit = expanded ? void 0 : SHOWN;
   const showMore = ui?.showMore ?? ((n) => `Show ${n} more`);
   const showLess = ui?.showLess ?? "Show less";
+  const homeCol = data.oursIsHome ? { name: data.oursName, crest: data.oursCrestUrl, rows: data.ours } : { name: data.theirsName, crest: data.theirsCrestUrl, rows: data.theirs };
+  const awayCol = data.oursIsHome ? { name: data.theirsName, crest: data.theirsCrestUrl, rows: data.theirs } : { name: data.oursName, crest: data.oursCrestUrl, rows: data.ours };
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "ss-w-fandash-card ss-w-fandash-injuries", children: [
     card.title ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ss-w-fandash-eyebrow", children: card.title }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "ss-w-fandash-injuries-cols", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "ss-w-fandash-injuries-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ColHead, { name: data.oursName, crestUrl: data.oursCrestUrl }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InjuryList, { rows: data.ours, emptyLabel: data.emptyLabel, limit })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ColHead, { name: homeCol.name, crestUrl: homeCol.crest }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InjuryList, { rows: homeCol.rows, emptyLabel: data.emptyLabel, limit })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "ss-w-fandash-injuries-divider" }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "ss-w-fandash-injuries-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ColHead, { name: data.theirsName, crestUrl: data.theirsCrestUrl }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InjuryList, { rows: data.theirs, emptyLabel: data.emptyLabel, limit })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ColHead, { name: awayCol.name, crestUrl: awayCol.crest }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InjuryList, { rows: awayCol.rows, emptyLabel: data.emptyLabel, limit })
       ] })
     ] }),
     hidden > 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -3758,14 +3771,6 @@ function FixtureRow({ match, state, stale, ui, monitor }) {
   ] });
 }
 
-// src/liveClock.ts
-function isTreatedLive(state, pollStale) {
-  return state?.phase === "live" && !pollStale;
-}
-function isFinished(state) {
-  return state?.phase === "fullTime";
-}
-
 // src/components/CompetitionGroup.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function CompetitionGroup({ group, open, onToggle, states, stale, ui, monitor, disambiguate = false }) {
@@ -3796,7 +3801,7 @@ function CompetitionGroup({ group, open, onToggle, states, stale, ui, monitor, d
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function TodayPanel({ discovery, ui, monitor }) {
   const { groups, states, stale, expanded, toggleGroup } = discovery;
-  const visibleGroups = groups.map((group) => ({ ...group, matches: group.matches.filter((m) => !isFinished(states[m.matchId])) })).filter((group) => group.matches.length > 0);
+  const visibleGroups = visibleGroupsOf(groups, states);
   const liveRows = stale ? [] : visibleGroups.flatMap((group) => group.matches.filter((m) => isTreatedLive(states[m.matchId], stale)).map((match) => ({ match, rank: group.rank }))).sort((a, b) => a.rank - b.rank);
   const nameCounts = visibleGroups.reduce((acc, g) => {
     acc[g.competitionName] = (acc[g.competitionName] ?? 0) + 1;
@@ -3892,7 +3897,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery })
         matchCount: monitor.pins.filter((p) => p.kind === "match").length,
         oddsCount: monitor.pins.filter((p) => p.kind !== "match").length,
         todayCount: discovery?.liveCount ?? 0,
-        hasToday: (discovery?.groups.length ?? 0) > 0
+        hasToday: discovery ? visibleGroupsOf(discovery.groups, discovery.states).length > 0 : false
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
@@ -4849,7 +4854,7 @@ function StatsWidget(props) {
     isOpen: controller.state.isOpen,
     pinnedMatchIds
   });
-  const todayHasContent = discovery.groups.length > 0;
+  const todayHasContent = visibleGroupsOf(discovery.groups, discovery.states).length > 0;
   (0, import_react26.useEffect)(() => {
     setHasToday(todayHasContent);
   }, [todayHasContent]);