import { getConfig, text } from "../lib/config"; import { format } from "../lib/format"; import { Slot } from "../lib/slots"; import { CellValue } from "./CellValue"; import { Html } from "./Html"; import { RowTip } from "./RowTip"; /** * True when every product has the same value (2+ products). The Cards * template keeps one cell per card, so it never merges. */ function sameForAll(row, products) { if ( products.length < 2 || row.different || getConfig().template === "cards" ) { return false; } const first = (row.cells[products[0].id] || {}).html ?? ""; return products.every((p) => ((row.cells[p.id] || {}).html ?? "") === first); } /** * One spec row: the label (with a dot when products differ), then a cell * per product, or one merged "Same on all N" cell when they all match. * `pad` adds the empty cell under the "Add a product" column. */ export function TableRow({ row, products, emptyText, highlight, pad }) { const different = highlight && row.different; const same = sameForAll(row, products); return ( {different &&