Added deselectable prop for radio-type components

[RenaudLN]

Allow to deselect RadioGroup and ChipGroup

ChipGroup

RadioGroup

[github-actions]

This link is for a PyCafe app based on the build in this PR. It can be used to test features. Simple replace the sample app wit your own example app and repost it here.

Generated link: snehilvj/dash-mantine-components-351

[AnnMarieW]

Live sample apps on PyCafe

ChipGroup like a radio button

ChipGroup like a checklist

Deselectable ChipGroup Radio

[AnnMarieW]

Hey @RenaudLN

Thanks for this awesome PR -- Nice solution 🎉

The new deselect prop works great with the ChipGroup however, there is an error with a single chip:
(Same error for a single Radio)

import dash_mantine_components as dmc
from dash import Dash, _dash_renderer
_dash_renderer._set_react_version("18.2.0")

app = Dash(external_stylesheets=dmc.styles.ALL)

app.layout = dmc.MantineProvider(
    dmc.Chip("Chip A", controlled=True, checked=True)
)

if __name__ == "__main__":
    app.run(debug=True)

[AnnMarieW]

Docs for this PR are included here: snehilvj/dmc-docs#88

[RenaudLN]

Good pickup! fixed that and added simple tests for single radio/chip

[AnnMarieW]

Works great now! 🙏

Just need a changelog entry for both this one and 352 🙂

[alexcjohnson]

Very nice @RenaudLN!

I wonder if we can use this to get rid of the controlled prop entirely (cc @BSd3v)? something like:

const eventProps = {};
if (chipOnClick) {  // we have a ChipGroup context
    eventProps.onClick = chipOnClick;
} else {  // no ChipGroup so this Chip controls itself
    eventProps.checked = checked;
    eventProps.onChange = onChange;
}
return <MantineChip
    data-dash-is-loading={
        (loading_state && loading_state.is_loading) || undefined
    }
    {...eventProps}
    {...others}
>
    {children}
</MantineChip>

[RenaudLN]

Something for another PR maybe?

[AnnMarieW]

That works too - it would be good to get this PR across the finish line.
We can apply what you did here to make the Chip component even better as Alex suggested -- thanks for the head start.

[alexcjohnson]

Yes that’s fine, @AnnMarieW let’s just do it before we make a release and it becomes a breaking change.

[alexcjohnson]

💃