import React, {Component} from 'react';
import PropTypes from 'prop-types';

// packages
import l10nUtils from '@8x8/cm-l10n';
// components
import List from './../../components/listView/list.component';

/**
 * Members list component
 */
class MembersList extends Component {

  /**
   * JSDOC
   *
   * @return {JSX}
   */
  getColumns() {
    const {prepareColumns} = this.props;
    const defaultColumns = {};

    return prepareColumns(defaultColumns);
  }

  /**
   * Prepares list data.
   *
   * @return {Object}
   */
  getListData() {
    const {prepareData} = this.props;
    const preparedListData = {
      // TODO add default row logic
    };

    return prepareData(preparedListData);
  }

  render() {
    const {
      sortable,
      filteredListStr,
    } = this.props;

    return (
      <List
        filteredListStr={filteredListStr}
        listColumns={this.getColumns()}
        listData={this.getListData}
        listHeaderData={this.listHeaderData}
        listIds={this.listIds}
        onDragEnd={this.dragEndHandler}
        onDragOver={this.dragOverHandler}
        onDrop={this.onDropHandler}
        renderNoResults={this.renderNoResults}
        renderShowing={false}
        setSelectedItems={this.setSelectedMembers}
        sortable={sortable}
      />
    );
  }
}

MembersList.defaultProps = {
  filteredListStr: l10nUtils.translate('MEMBERS'),
  pageName: 'members', // TODO use constant
  prepareListColumns: (columns) => columns,
  prepareData: (columns) => columns,
  sortable: false,
};

MembersList.propTypes = {
  filteredListStr: PropTypes.string,
  listData: PropTypes.arrayOf(PropTypes.object),
  pageName: PropTypes.string,
  prepareColumns: PropTypes.func,
  prepareData: PropTypes.func,
  sortable: PropTypes.bool,
};

export default MembersList;