update changes.md and formatting

Author: clarasb

chartlets.js/CHANGES.md

@@ -1,3 +1,8 @@
+## Version 0.1.4 (in development)
+
+* Add `multiple` property for `Select` component to enable the
+  of multiple elements.
+
 ## Version 0.1.0 (in development)
 
 * Reorganised Chartlets project to better separate demo from library code.

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

@@ -8,81 +8,80 @@ import { isString } from "@/utils/isString";
 import { Tooltip } from "./Tooltip";
 
 export type SelectOption =
-  | string
-  | number
-  | [string, string]
-  | [number, string]
-  | { value: string | number; label?: string };
+	| string
+	| number
+	| [string, string]
+	| [number, string]
+	| { value: string | number; label?: string };
 
 interface SelectState extends ComponentState {
-  options?: SelectOption[];
-  multiple?: boolean
+	options?: SelectOption[];
+	multiple?: boolean;
 }
 
 interface SelectProps extends ComponentProps, SelectState {}
 
 export function Select({
-  type,
-  id,
-  name,
-  value,
-  options,
-  disabled,
-  style,
-  tooltip,
-  label,
-  multiple,
-  onChange,
+	type,
+	id,
+	name,
+	value,
+	options,
+	disabled,
+	style,
+	tooltip,
+	label,
+	multiple,
+	onChange,
 }: SelectProps) {
-  const handleChange = (event: SelectChangeEvent) => {
-    if (id) {
-      let newValue: string | number = event.target.value;
-      if (typeof value == "number") {
-        newValue = Number.parseInt(newValue);
-      }
-      onChange({
-        componentType: type,
-        id: id,
-        property: "value",
-        value: newValue,
-      });
-    }
-  };
-  return (
-    <Tooltip title={tooltip}>
-      <MuiFormControl variant="filled" size="small" style={style}>
-        {label && <MuiInputLabel id={`${id}-label`}>{label}</MuiInputLabel>}
-        <MuiSelect
-          labelId={`${id}-label`}
-          id={id}
-          name={name}
-          value={`${value}`}
-          disabled={disabled}
-          multiple={multiple}
-          onChange={handleChange}
-        >
-          {Array.isArray(options) &&
-            options.map(normalizeSelectOption).map(([value, text], index) => (
-              <MuiMenuItem key={index} value={value}>
-                {text}
-              </MuiMenuItem>
-            ))}
-        </MuiSelect>
-      </MuiFormControl>
-    </Tooltip>
-  );
+	const handleChange = (event: SelectChangeEvent) => {
+		if (id) {
+			let newValue: string | number = event.target.value;
+			if (typeof value == "number") {
+				newValue = Number.parseInt(newValue);
+			}
+			onChange({
+				componentType: type,
+				id: id,
+				property: "value",
+				value: newValue,
+			});
+		}
+	};
+	return (
+		<Tooltip title={tooltip}>
+			<MuiFormControl variant="filled" size="small" style={style}>
+				{label && <MuiInputLabel id={`${id}-label`}>{label}</MuiInputLabel>}
+				<MuiSelect
+					labelId={`${id}-label`}
+					id={id}
+					name={name}
+					value={`${value}`}
+					disabled={disabled}
+					multiple={multiple}
+					onChange={handleChange}>
+					{Array.isArray(options) &&
+						options.map(normalizeSelectOption).map(([value, text], index) => (
+							<MuiMenuItem key={index} value={value}>
+								{text}
+							</MuiMenuItem>
+						))}
+				</MuiSelect>
+			</MuiFormControl>
+		</Tooltip>
+	);
 }
 
 function normalizeSelectOption(
-  option: SelectOption,
+	option: SelectOption
 ): [string | number, string] {
-  if (isString(option)) {
-    return [option, option];
-  } else if (typeof option === "number") {
-    return [option, option.toString()];
-  } else if (Array.isArray(option)) {
-    return option;
-  } else {
-    return [option.value, option.label || `${option.value}`];
-  }
+	if (isString(option)) {
+		return [option, option];
+	} else if (typeof option === "number") {
+		return [option, option.toString()];
+	} else if (Array.isArray(option)) {
+		return option;
+	} else {
+		return [option.value, option.label || `${option.value}`];
+	}
 }

chartlets.py/CHANGES.md

@@ -1,4 +1,8 @@
+## Version 0.1.4 (in development)
 
+* Add `multiple` property for `Select` component to enable the
+  of multiple elements.
+  
 ## Version 0.1.0 (from 2025/01/14)
 
 * Reorganised Chartlets project to better separate demo from library code.