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

package/dist/refine.umd.cjs

@@ -12181,40 +12181,413 @@ var __publicField = (obj, key, value) => {
       })
     });
   }
-  const NodeTaintsTable = ({ taints = [] }) => {
-    const { t: t2 } = useTranslation();
-    const component = React.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(eagle.Popover, {
+      overlayClassName: PodLabelFormatRulePopoverStyle,
+      placement: "bottomRight",
+      content: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.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: eagle.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(eagle.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] = React.useState([]);
+    const tableFormRef = React.useRef(null);
+    React.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(eagle.TextArea, {
+        autoSize: true,
+        className: "clsjtk2",
+        size: "small",
+        value: value22,
+        onChange: (e2) => {
+          onChange(e2.target.value);
+        }
+      });
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
+      size: 8,
+      direction: "vertical",
+      className: "cq3mbby",
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.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.forwardRef(_KeyValueTableFormForm);
+  const EditNodeTaintForm_cgov7z = "";
+  const UlStyle = "u19jcs7t";
+  const EditNodeTaintForm = React.forwardRef(function EditNodeTaintForm2(props, ref) {
+    const {
+      nodeModel
+    } = props;
+    const {
+      mutateAsync
+    } = core.useUpdate();
+    const {
+      t: t2
+    } = useTranslation();
+    const defaultValue = React.useMemo(() => {
+      var _a;
+      return ((_a = nodeModel._rawYaml.spec) == null ? void 0 : _a.taints) || [];
+    }, [nodeModel]);
+    const onSubmit = React.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(eagle.Select, {
+            input: {},
+            value: value2,
+            onChange,
+            size: "small",
+            children: eagle.getOptions([{
+              value: "NoSchedule",
+              children: t2(`dovetail.node_taint_${"NoSchedule"}`),
+              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
+                title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+                  effect: "NoSchedule"
+                  /* NoSchedule */
+                }),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
+                  src: iconsReact.InfoICircleFill16GrayIcon,
+                  hoverSrc: iconsReact.InfoICircleFill16Gray70Icon
+                })
+              })
+            }, {
+              value: "PreferNoSchedule",
+              children: t2(`dovetail.node_taint_${"PreferNoSchedule"}`),
+              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
+                title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+                  effect: "PreferNoSchedule"
+                  /* PreferNoSchedule */
+                }),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
+                  src: iconsReact.InfoICircleFill16GrayIcon,
+                  hoverSrc: iconsReact.InfoICircleFill16Gray70Icon
+                })
+              })
+            }, {
+              value: "NoExecute",
+              children: t2(`dovetail.node_taint_${"NoExecute"}`),
+              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
+                title: /* @__PURE__ */ jsxRuntimeExports.jsx(TaintEffectTooltip, {
+                  effect: "NoExecute"
+                  /* NoExecute */
+                }),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
+                  src: iconsReact.InfoICircleFill16GrayIcon,
+                  hoverSrc: iconsReact.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 = React.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(eagle.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,
@@ -12223,40 +12596,34 @@ var __publicField = (obj, key, value) => {
     } = 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;
@@ -32788,7 +33155,7 @@ WARNING: This link could potentially be dangerous`)) {
         });
       }
     }, [encode, send, props.fit]);
-    const debouncedFit = React.useCallback(() => lodashEs.debounce(fit, 200), [fit]);
+    const debouncedFit = React.useMemo(() => lodashEs.debounce(fit, 200), [fit]);
     const flush = React.useCallback(() => {
       const backlog = backlogRef.current.slice();
       backlogRef.current = [];
@@ -39023,267 +39390,56 @@ WARNING: This link could potentially be dangerous`)) {
   }
   function CronJobDropdown(props) {
     const { record, size } = props;
-    const { spec } = record;
-    const { resource } = core.useResource();
-    const { mutateAsync } = core.useUpdate();
-    const { t: t2 } = useTranslation();
-    const { data: canEditData } = core.useCan({
-      resource: resource == null ? void 0 : resource.name,
-      action: AccessControlAuth.Edit
-    });
-    const suspended2 = Boolean(spec == null ? void 0 : spec.suspend);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, size, children: (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      eagle.Menu.Item,
-      {
-        onClick: async () => {
-          const v = suspended2 ? record.resume() : record.suspend();
-          const id = record.id;
-          pruneBeforeEdit(v);
-          await mutateAsync({
-            id,
-            resource: (resource == null ? void 0 : resource.name) || "",
-            values: v,
-            successNotification() {
-              return {
-                message: t2(suspended2 ? "dovetail.resume_success_toast" : "dovetail.pause_success_toast", {
-                  kind: record.kind,
-                  name: id,
-                  interpolation: {
-                    escapeValue: false
-                  }
-                }),
-                type: "success"
-              };
-            },
-            errorNotification() {
-              return {
-                message: t2(suspended2 ? "dovetail.resume_failed_toast" : "dovetail.pause_failed_toast", {
-                  kind: record.kind,
-                  name: id,
-                  interpolation: {
-                    escapeValue: false
-                  }
-                }),
-                type: "error"
-              };
-            }
-          });
-        },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: suspended2 ? iconsReact.RecoverContinue16GradientBlueIcon : iconsReact.Pause16GradientBlueIcon, children: t2(suspended2 ? "dovetail.resume" : "dovetail.suspend") })
-      }
-    ) : 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(eagle.Popover, {
-      overlayClassName: PodLabelFormatRulePopoverStyle,
-      placement: "bottomRight",
-      content: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.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: eagle.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(eagle.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] = React.useState([]);
-    const tableFormRef = React.useRef(null);
-    React.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();
+    const { spec } = record;
+    const { resource } = core.useResource();
+    const { mutateAsync } = core.useUpdate();
+    const { t: t2 } = useTranslation();
+    const { data: canEditData } = core.useCan({
+      resource: resource == null ? void 0 : resource.name,
+      action: AccessControlAuth.Edit
+    });
+    const suspended2 = Boolean(spec == null ? void 0 : spec.suspend);
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, size, children: (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      eagle.Menu.Item,
+      {
+        onClick: async () => {
+          const v = suspended2 ? record.resume() : record.suspend();
+          const id = record.id;
+          pruneBeforeEdit(v);
+          await mutateAsync({
+            id,
+            resource: (resource == null ? void 0 : resource.name) || "",
+            values: v,
+            successNotification() {
+              return {
+                message: t2(suspended2 ? "dovetail.resume_success_toast" : "dovetail.pause_success_toast", {
+                  kind: record.kind,
+                  name: id,
+                  interpolation: {
+                    escapeValue: false
+                  }
+                }),
+                type: "success"
+              };
+            },
+            errorNotification() {
+              return {
+                message: t2(suspended2 ? "dovetail.resume_failed_toast" : "dovetail.pause_failed_toast", {
+                  kind: record.kind,
+                  name: id,
+                  interpolation: {
+                    escapeValue: false
+                  }
+                }),
+                type: "error"
+              };
             }
-          }, 0);
-        });
-      }
-    }), [onSubmit, value2]);
-    const renderTextAreaFunc = ({
-      value: value22,
-      onChange
-    }) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.TextArea, {
-        autoSize: true,
-        className: "clsjtk2",
-        size: "small",
-        value: value22,
-        onChange: (e2) => {
-          onChange(e2.target.value);
-        }
-      });
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
-      size: 8,
-      direction: "vertical",
-      className: "cq3mbby",
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(eagle.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, {})]
-    });
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, { src: suspended2 ? iconsReact.RecoverContinue16GradientBlueIcon : iconsReact.Pause16GradientBlueIcon, children: t2(suspended2 ? "dovetail.resume" : "dovetail.suspend") })
+      }
+    ) : null });
   }
-  const KeyValueTableFormForm = React.forwardRef(_KeyValueTableFormForm);
   const EditLabelForm = React.forwardRef(
     function EditLabelForm2(props, ref) {
       var _a;
@@ -39348,26 +39504,23 @@ WARNING: This link could potentially be dangerous`)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       eagle.Menu.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(eagle.Icon, { src: iconsReact.EditPen16BlueIcon, children: t2("dovetail.edit_label") })
       }
@@ -39435,172 +39588,28 @@ WARNING: This link could potentially be dangerous`)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       eagle.Menu.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(eagle.Icon, { src: iconsReact.EditPen16BlueIcon, children: t2("dovetail.edit_annotation") })
       }
     );
   }
-  const EditNodeTaintForm_cgov7z = "";
-  const UlStyle = "u19jcs7t";
-  const EditNodeTaintForm = React.forwardRef(function EditNodeTaintForm2(props, ref) {
-    const {
-      nodeModel
-    } = props;
-    const {
-      mutateAsync
-    } = core.useUpdate();
-    const {
-      t: t2
-    } = useTranslation();
-    const defaultValue = React.useMemo(() => {
-      var _a;
-      return ((_a = nodeModel._rawYaml.spec) == null ? void 0 : _a.taints) || [];
-    }, [nodeModel]);
-    const onSubmit = React.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(eagle.Select, {
-            input: {},
-            value: value2,
-            onChange,
-            size: "small",
-            children: eagle.getOptions([{
-              value: "NoSchedule",
-              children: t2(`dovetail.node_taint_${"NoSchedule"}`),
-              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
-                title: noScheduleTooltip,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
-                  src: iconsReact.InfoICircleFill16GrayIcon,
-                  hoverSrc: iconsReact.InfoICircleFill16Gray70Icon
-                })
-              })
-            }, {
-              value: "PreferNoSchedule",
-              children: t2(`dovetail.node_taint_${"PreferNoSchedule"}`),
-              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
-                title: preferNoScheduleTooltip,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
-                  src: iconsReact.InfoICircleFill16GrayIcon,
-                  hoverSrc: iconsReact.InfoICircleFill16Gray70Icon
-                })
-              })
-            }, {
-              value: "NoExecute",
-              children: t2(`dovetail.node_taint_${"NoExecute"}`),
-              suffix: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Tooltip, {
-                title: noExecuteTooltip,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Icon, {
-                  src: iconsReact.InfoICircleFill16GrayIcon,
-                  hoverSrc: iconsReact.InfoICircleFill16Gray70Icon
-                })
-              })
-            }])
-          });
-        },
-        validator: ({
-          value: value2
-        }) => {
-          if (!value2)
-            return t2("dovetail.taint_effect_empty_text");
-        }
-      }]
-    });
-  });
   function EditNodeTaintDropdownMenuItem(props) {
     const { formRef, resourceModel } = props;
     const { t: t2 } = useTranslation();
@@ -39608,26 +39617,23 @@ WARNING: This link could potentially be dangerous`)) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       eagle.Menu.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(eagle.Icon, { src: iconsReact.EditPen16BlueIcon, children: t2("dovetail.edit_node_taint") })
       }