<commit_before>import React from 'react';
import { DragDropContext } from 'react-dnd';
import HTML5Backend from 'react-dnd-html5-backend';
import Week from 'Week'
import './index.css';

let Timeline = React.createClass({
  render: function() {
    var {weeks} = this.props;
    return (
      <div className="timeline">
        <div className="timeline-filter">
          <i className="fa fa-chevron-left"></i>
          {` Sat Jan 1 `}
          <i className="fa fa-chevron-right"></i>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          {` By Week `}
          <i className="fa fa-chevron-down"></i>
        </div>
        <div className="timeline-week">
          <div className="timeline-week-nav">
            <button className="timeline-week-nav-button">
              <i className="fa fa-chevron-left"></i>
            </button>
          </div>
          {weeks.map((week, idx) => <Week {...week} />)}
          <div className="timeline-week-nav">
            <button className="timeline-week-nav-button mod-last">
              <i className="fa fa-chevron-right"></i>
            </button>
          </div>
        </div>
      </div>
    );
  }
});

export default DragDropContext(HTML5Backend)(Timeline);<commit_msg>feat(occurrence-card): developing card drop interactions<commit_after>import React, {PropTypes} from 'react';
import Week from 'Week'
import './index.css';

let Timeline = React.createClass({
  propTypes: {
    weeks: PropTypes.array.isRequired,
    onCardDrop: PropTypes.func
  },
  render() {
    let {weeks, onCardDrop} = this.props;
    return (
      <div className="timeline">
        <div className="timeline-filter">
          <i className="fa fa-chevron-left"></i>
          {` Sat Jan 1 `}
          <i className="fa fa-chevron-right"></i>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          {` By Week `}
          <i className="fa fa-chevron-down"></i>
        </div>
        <div className="timeline-week">
          <div className="timeline-week-nav">
            <button className="timeline-week-nav-button">
              <i className="fa fa-chevron-left"></i>
            </button>
          </div>
          {weeks.map((week, idx) => <Week {...week} onCardDrop={onCardDrop} />)}
          <div className="timeline-week-nav">
            <button className="timeline-week-nav-button mod-last">
              <i className="fa fa-chevron-right"></i>
            </button>
          </div>
        </div>
      </div>
    );
  }
});

export default Timeline;
{'fraction_non_alphanumeric': 0.1674641148325359, 'fraction_numerical': 0.001993620414673046, 'mean_word_length': 2.167929292929293, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 55, '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': '7032120', 'n_tokens_mistral': 777, 'n_tokens_neox': 763, 'n_words': 156}