Merge pull request #5791 from matuzalemsteles/LPD-21653

feat(@clayui/core): adds the `index` available in the item collection API
liferay · Mar 28, 2024 · d80ada3 · d80ada3
2 parents 85ce1a2 + 06fc444
commit d80ada3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/packages/clay-core/src/collection/types.ts b/packages/clay-core/src/collection/types.ts
@@ -20,7 +20,7 @@ export type ChildElement = IReactTypeElement & {
 
 export type ChildrenFunction<T, P> = P extends Array<unknown>
 	? (item: T, ...args: P) => React.ReactElement
-	: (item: T) => React.ReactElement;
+	: (item: T, index?: number) => React.ReactElement;
 
 export interface ICollectionProps<T, P> {
 	/**

diff --git a/packages/clay-core/src/collection/useCollection.tsx b/packages/clay-core/src/collection/useCollection.tsx
@@ -219,7 +219,7 @@ export function useCollection<
 							: (item as T);
 					const child = Array.isArray(publicApi)
 						? (children(publicItem, ...publicApi) as ChildElement)
-						: (children(publicItem) as ChildElement);
+						: (children(publicItem, index) as ChildElement);
 
 					callNestedChild(child);
 
@@ -274,7 +274,10 @@ export function useCollection<
 									publicItem,
 									...publicApi
 							  ) as ChildElement)
-							: (children(publicItem) as ChildElement);
+							: (children(
+									publicItem,
+									virtual.index
+							  ) as ChildElement);
 
 						const props = {
 							'data-index': virtual.index,
@@ -317,7 +320,7 @@ export function useCollection<
 							: item;
 					const child = Array.isArray(publicApi)
 						? (children(publicItem, ...publicApi) as ChildElement)
-						: (children(publicItem) as ChildElement);
+						: (children(publicItem, index) as ChildElement);
 
 					const key = getKey(
 						index,