feat(Listbox): auto dense

[DanielS-Qlik]

Motivation

When the listbox container is smaller than a grid item, enable dense mode.
fixes qlik-oss/sn-list-objects#214 together with qlik-oss/sn-list-objects#220

Requirements checklist

• Api specification
  • Ran yarn spec
    • No changes OR API changes has been formally approved
• Unit/Component test coverage
• Correct PR title for the changes (fix, chore, feat)

When build and tests have passed:

• Add code reviewers, for example @qlik-oss/nebula-core

[Caele]

There is a lot of logic and properties being passed around here, quite hard to follow its exact purpose.

What is is that triggers the auto dense setting? And does it simply result in dense being true?

[DanielS-Qlik]

There is a lot of logic and properties being passed around here, quite hard to follow its exact purpose.

What is is that triggers the auto dense setting? And does it simply result in dense being true?

Basically it checks the height of element passed in here

nebula.js/apis/nucleus/src/index.js

Line 458 in bb82663

async mount(element, options = {}) {

.
If it's in grid mode and that element is smaller than a grid item, it enables dense mode via autoDense.

The state needs to be kept in ListboxInline.jsx because it's used by the ListBoxSearch there.
Then the state is set in ListBox.jsx via useSetAutoDense() because it needs the loaderRef to detect the scollbar presence.

[veinfors]

I think we can wait with merging this as we might have better ideas to improve the behaviour instead...
(introducing a setting to the sn-filter-pane to explicitly control wether listboxes should collapse or not could help)