@dovetail-v2/refine 0.0.34 → 0.0.35-beta.1

package/dist/{index-3113dd7a.js → index-2802f71a.js}

@@ -10,9 +10,9 @@ import React__default, { createElement, isValidElement, cloneElement, Children,
 import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useDeleteMany, useShow, useUpdate, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$1, flattenObjectKeys, useInvalidate, useUserFriendlyName, useModal, pickNotDeprecated, useMenu, useTable, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { Typo, useUIKit, kitContext, Link as Link$1, OverflowTooltip, Tooltip, pushModal, StatusCapsule, Button, Icon as Icon$1, popModal, Loading, Divider, Fields, Form, Space, Modal, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
+import { Typo, useUIKit, kitContext, Link as Link$1, OverflowTooltip, Tooltip, StatusCapsule, pushModal, Button, Icon as Icon$1, popModal, Loading, Divider, Fields, Form, Space, Modal, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
+import { PlusAddCreateNew16BoldOntintIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
 import { get as get$2, first, debounce, last, isObject as isObject$2, merge, keyBy } from "lodash-es";
-import { PlusAddCreateNew16BoldOntintIcon, EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, ViewEye16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
 import yaml from "js-yaml";
 import * as monaco from "monaco-editor";
 import { setDiagnosticsOptions } from "monaco-yaml";
@@ -1284,7 +1284,7 @@ const updated_time = "变更时间";
 const message = "信息";
 const save = "保存";
 const workload = "工作负载";
-const all_namespaces = "所有名字空间";
+const all_namespaces = "全部名字空间";
 const empty = "暂无数据";
 const schedule = "调度时间表";
 const lastScheduleTime = "上次调度时间";
@@ -8424,9 +8424,223 @@ const WidgetErrorContent$1 = (props) => {
     })
   });
 };
-const PodSelectorTable = ({ podSelectors = {} }) => {
+function memoize$1(fn) {
+  var cache = /* @__PURE__ */ Object.create(null);
+  return function(arg) {
+    if (cache[arg] === void 0)
+      cache[arg] = fn(arg);
+    return cache[arg];
+  };
+}
+var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+var isPropValid = /* @__PURE__ */ memoize$1(
+  function(prop) {
+    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+var isCapital = (ch) => ch.toUpperCase() === ch;
+var filterKey = (keys) => (key2) => keys.indexOf(key2) === -1;
+var omit = (obj, keys) => {
+  const res = {};
+  Object.keys(obj).filter(filterKey(keys)).forEach((key2) => {
+    res[key2] = obj[key2];
+  });
+  return res;
+};
+function filterProps(asIs, props, omitKeys) {
+  const filteredProps = omit(props, omitKeys);
+  if (!asIs) {
+    const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
+    Object.keys(filteredProps).forEach((key2) => {
+      if (!interopValidAttr.default(key2)) {
+        delete filteredProps[key2];
+      }
+    });
+  }
+  return filteredProps;
+}
+var warnIfInvalid = (value2, componentName) => {
+  if (process.env.NODE_ENV !== "production") {
+    if (typeof value2 === "string" || typeof value2 === "number" && isFinite(value2)) {
+      return;
+    }
+    const stringified = typeof value2 === "object" ? JSON.stringify(value2) : String(value2);
+    console.warn(
+      `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
+    );
+  }
+};
+var idx = 0;
+function styled(tag) {
+  var _a;
+  let mockedClass = "";
+  if (process.env.NODE_ENV === "test") {
+    mockedClass += `mocked-styled-${idx++}`;
+    if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
+      mockedClass += ` ${tag.__linaria.className}`;
+    }
+  }
+  return (options) => {
+    if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
+      if (Array.isArray(options)) {
+        throw new Error(
+          'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
+        );
+      }
+    }
+    const render = (props, ref) => {
+      const { as: component = tag, class: className = mockedClass } = props;
+      const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
+      const filteredProps = filterProps(shouldKeepProps, props, [
+        "as",
+        "class"
+      ]);
+      filteredProps.ref = ref;
+      filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
+      const { vars } = options;
+      if (vars) {
+        const style = {};
+        for (const name2 in vars) {
+          const variable = vars[name2];
+          const result = variable[0];
+          const unit = variable[1] || "";
+          const value2 = typeof result === "function" ? result(props) : result;
+          warnIfInvalid(value2, options.name);
+          style[`--${name2}`] = `${value2}${unit}`;
+        }
+        const ownStyle = filteredProps.style || {};
+        const keys = Object.keys(ownStyle);
+        if (keys.length > 0) {
+          keys.forEach((key2) => {
+            style[key2] = ownStyle[key2];
+          });
+        }
+        filteredProps.style = style;
+      }
+      if (tag.__linaria && tag !== component) {
+        filteredProps.as = component;
+        return React__default.createElement(tag, filteredProps);
+      }
+      return React__default.createElement(component, filteredProps);
+    };
+    const Result = React__default.forwardRef ? React__default.forwardRef(render) : (props) => {
+      const rest = omit(props, ["innerRef"]);
+      return render(rest, props.innerRef);
+    };
+    Result.displayName = options.name;
+    Result.__linaria = {
+      className: options.class || mockedClass,
+      extends: tag
+    };
+    return Result;
+  };
+}
+var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
+  get(o, prop) {
+    return o(prop);
+  }
+}) : styled;
+const TableWidgets_ny30pi = "";
+const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
+  name: "AuxiliaryLine",
+  class: "ax1qopv",
+  propsAsIs: false
+});
+const index_dmbxj3 = "";
+const TableContainerStyle = "t1upn1sz";
+function Table(props) {
   const kit = useUIKit();
+  const {
+    t: t2
+  } = useTranslation();
+  const {
+    loading,
+    error,
+    data: dataSource,
+    rowKey,
+    columns,
+    scroll,
+    currentPage,
+    currentSize,
+    RowMenu,
+    refetch,
+    onPageChange,
+    onSizeChange,
+    empty: empty2
+  } = props;
+  const auxiliaryLineRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const pagination = useMemo(() => ({
+    current: currentPage,
+    pageSize: currentSize,
+    onChange: onPageChange
+  }), [currentPage, currentSize, onPageChange]);
+  const finalColumns = useMemo(() => {
+    if (RowMenu) {
+      const actionColumn = {
+        key: "_action_",
+        display: true,
+        dataIndex: [],
+        title: "",
+        render: (_, record) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(RowMenu, {
+            record
+          });
+        }
+      };
+      return [...columns, actionColumn];
+    }
+    return columns;
+  }, [columns, RowMenu]);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
+  } else if (error) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+      errorText: t2("dovetail.retry_when_access_data_failed"),
+      refetch,
+      style: {
+        padding: "15px 0"
+      }
+    });
+  } else if (dataSource.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
+      errorText: empty2 || t2("dovetail.empty"),
+      style: {
+        padding: "15px 0"
+      }
+    });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+    ref: wrapperRef,
+    className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.table, {
+      tableLayout: "fixed",
+      columns: finalColumns,
+      dataSource,
+      pagination,
+      error,
+      loading,
+      rowKey,
+      wrapper: wrapperRef,
+      scroll
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(AuxiliaryLine, {
+      ref: auxiliaryLineRef
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
+      current: currentPage,
+      size: currentSize,
+      count: dataSource.length,
+      onChange: onPageChange,
+      onSizeChange
+    })]
+  });
+}
+const ComponentContext = createContext({});
+const PodSelectorTable = ({ podSelectors = {} }) => {
   const { t: t2 } = useTranslation();
+  const component = useContext(ComponentContext);
+  const Table$1 = component.Table || Table;
+  const [currentPage, setCurrentPage] = useState(1);
   const datas = Object.keys(podSelectors).map((key2) => ({
     id: key2,
     key: key2,
@@ -8458,19 +8672,26 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.table,
+    Table$1,
     {
+      tableKey: "podSelector",
       loading: false,
-      dataSource: datas,
+      data: datas,
       columns: addDefaultRenderToColumns(columns),
-      rowKey: "type",
-      empty: t2("dovetail.empty")
+      rowKey: "key",
+      empty: t2("dovetail.empty"),
+      currentSize: 10,
+      currentPage,
+      onPageChange: setCurrentPage,
+      showMenuColumn: false
     }
   );
 };
 const PortsTable = ({ service }) => {
-  const kit = useUIKit();
   const { t: t2 } = useTranslation();
+  const component = useContext(ComponentContext);
+  const Table$1 = component.Table || Table;
+  const [currentPage, setCurrentPage] = useState(1);
   const columns = [
     {
       key: "name",
@@ -8516,13 +8737,18 @@ const PortsTable = ({ service }) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.port") }), style: { padding: "15px 0" } });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.table,
+    Table$1,
     {
+      tableKey: "ports",
       loading: false,
-      dataSource: ports,
+      data: ports,
       columns: addDefaultRenderToColumns(columns),
-      rowKey: "type",
-      empty: t2("dovetail.empty")
+      rowKey: "name",
+      empty: t2("dovetail.empty"),
+      currentSize: 10,
+      currentPage,
+      onPageChange: setCurrentPage,
+      showMenuColumn: false
     }
   );
 };
@@ -9811,8 +10037,10 @@ const Time = (props) => {
   });
 };
 const ConditionsTable = ({ conditions = [] }) => {
-  const kit = useUIKit();
+  const [currentPage, setCurrentPage] = useState(1);
   const { t: t2 } = useTranslation();
+  const component = useContext(ComponentContext);
+  const Table$1 = component.Table || Table;
   const conditionsWithId = addId(conditions, "type");
   const columns = [
     {
@@ -9833,7 +10061,7 @@ const ConditionsTable = ({ conditions = [] }) => {
           "False": "red",
           "Unknown": "warning"
         };
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.statusCapsule, { color: colorMap[value2 || "Unknown"], className: cx_default(StateTagStyle, "no-background"), children: t2(`dovetail.${value2.toLowerCase()}`) });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(StatusCapsule, { color: colorMap[value2 || "Unknown"], className: cx_default(StateTagStyle, "no-background"), children: t2(`dovetail.${value2.toLowerCase()}`) });
       },
       sortable: true
     },
@@ -9867,227 +10095,21 @@ const ConditionsTable = ({ conditions = [] }) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.condition") }), style: { padding: "15px 0" } });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.table,
+    Table$1,
     {
+      tableKey: "condition",
       loading: false,
-      dataSource: conditionsWithId,
+      data: conditionsWithId,
       columns: addDefaultRenderToColumns(columns),
       rowKey: "type",
-      empty: t2("dovetail.empty")
+      empty: t2("dovetail.empty"),
+      currentSize: 10,
+      currentPage,
+      onPageChange: setCurrentPage,
+      showMenuColumn: false
     }
   );
 };
-function memoize$1(fn) {
-  var cache = /* @__PURE__ */ Object.create(null);
-  return function(arg) {
-    if (cache[arg] === void 0)
-      cache[arg] = fn(arg);
-    return cache[arg];
-  };
-}
-var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
-var isPropValid = /* @__PURE__ */ memoize$1(
-  function(prop) {
-    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-);
-var isCapital = (ch) => ch.toUpperCase() === ch;
-var filterKey = (keys) => (key2) => keys.indexOf(key2) === -1;
-var omit = (obj, keys) => {
-  const res = {};
-  Object.keys(obj).filter(filterKey(keys)).forEach((key2) => {
-    res[key2] = obj[key2];
-  });
-  return res;
-};
-function filterProps(asIs, props, omitKeys) {
-  const filteredProps = omit(props, omitKeys);
-  if (!asIs) {
-    const interopValidAttr = typeof isPropValid === "function" ? { default: isPropValid } : isPropValid;
-    Object.keys(filteredProps).forEach((key2) => {
-      if (!interopValidAttr.default(key2)) {
-        delete filteredProps[key2];
-      }
-    });
-  }
-  return filteredProps;
-}
-var warnIfInvalid = (value2, componentName) => {
-  if (process.env.NODE_ENV !== "production") {
-    if (typeof value2 === "string" || typeof value2 === "number" && isFinite(value2)) {
-      return;
-    }
-    const stringified = typeof value2 === "object" ? JSON.stringify(value2) : String(value2);
-    console.warn(
-      `An interpolation evaluated to '${stringified}' in the component '${componentName}', which is probably a mistake. You should explicitly cast or transform the value to a string.`
-    );
-  }
-};
-var idx = 0;
-function styled(tag) {
-  var _a;
-  let mockedClass = "";
-  if (process.env.NODE_ENV === "test") {
-    mockedClass += `mocked-styled-${idx++}`;
-    if ((_a = tag == null ? void 0 : tag.__linaria) == null ? void 0 : _a.className) {
-      mockedClass += ` ${tag.__linaria.className}`;
-    }
-  }
-  return (options) => {
-    if (process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test") {
-      if (Array.isArray(options)) {
-        throw new Error(
-          'Using the "styled" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly. See https://github.com/callstack/linaria#setup'
-        );
-      }
-    }
-    const render = (props, ref) => {
-      const { as: component = tag, class: className = mockedClass } = props;
-      const shouldKeepProps = options.propsAsIs === void 0 ? !(typeof component === "string" && component.indexOf("-") === -1 && !isCapital(component[0])) : options.propsAsIs;
-      const filteredProps = filterProps(shouldKeepProps, props, [
-        "as",
-        "class"
-      ]);
-      filteredProps.ref = ref;
-      filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
-      const { vars } = options;
-      if (vars) {
-        const style = {};
-        for (const name2 in vars) {
-          const variable = vars[name2];
-          const result = variable[0];
-          const unit = variable[1] || "";
-          const value2 = typeof result === "function" ? result(props) : result;
-          warnIfInvalid(value2, options.name);
-          style[`--${name2}`] = `${value2}${unit}`;
-        }
-        const ownStyle = filteredProps.style || {};
-        const keys = Object.keys(ownStyle);
-        if (keys.length > 0) {
-          keys.forEach((key2) => {
-            style[key2] = ownStyle[key2];
-          });
-        }
-        filteredProps.style = style;
-      }
-      if (tag.__linaria && tag !== component) {
-        filteredProps.as = component;
-        return React__default.createElement(tag, filteredProps);
-      }
-      return React__default.createElement(component, filteredProps);
-    };
-    const Result = React__default.forwardRef ? React__default.forwardRef(render) : (props) => {
-      const rest = omit(props, ["innerRef"]);
-      return render(rest, props.innerRef);
-    };
-    Result.displayName = options.name;
-    Result.__linaria = {
-      className: options.class || mockedClass,
-      extends: tag
-    };
-    return Result;
-  };
-}
-var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
-  get(o, prop) {
-    return o(prop);
-  }
-}) : styled;
-const TableWidgets_ny30pi = "";
-const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
-  name: "AuxiliaryLine",
-  class: "ax1qopv",
-  propsAsIs: false
-});
-const index_dmbxj3 = "";
-const TableContainerStyle = "t1upn1sz";
-function Table(props) {
-  const kit = useUIKit();
-  const {
-    t: t2
-  } = useTranslation();
-  const {
-    loading,
-    error,
-    data: dataSource,
-    rowKey,
-    columns,
-    scroll,
-    currentPage,
-    currentSize,
-    RowMenu,
-    refetch,
-    onPageChange,
-    onSizeChange,
-    empty: empty2
-  } = props;
-  const auxiliaryLineRef = useRef(null);
-  const wrapperRef = useRef(null);
-  const pagination = useMemo(() => ({
-    current: currentPage,
-    pageSize: currentSize,
-    onChange: onPageChange
-  }), [currentPage, currentSize, onPageChange]);
-  const finalColumns = useMemo(() => {
-    if (RowMenu) {
-      const actionColumn = {
-        key: "_action_",
-        display: true,
-        dataIndex: [],
-        title: "",
-        render: (_, record) => {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(RowMenu, {
-            record
-          });
-        }
-      };
-      return [...columns, actionColumn];
-    }
-    return columns;
-  }, [columns, RowMenu]);
-  if (loading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
-  } else if (error) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
-      errorText: t2("dovetail.retry_when_access_data_failed"),
-      refetch,
-      style: {
-        padding: "15px 0"
-      }
-    });
-  } else if (dataSource.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, {
-      errorText: empty2 || t2("dovetail.empty"),
-      style: {
-        padding: "15px 0"
-      }
-    });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-    ref: wrapperRef,
-    className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.table, {
-      tableLayout: "fixed",
-      columns: finalColumns,
-      dataSource,
-      pagination,
-      error,
-      loading,
-      rowKey,
-      wrapper: wrapperRef,
-      scroll
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(AuxiliaryLine, {
-      ref: auxiliaryLineRef
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
-      current: currentPage,
-      size: currentSize,
-      count: dataSource.length,
-      onChange: onPageChange,
-      onSizeChange
-    })]
-  });
-}
 function useEdit() {
   const { resource } = useParsed();
   const go = useGo();
@@ -10281,6 +10303,8 @@ const CronjobJobsTable = ({
   const kit = useUIKit();
   const [selectedKeys] = useState([]);
   const [currentPage, setCurrentPage] = useState(1);
+  const component = useContext(ComponentContext);
+  const Table$1 = component.Table || Table;
   const {
     data: data2
   } = useList({
@@ -10302,7 +10326,7 @@ const CronjobJobsTable = ({
     children: [hideToolBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
       selectedKeys,
       hideCreate: true
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
       tableKey: "cronjobs",
       loading: !dataSource,
       data: dataSource || [],
@@ -10312,7 +10336,8 @@ const CronjobJobsTable = ({
       currentPage,
       onPageChange: (p) => setCurrentPage(p),
       currentSize: 10,
-      refetch: () => null
+      refetch: () => null,
+      showMenuColumn: false
     })]
   });
 };
@@ -10401,6 +10426,8 @@ const EventsTable = ({}) => {
     ],
     [i18n2]
   );
+  const component = useContext(ComponentContext);
+  const Table$1 = component.Table || Table;
   const dataSource = useMemo(() => {
     return data2 == null ? void 0 : data2.data.filter((d) => {
       const objectId = `${d.regarding.namespace}/${d.regarding.name}`;
@@ -10417,7 +10444,7 @@ const EventsTable = ({}) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table,
+    Table$1,
     {
       tableKey: "events",
       loading: isLoading,
@@ -10428,7 +10455,8 @@ const EventsTable = ({}) => {
       currentPage,
       onPageChange: (p) => setCurrentPage(p),
       currentSize: 10,
-      refetch: () => null
+      refetch: () => null,
+      showMenuColumn: false
     }
   );
 };
@@ -10465,11 +10493,13 @@ const ResourceLink = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, { onClick, children: resourceId });
 };
 const IngressRulesTable = ({ ingress }) => {
-  const kit = useUIKit();
   const { t: t2 } = useTranslation();
   const rows = useMemo(() => {
     return addId(ingress.flattenedRules || [], "fullPath");
   }, [ingress.flattenedRules]);
+  const component = useContext(ComponentContext);
+  const Table$1 = component.Table || Table;
+  const [currentPage, setCurrentPage] = useState(1);
   const columns = [
     {
       key: "pathType",
@@ -10533,13 +10563,18 @@ const IngressRulesTable = ({ ingress }) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t2("dovetail.no_resource", { kind: t2("dovetail.rule") }), style: { padding: "15px 0" } });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.table,
+    Table$1,
     {
+      tableKey: "ingressRules",
       loading: false,
-      dataSource: rows,
+      data: rows,
       columns: addDefaultRenderToColumns(columns),
-      rowKey: "type",
-      empty: t2("dovetail.empty")
+      rowKey: "pathType",
+      empty: t2("dovetail.empty"),
+      currentSize: 10,
+      currentPage,
+      onPageChange: setCurrentPage,
+      showMenuColumn: false
     }
   );
 };
@@ -10603,7 +10638,7 @@ function KeyValueAnnotation(props) {
           children: Object.keys(data2).length
         }), /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
           type: "link",
-          className: ExpandButtonStyle,
+          className: cx_default(ExpandButtonStyle, Typo.Label.l4_regular_title),
           onClick: () => {
             setIsExpand(!isExpand);
           },
@@ -10718,8 +10753,7 @@ function Tabs(props) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
-const ComponentContext = createContext({});
-const ShowContent_tusz9j = "";
+const ShowContent_eym19u = "";
 const ShowContentWrapperStyle = "s9agep2";
 const BackButton = "bo89gfi";
 const ToolBarWrapper = "t1ohe42f";
@@ -10802,7 +10836,7 @@ const ShowContent = (props) => {
         children: field.render ? field.render(value2, record, field) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
           className: FieldWrapperStyle,
           children: [field.title && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-            className: Typo.Label.l3_regular,
+            className: Typo.Label.l4_regular_title,
             style: {
               width: field.labelWidth || "165px",
               marginRight: 8,
@@ -10815,6 +10849,7 @@ const ShowContent = (props) => {
               minWidth: 0
             },
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+              className: Typo.Label.l4_regular_title,
               value: content,
               useOverflow: false
             })
@@ -10868,6 +10903,7 @@ const ShowContent = (props) => {
             marginRight: 8
           },
           onClick: openForm,
+          prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditPen16GradientBlueIcon, {}),
           children: t2("dovetail.edit_yaml")
         }), /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
           record,
@@ -10937,6 +10973,8 @@ const WorkloadPodsTable = ({
   const kit = useUIKit();
   const [selectedKeys, setSelectedKeys] = useState([]);
   const [currentPage, setCurrentPage] = useState(1);
+  const component = useContext(ComponentContext);
+  const Table$1 = component.Table || Table;
   const {
     data: data2
   } = useList({
@@ -10977,7 +11015,7 @@ const WorkloadPodsTable = ({
     children: [hideToolbar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
       selectedKeys,
       hideCreate: true
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
       tableKey: "pods",
       loading: !dataSource,
       data: dataSource || [],
@@ -10988,7 +11026,8 @@ const WorkloadPodsTable = ({
       currentPage,
       onPageChange: (p) => setCurrentPage(p),
       currentSize: 10,
-      refetch: () => null
+      refetch: () => null,
+      showMenuColumn: false
     })]
   });
 };
@@ -11162,7 +11201,7 @@ function EditField(props) {
     children: i18n2.t("dovetail.edit")
   });
 }
-const index_1qy3pu6 = "";
+const index_psn0hb = "";
 const WorkloadReplicasWrapperStyle = "w8ychfk";
 const DonutChartWrapperStyle = "d1o004do";
 const DonutChartStyle = "dfo80qq";
@@ -11262,10 +11301,10 @@ function WorkloadReplicas({
       color: "rgba(33, 190, 106, 1)"
     }];
     const remain = replicas - readyReplicas;
-    if (remain > 0) {
+    if (remain > 0 || replicas === 0) {
       data2.push({
         name: "remain",
-        value: remain,
+        value: replicas === 0 ? 1 : remain,
         color: "rgba(162, 240, 213, 1)"
       });
     }
@@ -11297,20 +11336,20 @@ function WorkloadReplicas({
       })
     }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ContentWrapperStyle,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("tr", {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("td", {
           className: LabelStyle,
           children: t2("dovetail.pod_ready_num")
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
           children: readyReplicas
         })]
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx("td", {
           className: LabelStyle,
           children: t2("dovetail.pod_replicas_num")
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
           children: replicas
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx("td", {
           children: editable && canScale && /* @__PURE__ */ jsxRuntimeExports.jsx(EditField, {
             modalProps: {
               formRef,
@@ -17545,8 +17584,8 @@ const MonacoYamlEditor$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.
   __proto__: null,
   default: MonacoYamlEditor$1
 }, Symbol.toStringTag, { value: "Module" }));
-const NetworkPolicyRulesTable_1ig139p = "";
-const EditorStyle$1 = "e151npt0";
+const NetworkPolicyRulesViewer_13asgaq = "";
+const EditorStyle$1 = "e1cjl2b8";
 const NetworkPolicyRulesViewer = ({
   ingressOrEgress,
   kind
@@ -17576,8 +17615,10 @@ const PodContainersTable = ({
   containerStatuses,
   initContainerStatuses
 }) => {
-  const kit = useUIKit();
   const { i18n: i18n2 } = useTranslation();
+  const component = useContext(ComponentContext);
+  const Table$1 = component.Table || Table;
+  const [currentPage, setCurrentPage] = useState(1);
   const columns = useMemo(
     () => [
       {
@@ -17643,13 +17684,18 @@ const PodContainersTable = ({
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, { errorText: i18n2.t("dovetail.no_resource", { kind: i18n2.t("dovetail.container") }), style: { padding: "15px 0" } });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.table,
+    Table$1,
     {
+      tableKey: "podContainers",
       loading: false,
-      dataSource,
+      data: dataSource,
       columns: addDefaultRenderToColumns(columns),
       rowKey: "containerID",
-      error: false
+      error: false,
+      currentSize: 10,
+      currentPage,
+      onPageChange: setCurrentPage,
+      showMenuColumn: false
     }
   );
 };
@@ -18169,7 +18215,7 @@ const NamespacesFilter = ({
     })]
   });
 };
-const index_1srrgg6 = "";
+const index_hp158y = "";
 const ListPageStyle = "laykzsq";
 const ListContentStyle = "l1ng0psc";
 const TableStyle = "tj6zpn4";
@@ -18205,15 +18251,23 @@ function ListPage(props) {
       className: ListContentStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(NamespacesFilter, {
         className: NamespaceFilterStyle
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
-        ...tableProps,
-        empty: tableProps.empty || t2("dovetail.no_resource", {
-          kind: ` ${config.kind}`
-        }),
-        className: cx_default(tableProps.className, TableStyle),
-        scroll: {
-          y: "calc(100% - 48px)"
-        }
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+        className: TableStyle,
+        children: !(tableProps.data.length || tableProps.loading) ? /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+          errorText: tableProps.empty || t2("dovetail.no_resource", {
+            kind: ` ${config.kind}`
+          }),
+          hiddenRetry: true
+        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+          ...tableProps,
+          empty: tableProps.empty || t2("dovetail.no_resource", {
+            kind: ` ${config.kind}`
+          }),
+          className: cx_default(tableProps.className),
+          scroll: {
+            y: "calc(100% - 48px)"
+          }
+        })
       })]
     })]
   });
@@ -22089,7 +22143,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-799d6dfe.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-126d544d.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -23441,6 +23495,7 @@ const CompletionsCountColumnRenderer = (i18n2) => {
     }),
     sortable: true,
     width: 120,
+    align: "right",
     sorter: CommonSorter(dataIndex)
   };
 };
@@ -23658,6 +23713,7 @@ const PodContainersNumColumnRenderer = (i18n2) => {
     }),
     width: 120,
     sortable: true,
+    align: "right",
     sorter: CommonSorter(["readyDisplay"])
   };
 };