menuSelect Widget: hide when only one option (other than seeAllOption)

Describe the bug 🐛 When using a menuSelect widget, if there is only one option (other than the seeAllOption), this widget should be hidden since selecting that single option is the same as selecting the seeAllOption

To Reproduce 🔍 Steps to reproduce the behavior:

1. Add a menuSelect widget that will only have one option
2. See that selecting that option is the same as the seeAllOption

Expected behavior 💭 If there is only one option other than the seeAllOption this widget should be hidden.

Screenshots 🖥

[francoischalifour]

Since InstantSearch.js 3, you can use the panel widget like this:

const brandMenuSelect = instantsearch.widgets.panel({
  hidden: ({ results }) => results.getFacetValues('brand').data.length <= 1,
})(instantsearch.widgets.menuSelect);

search.addWidget(
  brandMenuSelect({
    container: '#brand-list',
    attribute: 'brand',
  })
);

[davist11]

Awesome, thank you.

For reference for anyone else who needs something like this, I had to update the conditional like so:

if (Array.isArray(values.data) && values.data.length <= 1) {
    hide()
} else {
    show()
}