@finos/legend-application-studio 28.17.16 → 28.17.17

package/src/components/editor/side-bar/Explorer.tsx

@@ -32,7 +32,7 @@ import {
   MenuContentItemIcon,
   MenuContentItemLabel,
   ContextMenu,
-  DropdownMenu,
+  ControlledDropdownMenu,
   PanelLoadingIndicator,
   BlankPanelContent,
   TreeView,
@@ -405,7 +405,7 @@ const SampleDataGenerator = observer(() => {
           >
             <CodeIcon />
           </div>
-          <DropdownMenu
+          <ControlledDropdownMenu
             className="sample-data-generator__controller__format-selector"
             title="Choose Element Type..."
             content={
@@ -428,7 +428,7 @@ const SampleDataGenerator = observer(() => {
             <div className="sample-data-generator__controller__format-selector__dropdown-indicator">
               <CaretDownIcon />
             </div>
-          </DropdownMenu>
+          </ControlledDropdownMenu>
           <div
             className="sample-data-generator__controller__icon"
             title="depth"
@@ -1339,7 +1339,7 @@ const ProjectExplorerActionPanel = observer((props: { disabled: boolean }) => {
         </button>
       )}
       {!editorStore.disableGraphEditing && (
-        <DropdownMenu
+        <ControlledDropdownMenu
           className="panel__header__action"
           title="New Element... (Ctrl + Shift + N)"
           disabled={
@@ -1356,7 +1356,7 @@ const ProjectExplorerActionPanel = observer((props: { disabled: boolean }) => {
           }}
         >
           <PlusIcon />
-        </DropdownMenu>
+        </ControlledDropdownMenu>
       )}
       <button
         className="panel__header__action"

package/src/components/editor/side-bar/testable/GlobalTestRunner.tsx

@@ -42,7 +42,7 @@ import {
   Panel,
   PanelHeader,
   OffIcon,
-  DropdownMenu,
+  ControlledDropdownMenu,
   MenuContentItemIcon,
   CheckIcon,
   MenuContentItemLabel,
@@ -497,7 +497,7 @@ export const TestablePanelRunner = observer(
               {globalTestRunnerState.testableStates?.length ?? '0'}
             </div>
 
-            <DropdownMenu
+            <ControlledDropdownMenu
               className="panel__header__action"
               title="Show Options Menu..."
               content={
@@ -525,7 +525,7 @@ export const TestablePanelRunner = observer(
               }}
             >
               <MoreVerticalIcon className="query-builder__icon__more-options" />
-            </DropdownMenu>
+            </ControlledDropdownMenu>
           </div>
         </PanelHeader>
         {(globalTestRunnerState.testableStates ?? []).map((testableState) => {

package/src/components/project-reviewer/ProjectReviewerPanel.tsx

@@ -17,7 +17,7 @@
 import { observer } from 'mobx-react-lite';
 import {
   clsx,
-  DropdownMenu,
+  ControlledDropdownMenu,
   ContextMenu,
   TimesIcon,
   MenuContentItem,
@@ -154,7 +154,7 @@ export const ProjectReviewerPanel = observer(() => {
         </div>
         <div className="workspace-review-panel__header__actions">
           {currentTabState instanceof EntityDiffViewState && (
-            <DropdownMenu
+            <ControlledDropdownMenu
               className="workspace-review-panel__element-view__type"
               title="View as..."
               content={
@@ -181,7 +181,7 @@ export const ProjectReviewerPanel = observer(() => {
               <div className="workspace-review-panel__element-view__type__label">
                 {currentTabState.diffMode}
               </div>
-            </DropdownMenu>
+            </ControlledDropdownMenu>
           )}
         </div>
       </div>