import Component from '@ember/component';
// @ts-ignore: Ignore import of compiled template
import layout from '../templates/components/nacho-table-body';
import { classNames, tagName } from '@ember-decorators/component';
import { DefaultTableClasses, DefaultTableComponents } from '../constants/default-table-properties';
import { INachoTableConfigs } from '@nacho-ui/table/types/nacho-table';
import { not } from '@ember/object/computed';

@tagName('tbody')
@classNames(DefaultTableClasses.body)
export default class NachoTableBody extends Component {
  layout = layout;

  /**
   * For easier access in the template
   */
  tableClasses = DefaultTableClasses;

  /**
   * Passed in table configurations. This originates from the nacho-table component and its
   * consumer
   * @type {INachoTableConfigs}
   */
  tableConfigs: INachoTableConfigs<any>;

  /**
   * Passed in, or config set, configuration that can originate from the nacho-table compoment or a
   * user set config that determines the path of the component we want to use to set a table row
   * @type {string}
   */
  tableRowComponent: string;

  /**
   * Quick computation to determine whether or not we have any table configs, useful for templates
   */
  @not('tableConfigs')
  noConfigs: boolean;

  constructor() {
    super(...arguments);

    const tableConfigs = this.tableConfigs;

    // Determines the proper compoment with priority of: passed in component > component given by config >
    // default component
    this.tableRowComponent =
      (typeof this.tableRowComponent === 'string' && this.tableRowComponent) ||
      (tableConfigs && tableConfigs.customRows && tableConfigs.customRows.component) ||
      DefaultTableComponents.row;
  }
}