@prorobotech/openapi-k8s-toolkit 1.4.0-alpha.16 → 1.4.0-alpha.17

package/dist/{index-Cc-4YPOA.mjs → index-B50_esSW.mjs}

@@ -78596,7 +78596,7 @@ const TolerationsModal = ({
 };
 
 const LazyEnrichedTableModal = lazy(
-  () => import('./index-Drku3xGg.mjs').then((mod) => ({ default: mod.EnrichedTableModal }))
+  () => import('./index-CTYM2Lu_.mjs').then((mod) => ({ default: mod.EnrichedTableModal }))
 );
 const renderActiveType = (activeType, extraProps) => {
   if (!activeType) return null;
@@ -81012,6 +81012,39 @@ const CreateFromFilesModal = ({
   );
 };
 
+const VIEWPORT_MARGIN_PX = 12;
+const ITEM_HEIGHT_ESTIMATE_PX = 40;
+const MENU_VERTICAL_PADDING_PX = 8;
+const MIN_MENU_HEIGHT_PX = 140;
+const MAX_MENU_HEIGHT_PX = 420;
+const DEFAULT_MENU_MAX_HEIGHT_PX = 320;
+const isFiniteNumber = (value) => typeof value === "number" && Number.isFinite(value);
+const clamp = (value, min, max) => {
+  return Math.min(Math.max(value, min), max);
+};
+const getDropdownPlacement = ({
+  triggerTop,
+  triggerBottom,
+  viewportHeight,
+  actionsCount
+}) => {
+  const safeActionsCount = Number.isFinite(actionsCount) ? Math.max(0, actionsCount) : 0;
+  if (!isFiniteNumber(triggerTop) || !isFiniteNumber(triggerBottom) || !isFiniteNumber(viewportHeight)) {
+    return { placement: "bottomLeft", maxMenuHeightPx: DEFAULT_MENU_MAX_HEIGHT_PX };
+  }
+  const estimatedMenuHeight = safeActionsCount * ITEM_HEIGHT_ESTIMATE_PX + MENU_VERTICAL_PADDING_PX;
+  const spaceAbove = Math.max(0, Math.floor(triggerTop - VIEWPORT_MARGIN_PX));
+  const spaceBelow = Math.max(0, Math.floor(viewportHeight - triggerBottom - VIEWPORT_MARGIN_PX));
+  const shouldOpenUp = spaceBelow < estimatedMenuHeight && spaceAbove > spaceBelow;
+  const placement = shouldOpenUp ? "topLeft" : "bottomLeft";
+  const availableSpace = shouldOpenUp ? spaceAbove : spaceBelow;
+  if (availableSpace <= 0) {
+    return { placement, maxMenuHeightPx: DEFAULT_MENU_MAX_HEIGHT_PX };
+  }
+  const maxMenuHeightPx = availableSpace < MIN_MENU_HEIGHT_PX ? availableSpace : clamp(availableSpace, MIN_MENU_HEIGHT_PX, MAX_MENU_HEIGHT_PX);
+  return { placement, maxMenuHeightPx };
+};
+
 const ActionsDropdown = ({ data, children }) => {
   const { buttonText = "Actions", buttonVariant = "default", containerStyle, actions, permissions } = data;
   const { data: multiQueryData, isLoading: isMultiQueryLoading, isError: isMultiQueryError, errors } = useMultiQuery();
@@ -81032,6 +81065,9 @@ const ActionsDropdown = ({ data, children }) => {
     replaceValues,
     multiQueryData: safeMultiQueryData
   });
+  const triggerRef = useRef(null);
+  const [dropdownPlacement, setDropdownPlacement] = useState("bottomLeft");
+  const [menuMaxHeightPx, setMenuMaxHeightPx] = useState(DEFAULT_MENU_MAX_HEIGHT_PX);
   const {
     notificationContextHolder,
     activeAction,
@@ -81078,20 +81114,26 @@ const ActionsDropdown = ({ data, children }) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip$1, { title: errorMessage || "Failed to load data", children: /* @__PURE__ */ jsxRuntimeExports.jsx(WarningOutlined, { style: { color: "red" } }) });
   }
   const menuItems = getMenuItems(visibleActions, handleActionClick, effectivePermissions);
+  const handleDropdownOpenChange = (nextOpen) => {
+    if (!nextOpen) {
+      return;
+    }
+    const triggerRect = triggerRef.current?.getBoundingClientRect();
+    if (!triggerRect) {
+      return;
+    }
+    const { placement, maxMenuHeightPx } = getDropdownPlacement({
+      triggerTop: triggerRect.top,
+      triggerBottom: triggerRect.bottom,
+      viewportHeight: window.innerHeight,
+      actionsCount: menuItems.length
+    });
+    setDropdownPlacement(placement);
+    setMenuMaxHeightPx(maxMenuHeightPx);
+  };
   const renderButton = () => {
     if (buttonVariant === "icon") {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Styled$m.IconButton,
-        {
-          type: "text",
-          size: "small",
-          onClick: (e) => {
-            e.stopPropagation();
-            e.preventDefault();
-          },
-          icon: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreOutlined, {})
-        }
-      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$m.IconButton, { type: "text", size: "small", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreOutlined, {}) });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { children: [
       buttonText,
@@ -81100,7 +81142,36 @@ const ActionsDropdown = ({ data, children }) => {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: containerStyle, children: [
     notificationContextHolder,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, { menu: { items: menuItems }, trigger: ["click"], children: renderButton() }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ConfigProvider,
+      {
+        theme: { components: { Dropdown: { zIndexPopup: 2e3 } } },
+        getPopupContainer: (trigger) => trigger?.ownerDocument?.body ?? document.body,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Dropdown,
+          {
+            menu: {
+              items: menuItems,
+              style: { maxHeight: menuMaxHeightPx, overflowY: "auto" }
+            },
+            trigger: ["click"],
+            placement: dropdownPlacement,
+            autoAdjustOverflow: true,
+            onOpenChange: handleDropdownOpenChange,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                ref: triggerRef,
+                onClick: (e) => {
+                  e.stopPropagation();
+                },
+                children: renderButton()
+              }
+            )
+          }
+        )
+      }
+    ),
     activeAction && renderActionModal(activeAction, { open: modalOpen, onClose: handleCloseModal }),
     deleteModalData && /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteModal, { name: deleteModalData.name, endpoint: deleteModalData.endpoint, onClose: handleDeleteModalClose }),
     evictModalData && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -90805,4 +90876,4 @@ const usePluginManifest = ({
 };
 
 export { useInfiniteSentinel as $, getBuiltinResourceTypes as A, getCrdData as B, getDirectUnknownResource as C, DeleteIcon as D, EnrichedTableProvider as E, checkPermission as F, getSwagger as G, filterIfApiInstanceNamespaceScoped as H, filterIfBuiltInInstanceNamespaceScoped as I, checkIfApiInstanceNamespaceScoped as J, checkIfBuiltInInstanceNamespaceScoped as K, getKinds as L, useClusterList as M, useApiResources as N, useApiResourceSingle as O, PaddingContainer as P, useBuiltinResources as Q, ReadOnlyModal as R, useBuiltinResourceSingle as S, useCrdResources as T, useCrdResourceSingle as U, useApisResourceTypes as V, useApiResourceTypesByGroup as W, useBuiltinResourceTypes as X, useCrdData as Y, useListWatch as Z, _$1 as _, useTheme as a, parseQuotaValueCpu as a$, useK8sVerbs as a0, useManyK8sSmartResource as a1, useSmartResourceParams as a2, useResourceScope as a3, useKinds as a4, usePluginManifest as a5, Spacer$1 as a6, TreeWithSearch as a7, ConfirmModal as a8, UpIcon as a9, EnrichedTable as aA, ClusterListTable as aB, getEnrichedColumns as aC, getEnrichedColumnsWithControls as aD, YamlEditorSingleton$1 as aE, BlackholeFormProvider as aF, BlackholeForm as aG, getObjectFormItemsDraft as aH, MarketPlace as aI, MarketplaceCard as aJ, ProjectInfoCard as aK, PodTerminal as aL, NodeTerminal as aM, PodLogs as aN, PodLogsMonaco as aO, VMVNC as aP, Search as aQ, Events as aR, DynamicRenderer as aS, DynamicComponents as aT, DynamicRendererWithProviders as aU, prepareTemplate as aV, isFlatObject as aW, filterSelectOptions as aX, getStringByName as aY, floorToDecimal as aZ, parseQuotaValue as a_, DownIcon as aa, BackToDefaultIcon as ab, SuccessIcon as ac, feedbackIcons as ad, PlusIcon as ae, MinusIcon as af, LockedIcon as ag, UnlockedIcon as ah, PauseCircleIcon as ai, ResumeCircleIcon as aj, LookingGlassIcon as ak, EarthIcon as al, ContentCard$1 as am, FlexGrow as an, UncontrolledSelect as ao, CustomSelect$4 as ap, CursorPointerTag as aq, CursorPointerTagMinContent as ar, CursorDefaultDiv as as, ResourceLink as at, ManageableBreadcrumbsProvider as au, prepareDataForManageableBreadcrumbs as av, ManageableBreadcrumbs as aw, ManageableSidebarProvider as ax, prepareDataForManageableSidebar as ay, ManageableSidebar as az, usePartsOfUrl as b, parseQuotaValueMemoryAndStorage as b0, normalizeValuesForQuotasToNumber as b1, getAllPathsFromObj as b2, getPrefixSubarrays as b3, groupsToTreeData as b4, getBuiltinTreeData as b5, getGroupsByCategory as b6, createContextFactory as b7, prepareUrlsToFetchForDynamicRenderer as b8, deepMerge as b9, getSortedKinds as ba, getSortedKindsAll as bb, hslFromString as bc, getUppercase as bd, kindByGvr as be, pluralByKind as bf, namespacedByGvr as bg, getLinkToBuiltinForm as bh, getLinkToApiForm as bi, isMultilineString as bj, isMultilineFromYaml as bk, includesArray as bl, getResourceLink as bm, getNamespaceLink as bn, convertBytes as bo, formatBytesAuto as bp, toBytes as bq, convertStorage as br, parseValueWithUnit as bs, convertCores as bt, formatCoresAuto as bu, toCores as bv, convertCompute as bw, parseCoresWithUnit as bx, formatDateAuto as by, isValidRFC3339 as bz, usePermissions as c, useDirectUnknownResource as d, useK8sSmartResource as e, jsxRuntimeExports as f, EditIcon as g, getLinkToForm as h, DeleteModal as i, jp as j, DeleteModalMany as k, getClusterList as l, createNewEntry as m, updateEntry as n, deleteEntry as o, parseAll as p, getApiResources as q, getApiResourceSingle as r, serializeLabelsWithNoEncoding$1 as s, getBuiltinResources as t, useMultiQuery as u, getBuiltinResourceSingle as v, getCrdResources as w, getCrdResourceSingle as x, getApiResourceTypes as y, getApiResourceTypesByApiGroup as z };
-//# sourceMappingURL=index-Cc-4YPOA.mjs.map
+//# sourceMappingURL=index-B50_esSW.mjs.map