item.label not present for Range under CurrentRefinement

My Range component is the same that the component provided in the documentation…

I suppose that we missed associate label field 😄

live demo at https://windtoday.co

[Kikobeats]

Oh sorry, I did something wrong but now CurrentRefinements#transformItems works as expected, I did this workaround:

function isRange (item) {
  return item.currentRefinement.max && item.currentRefinement.min
}

function transformRange (item) {
  return {
    currentRefinement: item.currentRefinement,
    label: `${item.attributeName}: `,
    items: [{'label': item.label, value: item.value}]
  }
}

function transformItems (items) {
  return items.map(function (item) {
    if (isRange(item)) item = transformRange(item)
    return item
  })
}

I detect if the item is a Range (based on the item fields) and I’m mapping the item interface to be as the rest of the non Range items.

My point is, could be possible encapsulate this inside Range component?

That also avoid the conditional rendering inside CurrentRefinements, just providing one interface to implement.

[mthuret]

React InstantSearch has been moved here: https://github.com/algolia/react-instantsearch This issue has either been rewritten or placed inside our backlog.