fix-302

[AnnMarieW]

Ensure that the fix applied in also applies to both Select and MultiSelect components.

When updating the data prop in a Select or MultiSelect component in a callback, the value now correctly reflects only valid options.

Here is an app to verify:

import dash_mantine_components as dmc
from dash import Dash, Input, Output, _dash_renderer, callback, html

_dash_renderer._set_react_version("18.2.0")

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

grouped_data = [
        {
            "group": "Frontend",
            "items": [{"value": "react", "label": "React"}, {"value": "angular", "label": "Angular"}],
        },
        {
            "group": "Backend",
            "items": [{"value": "svelte", "label": "Svelte"}, {"value": "vue", "label": "Vue"}],
        },
    ]

select = html.Div(
    [
        dmc.MultiSelect(
            label="Multi Select  (grouped)",
            placeholder="Select multi",
            clearable=True,
            id="multi-select-grouped",
            w=200,
            mb=10,
            persistence=True,
        ),
        dmc.Text(id="multi-selected-value-grouped"),
        dmc.Select(
            label="Select  (grouped)",
            placeholder="Select one",
            clearable=True,
            id="select-grouped",
            w=200,
            mb=10,
            persistence=True,
        ),
        dmc.Text(id="selected-value-grouped"),

    ]
)

app.layout = dmc.MantineProvider(select)


@callback(
    Output("selected-value-grouped", "children"),
    Input("select-grouped", "value"),
)
def select_value(value):
    return value


@callback(
    Output("multi-selected-value-grouped", "children"),
    Input("multi-select-grouped", "value"),
)
def select_value(value):
    return value


@callback(
    Output("select-grouped", "data"),
    Input("select-grouped", "children"),
)
def populate_grouped_data(value):
    return grouped_data


@callback(
    Output("multi-select-grouped", "data"),
    Input("multi-select-grouped", "children"),
)
def populate_grouped_data(value):
    return grouped_data


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