<commit_before>import React from 'react';
import ReactTooltip from 'react-tooltip';
import uuid from 'node-uuid';
import { TableHeaderColumn as MaterialTableHeaderColumn } from 'material-ui/Table';
import { getSortIcon } from './tableHelpers';
import styles from './Table.css';

export default ({ column, sortClick, sortField, sortState }) => {
  const tooltipId = uuid.v4();

  return (
    <MaterialTableHeaderColumn>
      <div
        className={column.sortFn ? styles.headerCell : styles.headerCellNoSort}
        onClick={() => column.sortFn && sortClick(column.field, sortState, column.sortFn)}
      >
        <div data-tip data-for={tooltipId} style={{ color: column.color }}>
          {column.displayName}
          {column.sortFn && getSortIcon(sortState, sortField, column.field, { height: 14, width: 14 })}
          {column.tooltip &&
          <ReactTooltip id={tooltipId} place="top" type="light" effect="solid">
            <div className={styles.headerTooltip}>
              {column.tooltip}
            </div>
          </ReactTooltip>
          }
        </div><commit_msg>Fix table header tooltip cursor<commit_after>import React from 'react';
import ReactTooltip from 'react-tooltip';
import uuid from 'node-uuid';
import { TableHeaderColumn as MaterialTableHeaderColumn } from 'material-ui/Table';
import { getSortIcon } from './tableHelpers';
import styles from './Table.css';

export default ({ column, sortClick, sortField, sortState }) => {
  const tooltipId = uuid.v4();

  return (
    <MaterialTableHeaderColumn>
      <div
        className={column.sortFn ? styles.headerCell : styles.headerCellNoSort}
        onClick={() => column.sortFn && sortClick(column.field, sortState, column.sortFn)}
      >
        <div data-tip={column.tooltip && true} data-for={tooltipId} style={{ color: column.color }}>
          {column.displayName}
          {column.sortFn && getSortIcon(sortState, sortField, column.field, { height: 14, width: 14 })}
          {column.tooltip &&
          <ReactTooltip id={tooltipId} place="top" type="light" effect="solid">
            <div className={styles.headerTooltip}>
              {column.tooltip}
            </div>
          </ReactTooltip>
          }
        </div>
{'fraction_non_alphanumeric': 0.13524406627854904, 'fraction_numerical': 0.0044782803403493054, 'mean_word_length': 3.032490974729242, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 23, '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': '4218136', 'n_tokens_mistral': 618, 'n_tokens_neox': 631, 'n_words': 150}