feat: allow overriding of item height in virtual list

[pregnantboy]

Problem

MultiSelect and SingleSelect components rely on fixed heights for items.

// SingleSelect/constants.ts
export const VIRTUAL_LIST_ITEM_HEIGHT = {
  xs: 40,
  sm: 40,
  md: 48,
}

However, when descriptions are added, item height exceed fixed constant and overflows the computed virtualListHeight.

export const VIRTUAL_LIST_MAX_HEIGHT = {
  xs: 4 * VIRTUAL_LIST_ITEM_HEIGHT.xs,
  sm: 4 * VIRTUAL_LIST_ITEM_HEIGHT.sm,
  md: 4 * VIRTUAL_LIST_ITEM_HEIGHT.md,
}

E.g. list becomes scrollable with only one item

Solution

Allow overriding of list item height.

[netlify]

✅ Deploy Preview for objective-bell-0ffbfb canceled.

Name	Link
🔨 Latest commit	c88f4e6
🔍 Latest deploy log	https://app.netlify.com/sites/objective-bell-0ffbfb/deploys/64afb1e41dec1a0009ec335f