Skip to content

Instantly share code, notes, and snippets.

@bogdanpetru
Created July 17, 2018 08:02
Show Gist options
  • Save bogdanpetru/8e09e221395b0d5f3051c9276f4b7f78 to your computer and use it in GitHub Desktop.
Save bogdanpetru/8e09e221395b0d5f3051c9276f4b7f78 to your computer and use it in GitHub Desktop.

Member List API

  • sortable: Boolean
  • prepareColumns: (columns) => columns
  • prepareData: (data, rowData) => data
  • prepareHeaderData: () => headerData
  • onOrderChange: (ids?) => {}
  • onRemoveMembers: (ids) => {}
  • selectedItems: controlled property
  • renderNoResults - has default
  • isInvalid: (data) => Component
  • name: (data, isInvalid) => JSX|JSX - custom component for name

prepareColumns(columns): newColumns

columns: [ CHECKBOX_COLUMN, PHOTO_COLUMN, NAME_COLUMN, PHONE_NUMBER_COLUMN, EXTENSION_COLUMN, ACTIONS_COLUMN, ]

prepareData(data, rowData): preparedData

Can intercept and change default listData. Receives as param default implementation. It should return new data.

// default rowData
data = {
  checkbox: {},
  draggable: {},
  extension: {},
  phoneNumber: {},
  name: {},
  photo: {},
  rowId: {},
  actions: {}
}

prepareHeaderData(data): preparedData

// default rowData
data = {
  checkbox: {},
  draggable: {},
  extension: {label: 'Extension Number'},
  phoneNumber: {},
  name: {},
  photo: {},
  rowId: {},
  actions: {}
}

actionsProps:

Defaults delete action.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment