<commit_before>import React from "react";
import styled from "styled-components";
import PropTypes from "prop-types";
import CustomPropTypes from "custom-prop-types";
import { TransitionGroup, CSSTransition } from "react-transition-group";
import { getLink } from "utils/UrlUtils";
import { colors } from "../../constants/theme";
import CommentsButton from "./CommentsButton";
import DeleteQuestionnaireButton from "./DeleteQuestionnaireButton";

const duration = 200;

export const QuestionnaireLink = styled.a`
  text-decoration: none;
  color: ${colors.blue};
  width: 100%;
  max-width: 33em;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;

  &:hover {
    text-decoration: underline;
  }
`;

const Table = styled.table`
  width: 100%;
  font-size: 0.8em;
  border-collapse: collapse;
`;

const ColumnPropTypes = {
  centerAligned: PropTypes.bool
};

const TH = styled.th`
  padding: 1.5em 1em;
  color: #8e8e8e;
  text-align: ${props => (props.centerAligned ? "center" : "left")};
`;

TH.propTypes = ColumnPropTypes;

const TR = styled.tr`<commit_msg>display questionnaire title verbatim<commit_after>import React from "react";
import styled from "styled-components";
import PropTypes from "prop-types";
import CustomPropTypes from "custom-prop-types";
import { TransitionGroup, CSSTransition } from "react-transition-group";
import { getLink } from "utils/UrlUtils";
import { colors } from "../../constants/theme";
import CommentsButton from "./CommentsButton";
import DeleteQuestionnaireButton from "./DeleteQuestionnaireButton";

const duration = 200;

export const QuestionnaireLink = styled.a`
  text-decoration: none;
  color: ${colors.blue};
  width: 100%;
  max-width: 33em;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  &:hover {
    text-decoration: underline;
  }
`;

const Table = styled.table`
  width: 100%;
  font-size: 0.8em;
  border-collapse: collapse;
`;

const ColumnPropTypes = {
  centerAligned: PropTypes.bool
};

const TH = styled.th`
  padding: 1.5em 1em;
  color: #8e8e8e;
  text-align: ${props => (props.centerAligned ? "center" : "left")};
`;

TH.propTypes = ColumnPropTypes;

const TR = styled.tr`
{'fraction_non_alphanumeric': 0.13395638629283488, 'fraction_numerical': 0.016911437472185136, 'mean_word_length': 4.550617283950618, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '5759161', 'n_tokens_mistral': 754, 'n_tokens_neox': 717, 'n_words': 192}