[mlp] add eui super select function to list registry options

.github/workflows/ci-pipeline.yml

@@ -105,7 +105,6 @@ jobs:
         uses: golangci/golangci-lint-action@v6
         with:
           version: ${{ env.GO_LINT_VERSION }}
-          skip-go-installation: true
           args: --timeout 3m --verbose api/...
 
       - name: Run Integration Test

.golangci.yml

@@ -1,7 +1,9 @@
 run:
   build-tags:
     - integration
-  skip-dirs:
+
+issues:
+  exclude-dirs:
     - api/client
 
 linters:

ui/packages/lib/src/components/form/docker_image_combo_box/DockerRegistryPopover.js

@@ -1,40 +1,14 @@
-import React, { useState } from "react";
-import { EuiButtonEmpty, EuiContextMenu, EuiPopover } from "@elastic/eui";
-import { flattenPanelTree } from "../../../utils";
+import { EuiSuperSelect } from "@elastic/eui";
 
 export const DockerRegistryPopover = ({ value, registryOptions, onChange }) => {
-  const [isOpen, setOpen] = useState(false);
-
-  const panels = flattenPanelTree({
-    id: 0,
-    items: registryOptions.map(registry => ({
-      name: registry.inputDisplay,
-      value: registry.value,
-      icon: "logoDocker",
-      onClick: () => {
-        togglePopover();
-        onChange(registry.value);
-      }
-    }))
-  });
-
-  const togglePopover = () => setOpen(!isOpen);
 
   return (
-    <EuiPopover
-      button={
-        <EuiButtonEmpty
-          size="xs"
-          iconType="arrowDown"
-          iconSide="right"
-          onClick={togglePopover}>
-          {registryOptions.find(o => o.value === value).inputDisplay}
-        </EuiButtonEmpty>
-      }
-      isOpen={isOpen}
-      closePopover={togglePopover}
-      panelPaddingSize="s">
-      <EuiContextMenu initialPanelId={0} panels={panels} />
-    </EuiPopover>
+    <EuiSuperSelect
+      fullWidth
+      options={registryOptions}
+      valueOfSelected={value}
+      itemLayoutAlign="top"
+      onChange={onChange}
+    />
   );
-};
+};