<commit_before>import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import ReactGridLayout from 'react-grid-layout';
import 'react-grid-layout/css/styles.css';
import 'react-resizable/css/styles.css';

export default class Planner extends PureComponent {
  static propTypes = {
    days: PropTypes.arrayOf(
      PropTypes.shape({
        label: PropTypes.string
      })
    ).isRequired
  }

  constructor(props) {
    super(props);
    this.dayContainers = [];
  }

  componentDidMount() {
    // Dragula(this.dayContainers, {});
  }

  render() {
    const { days } = this.props;
    return (
      <ReactGridLayout className="layout" cols={days.length} rowHeight={30} width={1200}>
        <div key="a" data-grid={{x: 0, y: 0, w: 1, h: 2, static: true }}>a</div>
        <div key="b" data-grid={{x: 0, y: 2, w: 1, h: 2, minW: 2, maxW: 4}}>b</div>
        <div key="c" data-grid={{x: 0, y: 1, w: 1, h: 2 }}>c</div>
      </ReactGridLayout>
    );

    // return (
    //   <div>
    //     {days.map(day => {
    //       return (
    //         <div className="day" style={{ width: '200px', float: 'left' }}>
    //           <div className="header">
    //             <h6>{day.label}</h6>
    //           </div>
    //           <div className="plans" ref={container => { this.dayContainers.push(container); }}>
    //             {day.plans.map(plan => {
    //               return <div style={{ marginTop: '10px' }}>{plan.label}</div>;
    //             })}
    //           </div><commit_msg>I think this will work in the end<commit_after>import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import ReactGridLayout from 'react-grid-layout';
import 'react-grid-layout/css/styles.css';
import 'react-resizable/css/styles.css';

export default class Planner extends PureComponent {
  static propTypes = {
    days: PropTypes.arrayOf(
      PropTypes.shape({
        label: PropTypes.string
      })
    ).isRequired
  }

  constructor(props) {
    super(props);
    this.dayContainers = [];
  }

  componentDidMount() {
    // Dragula(this.dayContainers, {});
  }

  render() {
    const { days } = this.props;
    return (
      <ReactGridLayout className="layout" cols={days.length} rowHeight={30} verticalCompact={false} width={1200}>
        <div key="a" data-grid={{ x: 0, y: 0, w: 1, h: 2, minW: 1, maxW: 1 }}>a</div>
        <div key="b" data-grid={{ x: 0, y: 2, w: 1, h: 2, minW: 1, maxW: 1 }}>b</div>
        <div key="c" data-grid={{ x: 0, y: 1, w: 1, h: 2, minW: 1, maxW: 1 }}>c</div>
      </ReactGridLayout>
    );

    // return (
    //   <div>
    //     {days.map(day => {
    //       return (
    //         <div className="day" style={{ width: '200px', float: 'left' }}>
    //           <div className="header">
    //             <h6>{day.label}</h6>
    //           </div>
    //           <div className="plans" ref={container => { this.dayContainers.push(container); }}>
    //             {day.plans.map(plan => {
    //               return <div style={{ marginTop: '10px' }}>{plan.label}</div>;
    //             })}
    //           </div>
{'fraction_non_alphanumeric': 0.1864244741873805, 'fraction_numerical': 0.018483110261312937, 'mean_word_length': 2.1358641358641357, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 45, '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': '2076211', 'n_tokens_mistral': 1101, 'n_tokens_neox': 1060, 'n_words': 241}