Create SelectBox component

[arturbien]

SelectBox is basically a Select component, but instead of a dropdown, there is a scrollable box of specified height containing all possible options.

[pxd3v]

Hi Artur! Is this issue still relevant? I would like to try implementing it!

[arturbien]

@pxd3v hey ♥️ yes, that would be great!

Things we need to implement:

• support for width and height prop

• initially select box should be scrolled to the currently selected option

• accessibility and keyboard controls

• maybe support for disabled prop? I think original Windows 95 didn't have disabled state for select box component, but if we come up with a nice way to do it, then we could implement it

It should be possible to reuse some existing styles from Select for this task.

Of course we can add features incrementally and go step by step and refactor along the way. 😊

[pxd3v]

@arturbien Thank you so much for the guidance! I will start working on it today and i'll keep you updated.

[pxd3v]

Hi guys! Just to keep you all updated, I'm working on the component! I'm trying to figure out all the themes and css stuff so I can reuse what you guys already implemented, so the process is currently kinda slow hahah but here's a print of the work in progress!

[arturbien]

Hey! you should use StyledCutout as the wrapper component to get proper double borders around the SelectBox just like in Select component:

You can import it from here:
import { StyledCutout } from '../Cutout/Cutout';

Same approach is used in Select component and others.

Looks nice tho, keep it up! ♥️

[pxd3v]

Hi @arturbien! I just implemented the list with the Cutout, thank you so much for the tip! I want to know, can you explain me more about the different displays? As I saw on the storybook, components have 3 different styles, default, flat and custom. Can you explain me each one please?!
Ah,I've just created a draft pull request so you guys can keep up updated, here's the url: #197