update

Author: clarasb

chartlets.js/packages/lib/src/plugins/mui/Select.tsx

@@ -1,3 +1,4 @@
+import * as React from "react";
 import MuiFormControl from "@mui/material/FormControl";
 import MuiInputLabel from "@mui/material/InputLabel";
 import MuiMenuItem from "@mui/material/MenuItem";
@@ -34,6 +35,8 @@ export function Select({
 	multiple,
 	onChange,
 }: SelectProps) {
+	const [personName, setPersonName] = React.useState<string[]>([]);
+
 	const handleChange = (event: SelectChangeEvent) => {
 		if (id) {
 			let newValue: string | number = event.target.value;

chartlets.py/chartlets/component.py

@@ -19,7 +19,7 @@ class Component(ABC):
     name: str | None = None
     """HTML `name` attribute. Optional."""
 
-    value: bool | int | float | str | None = None
+    value: bool | int | float | str | list[bool | int | float | str] | None = None
     """HTML `value` attribute. Required for specific components."""
 
     style: dict[str, Any] | None = None

chartlets.py/demo/my_extension/my_panel_2.py

@@ -24,10 +24,11 @@ def render_panel(
     )
     select = Select(
         id="selected_variable_name",
-        value=var_name,
+        value=[var_name],
         label="Variable",
         options=[(v, v) for v in variable_names],
         style={"flexGrow": 0, "minWidth": 120},
+        multiple=True,
         tooltip="Select the variable of the test dataset to be used",
     )
     control_group = Box(