public render()

in fronts-client/src/lib/dnd/Level.tsx [108:160]
53 lines of code
4 McCabe index (conditional complexity)

	public render() {
		const {
			renderDrop = null,
			renderDrag,
			children,
			arr,
			getId,
			type,
			dragImageOffsetX,
			dragImageOffsetY,
			getDropType,
			store,
		} = this.props;
		const Container = this.props.containerElement || DefaultContainer;
		return (
			<Container onDragOver={this.onDragOver(null)}>
				{arr.map((node, i) => (
					<React.Fragment key={getId(node)}>
						<DropZone store={store} parentKey={this.key} index={i}>
							{(isTarget) =>
								renderDrop && renderDrop(this.getDropProps(arr, i, isTarget))
							}
						</DropZone>
						<Node
							renderDrag={renderDrag}
							dragImageOffsetX={dragImageOffsetX}
							dragImageOffsetY={dragImageOffsetY}
							id={getId(node)}
							type={type}
							dropType={getDropType?.(node)}
							index={i}
							data={node}
						>
							{(getNodeDragProps) =>
								children(
									node,
									this.getNodeDropProps(i, getNodeDragProps),
									i,
									arr,
								)
							}
						</Node>
					</React.Fragment>
				))}
				<DropZone store={store} parentKey={this.key} index={arr.length}>
					{(isTarget) =>
						renderDrop &&
						renderDrop(this.getDropProps(arr, arr.length, isTarget))
					}
				</DropZone>
			</Container>
		);
	}