function ListGrid(props) {
	const {
		collection,
		isActive,
		isSelected,
		getRowState,
		onRowClick,
		onRowDoubleClick,
		rowRenderer,
		rowCount,
		...restProps
	} = props;

	let enhancedRowRenderer = rowRenderer;
	if (isActive || isSelected || getRowState) {
		enhancedRowRenderer = getRowSelectionRenderer(rowRenderer, {
			isActive,
			isSelected,
			getRowState,
			getRowData: ({ index }) => collection[index],
		});
	}

	return (
		<VirtualizedList
			className={`tc-list-list ${theme['tc-list-list']}`}
			collection={collection}
			overscanRowCount={10}
			onRowClick={decorateRowClick(onRowClick)}
			onRowDoubleClick={decorateRowDoubleClick(onRowDoubleClick)}
			rowCount={rowCount || collection.length}
			rowRenderer={enhancedRowRenderer}
			rowGetter={index => collection[index] || {}}
			role="group"
			aria-label="list"
			containerRole="list"
			{...restProps}
		/>
	);
}
/**
 * List renderer that accepts a custom row renderer.
 * The row renderer will create a row element for each collection item.
 */
List renderer that accepts a custom row renderer.
The row renderer will create a row element for each collection item.
List renderer that accepts a custom row renderer . The row renderer will create a row element for each collection item .
function ListGrid(props) {
	const {
		collection,
		isActive,
		isSelected,
		getRowState,
		onRowClick,
		onRowDoubleClick,
		rowRenderer,
		rowCount,
		...restProps
	} = props;
	let enhancedRowRenderer = rowRenderer;
	if (isActive || isSelected || getRowState) {
		enhancedRowRenderer = getRowSelectionRenderer(rowRenderer, {
			isActive,
			isSelected,
			getRowState,
			getRowData: ({ index }) => collection[index],
		});
	}
	return (
		<VirtualizedList
			className={`tc-list-list ${theme['tc-list-list']}`}
			collection={collection}
			overscanRowCount={10}
			onRowClick={decorateRowClick(onRowClick)}
			onRowDoubleClick={decorateRowDoubleClick(onRowDoubleClick)}
			rowCount={rowCount || collection.length}
			rowRenderer={enhancedRowRenderer}
			rowGetter={index => collection[index] || {}}
			role="group"
			aria-label="list"
			containerRole="list"
			{...restProps}
		/>
	);
}
function ListGrid ( props ) { const { collection , isActive , isSelected , getRowState , onRowClick , onRowDoubleClick , rowRenderer , rowCount , ... restProps } = props ; let enhancedRowRenderer = rowRenderer ; if ( isActive || isSelected || getRowState ) { enhancedRowRenderer = getRowSelectionRenderer ( rowRenderer , { isActive , isSelected , getRowState , getRowData : ( { index } ) => collection [ index ] , } ) ; } return ( < VirtualizedList className = { ` ${ theme [ 'tc-list-list' ] } ` } collection = { collection } overscanRowCount = { 10 } onRowClick = { decorateRowClick ( onRowClick ) } onRowDoubleClick = { decorateRowDoubleClick ( onRowDoubleClick ) } rowCount = { rowCount || collection . length } rowRenderer = { enhancedRowRenderer } rowGetter = { index => collection [ index ] || { } } role = "group" aria-label = "list" containerRole = "list" { ... restProps } / > ) ; }
List renderer that accepts a custom row renderer.
List renderer that accepts a custom row renderer .