add multiple to select component

Author: clarasb

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

@@ -16,6 +16,7 @@ export type SelectOption =
 
 interface SelectState extends ComponentState {
   options?: SelectOption[];
+  multiple?: boolean
 }
 
 interface SelectProps extends ComponentProps, SelectState {}
@@ -30,6 +31,7 @@ export function Select({
   style,
   tooltip,
   label,
+  multiple,
   onChange,
 }: SelectProps) {
   const handleChange = (event: SelectChangeEvent) => {
@@ -56,6 +58,7 @@ export function Select({
           name={name}
           value={`${value}`}
           disabled={disabled}
+          multiple={multiple}
           onChange={handleChange}
         >
           {Array.isArray(options) &&

chartlets.py/chartlets/components/select.py

@@ -13,6 +13,11 @@ class Select(Component):
     """Select components are used for collecting user provided
     information from a list of options."""
 
+    multiple: bool | None = None
+    """Allows for multiple selection in Select Menu. If `true` value 
+    must be an array.
+    """
+
     options: list[SelectOption] = field(default_factory=list)
     """The options given as a list of number or text values or a list
     of (value, label) pairs.