Lendemor/add datagrid editor

[Lendemor]

Wrap @glideapps/glide-data-grid to include a new Data Editor with more functionality than rx.datatable.

Use case :

rx.data_editor(
    columns=[{"title":"Label", "type"="str"}, {"title":"Bool", "type":"bool"}],
    data= [
        ['A', True],
        ['B', True],
        ['C', True],
    ],
    rows=3
)

Closes #431 #468

[picklelo]

Component works great! Mostly some code style comments

[picklelo]

Should this be an event trigger?

[Lendemor]

not sure how to handle this one as it accept both a boolean and a callback... I went with disabling it by default for now)

[picklelo]

Looks good to me!

[Alek99]

Can we change theme -> style for consistency with the rest of the components

[Lendemor]

Can we change theme -> style for consistency with the rest of the components

I'm not sure how to go about that, I could make an alias "style" that set the theme props, but I can't change the props of the component itself.

[ElijahAhianyo]

The component treats themes differently from styles, i.e these theme values are passed to the theme prop whereas regular styles are treated normally(passed to the style prop). They also have specific values allowed as a theme key which can be found here, so not any styling prop would work.
I think we can create these Themes internally :

class DataGridTheme(rx.Base):
    accent_color: str
    ...

similar to what we do for radix so we're able to check and tell users what fields to pass. It would be worth mentioning in the docs or pointing users to the right docs on what values are allowed as theme key-values as well. Although Im not particularly sure how to go about IDE type hinting like we do using literals in this case

[Lendemor]

class DataGridTheme(rx.Base):
    accent_color: str
    ...

Yes I'm working on adding something similar 👍

[picklelo]

awesome work

[picklelo]

We should make these snake_case and convert them internally for consistency