Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-05 12:55:55 +01:00
Code Issues Packages Projects Releases Activity

feat(react/ribbon): reintroduce combobox collection properties

Browse Source
This commit is contained in:
Elian Doran
2025-08-23 23:54:14 +03:00
parent 2b8b185b5b
commit d7e36bdf93
4 changed files with 41 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
apps/client/src/widgets/react/FormSelect.tsx
View File

@@ -39,15 +39,22 @@ export default function FormSelect<T>({ name, id, onChange, style, ...restProps
/**
* Similar to {@link FormSelect}, but the top-level elements are actually groups.
*/
export function FormSelectWithGroups<T>({ name, id, values, keyProperty, titleProperty, currentValue, onChange }: FormSelectProps<T, FormSelectGroup<T>>) {
export function FormSelectWithGroups<T>({ name, id, values, keyProperty, titleProperty, currentValue, onChange }: FormSelectProps<T, FormSelectGroup<T> | T>) {
return (
<FormSelectBody name={name} id={id} onChange={onChange}>
{values.map(({ title, items }) => {
return (
<optgroup label={title}>
<FormSelectGroup values={items} keyProperty={keyProperty} titleProperty={titleProperty} currentValue={currentValue} />
</optgroup>
);
{values.map((item) => {
if (!item) return <></>;
if (typeof item === "object" && "items" in item) {
return (
<optgroup label={item.title}>
<FormSelectGroup values={item.items} keyProperty={keyProperty} titleProperty={titleProperty} currentValue={currentValue} />
</optgroup>
);
} else {
return (
<FormSelectGroup values={[ item ]} keyProperty={keyProperty} titleProperty={titleProperty} currentValue={currentValue} />
)
}
})}
</FormSelectBody>
)