<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import TagSelector from './tagSelector';
import ValueSelector from './valueSelector';

const TagModifier = (props) => {
  const tagValues = props.tags[props.selectedTagCategory] || [];
  const tagCategories = Object.keys(props.tags) || [];
  return (
    <div className="col-lg-6">
      <div className="row">
        <div className="col-lg-12">
          <h1>Add/modify tag</h1>
        </div>
        <div className="col-lg-6">
          <h2>Category:</h2>
        </div>
        <div className="col-lg-6">
          <TagSelector tagCategories={tagCategories} onTagCategoryChange={props.onTagCategoryChange} selectedOption={props.selectedTagCategory} />
        </div>
      </div>
      <div className="row">
        <div className="col-lg-6">
          <h2>Assigned Value:</h2>
        </div>
        <div className="col-lg-6">
          <ValueSelector tagValues={tagValues} onTagValueChange={props.onTagValueChange} selectedOption={props.selectedTagValue} />
        </div>
      </div>
    </div>
  );
};

TagModifier.propTypes = {<commit_msg>Make props passing to tagModifier explicit<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import TagSelector from './tagSelector';
import ValueSelector from './valueSelector';

const TagModifier = ({
  tags, selectedTagCategory, selectedTagValue, onTagCategoryChange, onTagValueChange,
}) => {
  const tagValues = tags[selectedTagCategory] || [];
  const tagCategories = Object.keys(tags) || [];
  return (
    <div className="col-lg-6">
      <div className="row">
        <div className="col-lg-12">
          <h1>Add/modify tag</h1>
        </div>
        <div className="col-lg-6">
          <h2>Category:</h2>
        </div>
        <div className="col-lg-6">
          <TagSelector tagCategories={tagCategories} onTagCategoryChange={onTagCategoryChange} selectedOption={selectedTagCategory} />
        </div>
      </div>
      <div className="row">
        <div className="col-lg-6">
          <h2>Assigned Value:</h2>
        </div>
        <div className="col-lg-6">
          <ValueSelector tagValues={tagValues} onTagValueChange={onTagValueChange} selectedOption={selectedTagValue} />
        </div>
      </div>
    </div>
  );
};

TagModifier.propTypes = {
{'fraction_non_alphanumeric': 0.1513978494623656, 'fraction_numerical': 0.011182795698924731, 'mean_word_length': 2.9490662139219017, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 53, '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': '6953680', 'n_tokens_mistral': 697, 'n_tokens_neox': 695, 'n_words': 137}