{name}
-Something went wrong
- )} - {this.state.success && ( -Thank you for your purchase!
- )} - {" "} - {this.state.cart.length > 0 && ( - - )} -No cards available.
} +No metrics available.
; + } + + const regionStep = path.find((p) => p.levelId === 'region'); + const dmaStep = path.find((p) => p.levelId === 'dma'); + + const keysPresent = new Set(); + rows.forEach((row) => { + if (row && typeof row === 'object') { + Object.keys(row).forEach((k) => { + if (!HIDDEN.has(k)) { + keysPresent.add(k); + } + }); + } + }); + + const columns = DISPLAY_ORDER.filter((k) => keysPresent.has(k)); + + const rowClassName = (row) => { + if (row.rowKind === 'rollup') { + const matchRegion = regionStep && !dmaStep && row.parent === regionStep.value; + return matchRegion ? 'data-row data-row--selected' : 'data-row data-row--rollup'; + } + if (row.rowKind === 'detail' || !row.rowKind) { + const matchDma = + dmaStep && + regionStep && + row.dma === dmaStep.value && + row.parent === regionStep.value; + return matchDma ? 'data-row data-row--selected' : 'data-row'; + } + return 'data-row'; + }; + + return ( +| + {columnLabel(column)} + | + ))} +
|---|
| {formatCell(column, row[column])} | + ))} +
{headerText}
++ {isDmaAggregateView + ? 'Regional rollups and DMA-level detail. The row matching your current selection is highlighted.' + : 'Full table for the deepest context; rows are grouped by admin level order.'} +
+No table rows available.
; + } + + return ( +| + {column} + | + ))} +
|---|
| + {segment.levelLabel} + {segment.value} + | +
| {String(row[column] ?? '-')} | + ))} +