From 378948e522f392ffbbd3246e3ad053c4ff04327f Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Sun, 22 Sep 2024 00:11:17 -0700
Subject: [PATCH] Optima Dropdowns: controllable

---
 src/common/layout/optima/bar/OptimaBarDropdown.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/common/layout/optima/bar/OptimaBarDropdown.tsx b/src/common/layout/optima/bar/OptimaBarDropdown.tsx
index be945ae03..17e9f353f 100644
--- a/src/common/layout/optima/bar/OptimaBarDropdown.tsx
+++ b/src/common/layout/optima/bar/OptimaBarDropdown.tsx
@@ -99,6 +99,11 @@ function OptimaBarDropdown<TValue extends string>(props: {
   showSymbols?: boolean,
 }) {
 
+  // state
+  const [listboxOpen, setListboxOpen] = React.useState(false);
+
+
+  // derived state
   const { onChange } = props;
 
   const handleOnChange = React.useCallback((_event: any, value: TValue | null) => {
@@ -113,6 +118,11 @@ function OptimaBarDropdown<TValue extends string>(props: {
       value={props.value}
       onChange={handleOnChange}
       placeholder={props.placeholder}
+      listboxOpen={listboxOpen}
+      onListboxOpenChange={(isOpen) => {
+        if (isOpen !== listboxOpen)
+          setListboxOpen(isOpen)
+      }}
       indicator={<KeyboardArrowDownIcon />}
       slotProps={selectSlotProps}
     >