0.49.md

Upgrade 0.48 to 0.49

Change startupjs and all @startupjs/* dependencies in your package.json to ^0.48.

Features

@startupjs/ui/Multiselect

• add maxTagCount property to limit the number of selected tags

BREAKING CHANGES

@startupjs/ui/Multiselect

• change api of renderListItem that renders menu item from renderListItem(item index, onItemPress) to renderListItem({ item, index, selected })

BEFORE:

const OPTIONS = [
  { label: 'New York', value: 'ny' },
  { label: 'Los Angeles', value: 'la' },
  { label: 'Tokyo', value: 'tk' }
]
const [cities, setCities] = useState([])

function renderListItem (item, selected, onItemPress) {
  return pug`
    Div(onPress=onItemPress)
      Span.text(styleName={ selected })= item.label
  `
}

return pug`  
  Multiselect(
    value=cities
    options=OPTIONS
    renderListItem=renderListItem
    onChange=setCities
  )
`

styl`
  .text
    &.selected
      color $UI.colors.primary
`

NOW:

const OPTIONS = [
  { label: 'New York', value: 'ny' },
  { label: 'Los Angeles', value: 'la' },
  { label: 'Tokyo', value: 'tk' }
]
const [cities, setCities] = useState([])

function renderListItem ({ item, index, selected }) {
  return pug`
    Span.text(styleName={ selected })= item.label
  `
}

return pug`  
  Multiselect(
    value=cities
    options=OPTIONS
    renderListItem=renderListItem
    onChange=setCities
  )
`

styl`
  .text
    &.selected
      color $UI.colors.primary
`