@sensiblestats/widget-react 0.45.0 → 0.46.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @sensiblestats/widget-react
 
+## 0.46.0
+
+### Minor Changes
+
+- Fixes the Today tab collapsing to blank bars: children of the monitor scroller no longer shrink,
+  so the list scrolls instead of compressing 27 competition groups to fit. Also disambiguates
+  same-named competitions with their country, which the schedule response now carries.
+
+### Patch Changes
+
+- Updated dependencies
+  - @sensiblestats/widget-sdk@0.34.0
+
 ## 0.45.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -3753,14 +3753,21 @@ function FixtureRow({ match, state, stale, ui, monitor }) {
 
 // src/components/CompetitionGroup.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
-function CompetitionGroup({ group, open, onToggle, states, stale, ui, monitor }) {
+function CompetitionGroup({ group, open, onToggle, states, stale, ui, monitor, disambiguate = false }) {
   const own = group.matches.filter((m) => states[m.matchId]?.phase !== "live" || stale);
   const hasLive = own.length !== group.matches.length;
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "ss-w-grp", children: [
     /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("button", { type: "button", className: "ss-w-grp-head", "aria-expanded": open, onClick: onToggle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "ss-w-grp-chev", children: open ? "\u25BE" : "\u25B8" }),
       hasLive && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "ss-w-sec-dot", "aria-hidden": "true" }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "ss-w-grp-name", children: group.competitionName }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "ss-w-grp-name", children: [
+        group.competitionName,
+        disambiguate && group.competitionCountry ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "ss-w-grp-country", children: [
+          " (",
+          group.competitionCountry,
+          ")"
+        ] }) : null
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "ss-w-grp-count", children: own.length })
     ] }),
     open && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "ss-w-grp-body", children: own.map((m) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(FixtureRow, { match: m, state: states[m.matchId], stale, ui, monitor }, m.matchId)) })
@@ -3772,6 +3779,10 @@ var import_jsx_runtime51 = require("react/jsx-runtime");
 function TodayPanel({ discovery, ui, monitor }) {
   const { groups, states, stale, expanded, toggleGroup } = discovery;
   const liveRows = stale ? [] : groups.flatMap((group) => group.matches.filter((m) => states[m.matchId]?.phase === "live").map((match) => ({ match, rank: group.rank }))).sort((a, b) => a.rank - b.rank);
+  const nameCounts = groups.reduce((acc, g) => {
+    acc[g.competitionName] = (acc[g.competitionName] ?? 0) + 1;
+    return acc;
+  }, {});
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "ss-w-mon-list", children: [
     stale && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "ss-w-stale", children: ui.staleStates }),
     liveRows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
@@ -3797,6 +3808,7 @@ function TodayPanel({ discovery, ui, monitor }) {
         group,
         open: expanded[group.competitionId] ?? group.expandedByDefault,
         onToggle: () => toggleGroup(group.competitionId),
+        disambiguate: (nameCounts[group.competitionName] ?? 0) > 1,
         states,
         stale,
         ui,
@@ -3983,6 +3995,11 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 /* .ss-w-mon-list (Matches/Odds tab scrollers) shares .ss-w-list's box/scroll rules by design --
    same visual rhythm as the chat message list -- but gets its own class so it isn't the same DOM
    landmark as the chat list when both exist in the panel at once (Task 16 fix round, M4). */
+/* Children of this scrolling column flex container must NOT shrink. The default flex-shrink:1
+   compresses every child to fit the panel instead of letting the container scroll, and
+   .ss-w-grp's own overflow:hidden then clips the compressed content away entirely \u2014 27
+   competition groups rendered as blank bars on a phone. Applies to the pinned cards too. */
+.ss-w-mon-list > * { flex: none; }
 .ss-w-list, .ss-w-mon-list { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 14px; display: flex; flex-direction: column; gap: 12px; scroll-padding-top: 14px; }
 /* Transient bottom spacer: reserves a viewport of room below a new turn so its
    top can be scrolled into view while the reply is still streaming in. Height is
@@ -4714,6 +4731,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-grp-head:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: -2px; }
 .ss-w-grp-chev { color: var(--ss-w-faint); font-size: 10px; flex: none; }
 .ss-w-grp-name { font-size: 12px; font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-grp-country { font-weight: 600; color: var(--ss-w-faint); }
 .ss-w-grp-count { margin-left: auto; flex: none; font-size: 10.5px; font-weight: 700; color: var(--ss-w-faint); background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 999px; padding: 1px 7px; font-variant-numeric: tabular-nums; }
 .ss-w-grp-body { display: flex; flex-direction: column; padding: 2px 11px 6px; }