PurchaseTable.jsx

[TableColumns.COST, {
  render: (cost, record) => (
    <Cell.Number value={ cost }
      isEditable={ this.canEdit(TableColumns.COST) }
      onSubmit={ value => this.handleCostSubmit(value, record) }
    />
  ),
}],
[TableColumns.IS_PRIORITY, {
  render: (isPriority, record) => (
    <Cell.Boolean value={ isPriority }
      isEditable={ this.canEdit(TableColumns.IS_PRIORITY) }
      onChange={ () => this.handleIsPriorityChange(record, isPriority) }
    />
  ),
}],
[TableColumns.CREATED_ON, {
  render: date => <Cell.Date date={ date } />,
  filterDropdown: (
    <FilterDropdown.Date
      column={ TableColumns.CREATED_ON }
      onSubmit={ this.handleFilterChange }
    />
  ),
}],
[TableColumns.SUPPLIER_NAME, {
  filterDropdown: (
    <FilterDropdown.Text
      column={ TableColumns.SUPPLIER_NAME }
      onSubmit={ this.handleFilterChange }
    />
  ),
}],