@dovetail-v2/refine 0.1.21 → 0.1.23

package/dist/{MonacoYamlDiffEditor-fc0c461d.js → MonacoYamlDiffEditor-1fa1b6c5.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "./index-66d9e2de.js";
+import { j as jsxRuntimeExports } from "./index-135c79a4.js";
 import * as monaco from "monaco-editor";
 import { useRef, useEffect } from "react";
 import "i18next";

package/dist/{index-66d9e2de.js → index-135c79a4.js}

@@ -10,7 +10,7 @@ import React__default, { createElement, isValidElement, cloneElement, Children,
 import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, CanAccess, useUpdate, useParsed, useGo, useCan, useTable, useDeleteMany, useShow, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, usePopModal, Modal, usePushModal, Fields, Units, OverflowTooltip, Tooltip, StatusCapsule, Dropdown, Menu as Menu$1, Icon as Icon$1, Divider, Link as Link$1, Tabs as Tabs$1, TabsTabPane, Row, Col, Popover, AntdTable, TableForm, getOptions, DonutChart, SegmentControl, Checkbox, DropdownMenu, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, useMessage, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
+import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$2, Pagination, Alert, usePopModal, Modal, usePushModal, Fields, Units, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, Dropdown, Menu as Menu$1, Icon as Icon$1, Divider, Tabs as Tabs$1, TabsTabPane, Row, Col, Popover, AntdTable, TableForm, getOptions, DonutChart, SegmentControl, Checkbox, DropdownMenu, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, useMessage, ModalStack, KitStoreProvider, ConfigProvider } from "@cloudtower/eagle";
 import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, FontSize16GrayIcon, FontSize16BlueIcon, LogCollection16GrayIcon, LogCollection16GradientBlueIcon, TrashBinDeletePermanently16GrayIcon, TrashBinDeletePermanently16BlueIcon, Loading24GradientBlueIcon, OpenTerminal16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon, EditPen16BlueIcon } from "@cloudtower/icons-react";
 import { first, get as get$3, cloneDeep, set as set$1, omit as omit$1, merge, debounce, last, isObject as isObject$4, uniq, keyBy } from "lodash-es";
 import yaml$2 from "js-yaml";
@@ -1311,8 +1311,8 @@ const dovetail$1 = {
   path: path$1,
   backend: backend$1,
   belong_to_node: belong_to_node$1,
-  "true": "True",
-  "false": "False",
+  "true": "Yes",
+  "false": "No",
   warning: warning$3,
   normal: normal$1,
   delete_tip: delete_tip$1,
@@ -8894,6 +8894,8 @@ function MetadataForm() {
     /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
   ] });
 }
+const ComponentContext = createContext({});
+const GlobalStoreContext = createContext({});
 function memoize$2(fn) {
   var cache = /* @__PURE__ */ Object.create(null);
   return function(arg) {
@@ -9161,7 +9163,6 @@ function Table$1(props) {
     })]
   });
 }
-const ComponentContext = createContext({});
 function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
   const [currentPage, setCurrentPage] = useState(1);
   const [sorters, setSorters] = useState(defaultSorters || []);
@@ -10969,7 +10970,7 @@ class PersistentVolumeClaimModel extends ResourceModel {
     return set$1(yaml2, "spec.resources.requests.storage", `${distributeStorage}Gi`);
   }
 }
-const index_1iq0dq9 = "";
+const index_1r58r8x = "";
 const ServiceInClusterAccessComponent = ({
   service
 }) => {
@@ -10990,9 +10991,11 @@ const ServiceInClusterAccessComponent = ({
   }
 };
 const BreakLineStyle = "b1vtjd4k";
+const LinkStyle$2 = "luro4rx";
 const ServiceOutClusterAccessComponent = ({
   service,
-  breakLine = true
+  breakLine = true,
+  clusterVip
 }) => {
   var _a, _b, _c, _d, _e;
   const {
@@ -11004,13 +11007,30 @@ const ServiceOutClusterAccessComponent = ({
   switch (spec.type) {
     case ServiceTypeEnum.NodePort:
       if (!breakLine) {
-        content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v).map((p) => `${i18n2.t("dovetail.any_node_ip")}:${p.nodePort}`).join(", ");
+        content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v).map((p) => [/* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
+          href: `//${clusterVip}:${p.nodePort}`,
+          target: "_blank",
+          className: cx_default(LinkStyle$2, Typo.Label.l4_regular_title),
+          children: `${clusterVip}:${p.nodePort}`
+        }, p.name)]);
+        if (content && content instanceof Array) {
+          const result = [];
+          for (let i = 0; i < content.length; i++) {
+            result.push(content[i]);
+            if (i < content.length - 1) {
+              result.push(",");
+            }
+          }
+          content = result;
+        }
         break;
       }
       content = (_b = spec.ports) == null ? void 0 : _b.filter((v) => !!v).map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
-        content: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
-          className: cx_default(Typo.Label.l4_regular_title, BreakLineStyle),
-          children: [i18n2.t("dovetail.any_node_ip"), ":", p.nodePort]
+        content: /* @__PURE__ */ jsxRuntimeExports.jsxs(Link$1, {
+          href: `//${clusterVip}:${p.nodePort}`,
+          target: "_blank",
+          className: cx_default(Typo.Label.l4_regular_title, BreakLineStyle, LinkStyle$2),
+          children: [clusterVip, ":", p.nodePort]
         }),
         tooltip: `${i18n2.t("dovetail.any_node_ip")}:${p.nodePort}`
       }, p.nodePort));
@@ -11561,7 +11581,6 @@ const useEagleTable = (params) => {
   }, []);
   return { tableProps: finalProps, selectedKeys, ...table };
 };
-const GlobalStoreContext = createContext({});
 function CreateButton(props) {
   var _a;
   const { t: t2 } = useTranslation();
@@ -13351,12 +13370,12 @@ const ServiceInnerClusterAccessField = () => ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceInClusterAccessComponent, { service: record });
   }
 });
-const ServiceOutClusterAccessField = () => ({
+const ServiceOutClusterAccessField = (clusterVip) => ({
   key: "innerClusterAccess",
   title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
   path: [],
   renderContent: (_, record) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessComponent, { service: record, breakLine: false });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessComponent, { service: record, breakLine: false, clusterVip });
   }
 });
 const PodSelectorField = () => ({
@@ -19922,6 +19941,8 @@ const PageShow = (props) => {
   var _a;
   const parsed = useParsed();
   const { resource } = useResource();
+  const configs = useContext(ConfigsContext);
+  const config = configs[(resource == null ? void 0 : resource.name) || ""];
   const nav = useNavigation();
   const i18n2 = useTranslation();
   const { queryResult } = useShow({
@@ -19934,7 +19955,7 @@ const PageShow = (props) => {
       return {
         key: "resource-non-exist",
         message: i18n2.t("dovetail.fail_get_detail", {
-          resource: resource == null ? void 0 : resource.name,
+          resource: config.displayName || (resource == null ? void 0 : resource.name),
           name: (_a2 = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a2.id,
           interpolation: { escapeValue: false }
         }),
@@ -38591,7 +38612,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-fc0c461d.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-1fa1b6c5.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -40125,7 +40146,7 @@ const IngressRulesComponent = ({ ingress }) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
 };
-const columns_irlsbh = "";
+const columns_j8358c = "";
 const DashedTitleStyle = "dh5j833";
 const ServiceClusterTooltipStyle = "s1fcgan";
 const NameLink = (props) => {
@@ -40468,7 +40489,7 @@ function ServiceOutClusterAccessTitle() {
     })
   });
 }
-const ServiceOutClusterAccessColumnRenderer = () => {
+const ServiceOutClusterAccessColumnRenderer = (clusterVip) => {
   return {
     key: "outClusterAccess",
     title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
@@ -40478,7 +40499,8 @@ const ServiceOutClusterAccessColumnRenderer = () => {
     sorter: void 0,
     render(_, record) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessComponent, {
-        service: record
+        service: record,
+        clusterVip
       });
     }
   };
@@ -40621,7 +40643,7 @@ const DataKeysColumnRenderer = (i18n2) => {
     sorter: void 0
   };
 };
-const PortMappingColumnRenderer = (i18n2, clusterVip) => {
+const PortMappingColumnRenderer = (i18n2) => {
   return {
     key: "displayPortMapping",
     title: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
@@ -40642,12 +40664,7 @@ const PortMappingColumnRenderer = (i18n2, clusterVip) => {
           style: {
             whiteSpace: "pre"
           },
-          children: [record.displayType === "NodePort" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
-            href: `//${clusterVip}:${v.nodePort}`,
-            target: "_blank",
-            className: "ciistgu",
-            children: v.servicePort
-          }) : v.servicePort, " ", "> ", v.targetPort, "/", v.protocol]
+          children: [v.servicePort, " ", "> ", v.targetPort, "/", v.protocol]
         }),
         tooltip: `${v.servicePort} > ${v.targetPort}/${v.protocol}`
       }, v.servicePort));

package/dist/refine.js

@@ -1,4 +1,4 @@
-import { bN, cC, A, aW, aY, aF, ca, bk, a1, co, cc, aQ, T, C, i, cG, aI, bp, ac, cI, ai, ap, cR, ax, cd, cb, cU, aM, bw, w, aD, bD, cT, cD, bG, D, b1, as, bJ, ar, at, a0, c9, c8, cS, bi, aU, ad, bQ, cF, cH, cm, aG, aj, s, q, cJ, I, bt, aT, t, M, be, bg, ce, cL, aL, bs, aq, ay, az, a8, aA, aX, aE, bE, bH, a9, d2, cn, cx, bM, N, a2, e, aV, a6, bP, by, bx, cK, b$, cZ, g, cY, aJ, bq, cg, L, ba, bb, bo, H, bc, J, bd, B, b5, cA, z, b4, G, b8, E, b6, F, b7, K, c0, b9, cz, aa, d0, c$, P, bm, v, ae, ah, b_, bj, cP, cO, a$, bu, c6, c5, p, aK, bl, x, bv, b0, d1, y, cq, cE, bK, bR, bS, d4, aH, R, ag, an, am, bL, ak, cQ, c2, al, cB, c7, bh, bA, au, h, Q, O, bf, ct, cw, cs, cr, cu, cv, cp, ch, ck, cl, cj, ci, cf, cy, bT, aN, br, aB, m, bW, l, aZ, cX, o, bX, a_, n, aS, bn, k, cW, aP, aR, c4, bC, bB, c3, aO, S, bF, cV, c_, b2, b3, bz, bI, c1, bY, bZ, ab, $, cN, af, W, cM, ao, aw, av, f, aC, bU, U, a3, d, d7, d6, d9, d3, a7, da, d5, d8, a5, a4, r, a, c, X, V, Y, Z, u, bO, _, bV, b } from "./index-66d9e2de.js";
+import { bN, cC, A, aW, aY, aF, ca, bk, a1, co, cc, aQ, T, C, i, cG, aI, bp, ac, cI, ai, ap, cR, ax, cd, cb, cU, aM, bw, w, aD, bD, cT, cD, bG, D, b1, as, bJ, ar, at, a0, c9, c8, cS, bi, aU, ad, bQ, cF, cH, cm, aG, aj, s, q, cJ, I, bt, aT, t, M, be, bg, ce, cL, aL, bs, aq, ay, az, a8, aA, aX, aE, bE, bH, a9, d2, cn, cx, bM, N, a2, e, aV, a6, bP, by, bx, cK, b$, cZ, g, cY, aJ, bq, cg, L, ba, bb, bo, H, bc, J, bd, B, b5, cA, z, b4, G, b8, E, b6, F, b7, K, c0, b9, cz, aa, d0, c$, P, bm, v, ae, ah, b_, bj, cP, cO, a$, bu, c6, c5, p, aK, bl, x, bv, b0, d1, y, cq, cE, bK, bR, bS, d4, aH, R, ag, an, am, bL, ak, cQ, c2, al, cB, c7, bh, bA, au, h, Q, O, bf, ct, cw, cs, cr, cu, cv, cp, ch, ck, cl, cj, ci, cf, cy, bT, aN, br, aB, m, bW, l, aZ, cX, o, bX, a_, n, aS, bn, k, cW, aP, aR, c4, bC, bB, c3, aO, S, bF, cV, c_, b2, b3, bz, bI, c1, bY, bZ, ab, $, cN, af, W, cM, ao, aw, av, f, aC, bU, U, a3, d, d7, d6, d9, d3, a7, da, d5, d8, a5, a4, r, a, c, X, V, Y, Z, u, bO, _, bV, b } from "./index-135c79a4.js";
 import "@cloudtower/eagle";
 import "@refinedev/core";
 import "react";

package/dist/refine.umd.cjs

@@ -1317,8 +1317,8 @@ var __publicField = (obj, key, value) => {
     path: path$1,
     backend: backend$1,
     belong_to_node: belong_to_node$1,
-    "true": "True",
-    "false": "False",
+    "true": "Yes",
+    "false": "No",
     warning: warning$3,
     normal: normal$1,
     delete_tip: delete_tip$1,
@@ -8900,6 +8900,8 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
     ] });
   }
+  const ComponentContext = React.createContext({});
+  const GlobalStoreContext = React.createContext({});
   function memoize$2(fn) {
     var cache = /* @__PURE__ */ Object.create(null);
     return function(arg) {
@@ -9167,7 +9169,6 @@ var __publicField = (obj, key, value) => {
       })]
     });
   }
-  const ComponentContext = React.createContext({});
   function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
     const [currentPage, setCurrentPage] = React.useState(1);
     const [sorters, setSorters] = React.useState(defaultSorters || []);
@@ -10975,7 +10976,7 @@ var __publicField = (obj, key, value) => {
       return lodashEs.set(yaml2, "spec.resources.requests.storage", `${distributeStorage}Gi`);
     }
   }
-  const index_1iq0dq9 = "";
+  const index_1r58r8x = "";
   const ServiceInClusterAccessComponent = ({
     service
   }) => {
@@ -10996,9 +10997,11 @@ var __publicField = (obj, key, value) => {
     }
   };
   const BreakLineStyle = "b1vtjd4k";
+  const LinkStyle$2 = "luro4rx";
   const ServiceOutClusterAccessComponent = ({
     service,
-    breakLine = true
+    breakLine = true,
+    clusterVip
   }) => {
     var _a, _b, _c, _d, _e;
     const {
@@ -11010,13 +11013,30 @@ var __publicField = (obj, key, value) => {
     switch (spec.type) {
       case ServiceTypeEnum.NodePort:
         if (!breakLine) {
-          content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v).map((p) => `${i18n2.t("dovetail.any_node_ip")}:${p.nodePort}`).join(", ");
+          content = (_a = spec.ports) == null ? void 0 : _a.filter((v) => !!v).map((p) => [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Link, {
+            href: `//${clusterVip}:${p.nodePort}`,
+            target: "_blank",
+            className: cx_default(LinkStyle$2, eagle.Typo.Label.l4_regular_title),
+            children: `${clusterVip}:${p.nodePort}`
+          }, p.name)]);
+          if (content && content instanceof Array) {
+            const result = [];
+            for (let i2 = 0; i2 < content.length; i2++) {
+              result.push(content[i2]);
+              if (i2 < content.length - 1) {
+                result.push(",");
+              }
+            }
+            content = result;
+          }
           break;
         }
         content = (_b = spec.ports) == null ? void 0 : _b.filter((v) => !!v).map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.OverflowTooltip, {
-          content: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
-            className: cx_default(eagle.Typo.Label.l4_regular_title, BreakLineStyle),
-            children: [i18n2.t("dovetail.any_node_ip"), ":", p.nodePort]
+          content: /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Link, {
+            href: `//${clusterVip}:${p.nodePort}`,
+            target: "_blank",
+            className: cx_default(eagle.Typo.Label.l4_regular_title, BreakLineStyle, LinkStyle$2),
+            children: [clusterVip, ":", p.nodePort]
           }),
           tooltip: `${i18n2.t("dovetail.any_node_ip")}:${p.nodePort}`
         }, p.nodePort));
@@ -11567,7 +11587,6 @@ var __publicField = (obj, key, value) => {
     }, []);
     return { tableProps: finalProps, selectedKeys, ...table };
   };
-  const GlobalStoreContext = React.createContext({});
   function CreateButton(props) {
     var _a;
     const { t: t2 } = useTranslation();
@@ -13357,12 +13376,12 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceInClusterAccessComponent, { service: record });
     }
   });
-  const ServiceOutClusterAccessField = () => ({
+  const ServiceOutClusterAccessField = (clusterVip) => ({
     key: "innerClusterAccess",
     title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
     path: [],
     renderContent: (_, record) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessComponent, { service: record, breakLine: false });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessComponent, { service: record, breakLine: false, clusterVip });
     }
   });
   const PodSelectorField = () => ({
@@ -19928,6 +19947,8 @@ var __publicField = (obj, key, value) => {
     var _a;
     const parsed = core.useParsed();
     const { resource } = core.useResource();
+    const configs = React.useContext(ConfigsContext);
+    const config = configs[(resource == null ? void 0 : resource.name) || ""];
     const nav = core.useNavigation();
     const i18n2 = useTranslation();
     const { queryResult } = core.useShow({
@@ -19940,7 +19961,7 @@ var __publicField = (obj, key, value) => {
         return {
           key: "resource-non-exist",
           message: i18n2.t("dovetail.fail_get_detail", {
-            resource: resource == null ? void 0 : resource.name,
+            resource: config.displayName || (resource == null ? void 0 : resource.name),
             name: (_a2 = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a2.id,
             interpolation: { escapeValue: false }
           }),
@@ -40131,7 +40152,7 @@ WARNING: This link could potentially be dangerous`)) {
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
   };
-  const columns_irlsbh = "";
+  const columns_j8358c = "";
   const DashedTitleStyle = "dh5j833";
   const ServiceClusterTooltipStyle = "s1fcgan";
   const NameLink = (props) => {
@@ -40474,7 +40495,7 @@ WARNING: This link could potentially be dangerous`)) {
       })
     });
   }
-  const ServiceOutClusterAccessColumnRenderer = () => {
+  const ServiceOutClusterAccessColumnRenderer = (clusterVip) => {
     return {
       key: "outClusterAccess",
       title: /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessTitle, {}),
@@ -40484,7 +40505,8 @@ WARNING: This link could potentially be dangerous`)) {
       sorter: void 0,
       render(_, record) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(ServiceOutClusterAccessComponent, {
-          service: record
+          service: record,
+          clusterVip
         });
       }
     };
@@ -40627,7 +40649,7 @@ WARNING: This link could potentially be dangerous`)) {
       sorter: void 0
     };
   };
-  const PortMappingColumnRenderer = (i18n2, clusterVip) => {
+  const PortMappingColumnRenderer = (i18n2) => {
     return {
       key: "displayPortMapping",
       title: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
@@ -40648,12 +40670,7 @@ WARNING: This link could potentially be dangerous`)) {
             style: {
               whiteSpace: "pre"
             },
-            children: [record.displayType === "NodePort" ? /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Link, {
-              href: `//${clusterVip}:${v.nodePort}`,
-              target: "_blank",
-              className: "ciistgu",
-              children: v.servicePort
-            }) : v.servicePort, " ", "> ", v.targetPort, "/", v.protocol]
+            children: [v.servicePort, " ", "> ", v.targetPort, "/", v.protocol]
           }),
           tooltip: `${v.servicePort} > ${v.targetPort}/${v.protocol}`
         }, v.servicePort));

package/dist/style.css

@@ -562,6 +562,11 @@
 /* z-index */
 .b1vtjd4k.ant-btn.ant-btn-link {
   display: block;
+}
+
+.luro4rx.ant-btn-link.ant-btn {
+  padding: 0;
+  height: 22px;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*
@@ -4683,10 +4688,6 @@
 
 .s1fcgan.ant-tooltip .ant-tooltip-inner {
   width: 256px;
-}
-
-.ciistgu {
-  padding: 0 !important;
 }body,
 #root {
   height: 100%;

package/lib/components/ServiceComponents/index.d.ts

@@ -6,5 +6,6 @@ type Props = {
 export declare const ServiceInClusterAccessComponent: React.FC<Props>;
 export declare const ServiceOutClusterAccessComponent: React.FC<Props & {
     breakLine?: boolean;
+    clusterVip: string;
 }>;
 export {};

package/lib/components/ShowContent/fields.d.ts

@@ -60,7 +60,7 @@ export declare const AgeField: <Model extends ResourceModel<Unstructured>>(i18n:
 export declare const LabelsField: <Model extends ResourceModel<Unstructured>>(i18n: I18nType) => ShowField<Model>;
 export declare const AnnotationsField: <Model extends ResourceModel<Unstructured>>(i18n: I18nType) => ShowField<Model>;
 export declare const ServiceInnerClusterAccessField: <Model extends ServiceModel>() => ShowField<Model>;
-export declare const ServiceOutClusterAccessField: <Model extends ServiceModel>() => ShowField<Model>;
+export declare const ServiceOutClusterAccessField: <Model extends ServiceModel>(clusterVip: string) => ShowField<Model>;
 export declare const PodSelectorField: <Model extends ResourceModel<Required<Unstructured & import("kubernetes-types/core/v1").Service> | (NetworkPolicy & Unstructured)>>() => ShowField<Model>;
 export declare const PortsTableField: <Model extends ServiceModel>() => ShowField<Model>;
 export declare const DurationField: <Model extends JobModel | CronJobModel>(i18n: I18nType) => ShowField<Model>;

package/lib/hooks/useEagleTable/columns.d.ts

@@ -24,7 +24,7 @@ export declare const ServiceTypeColumnRenderer: <Model extends ResourceModel<imp
 export declare function ServiceInClusterAccessTitle(): JSX.Element;
 export declare const ServiceInClusterAccessColumnRenderer: <Model extends ServiceModel>() => Column<Model>;
 export declare function ServiceOutClusterAccessTitle(): JSX.Element;
-export declare const ServiceOutClusterAccessColumnRenderer: <Model extends ServiceModel>() => Column<Model>;
+export declare const ServiceOutClusterAccessColumnRenderer: <Model extends ServiceModel>(clusterVip: string) => Column<Model>;
 export declare const PodWorkloadColumnRenderer: <Model extends PodModel>(i18n: I18nType) => Column<Model>;
 export declare const IngressRulesColumnRenderer: <Model extends IngressModel>(i18n: I18nType) => Column<Model>;
 export declare const IngressDefaultBackendColumnRenderer: <Model extends IngressModel>(i18n: I18nType) => Column<Model>;
@@ -32,7 +32,7 @@ export declare const IngressClassColumnRenderer: <Model extends IngressModel>(i1
 export declare const IngressTlsColumnRenderer: <Model extends IngressModel>(i18n: I18nType) => Column<Model>;
 export declare const PodContainersNumColumnRenderer: <Model extends PodModel>(i18n: I18nType) => Column<Model>;
 export declare const DataKeysColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => Column<Model>;
-export declare const PortMappingColumnRenderer: <Model extends ServiceModel>(i18n: I18nType, clusterVip: string) => Column<Model>;
+export declare const PortMappingColumnRenderer: <Model extends ServiceModel>(i18n: I18nType) => Column<Model>;
 export declare const ProvisionerColumnRenderer: <Model extends StorageClassModel>(i18n: I18nType) => Column<Model>;
 export declare const PVCapacityColumnRenderer: <Model extends PersistentVolumeModel>(i18n: I18nType) => Column<Model>;
 export declare const PVCStorageColumnRenderer: <Model extends PersistentVolumeClaimModel>(i18n: I18nType) => Column<Model>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "type": "module",
   "files": [
     "dist",