@dovetail-v2/refine 0.1.12 → 0.1.14-alpha.0

package/dist/{index-90c4694a.js → index-521e5f08.js}

@@ -10,8 +10,8 @@ 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, DonutChart, SegmentControl, Checkbox, DropdownMenu, SearchInput, Token, AntdSelectOptGroup, Popover, AntdTable, TableForm, getOptions, 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, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, FontSize16GrayIcon, FontSize16BlueIcon, LogCollection16GrayIcon, LogCollection16GradientBlueIcon, TrashBinDeletePermanently16GrayIcon, TrashBinDeletePermanently16BlueIcon, Loading24GradientBlueIcon, OpenTerminal16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon, EditPen16BlueIcon, InfoICircleFill16GrayIcon, InfoICircleFill16Gray70Icon } from "@cloudtower/icons-react";
+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 { 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, cloneDeep, set as set$1, omit as omit$1, merge, get as get$3, debounce, last, isObject as isObject$4, uniq, keyBy } from "lodash-es";
 import yaml$1 from "js-yaml";
 import { paginateData, sortData, dataProvider, liveProvider } from "k8s-api-provider";
@@ -12175,40 +12175,413 @@ function KeyValueSecret(props) {
     })
   });
 }
-const NodeTaintsTable = ({ taints = [] }) => {
-  const { t: t2 } = useTranslation();
-  const component = useContext(ComponentContext);
-  const Table2 = component.Table || Table$1;
-  const taintsWithId = addId(taints, "key");
-  const columns = [
-    {
-      key: "key",
-      display: true,
-      dataIndex: "key",
-      title: t2("dovetail.key"),
-      width: 120,
-      sortable: true
-    },
-    {
-      key: "value",
-      display: true,
-      dataIndex: "value",
-      title: t2("dovetail.value"),
-      width: 120,
-      sortable: true
-    },
-    {
+function validateLabelKey(key2) {
+  const labelPrefixRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.]*[a-zA-Z0-9]$)/;
+  const labelNameRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
+  let prefix, name2;
+  const splitResult = key2.split("/");
+  if (splitResult.length === 1) {
+    name2 = splitResult[0];
+  } else {
+    prefix = splitResult[0];
+    name2 = splitResult[1];
+  }
+  if (prefix === "") {
+    return { isValid: false, errorMessage: "EMPTY_PREFIX" };
+  }
+  if (prefix && !labelPrefixRegex.test(prefix)) {
+    return { isValid: false, errorMessage: "INVALID_PREFIX" };
+  }
+  if (!labelNameRegex.test(name2)) {
+    return { isValid: false, errorMessage: "INVALID_NAME" };
+  }
+  if (prefix && prefix.length > 253) {
+    return { isValid: false, errorMessage: "MAX_253" };
+  }
+  if (name2 && name2.length > 63) {
+    return { isValid: false, errorMessage: "MAX_63" };
+  }
+  return { isValid: true };
+}
+function validateLabelValue(value2) {
+  const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
+  if (value2 === "") {
+    return { isValid: true };
+  }
+  if (value2.length > 63) {
+    return { isValid: false, errorMessage: "MAX_63" };
+  }
+  if (!labelValueRegex.test(value2)) {
+    return { isValid: false, errorMessage: "INVALID_VALUE" };
+  }
+  return { isValid: true };
+}
+const LabelFormatPopover_105yfzn = "";
+const PodLabelFormatRulePopoverStyle = "p5jt6nm";
+const LabelFormatPopover = () => {
+  const {
+    t: t2
+  } = useTranslation();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Popover, {
+    overlayClassName: PodLabelFormatRulePopoverStyle,
+    placement: "bottomRight",
+    content: /* @__PURE__ */ jsxRuntimeExports.jsx(AntdTable, {
+      bordered: true,
+      dataSource: [{
+        object: t2("dovetail.key"),
+        contains: t2("dovetail.suffix"),
+        optional: t2("dovetail.no"),
+        rule: [t2("dovetail.suffix_format_rule_1"), t2("dovetail.suffix_format_rule_2"), t2("dovetail.suffix_format_rule_3")]
+      }, {
+        object: t2("dovetail.key"),
+        contains: t2("dovetail.name"),
+        optional: t2("dovetail.yes"),
+        rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
+      }, {
+        object: t2("dovetail.value"),
+        contains: t2("dovetail.name"),
+        optional: t2("dovetail.no"),
+        rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
+      }],
+      columns: [{
+        key: "object",
+        title: t2("dovetail.object"),
+        dataIndex: "object",
+        render: (cell, record, index2) => {
+          return {
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+              className: Typo.Label.l4_bold,
+              children: cell
+            }),
+            props: {
+              rowSpan: index2 === 0 ? 2 : index2 === 1 ? 0 : 1
+            }
+          };
+        }
+      }, {
+        key: "contains",
+        title: t2("dovetail.contains"),
+        dataIndex: "contains"
+      }, {
+        key: "optional",
+        title: t2("dovetail.optional"),
+        dataIndex: "optional"
+      }, {
+        key: "rule",
+        title: t2("dovetail.format_requirements"),
+        dataIndex: "rule",
+        render: (cell) => {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
+            className: "rule-list",
+            children: cell.map((rule2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+              children: rule2
+            }, index2))
+          });
+        }
+      }],
+      pagination: false
+    }),
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
+      size: "small",
+      type: "link",
+      children: t2("dovetail.look_format_requirement")
+    })
+  });
+};
+const KeyValueTableForm_1eydq7y = "";
+function _KeyValueTableFormForm(props, ref) {
+  const {
+    defaultValue,
+    onSubmit,
+    extraColumns,
+    addButtonText
+  } = props;
+  const {
+    t: t2
+  } = useTranslation();
+  const [value2, setValue] = useState([]);
+  const tableFormRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    submit: () => {
+      return new Promise((res, rej) => {
+        var _a;
+        (_a = tableFormRef.current) == null ? void 0 : _a.validateWholeFields();
+        setTimeout(() => {
+          var _a2;
+          const isValid = (_a2 = tableFormRef.current) == null ? void 0 : _a2.isValid();
+          if (isValid) {
+            res(onSubmit(value2));
+          } else {
+            rej();
+          }
+        }, 0);
+      });
+    }
+  }), [onSubmit, value2]);
+  const renderTextAreaFunc = ({
+    value: value22,
+    onChange
+  }) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea, {
+      autoSize: true,
+      className: "clsjtk2",
+      size: "small",
+      value: value22,
+      onChange: (e2) => {
+        onChange(e2.target.value);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
+    size: 8,
+    direction: "vertical",
+    className: "cq3mbby",
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(TableForm, {
+      ref: tableFormRef,
+      onBodyChange: (value22) => {
+        setValue(value22);
+      },
+      columns: [{
+        key: "key",
+        title: t2("dovetail.key"),
+        type: "input",
+        validator: ({
+          value: value22
+        }) => {
+          if (!value22)
+            return t2("dovetail.key_empty_text");
+          const {
+            isValid
+          } = validateLabelKey(value22 || "");
+          if (!isValid)
+            return t2("dovetail.format_error");
+        },
+        render: renderTextAreaFunc
+      }, {
+        key: "value",
+        title: t2("dovetail.value_optional"),
+        type: "input",
+        validator: ({
+          value: value22
+        }) => {
+          const {
+            isValid
+          } = validateLabelValue(value22 || "");
+          if (!isValid)
+            return t2("dovetail.format_error");
+        },
+        render: renderTextAreaFunc
+      }, ...extraColumns || []],
+      disableBatchFilling: true,
+      hideEmptyTable: true,
+      rowAddConfig: {
+        addible: true,
+        text: () => addButtonText
+      },
+      defaultData: defaultValue,
+      row: {
+        deletable: true
+      }
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {})]
+  });
+}
+const KeyValueTableFormForm = React__default.forwardRef(_KeyValueTableFormForm);
+const EditNodeTaintForm_cgov7z = "";
+const UlStyle = "u19jcs7t";
+const EditNodeTaintForm = React__default.forwardRef(function EditNodeTaintForm2(props, ref) {
+  const {
+    nodeModel
+  } = props;
+  const {
+    mutateAsync
+  } = useUpdate();
+  const {
+    t: t2
+  } = useTranslation();
+  const defaultValue = useMemo(() => {
+    var _a;
+    return ((_a = nodeModel._rawYaml.spec) == null ? void 0 : _a.taints) || [];
+  }, [nodeModel]);
+  const onSubmit = useCallback((_value) => {
+    const value2 = _value;
+    const newYaml = nodeModel._globalStore.restoreItem(nodeModel);
+    if (newYaml.spec) {
+      newYaml.spec.taints = value2;
+    }
+    pruneBeforeEdit(newYaml);
+    return mutateAsync({
+      id: nodeModel.id,
+      resource: nodeModel.name || "",
+      values: newYaml,
+      meta: {
+        resourceBasePath: nodeModel.apiVersion,
+        kind: nodeModel.kind
+      },
+      successNotification() {
+        return {
+          message: t2("dovetail.edit_node_taint_success_toast", {
+            kind: nodeModel.kind,
+            name: nodeModel.metadata.name,
+            interpolation: {
+              escapeValue: false
+            }
+          }),
+          type: "success"
+        };
+      },
+      errorNotification: false
+    });
+  }, [nodeModel, mutateAsync, t2]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueTableFormForm, {
+    ref,
+    defaultValue,
+    onSubmit,
+    addButtonText: t2("dovetail.add_taint"),
+    extraColumns: [{
       key: "effect",
-      display: true,
-      dataIndex: "effect",
       title: t2("dovetail.effect"),
-      width: 120,
-      sortable: true,
-      render: (value2) => {
-        return t2(`dovetail.node_taint_${value2}`);
+      render: ({
+        value: value2,
+        onChange
+      }) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Select, {
+          input: {},
+          value: value2,
+          onChange,
+          size: "small",
+          children: getOptions([{
+            value: "NoSchedule",
+            children: t2(`dovetail.node_taint_${"NoSchedule"}`),
+            suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
+              title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+                effect: "NoSchedule"
+                /* NoSchedule */
+              }),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, {
+                src: InfoICircleFill16GrayIcon,
+                hoverSrc: InfoICircleFill16Gray70Icon
+              })
+            })
+          }, {
+            value: "PreferNoSchedule",
+            children: t2(`dovetail.node_taint_${"PreferNoSchedule"}`),
+            suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
+              title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+                effect: "PreferNoSchedule"
+                /* PreferNoSchedule */
+              }),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, {
+                src: InfoICircleFill16GrayIcon,
+                hoverSrc: InfoICircleFill16Gray70Icon
+              })
+            })
+          }, {
+            value: "NoExecute",
+            children: t2(`dovetail.node_taint_${"NoExecute"}`),
+            suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
+              title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+                effect: "NoExecute"
+                /* NoExecute */
+              }),
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, {
+                src: InfoICircleFill16GrayIcon,
+                hoverSrc: InfoICircleFill16Gray70Icon
+              })
+            })
+          }])
+        });
+      },
+      validator: ({
+        value: value2
+      }) => {
+        if (!value2)
+          return t2("dovetail.taint_effect_empty_text");
       }
+    }]
+  });
+});
+const TaintEffectTooltip = ({
+  effect: effect2
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  const TaintEffectTooltipTextConfig = {
+    [
+      "NoSchedule"
+      /* NoSchedule */
+    ]: {
+      title: "NoSchedule",
+      tooltips: [t2("dovetail.taint_effect_NoSchedule_tooltip_1"), t2("dovetail.taint_effect_NoSchedule_tooltip_2")]
+    },
+    [
+      "PreferNoSchedule"
+      /* PreferNoSchedule */
+    ]: {
+      title: "PreferNoSchedule",
+      tooltips: [t2("dovetail.taint_effect_PreferNoSchedule_tooltip_1"), t2("dovetail.taint_effect_PreferNoSchedule_tooltip_2"), t2("dovetail.taint_effect_PreferNoSchedule_tooltip_3")]
+    },
+    [
+      "NoExecute"
+      /* NoExecute */
+    ]: {
+      title: "NoExecute",
+      tooltips: [t2("dovetail.taint_effect_NoExecute_tooltip_3")]
     }
-  ];
+  };
+  const config = TaintEffectTooltipTextConfig[effect2];
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx("b", {
+      children: config.title
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
+      className: UlStyle,
+      children: config.tooltips.map((tooltip, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
+        children: tooltip
+      }, index2))
+    })]
+  });
+};
+const NodeTaintsTable_wrxeox = "";
+const EffectStyle = "evoxbc1";
+const NodeTaintsTable = ({
+  taints = []
+}) => {
+  const {
+    t: t2
+  } = useTranslation();
+  const component = useContext(ComponentContext);
+  const Table2 = component.Table || Table$1;
+  const taintsWithId = addId(taints, "key");
+  const columns = [{
+    key: "key",
+    display: true,
+    dataIndex: "key",
+    title: t2("dovetail.key"),
+    sortable: true
+  }, {
+    key: "value",
+    display: true,
+    dataIndex: "value",
+    title: t2("dovetail.value"),
+    sortable: true
+  }, {
+    key: "effect",
+    display: true,
+    dataIndex: "effect",
+    title: t2("dovetail.effect"),
+    sortable: true,
+    render: (value2) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+          effect: value2
+        }),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+          className: EffectStyle,
+          children: t2(`dovetail.node_taint_${value2}`)
+        })
+      });
+    }
+  }];
   const {
     data: finalData,
     currentPage,
@@ -12217,40 +12590,34 @@ const NodeTaintsTable = ({ taints = [] }) => {
   } = useTableData({
     data: taintsWithId,
     columns,
-    defaultSorters: [
-      {
-        field: "lastUpdateTime",
-        order: "desc"
-      }
-    ]
+    defaultSorters: [{
+      field: "lastUpdateTime",
+      order: "desc"
+    }]
   });
   const currentSize = 10;
   if (taintsWithId.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      WidgetErrorContent,
-      {
-        errorText: t2("dovetail.no_resource", { kind: t2("dovetail.taint") }),
-        type: ErrorContentType.Card
-      }
-    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
+      errorText: t2("dovetail.no_resource", {
+        kind: t2("dovetail.taint")
+      }),
+      type: ErrorContentType.Card
+    });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table2,
-    {
-      tableKey: "condition",
-      loading: false,
-      data: finalData,
-      total: taintsWithId.length,
-      columns: addDefaultRenderToColumns(columns),
-      rowKey: "key",
-      empty: t2("dovetail.empty"),
-      defaultSize: currentSize,
-      currentPage,
-      onPageChange,
-      onSorterChange,
-      showMenuColumn: false
-    }
-  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Table2, {
+    tableKey: "condition",
+    loading: false,
+    data: finalData,
+    total: taintsWithId.length,
+    columns: addDefaultRenderToColumns(columns),
+    rowKey: "key",
+    empty: t2("dovetail.empty"),
+    defaultSize: currentSize,
+    currentPage,
+    onPageChange,
+    onSorterChange,
+    showMenuColumn: false
+  });
 };
 function PVVolumeModeDisplay(props) {
   const { value: value2 } = props;
@@ -32782,7 +33149,7 @@ const Shell = React__default.forwardRef(function Shell2(props, ref) {
       });
     }
   }, [encode, send, props.fit]);
-  const debouncedFit = useCallback(() => debounce(fit, 200), [fit]);
+  const debouncedFit = useMemo(() => debounce(fit, 200), [fit]);
   const flush = useCallback(() => {
     const backlog = backlogRef.current.slice();
     backlogRef.current = [];
@@ -38008,7 +38375,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-ae1a891e.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-595d2c75.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -39067,217 +39434,6 @@ function CronJobDropdown(props) {
     }
   ) : null });
 }
-function validateLabelKey(key2) {
-  const labelPrefixRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.]*[a-zA-Z0-9]$)/;
-  const labelNameRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
-  let prefix, name2;
-  const splitResult = key2.split("/");
-  if (splitResult.length === 1) {
-    name2 = splitResult[0];
-  } else {
-    prefix = splitResult[0];
-    name2 = splitResult[1];
-  }
-  if (prefix === "") {
-    return { isValid: false, errorMessage: "EMPTY_PREFIX" };
-  }
-  if (prefix && !labelPrefixRegex.test(prefix)) {
-    return { isValid: false, errorMessage: "INVALID_PREFIX" };
-  }
-  if (!labelNameRegex.test(name2)) {
-    return { isValid: false, errorMessage: "INVALID_NAME" };
-  }
-  if (prefix && prefix.length > 253) {
-    return { isValid: false, errorMessage: "MAX_253" };
-  }
-  if (name2 && name2.length > 63) {
-    return { isValid: false, errorMessage: "MAX_63" };
-  }
-  return { isValid: true };
-}
-function validateLabelValue(value2) {
-  const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
-  if (value2 === "") {
-    return { isValid: true };
-  }
-  if (value2.length > 63) {
-    return { isValid: false, errorMessage: "MAX_63" };
-  }
-  if (!labelValueRegex.test(value2)) {
-    return { isValid: false, errorMessage: "INVALID_VALUE" };
-  }
-  return { isValid: true };
-}
-const LabelFormatPopover_105yfzn = "";
-const PodLabelFormatRulePopoverStyle = "p5jt6nm";
-const LabelFormatPopover = () => {
-  const {
-    t: t2
-  } = useTranslation();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Popover, {
-    overlayClassName: PodLabelFormatRulePopoverStyle,
-    placement: "bottomRight",
-    content: /* @__PURE__ */ jsxRuntimeExports.jsx(AntdTable, {
-      bordered: true,
-      dataSource: [{
-        object: t2("dovetail.key"),
-        contains: t2("dovetail.suffix"),
-        optional: t2("dovetail.no"),
-        rule: [t2("dovetail.suffix_format_rule_1"), t2("dovetail.suffix_format_rule_2"), t2("dovetail.suffix_format_rule_3")]
-      }, {
-        object: t2("dovetail.key"),
-        contains: t2("dovetail.name"),
-        optional: t2("dovetail.yes"),
-        rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
-      }, {
-        object: t2("dovetail.value"),
-        contains: t2("dovetail.name"),
-        optional: t2("dovetail.no"),
-        rule: [t2("dovetail.name_format_rule_1"), t2("dovetail.name_format_rule_2"), t2("dovetail.name_format_rule_3")]
-      }],
-      columns: [{
-        key: "object",
-        title: t2("dovetail.object"),
-        dataIndex: "object",
-        render: (cell, record, index2) => {
-          return {
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
-              className: Typo.Label.l4_bold,
-              children: cell
-            }),
-            props: {
-              rowSpan: index2 === 0 ? 2 : index2 === 1 ? 0 : 1
-            }
-          };
-        }
-      }, {
-        key: "contains",
-        title: t2("dovetail.contains"),
-        dataIndex: "contains"
-      }, {
-        key: "optional",
-        title: t2("dovetail.optional"),
-        dataIndex: "optional"
-      }, {
-        key: "rule",
-        title: t2("dovetail.format_requirements"),
-        dataIndex: "rule",
-        render: (cell) => {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
-            className: "rule-list",
-            children: cell.map((rule2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
-              children: rule2
-            }, index2))
-          });
-        }
-      }],
-      pagination: false
-    }),
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
-      size: "small",
-      type: "link",
-      children: t2("dovetail.look_format_requirement")
-    })
-  });
-};
-const KeyValueTableForm_1eydq7y = "";
-function _KeyValueTableFormForm(props, ref) {
-  const {
-    defaultValue,
-    onSubmit,
-    extraColumns,
-    addButtonText
-  } = props;
-  const {
-    t: t2
-  } = useTranslation();
-  const [value2, setValue] = useState([]);
-  const tableFormRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    submit: () => {
-      return new Promise((res, rej) => {
-        var _a;
-        (_a = tableFormRef.current) == null ? void 0 : _a.validateWholeFields();
-        setTimeout(() => {
-          var _a2;
-          const isValid = (_a2 = tableFormRef.current) == null ? void 0 : _a2.isValid();
-          if (isValid) {
-            res(onSubmit(value2));
-          } else {
-            rej();
-          }
-        }, 0);
-      });
-    }
-  }), [onSubmit, value2]);
-  const renderTextAreaFunc = ({
-    value: value22,
-    onChange
-  }) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea, {
-      autoSize: true,
-      className: "clsjtk2",
-      size: "small",
-      value: value22,
-      onChange: (e2) => {
-        onChange(e2.target.value);
-      }
-    });
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
-    size: 8,
-    direction: "vertical",
-    className: "cq3mbby",
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(TableForm, {
-      ref: tableFormRef,
-      onBodyChange: (value22) => {
-        setValue(value22);
-      },
-      columns: [{
-        key: "key",
-        title: t2("dovetail.key"),
-        type: "input",
-        validator: ({
-          value: value22
-        }) => {
-          if (!value22)
-            return t2("dovetail.key_empty_text");
-          const {
-            isValid
-          } = validateLabelKey(value22 || "");
-          if (!isValid)
-            return t2("dovetail.format_error");
-        },
-        render: renderTextAreaFunc
-      }, {
-        key: "value",
-        title: t2("dovetail.value_optional"),
-        type: "input",
-        validator: ({
-          value: value22
-        }) => {
-          const {
-            isValid
-          } = validateLabelValue(value22 || "");
-          if (!isValid)
-            return t2("dovetail.format_error");
-        },
-        render: renderTextAreaFunc
-      }, ...extraColumns || []],
-      disableBatchFilling: true,
-      hideEmptyTable: true,
-      rowAddConfig: {
-        addible: true,
-        text: () => addButtonText
-      },
-      defaultData: defaultValue,
-      row: {
-        deletable: true
-      }
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {})]
-  });
-}
-const KeyValueTableFormForm = React__default.forwardRef(_KeyValueTableFormForm);
 const EditLabelForm = React__default.forwardRef(
   function EditLabelForm2(props, ref) {
     var _a;
@@ -39342,26 +39498,23 @@ function EditLabelDropdownMenuItem(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Menu$1.Item,
     {
+      ...props,
       className: "ant-dropdown-menu-item",
-      onClick: () => {
+      onClick: (e2) => {
+        var _a;
         const modalProps = {
           formRef,
           title: t2("dovetail.edit_label"),
           fullscreen: true,
           renderContent() {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
-              EditLabelForm,
-              {
-                ref: formRef,
-                resourceModel
-              }
-            );
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(EditLabelForm, { ref: formRef, resourceModel });
           }
         };
         pushModal({
           component: EditFieldModal,
           props: modalProps
         });
+        (_a = props.onClick) == null ? void 0 : _a.call(props, e2);
       },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16BlueIcon, children: t2("dovetail.edit_label") })
     }
@@ -39429,172 +39582,28 @@ function EditAnnotationDropdownMenuItem(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Menu$1.Item,
     {
+      ...props,
       className: "ant-dropdown-menu-item",
-      onClick: () => {
+      onClick: (e2) => {
+        var _a;
         const modalProps = {
           formRef,
           title: t2("dovetail.edit_annotation"),
           fullscreen: true,
           renderContent() {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
-              EditAnnotationForm,
-              {
-                ref: formRef,
-                resourceModel
-              }
-            );
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(EditAnnotationForm, { ref: formRef, resourceModel });
           }
         };
         pushModal({
           component: EditFieldModal,
           props: modalProps
         });
+        (_a = props.onClick) == null ? void 0 : _a.call(props, e2);
       },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16BlueIcon, children: t2("dovetail.edit_annotation") })
     }
   );
 }
-const EditNodeTaintForm_cgov7z = "";
-const UlStyle = "u19jcs7t";
-const EditNodeTaintForm = React__default.forwardRef(function EditNodeTaintForm2(props, ref) {
-  const {
-    nodeModel
-  } = props;
-  const {
-    mutateAsync
-  } = useUpdate();
-  const {
-    t: t2
-  } = useTranslation();
-  const defaultValue = useMemo(() => {
-    var _a;
-    return ((_a = nodeModel._rawYaml.spec) == null ? void 0 : _a.taints) || [];
-  }, [nodeModel]);
-  const onSubmit = useCallback((_value) => {
-    const value2 = _value;
-    const newYaml = nodeModel._globalStore.restoreItem(nodeModel);
-    if (newYaml.spec) {
-      newYaml.spec.taints = value2;
-    }
-    pruneBeforeEdit(newYaml);
-    return mutateAsync({
-      id: nodeModel.id,
-      resource: nodeModel.name || "",
-      values: newYaml,
-      meta: {
-        resourceBasePath: nodeModel.apiVersion,
-        kind: nodeModel.kind
-      },
-      successNotification() {
-        return {
-          message: t2("dovetail.edit_node_taint_success_toast", {
-            kind: nodeModel.kind,
-            name: nodeModel.metadata.name,
-            interpolation: {
-              escapeValue: false
-            }
-          }),
-          type: "success"
-        };
-      },
-      errorNotification: false
-    });
-  }, [nodeModel, mutateAsync, t2]);
-  const noScheduleTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx("b", {
-      children: "NoSchedule"
-    }), /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", {
-      className: UlStyle,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("li", {
-        children: t2("dovetail.taint_effect_NoSchedule_tooltip_1")
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
-        children: t2("dovetail.taint_effect_NoSchedule_tooltip_2")
-      })]
-    })]
-  });
-  const preferNoScheduleTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx("b", {
-      children: "PreferNoSchedule"
-    }), /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", {
-      className: UlStyle,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx("li", {
-        children: t2("dovetail.taint_effect_PreferNoSchedule_tooltip_1")
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
-        children: t2("dovetail.taint_effect_PreferNoSchedule_tooltip_2")
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
-        children: t2("dovetail.taint_effect_PreferNoSchedule_tooltip_3")
-      })]
-    })]
-  });
-  const noExecuteTooltip = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx("b", {
-      children: "NoExecute"
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx("ul", {
-      className: UlStyle,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("li", {
-        children: t2("dovetail.taint_effect_NoExecute_tooltip_3")
-      })
-    })]
-  });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueTableFormForm, {
-    ref,
-    defaultValue,
-    onSubmit,
-    addButtonText: t2("dovetail.add_taint"),
-    extraColumns: [{
-      key: "effect",
-      title: t2("dovetail.effect"),
-      render: ({
-        value: value2,
-        onChange
-      }) => {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Select, {
-          input: {},
-          value: value2,
-          onChange,
-          size: "small",
-          children: getOptions([{
-            value: "NoSchedule",
-            children: t2(`dovetail.node_taint_${"NoSchedule"}`),
-            suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-              title: noScheduleTooltip,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, {
-                src: InfoICircleFill16GrayIcon,
-                hoverSrc: InfoICircleFill16Gray70Icon
-              })
-            })
-          }, {
-            value: "PreferNoSchedule",
-            children: t2(`dovetail.node_taint_${"PreferNoSchedule"}`),
-            suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-              title: preferNoScheduleTooltip,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, {
-                src: InfoICircleFill16GrayIcon,
-                hoverSrc: InfoICircleFill16Gray70Icon
-              })
-            })
-          }, {
-            value: "NoExecute",
-            children: t2(`dovetail.node_taint_${"NoExecute"}`),
-            suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
-              title: noExecuteTooltip,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, {
-                src: InfoICircleFill16GrayIcon,
-                hoverSrc: InfoICircleFill16Gray70Icon
-              })
-            })
-          }])
-        });
-      },
-      validator: ({
-        value: value2
-      }) => {
-        if (!value2)
-          return t2("dovetail.taint_effect_empty_text");
-      }
-    }]
-  });
-});
 function EditNodeTaintDropdownMenuItem(props) {
   const { formRef, resourceModel } = props;
   const { t: t2 } = useTranslation();
@@ -39602,26 +39611,23 @@ function EditNodeTaintDropdownMenuItem(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Menu$1.Item,
     {
+      ...props,
       className: "ant-dropdown-menu-item",
-      onClick: () => {
+      onClick: (e2) => {
+        var _a;
         const modalProps = {
           formRef,
           title: t2("dovetail.edit_node_taint"),
           fullscreen: true,
           renderContent() {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(
-              EditNodeTaintForm,
-              {
-                ref: formRef,
-                nodeModel: resourceModel
-              }
-            );
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(EditNodeTaintForm, { ref: formRef, nodeModel: resourceModel });
           }
         };
         pushModal({
           component: EditFieldModal,
           props: modalProps
         });
+        (_a = props.onClick) == null ? void 0 : _a.call(props, e2);
       },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16BlueIcon, children: t2("dovetail.edit_node_taint") })
     }