RawTableRow.tsx

import * as React from 'react';
import { ResultRow } from '../../pure/bqrs-cli-types';
import { selectableZebraStripe } from './result-table-utils';
import RawTableValue from './RawTableValue';

interface Props {
  rowIndex: number;
  row: ResultRow;
  databaseUri: string;
  className?: string;
  isSelected?: boolean;
  onSelected?: (row: number, column: number) => void;
}

export default function RawTableRow(props: Props) {
  return (
    <tr key={props.rowIndex} {...selectableZebraStripe(props.isSelected ?? false, props.rowIndex, props.className || '')}>
      <td key={-1}>{props.rowIndex + 1}</td>

      {props.row.map((value, columnIndex) => (
        <td key={columnIndex}>
          <RawTableValue
            value={value}
            databaseUri={props.databaseUri}
            onSelected={() => props.onSelected?.(props.rowIndex, columnIndex)}
          />
        </td>
      ))}
    </tr>
  );
}