text: 
  import moment from 'moment';
  import React from 'react';
  import { truncate } from 'lodash';
  
  function imageFormatter(cell) {
    const imageUrl =
      cell && cell.length
        ? cell[0].publicUrl
        : undefined;
    return (
        <span>{imageUrl ? <img width="60" height="60" className="rounded-circle" src={imageUrl} alt="avatar" /> : null}</span>
    );
  };
  
  function booleanFormatter(cell) {
      return cell
        ? 'Yes'
        : 'No';
  };
  
  function dateTimeFormatter(cell) {
      return cell
        ? moment(cell).format('YYYY-MM-DD HH:mm')
        : null;
  };
  
  function filesFormatter(cell) {
      return (
        <div>
          { cell && cell.map((value) => {
            return (
              <div key={value.id}>
                <i className="la la-link text-muted mr-2"></i>
                <a
                  href={value.publicUrl}
                  target="_blank"
                  rel="noopener noreferrer"
                  download
                >
                  {truncate(value.name)}
                </a>
              </div>
            );
          })}
        </div>
  	)
  };
  
  function listFormatter(cell) {
      if (!cell) return null;
  
      return (
        <div>
          { cell && cell.length && cell.map((value) => {
            return (
              <div key={value.id}>
                <a
                  href={value.id}
                >
                  {value.name}
                </a>
              </div>
            );
          })}
          { cell &&
              <div key={cell.id}>
                <a href={cell.id}>{cell.name}</a>
              </div>
          }
        </div>
  	);
  };
  
  export { booleanFormatter, imageFormatter, dateTimeFormatter, listFormatter, filesFormatter };
  