<commit_before>//React modules
import PropTypes from 'prop-types';
import React from 'react';

//Components
import Explorer from './explorer.jsx';
import Search from './search.jsx';
import Tag from './Tag.jsx';

class Tags extends React.Component {
	constructor(props) {
		super(props);
	}

	renderTags = (tags, render) => {
		return (
			<div key={render.key} style={render.style}>
				<Tag name={tags[render.index].Name} />
			</div>
		);
	};

	searchTags = evt => {
		this.props.actions.configure.searchTags(evt.target.value);
	};

	render() {
		let visibleTags = this.props.tags.filter(tag => tag.isVisible);
		return (
			<div id='tags'>
				<Search style='tags' placeholder='Search attributes...' onChange={this.searchTags} />
				<Explorer
					width={250}
					height={125}
					rowCount={visibleTags.length}
					rowHeight={25}
					renderer={this.renderTags.bind(this, visibleTags)}
				/>
			</div>
		);
	}
}

Tags.propTypes = {
	tags: PropTypes.array.isRequired,
	actions: PropTypes.object.isRequired,
};

export default Tags;<commit_msg>Changed the height of explorer<commit_after>//React modules
import PropTypes from 'prop-types';
import React from 'react';

//Components
import Explorer from './explorer.jsx';
import Search from './search.jsx';
import Tag from './Tag.jsx';

class Tags extends React.Component {
	constructor(props) {
		super(props);
	}

	renderTags = (tags, render) => {
		return (
			<div key={render.key} style={render.style}>
				<Tag name={tags[render.index].Name} />
			</div>
		);
	};

	searchTags = evt => {
		this.props.actions.configure.searchTags(evt.target.value);
	};

	render() {
		let visibleTags = this.props.tags.filter(tag => tag.isVisible);
		return (
			<div id='configure-tags'>
				<Search style='tags' placeholder='Search attributes...' onChange={this.searchTags} />
				<div class='tags-breaker' />
				<Explorer
					width={250}
					height={156}
					rowCount={visibleTags.length}
					rowHeight={26}
					renderer={this.renderTags.bind(this, visibleTags)}
				/>
			</div>
		);
	}
}

Tags.propTypes = {
	tags: PropTypes.array.isRequired,
	actions: PropTypes.object.isRequired,
};

export default Tags;
{'fraction_non_alphanumeric': 0.16203703703703703, 'fraction_numerical': 0.007407407407407408, 'mean_word_length': 3.627408993576017, 'pattern_counts': {'":': 0, '<': 18, '<?xml version=': 0, '>': 24, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2876460', 'n_tokens_mistral': 817, 'n_tokens_neox': 712, 'n_words': 147}