ONC iQ - UI

$3

##### icon (id, state, animation, up = 'plus', down = 'minus')
* Updates icon when clicking on a drill down row
* Optional: Set animation to false and link chart to local state (prevent multiple chart animations)

``javascript
import {DrillDown} from 'onciq-ui'

//...class setup

componentWillMount() {
this.state = {ids: {}, animation: true}
}

renderRow(items) {
return items.map(item => {
return (

fa fa-${this.state.ids[item.id] || 'plus'}}
onClick={()=> {this.setState(DrillDown.icon(item.id, this.state.ids))}}>
{item.id}


);
})
}

//... render a table using renderRow()
`

##### row (element, table, items)
* Build content for drill down row

`javascript
import {DrillDown} from 'onciq-ui'

//...class setup

return items.map(item => {
//item is an object with some properties to display
return (

onClick={(e) => {DrillDown.row(e, $("#items").DataTable(), item)}}>
{item.id}


);
})

//... render DataTable with id "items"
``