Merge pull request #615 from Neovici/fix/renderMini-index

feat: add index to renderMini
Neovici · May 28, 2024 · 32974ee · 32974ee
2 parents d891019 + d71ff90
commit 32974ee
Showing 1 changed file with 23 additions and 18 deletions.
diff --git a/lib/use-list.js b/lib/use-list.js
@@ -20,23 +20,28 @@ const arrow = html`
 const _getGroupRowClasses = (folded) =>
 	folded ? 'groupRow groupRow-folded' : 'groupRow';
 
-const renderMinis = (item) => (columns) =>
-	when(
-		columns?.length > 0,
-		() => html`
-			<div class="itemRow-minis" part="item-minis">
-				${columns.map(
-					(column) =>
-						html`<div
-							class="itemRow-mini"
-							part="item-mini item-mini-${column.name}"
-						>
-							${(column.renderMini ?? column.renderCell)(column, { item })}
-						</div>`,
-				)}
-			</div>
-		`,
-	);
+const renderMinis =
+	({ item, index }) =>
+	(columns) =>
+		when(
+			columns?.length > 0,
+			() => html`
+				<div class="itemRow-minis" part="item-minis">
+					${columns.map(
+						(column) =>
+							html`<div
+								class="itemRow-mini"
+								part="item-mini item-mini-${column.name}"
+							>
+								${(column.renderMini ?? column.renderCell)(column, {
+									item,
+									index,
+								})}
+							</div>`,
+					)}
+				</div>
+			`,
+		);
 
 const renderItem =
 	({
@@ -94,7 +99,7 @@ const renderItem =
 					${arrow}
 				</button>
 			</div>
-			${renderMinis(item)(miniColumns)}
+			${renderMinis({ item, index })(miniColumns)}
 		</div>
 		<cosmoz-omnitable-item-expand
 			.columns=${collapsedColumns}