@prorobotech/openapi-k8s-toolkit 1.4.0-alpha.11 → 1.4.0-alpha.13

package/dist/openapi-k8s-toolkit.umd.js

@@ -1593,7 +1593,7 @@
     justify-content: center;
   }
 `;
-  const Styled$J = {
+  const Styled$K = {
     CustomTreeProvider
   };
 
@@ -1658,7 +1658,7 @@
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Search$1, { style: { marginBottom: 8 }, placeholder: "Search", onChange }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$J.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$K.CustomTreeProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Tree,
         {
           treeData: loop(treeData),
@@ -8258,14 +8258,14 @@
   display: ${({ $displayFlex }) => $displayFlex ? "flex" : "block"};
   flex-flow: ${({ $flexFlow }) => $flexFlow};
 `;
-  const Styled$I = {
+  const Styled$J = {
     ContentContainer
   };
 
   const ContentCard$1 = ({ children, flexGrow, displayFlex, flexFlow, maxHeight }) => {
     const { token } = antd.theme.useToken();
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Styled$I.ContentContainer,
+      Styled$J.ContentContainer,
       {
         $flexGrow: flexGrow,
         $bgColor: token.colorBgContainer,
@@ -8326,13 +8326,13 @@
     padding-inline: 8px;
   }
 `;
-  const Styled$H = {
+  const Styled$I = {
     UncontrolledSelect: UncontrolledSelect$1
   };
 
   const UncontrolledSelect = (props) => {
     const { isCursorPointer } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$H.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$I.UncontrolledSelect, { ...props, $isCursorPointer: isCursorPointer });
   };
 
   const CustomSelect$5 = styled(antd.Select)`
@@ -8380,13 +8380,13 @@
     margin-block: 0 !important;
   }
 `;
-  const Styled$G = {
+  const Styled$H = {
     CustomSelect: CustomSelect$5
   };
 
   const CustomSelect$4 = (props) => {
     const { paddingContainerEnd, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$G.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$H.CustomSelect, { $paddingContainerEnd: paddingContainerEnd, ...rest });
   };
 
   const CursorPointerTag = styled(antd.Tag)`
@@ -8533,7 +8533,7 @@
   height: min-content;
   margin-right: 4px;
 `;
-  const Styled$F = {
+  const Styled$G = {
     Abbr: Abbr$2
   };
 
@@ -8573,7 +8573,7 @@
       baseFactoriesMapping
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { align: "center", gap: 8, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.Abbr, { $bgColor: bgColor, children: abbr }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$G.Abbr, { $bgColor: bgColor, children: abbr }),
       resourceLink ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Typography.Link,
         {
@@ -8612,7 +8612,7 @@
     flex-wrap: nowrap !important;
   }
 `;
-  const Styled$E = {
+  const Styled$F = {
     PositionRelativeContainer,
     FullWidthContainer,
     NoWrapContainer
@@ -8655,9 +8655,9 @@
       };
       return [firstItem, ellipsisItem, lastItem];
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$E.PositionRelativeContainer, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$F.PositionRelativeContainer, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.FullWidthContainer, { ref: containerRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items: renderItems() }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$F.NoWrapContainer, { ref: breadcrumbRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Breadcrumb, { separator: ">", items, style: { display: "flex", flexWrap: "nowrap" } }) })
     ] });
   };
 
@@ -8665,12 +8665,12 @@
   min-height: 22px;
   width: 100%;
 `;
-  const Styled$D = {
+  const Styled$E = {
     HeightDiv: HeightDiv$1
   };
 
   const ManageableBreadcrumbs = ({ data }) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$E.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleBreadcrumb, { items: data.breadcrumbItems }) });
   };
 
   const kindByGvr = (entries) => (gvr) => {
@@ -9657,7 +9657,7 @@
   min-height: 22px;
   width: 100%;
 `;
-  const Styled$C = {
+  const Styled$D = {
     HeightDiv
   };
 
@@ -9687,7 +9687,7 @@
       return null;
     }
     if (rawDataLoading) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.HeightDiv, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Spin, {}) });
     }
     if (!rawData) {
       return null;
@@ -9703,7 +9703,7 @@
       fallbackIdToCompare
     });
     if (!result) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$C.HeightDiv, {});
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$D.HeightDiv, {});
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ManageableBreadcrumbs, { data: result }, JSON.stringify(idToCompare));
   };
@@ -9731,7 +9731,7 @@
     margin: 0 !important;
   }
 `;
-  const Styled$B = {
+  const Styled$C = {
     CustomMenu
   };
 
@@ -9758,7 +9758,7 @@
       setSelectedKeys(data.selectedKeys);
     }, [data.selectedKeys]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Styled$B.CustomMenu,
+      Styled$C.CustomMenu,
       {
         selectedKeys,
         onSelect: () => {
@@ -34299,7 +34299,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 `;
-  const Styled$A = {
+  const Styled$B = {
     ShortenedText
   };
 
@@ -34308,7 +34308,7 @@
       const trimmedText = text.substring(0, trimLength);
       return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: text, placement: "top", children: trimmedText });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.ShortenedText, { $maxWidth: maxWidth, children: text }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: text, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$B.ShortenedText, { $maxWidth: maxWidth, children: text }) });
   };
 
   const FilterDropdown = ({
@@ -34444,18 +34444,48 @@
   text-align: ${({ $align }) => $align};
 `;
 
+  const TableTag = styled(antd.Tag)`
+  margin: 0;
+  flex-shrink: 0;
+`;
+  const TooltipTagsContainer = styled(antd.Flex)`
+  max-width: min(95vw, 900px);
+  min-width: min(60vw, 320px);
+`;
+  const TooltipTag = styled(antd.Tag)`
+  margin: 0;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+  const Styled$A = {
+    TableTag,
+    TooltipTagsContainer,
+    TooltipTag
+  };
+
   const TrimmedTags = ({ tags, trimLength }) => {
-    const renderTags = (tags2) => tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tag, { style: { margin: 0, flexShrink: 0 }, children: tag }, tag));
+    const renderTableTags = (tags2) => tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.TableTag, { children: tag }, tag));
+    const popoverTheme = { components: { Popover: { zIndexPopup: 2100 } } };
+    const renderTooltipTags = (tags2) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.TooltipTagsContainer, { vertical: true, gap: 4, children: tags2.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(Styled$A.TooltipTag, { children: tag }, tag)) });
     if (trimLength && trimLength < tags.length) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Flex, { wrap: "nowrap", gap: "4px", children: [
-        renderTags(tags.slice(0, trimLength)),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tooltip, { title: /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: renderTags(tags.slice(trimLength)) }), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(antd.Tag, { children: [
-          "+",
-          tags.length - trimLength
-        ] }, "more") })
+        renderTableTags(tags.slice(0, trimLength)),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(antd.ConfigProvider, { theme: popoverTheme, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          antd.Popover,
+          {
+            content: renderTooltipTags(tags.slice(trimLength)),
+            styles: { root: { maxWidth: "min(95vw, 900px)" } },
+            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Styled$A.TableTag, { children: [
+              "+",
+              tags.length - trimLength
+            ] }, "more")
+          }
+        ) })
       ] });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { wrap: "nowrap", gap: "4px", children: renderTags(tags) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Flex, { wrap: "nowrap", gap: "4px", children: renderTableTags(tags) });
   };
 
   const isFlatObject = (obj) => {
@@ -43531,7 +43561,6 @@
     BigText: BigText$1
   };
 
-  const collapsedVersionByModel = /* @__PURE__ */ new WeakMap();
   const findManagedFieldsLine = (model) => {
     let inMetadata = false;
     let metadataIndent = -1;
@@ -43552,17 +43581,55 @@
     }
     return null;
   };
-  const collapseManagedFieldsInEditor = (editor) => {
+  const findManagedFieldsRange = (model) => {
+    const startLineNumber = findManagedFieldsLine(model);
+    if (startLineNumber === null) return null;
+    const startLine = model.getLineContent(startLineNumber);
+    const managedFieldsIndent = startLine.match(/^\s*/)?.[0].length ?? 0;
+    for (let lineNumber = startLineNumber + 1; lineNumber <= model.getLineCount(); lineNumber++) {
+      const line = model.getLineContent(lineNumber);
+      const trimmed = line.trim();
+      const indent = line.match(/^\s*/)?.[0].length ?? 0;
+      if (trimmed && indent <= managedFieldsIndent) {
+        const endLineNumber = lineNumber - 1;
+        if (endLineNumber <= startLineNumber) return null;
+        return { startLineNumber, endLineNumber };
+      }
+    }
+    if (startLineNumber >= model.getLineCount()) return null;
+    return { startLineNumber, endLineNumber: model.getLineCount() };
+  };
+  const collapseManagedFieldsInEditor = async (editor) => {
     const model = editor.getModel();
-    if (!model) return;
-    const currentVersion = model.getVersionId();
-    if (collapsedVersionByModel.get(model) === currentVersion) return;
-    const managedFieldsLine = findManagedFieldsLine(model);
-    if (managedFieldsLine === null) return;
-    if (managedFieldsLine >= model.getLineCount()) return;
-    editor.setPosition({ lineNumber: managedFieldsLine, column: 1 });
-    editor.trigger("managed-fields-collapse", "editor.fold", null);
-    collapsedVersionByModel.set(model, currentVersion);
+    if (!model) return false;
+    const range = findManagedFieldsRange(model);
+    if (!range) return false;
+    const managedFieldsLine = range.startLineNumber;
+    const foldingController = editor.getContribution?.(
+      "editor.contrib.folding"
+    );
+    if (!foldingController?.getFoldingModel) {
+      editor.trigger("managed-fields-collapse", "editor.fold", {
+        selectionLines: [managedFieldsLine],
+        levels: 1,
+        direction: "down"
+      });
+      return true;
+    }
+    const foldingModel = await foldingController.getFoldingModel();
+    if (!foldingModel) return false;
+    const { regions } = foldingModel;
+    let managedFieldsRegionIndex = -1;
+    for (let index = 0; index < regions.length; index++) {
+      if (regions.getStartLineNumber(index) === managedFieldsLine) {
+        managedFieldsRegionIndex = index;
+        break;
+      }
+    }
+    if (managedFieldsRegionIndex === -1) return false;
+    if (regions.isCollapsed(managedFieldsRegionIndex)) return true;
+    foldingModel.toggleCollapseState([{ regionIndex: managedFieldsRegionIndex }]);
+    return regions.isCollapsed(managedFieldsRegionIndex);
   };
 
   const NOTIFICATION_KEY = "yaml-data-changed";
@@ -43592,18 +43659,43 @@
     const latestPrefillYamlRef = React$1.useRef(null);
     const firstLoadRef = React$1.useRef(true);
     const editorRef = React$1.useRef(null);
+    const shouldCollapseOnNextYamlRef = React$1.useRef(false);
+    const collapseRetriesRef = React$1.useRef(0);
     const collapseManagedFieldsIfNeeded = React$1.useCallback(() => {
       const editor = editorRef.current;
-      if (!editor) return;
-      collapseManagedFieldsInEditor(editor);
+      if (!editor) return Promise.resolve(false);
+      return collapseManagedFieldsInEditor(editor);
+    }, []);
+    const setYamlDataWithManagedFieldsCollapsed = React$1.useCallback((nextYaml) => {
+      shouldCollapseOnNextYamlRef.current = true;
+      collapseRetriesRef.current = 0;
+      setYamlData(nextYaml);
     }, []);
+    const tryCollapseManagedFields = React$1.useCallback(() => {
+      if (!shouldCollapseOnNextYamlRef.current) return;
+      const MAX_RETRIES = 10;
+      const RETRY_DELAY_MS = 50;
+      setTimeout(() => {
+        collapseManagedFieldsIfNeeded().then((collapsed) => {
+          if (collapsed) {
+            shouldCollapseOnNextYamlRef.current = false;
+            collapseRetriesRef.current = 0;
+            return;
+          }
+          collapseRetriesRef.current += 1;
+          if (collapseRetriesRef.current <= MAX_RETRIES) {
+            tryCollapseManagedFields();
+          }
+        });
+      }, RETRY_DELAY_MS);
+    }, [collapseManagedFieldsIfNeeded]);
     const handleReload = React$1.useCallback(() => {
       api.destroy(NOTIFICATION_KEY);
       const nextYaml = latestPrefillYamlRef.current ?? initialPrefillYamlRef.current;
       if (nextYaml !== null) {
-        setYamlData(nextYaml);
+        setYamlDataWithManagedFieldsCollapsed(nextYaml);
       }
-    }, [api]);
+    }, [api, setYamlDataWithManagedFieldsCollapsed]);
     const openNotificationYamlChanged = React$1.useCallback(() => {
       const btn = /* @__PURE__ */ jsxRuntimeExports.jsx(
         antd.Button,
@@ -43631,7 +43723,7 @@
       if (firstLoadRef.current) {
         initialPrefillYamlRef.current = nextYaml;
         latestPrefillYamlRef.current = nextYaml;
-        setYamlData(nextYaml);
+        setYamlDataWithManagedFieldsCollapsed(nextYaml);
         firstLoadRef.current = false;
         return;
       }
@@ -43639,13 +43731,12 @@
         openNotificationYamlChanged();
       }
       latestPrefillYamlRef.current = nextYaml;
-    }, [prefillValuesSchema, openNotificationYamlChanged]);
+    }, [prefillValuesSchema, openNotificationYamlChanged, setYamlDataWithManagedFieldsCollapsed]);
     React$1.useEffect(() => {
-      const id = setTimeout(() => {
-        collapseManagedFieldsIfNeeded();
-      }, 0);
-      return () => clearTimeout(id);
-    }, [yamlData, collapseManagedFieldsIfNeeded]);
+      if (!shouldCollapseOnNextYamlRef.current) return void 0;
+      tryCollapseManagedFields();
+      return void 0;
+    }, [yamlData, tryCollapseManagedFields]);
     const onSubmit = () => {
       setIsLoading(true);
       setError(void 0);
@@ -43705,9 +43796,9 @@
           value: yamlData,
           onMount: (editor) => {
             editorRef.current = editor;
-            setTimeout(() => {
-              collapseManagedFieldsIfNeeded();
-            }, 0);
+            if (shouldCollapseOnNextYamlRef.current) {
+              tryCollapseManagedFields();
+            }
           },
           onChange: (value) => {
             if (!readOnly) {
@@ -80859,15 +80950,35 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
       const possibleCustomTypeWithProps = additionalPrinterColumnsKeyTypeProps && el.key ? additionalPrinterColumnsKeyTypeProps[el.key.toString()] : void 0;
       const useFactorySearch = possibleCustomTypeWithProps?.type === "factory";
       const colKey = el.key != null && String(el.key) || (Array.isArray(el.dataIndex) ? el.dataIndex.join(".") : String(el.dataIndex ?? colIndex));
+      const getCellTextFromRecord = (record) => {
+        const { dataIndex } = el;
+        if (!dataIndex) return "";
+        const entry = Array.isArray(dataIndex) ? lodashExports.get(record, dataIndex) : record?.[dataIndex];
+        if (entry === null || entry === void 0) return "";
+        if (typeof entry === "string") return entry.trim().toLowerCase();
+        if (typeof entry === "number" || typeof entry === "boolean") return String(entry).toLowerCase();
+        if (Array.isArray(entry))
+          return entry.map((item) => String(item)).join(", ").trim().toLowerCase();
+        if (typeof entry === "object") return JSON.stringify(entry).trim().toLowerCase();
+        return String(entry).trim().toLowerCase();
+      };
       const getCellTextFromDOM = (record) => {
+        if (typeof document === "undefined") return "";
         const rowKey = getRowKey(record);
-        const selector = `td[data-rowkey="${String(rowKey)}"][data-colkey="${colKey}"]`;
-        const cell = document.querySelector(selector);
-        if (!cell) return "";
-        return (cell.innerText || cell.textContent || "").trim().toLowerCase();
+        const rowKeyStr = String(rowKey);
+        const colKeyStr = String(colKey);
+        const cells = document.querySelectorAll("td[data-rowkey][data-colkey]");
+        for (let i = 0; i < cells.length; i += 1) {
+          const cell = cells[i];
+          if (cell.getAttribute("data-rowkey") === rowKeyStr && cell.getAttribute("data-colkey") === colKeyStr) {
+            return (cell.innerText || cell.textContent || "").trim().toLowerCase();
+          }
+        }
+        return "";
       };
+      const getComparableCellText = (record) => getCellTextFromDOM(record) || getCellTextFromRecord(record);
       const getMemoryInBytes = (record) => {
-        const text = getCellTextFromDOM(record);
+        const text = getComparableCellText(record);
         if (!text) return 0;
         const parsed = parseValueWithUnit(text);
         if (!parsed) return 0;
@@ -80878,7 +80989,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
         return parsed.value;
       };
       const getCpuInCores = (record) => {
-        const text = getCellTextFromDOM(record);
+        const text = getComparableCellText(record);
         if (!text) return 0;
         const parsed = parseCoresWithUnit(text);
         if (!parsed) return 0;
@@ -80955,7 +81066,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
             return false;
           }
           if (useFactorySearch) {
-            const text = getCellTextFromDOM(record);
+            const text = getComparableCellText(record);
             return text.includes(String(value).toLowerCase());
           }
           const { dataIndex } = el;
@@ -80990,8 +81101,8 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
             return safeNumericCompare(aCores, bCores);
           }
           if (useFactorySearch) {
-            const aText = getCellTextFromDOM(a);
-            const bText = getCellTextFromDOM(b);
+            const aText = getComparableCellText(a);
+            const bText = getComparableCellText(b);
             return aText.localeCompare(bText);
           }
           const { dataIndex } = el;
@@ -81231,6 +81342,99 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
     );
   };
 
+  const ClusterListTable = ({
+    theme,
+    dataSource,
+    columns,
+    pathToNavigate,
+    recordKeysForNavigation,
+    navigationSettings,
+    tableProps
+  }) => {
+    const navigate = reactRouterDom.useNavigate();
+    if (!columns) {
+      return null;
+    }
+    const rowKey = (record) => record.key;
+    const enrichedColumns = getEnrichedColumns({
+      columns,
+      theme,
+      getRowKey: rowKey
+    });
+    if (!enrichedColumns) {
+      return null;
+    }
+    const showTotal = (total) => `Total: ${total}`;
+    const tryGetPathFromNavigationResource = async (clusterName) => {
+      const resolvedCluster = clusterName;
+      const resolvedApiGroup = navigationSettings?.apiGroup;
+      const resolvedApiVersion = navigationSettings?.apiVersion;
+      const resolvedPlural = navigationSettings?.plural;
+      const resolvedResourceName = navigationSettings?.resourceName;
+      if (!resolvedCluster || !resolvedApiGroup || !resolvedApiVersion || !resolvedPlural || !resolvedResourceName) {
+        return void 0;
+      }
+      try {
+        const { data } = await axios.get(
+          `/api/clusters/${resolvedCluster}/k8s/apis/${resolvedApiGroup}/${resolvedApiVersion}/${resolvedPlural}`,
+          {
+            params: {
+              fieldSelector: `metadata.name=${resolvedResourceName}`
+            }
+          }
+        );
+        const spec = data?.items?.[0]?.spec;
+        return spec?.pathToNavigateFromClusterList;
+      } catch {
+        return void 0;
+      }
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      TableComponents.TableContainer,
+      {
+        $isDark: theme === "dark",
+        $isCursorPointer: !!recordKeysForNavigation && (!!pathToNavigate || !!navigationSettings),
+        $borderless: tableProps?.borderless,
+        $isTotalLeft: tableProps?.isTotalLeft,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(TableComponents.HideableControls, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          antd.Table,
+          {
+            rowKey,
+            dataSource,
+            columns: enrichedColumns,
+            pagination: tableProps?.disablePagination ? false : {
+              position: tableProps?.paginationPosition || ["bottomLeft"],
+              showSizeChanger: true,
+              defaultPageSize: 10,
+              hideOnSinglePage: false,
+              showTotal
+            },
+            scroll: { x: "max-content", y: tableProps?.maxHeight },
+            virtual: tableProps?.virtual,
+            onRow: (record) => {
+              return {
+                onClick: async () => {
+                  if (recordKeysForNavigation) {
+                    const recordValueRaw = Array.isArray(recordKeysForNavigation) ? lodashExports.get(record, recordKeysForNavigation) : jp.query(record || {}, `$${recordKeysForNavigation}`)[0];
+                    const clusterName = typeof recordValueRaw === "string" ? recordValueRaw : void 0;
+                    const recordValue = typeof recordValueRaw === "string" ? recordValueRaw : JSON.stringify(recordValueRaw);
+                    const fetchedPathToNavigate = await tryGetPathFromNavigationResource(clusterName);
+                    const finalPathToNavigate = fetchedPathToNavigate || pathToNavigate;
+                    if (!finalPathToNavigate) {
+                      return;
+                    }
+                    const newPath = finalPathToNavigate.replaceAll("~recordValue~", recordValue);
+                    navigate(newPath);
+                  }
+                }
+              };
+            }
+          }
+        ) })
+      }
+    );
+  };
+
   const prepare = ({
     dataItems,
     pathToKey,
@@ -90349,6 +90553,7 @@ Take a look at the reducer(s) handling this action type: ${action.type}.
   exports.BackToDefaultIcon = BackToDefaultIcon;
   exports.BlackholeForm = BlackholeForm;
   exports.BlackholeFormProvider = BlackholeFormProvider;
+  exports.ClusterListTable = ClusterListTable;
   exports.ConfirmModal = ConfirmModal;
   exports.ContentCard = ContentCard$1;
   exports.CursorDefaultDiv = CursorDefaultDiv;