@dovetail-v2/refine 0.1.14-alpha.4 → 0.1.14

package/dist/{MonacoYamlDiffEditor-2636b66c.js → MonacoYamlDiffEditor-fdc5faf9.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "./index-45c3dd0a.js";
+import { j as jsxRuntimeExports } from "./index-0a0a8e71.js";
 import * as monaco from "monaco-editor";
 import { useRef, useEffect } from "react";
 import "i18next";

package/dist/{index-45c3dd0a.js → index-0a0a8e71.js}

@@ -1472,7 +1472,7 @@ const password = "密码";
 const username = "用户名";
 const host = "主机";
 const container_num = "容器数量";
-const edit_resource_success = "编辑{{resource}} {{name}} 成功";
+const edit_resource_success = "编辑{{kind}} {{name}} 成功";
 const redeploy_success_toast = "重新部署 {{kind}} {{name}} 成功";
 const redeploy_failed_toast = "重新部署 {{kind}} {{name}} 失败";
 const pause_success_toast = "暂停成功";
@@ -8375,6 +8375,9 @@ function shortenedImage(image2) {
 function isFirstLetterEnglish(str) {
   return /^[a-zA-Z]/.test(str);
 }
+function addSpaceBeforeLetter(str) {
+  return isFirstLetterEnglish(str) ? ` ${str}` : str;
+}
 const useDeleteModal_mi8he5 = "";
 const TextStyle = "t1vq0ett";
 const TipStyle = "t139onst";
@@ -8393,7 +8396,7 @@ const useDeleteModal = (resource) => {
     t: t2
   } = useTranslation();
   const displayName = config.displayName || config.kind;
-  const resourceDisplayName = isFirstLetterEnglish(displayName) ? ` ${displayName}` : displayName;
+  const resourceDisplayName = addSpaceBeforeLetter(displayName);
   const modalProps = {
     className: SmallModalStyle,
     title: t2("dovetail.delete_resource", {
@@ -11408,7 +11411,7 @@ function CreateButton(props) {
       type: "primary",
       onClick: openForm,
       children: t2("dovetail.create_resource", {
-        resource: isFirstLetterEnglish(label2) ? ` ${label2}` : label2
+        resource: addSpaceBeforeLetter(label2)
       })
     }
   );
@@ -12181,8 +12184,7 @@ function KeyValueSecret(props) {
   });
 }
 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]$)/;
+  const labelRegex = /(^[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) {
@@ -12194,10 +12196,10 @@ function validateLabelKey(key2) {
   if (prefix === "") {
     return { isValid: false, errorMessage: "EMPTY_PREFIX" };
   }
-  if (prefix && !labelPrefixRegex.test(prefix)) {
+  if (prefix && !labelRegex.test(prefix)) {
     return { isValid: false, errorMessage: "INVALID_PREFIX" };
   }
-  if (!labelNameRegex.test(name2)) {
+  if (!labelRegex.test(name2)) {
     return { isValid: false, errorMessage: "INVALID_NAME" };
   }
   if (prefix && prefix.length > 253) {
@@ -12209,7 +12211,7 @@ function validateLabelKey(key2) {
   return { isValid: true };
 }
 function validateLabelValue(value2) {
-  const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
+  const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-\_]*[a-zA-Z0-9]$)/;
   if (value2 === "") {
     return { isValid: true };
   }
@@ -12223,31 +12225,37 @@ function validateLabelValue(value2) {
 }
 const LabelFormatPopover_105yfzn = "";
 const PodLabelFormatRulePopoverStyle = "p5jt6nm";
-const LabelFormatPopover = () => {
+const LabelFormatPopover = ({
+  noValueValidation
+}) => {
   const {
     t: t2
   } = useTranslation();
+  const data2 = [{
+    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")]
+  }];
+  if (!noValueValidation) {
+    data2.push({
+      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")]
+    });
+  }
   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")]
-      }],
+      dataSource: data2,
       columns: [{
         key: "object",
         title: t2("dovetail.object"),
@@ -12299,7 +12307,8 @@ function _KeyValueTableFormForm(props, ref) {
     defaultValue,
     onSubmit,
     extraColumns,
-    addButtonText
+    addButtonText,
+    noValueValidation
   } = props;
   const {
     t: t2
@@ -12369,6 +12378,8 @@ function _KeyValueTableFormForm(props, ref) {
         validator: ({
           value: value22
         }) => {
+          if (noValueValidation)
+            return;
           const {
             isValid
           } = validateLabelValue(value22 || "");
@@ -12387,7 +12398,9 @@ function _KeyValueTableFormForm(props, ref) {
       row: {
         deletable: true
       }
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {})]
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {
+      noValueValidation
+    })]
   });
 }
 const KeyValueTableFormForm = React__default.forwardRef(_KeyValueTableFormForm);
@@ -12640,7 +12653,7 @@ function Table(props) {
   const { Table: TableComponent } = useContext(ComponentContext);
   const Table2 = TableComponent || Table$1;
   const { i18n: i18n2 } = useTranslation();
-  const resourceType = isFirstLetterEnglish(displayName) ? ` ${displayName}` : displayName;
+  const resourceType = addSpaceBeforeLetter(displayName);
   if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
@@ -12737,6 +12750,9 @@ const WorkloadPodsTable = ({
       }
     }
   });
+  if (tableProps.loading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {});
+  }
   if (((_a = tableProps.data) == null ? void 0 : _a.length) === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: i18n2.t("dovetail.no_resource", {
@@ -33154,7 +33170,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 = [];
@@ -38340,14 +38356,12 @@ const useRefineForm = (props) => {
       errorNotification: false,
       successNotification: () => {
         const formValue = result.getValues();
-        const resource = config.displayName || config.kind;
         return {
           message: i18n2.t(
             id ? "dovetail.edit_resource_success" : "dovetail.create_success_toast",
             {
-              kind: formValue.kind,
+              kind: addSpaceBeforeLetter(config.displayName || config.kind),
               name: formValue.metadata.name,
-              resource: isFirstLetterEnglish(resource) ? ` ${resource}` : resource,
               interpolation: { escapeValue: false }
             }
           ).trim(),
@@ -38386,7 +38400,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-2636b66c.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-fdc5faf9.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -39028,7 +39042,7 @@ function YamlForm(props) {
       const displayName = config.displayName || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
       return {
         message: i18n2.t(action === "create" ? "dovetail.create_success_toast" : "dovetail.save_yaml_success_toast", {
-          kind: isFirstLetterEnglish(displayName) ? ` ${displayName}` : displayName,
+          kind: addSpaceBeforeLetter(displayName),
           name: data2 == null ? void 0 : data2.data.id,
           interpolation: {
             escapeValue: false
@@ -39270,7 +39284,7 @@ function FormModal(props) {
     }
     const label2 = config.displayName || (config == null ? void 0 : config.kind);
     return i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
-      resource: isFirstLetterEnglish(label2) ? ` ${label2}` : label2
+      resource: addSpaceBeforeLetter(label2)
     });
   }, [action, config.formConfig, config.displayName, config == null ? void 0 : config.kind, i18n2, id]);
   const desc = useMemo(() => {
@@ -39595,7 +39609,8 @@ const EditAnnotationForm = React__default.forwardRef(function EditAnnotationForm
       ref,
       defaultValue,
       onSubmit,
-      addButtonText: t2("dovetail.add_annotation")
+      addButtonText: t2("dovetail.add_annotation"),
+      noValueValidation: true
     }
   );
 });

package/dist/refine.js

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

package/dist/refine.umd.cjs

@@ -1478,7 +1478,7 @@ var __publicField = (obj, key, value) => {
   const username = "用户名";
   const host = "主机";
   const container_num = "容器数量";
-  const edit_resource_success = "编辑{{resource}} {{name}} 成功";
+  const edit_resource_success = "编辑{{kind}} {{name}} 成功";
   const redeploy_success_toast = "重新部署 {{kind}} {{name}} 成功";
   const redeploy_failed_toast = "重新部署 {{kind}} {{name}} 失败";
   const pause_success_toast = "暂停成功";
@@ -8381,6 +8381,9 @@ var __publicField = (obj, key, value) => {
   function isFirstLetterEnglish(str) {
     return /^[a-zA-Z]/.test(str);
   }
+  function addSpaceBeforeLetter(str) {
+    return isFirstLetterEnglish(str) ? ` ${str}` : str;
+  }
   const useDeleteModal_mi8he5 = "";
   const TextStyle = "t1vq0ett";
   const TipStyle = "t139onst";
@@ -8399,7 +8402,7 @@ var __publicField = (obj, key, value) => {
       t: t2
     } = useTranslation();
     const displayName = config.displayName || config.kind;
-    const resourceDisplayName = isFirstLetterEnglish(displayName) ? ` ${displayName}` : displayName;
+    const resourceDisplayName = addSpaceBeforeLetter(displayName);
     const modalProps = {
       className: SmallModalStyle,
       title: t2("dovetail.delete_resource", {
@@ -11414,7 +11417,7 @@ var __publicField = (obj, key, value) => {
         type: "primary",
         onClick: openForm,
         children: t2("dovetail.create_resource", {
-          resource: isFirstLetterEnglish(label2) ? ` ${label2}` : label2
+          resource: addSpaceBeforeLetter(label2)
         })
       }
     );
@@ -12187,8 +12190,7 @@ var __publicField = (obj, key, value) => {
     });
   }
   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]$)/;
+    const labelRegex = /(^[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) {
@@ -12200,10 +12202,10 @@ var __publicField = (obj, key, value) => {
     if (prefix === "") {
       return { isValid: false, errorMessage: "EMPTY_PREFIX" };
     }
-    if (prefix && !labelPrefixRegex.test(prefix)) {
+    if (prefix && !labelRegex.test(prefix)) {
       return { isValid: false, errorMessage: "INVALID_PREFIX" };
     }
-    if (!labelNameRegex.test(name2)) {
+    if (!labelRegex.test(name2)) {
       return { isValid: false, errorMessage: "INVALID_NAME" };
     }
     if (prefix && prefix.length > 253) {
@@ -12215,7 +12217,7 @@ var __publicField = (obj, key, value) => {
     return { isValid: true };
   }
   function validateLabelValue(value2) {
-    const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-]*[a-zA-Z0-9]$)/;
+    const labelValueRegex = /(^[a-zA-Z0-9]$)|(^[a-zA-Z0-9][a-zA-Z0-9\.\-\_]*[a-zA-Z0-9]$)/;
     if (value2 === "") {
       return { isValid: true };
     }
@@ -12229,31 +12231,37 @@ var __publicField = (obj, key, value) => {
   }
   const LabelFormatPopover_105yfzn = "";
   const PodLabelFormatRulePopoverStyle = "p5jt6nm";
-  const LabelFormatPopover = () => {
+  const LabelFormatPopover = ({
+    noValueValidation
+  }) => {
     const {
       t: t2
     } = useTranslation();
+    const data2 = [{
+      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")]
+    }];
+    if (!noValueValidation) {
+      data2.push({
+        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")]
+      });
+    }
     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")]
-        }],
+        dataSource: data2,
         columns: [{
           key: "object",
           title: t2("dovetail.object"),
@@ -12305,7 +12313,8 @@ var __publicField = (obj, key, value) => {
       defaultValue,
       onSubmit,
       extraColumns,
-      addButtonText
+      addButtonText,
+      noValueValidation
     } = props;
     const {
       t: t2
@@ -12375,6 +12384,8 @@ var __publicField = (obj, key, value) => {
           validator: ({
             value: value22
           }) => {
+            if (noValueValidation)
+              return;
             const {
               isValid
             } = validateLabelValue(value22 || "");
@@ -12393,7 +12404,9 @@ var __publicField = (obj, key, value) => {
         row: {
           deletable: true
         }
-      }), /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {})]
+      }), /* @__PURE__ */ jsxRuntimeExports.jsx(LabelFormatPopover, {
+        noValueValidation
+      })]
     });
   }
   const KeyValueTableFormForm = React.forwardRef(_KeyValueTableFormForm);
@@ -12646,7 +12659,7 @@ var __publicField = (obj, key, value) => {
     const { Table: TableComponent } = React.useContext(ComponentContext);
     const Table2 = TableComponent || Table$1;
     const { i18n: i18n2 } = useTranslation();
-    const resourceType = isFirstLetterEnglish(displayName) ? ` ${displayName}` : displayName;
+    const resourceType = addSpaceBeforeLetter(displayName);
     if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         WidgetErrorContent,
@@ -12743,6 +12756,9 @@ var __publicField = (obj, key, value) => {
         }
       }
     });
+    if (tableProps.loading) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Loading, {});
+    }
     if (((_a = tableProps.data) == null ? void 0 : _a.length) === 0) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
         errorText: i18n2.t("dovetail.no_resource", {
@@ -33160,7 +33176,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 = [];
@@ -38346,14 +38362,12 @@ WARNING: This link could potentially be dangerous`)) {
         errorNotification: false,
         successNotification: () => {
           const formValue = result.getValues();
-          const resource = config.displayName || config.kind;
           return {
             message: i18n2.t(
               id ? "dovetail.edit_resource_success" : "dovetail.create_success_toast",
               {
-                kind: formValue.kind,
+                kind: addSpaceBeforeLetter(config.displayName || config.kind),
                 name: formValue.metadata.name,
-                resource: isFirstLetterEnglish(resource) ? ` ${resource}` : resource,
                 interpolation: { escapeValue: false }
               }
             ).trim(),
@@ -39034,7 +39048,7 @@ WARNING: This link could potentially be dangerous`)) {
         const displayName = config.displayName || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
         return {
           message: i18n2.t(action === "create" ? "dovetail.create_success_toast" : "dovetail.save_yaml_success_toast", {
-            kind: isFirstLetterEnglish(displayName) ? ` ${displayName}` : displayName,
+            kind: addSpaceBeforeLetter(displayName),
             name: data2 == null ? void 0 : data2.data.id,
             interpolation: {
               escapeValue: false
@@ -39276,7 +39290,7 @@ WARNING: This link could potentially be dangerous`)) {
       }
       const label2 = config.displayName || (config == null ? void 0 : config.kind);
       return i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
-        resource: isFirstLetterEnglish(label2) ? ` ${label2}` : label2
+        resource: addSpaceBeforeLetter(label2)
       });
     }, [action, config.formConfig, config.displayName, config == null ? void 0 : config.kind, i18n2, id]);
     const desc = React.useMemo(() => {
@@ -39601,7 +39615,8 @@ WARNING: This link could potentially be dangerous`)) {
         ref,
         defaultValue,
         onSubmit,
-        addButtonText: t2("dovetail.add_annotation")
+        addButtonText: t2("dovetail.add_annotation"),
+        noValueValidation: true
       }
     );
   });

package/lib/components/EditMetadataForm/KeyValueTableForm.d.ts

@@ -10,6 +10,7 @@ interface KeyValueTableFormFormProps<T extends KeyValuePair> {
     onSubmit: (value: T[]) => Promise<unknown> | undefined;
     extraColumns?: TableFormColumn[];
     addButtonText?: string;
+    noValueValidation?: boolean;
 }
 export declare const KeyValueTableFormForm: React.ForwardRefExoticComponent<KeyValueTableFormFormProps<KeyValuePair> & React.RefAttributes<EditFieldFormHandler>>;
 export {};

package/lib/components/EditMetadataForm/LabelFormatPopover.d.ts

@@ -1,3 +1,5 @@
 import React from 'react';
 export declare const PodLabelFormatRulePopoverStyle: import("@linaria/core").LinariaClassName;
-export declare const LabelFormatPopover: React.FC;
+export declare const LabelFormatPopover: React.FC<{
+    noValueValidation?: boolean;
+}>;

package/lib/utils/string.d.ts

@@ -1,2 +1,3 @@
 export declare function shortenedImage(image: string): string;
 export declare function isFirstLetterEnglish(str: string): boolean;
+export declare function addSpaceBeforeLetter(str: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.1.14-alpha.4",
+  "version": "0.1.14",
   "type": "module",
   "files": [
     "dist",

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { CronJobModel } from '../../models';
-import { DropdownSize } from '../K8sDropdown';
-type Props<Model extends CronJobModel> = {
-    record: Model;
-    size?: DropdownSize;
-};
-export declare function CronJobDropdown<Model extends CronJobModel>(props: Props<Model>): JSX.Element;
-export {};

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ResourceModel } from '../../models';
-export type DropdownSize = 'normal' | 'large';
-interface K8sDropdownProps {
-    record: ResourceModel;
-    size?: DropdownSize;
-}
-export declare function K8sDropdown(props: React.PropsWithChildren<K8sDropdownProps>): JSX.Element;
-export default K8sDropdown;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { PodModel } from '../../models';
-import { DropdownSize } from '../K8sDropdown';
-type Props<Model extends PodModel> = {
-    record: Model;
-    size?: DropdownSize;
-};
-export declare function PodDropdown<Model extends PodModel>(props: React.PropsWithChildren<Props<Model>>): JSX.Element;
-export {};

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { WorkloadModel } from '../../models';
-import { DropdownSize } from '../K8sDropdown';
-type Props<Model extends WorkloadModel> = {
-    record: Model;
-    size?: DropdownSize;
-};
-export declare function ReplicasDropdown<Model extends WorkloadModel>(props: React.PropsWithChildren<Props<Model>>): JSX.Element;
-export {};

package/lib/components/Table/TableToolBar.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-type Props = {
-    title?: string;
-    description?: string;
-    selectedKeys: string[];
-    hideCreate?: boolean;
-};
-export declare const TableToolBar: React.FC<Props>;
-export {};

package/lib/components/Table/TableWidgets.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const ColumnTitle: React.FC<{
-    sortOrder?: 'descend' | 'ascend' | null;
-    title: React.ReactNode;
-}>;
-export declare const AuxiliaryLine: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { WorkloadModel } from '../../models';
-import { DropdownSize } from '../K8sDropdown';
-type Props<Model extends WorkloadModel> = {
-    record: Model;
-    size?: DropdownSize;
-};
-export declare function WorkloadDropdown<Model extends WorkloadModel>(props: React.PropsWithChildren<Props<Model>>): JSX.Element;
-export {};

package/lib/src/App.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function App(): JSX.Element;
-export default App;

package/lib/src/Dovetail.d.ts

@@ -1,18 +0,0 @@
-import { AccessControlProvider } from '@refinedev/core';
-import { History } from 'history';
-import { GlobalStore } from 'k8s-api-provider';
-import React from 'react';
-import { ResourceConfig } from './types';
-import './styles.css';
-type Props = {
-    resourcesConfig: ResourceConfig[];
-    useHashUrl?: boolean;
-    urlPrefix?: string;
-    Layout?: React.FC<unknown>;
-    history: History;
-    globalStore: GlobalStore;
-    accessControlProvider?: AccessControlProvider;
-    routerProvider?: any;
-};
-export declare const Dovetail: React.FC<Props>;
-export {};

package/lib/src/components/Breadcrumb/index.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface BreadcrumbProps {
-    className?: string;
-}
-export declare function Breadcrumb(props: BreadcrumbProps): JSX.Element;
-export {};

package/lib/src/components/ConditionsTable/ConditionsTable.d.ts

@@ -1,7 +0,0 @@
-import { Condition } from 'kubernetes-types/meta/v1';
-import React from 'react';
-type Props = {
-    conditions: Condition[];
-};
-export declare const ConditionsTable: React.FC<Props>;
-export {};

package/lib/src/components/ConditionsTable/index.d.ts

@@ -1 +0,0 @@
-export * from './ConditionsTable';

package/lib/src/components/CreateButton/index.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function CreateButton(): JSX.Element;

package/lib/src/components/CronJobDropdown/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { CronJobModel } from '../../models';
-import { DropdownSize } from '../K8sDropdown';
-type Props<Model extends CronJobModel> = {
-    record: Model;
-    size?: DropdownSize;
-};
-export declare function CronJobDropdown<Model extends CronJobModel>(props: Props<Model>): JSX.Element;
-export {};

package/lib/src/components/CronjobJobsTable/index.d.ts

@@ -1,8 +0,0 @@
-import { OwnerReference } from 'kubernetes-types/meta/v1';
-import React from 'react';
-export declare const CronjobJobsTable: React.FC<{
-    owner?: OwnerReference & {
-        namespace: string;
-    };
-    hideToolBar?: boolean;
-}>;

package/lib/src/components/DeleteButton/index.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const DeleteButton: React.FC;

package/lib/src/components/DeleteManyButton/index.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const DeleteManyButton: React.FC<{
-    ids: string[];
-}>;