@dovetail-v2/refine 0.0.51 → 0.0.52

package/dist/{MonacoYamlDiffEditor-b82fbea9.js → MonacoYamlDiffEditor-1745c907.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "./index-51cc13dd.js";
+import { j as jsxRuntimeExports } from "./index-7fe9ade3.js";
 import * as monaco from "monaco-editor";
 import { useRef, useEffect } from "react";
 import "i18next";

package/dist/{index-51cc13dd.js → index-7fe9ade3.js}

@@ -9632,6 +9632,9 @@ class JobModel extends WorkloadBaseModel {
   }
   get completionsDisplay() {
     var _a, _b;
+    if (this._rawYaml.spec.parallelism && !this._rawYaml.spec.completions) {
+      return `0/1 of ${this._rawYaml.spec.parallelism}`;
+    }
     return `${((_a = this._rawYaml.status) == null ? void 0 : _a.succeeded) || 0}/${(_b = this._rawYaml.spec) == null ? void 0 : _b.completions}`;
   }
   get succeeded() {
@@ -22081,7 +22084,7 @@ function useForm$1(props = {}) {
   _formControl.current.formState = getProxyFormState(formState, control);
   return _formControl.current;
 }
-const RefineFormContent_1tb00bi = "";
+const RefineFormContent_1ypjp9c = "";
 const RefineFormContent = (props) => {
   var _a, _b, _c, _d;
   const {
@@ -22163,6 +22166,7 @@ const RefineFormContent = (props) => {
         switch (c2.type) {
           case "number":
             ele = /* @__PURE__ */ jsxRuntimeExports.jsx(Fields.Integer, {
+              className: "c154n7ie",
               placeholder: c2.placeholder,
               input: {
                 value: value2,
@@ -22183,9 +22187,9 @@ const RefineFormContent = (props) => {
           ele = /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
             size: 4,
             direction: "vertical",
-            className: "c154n7ie",
+            className: "c1c9j4da",
             children: [ele, /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-              className: cx_default(Typo.Footnote.f2_regular, "c1c9j4da"),
+              className: cx_default(Typo.Footnote.f2_regular, "cjxv8cf"),
               children: c2.helperText
             })]
           });
@@ -22209,7 +22213,7 @@ const RefineFormContent = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
     direction: "vertical",
     size: 16,
-    className: "cjxv8cf",
+    className: "c1xsnuvk",
     children: [fields, /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
       errorMsgs: errorMsg ? [errorMsg] : [],
       style: {
@@ -22900,7 +22904,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-b82fbea9.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-1745c907.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -23424,6 +23428,8 @@ const useYamlForm = ({
             if (error.message === "expected a single document in the stream, but found more") {
               setEditorErrors([t2("dovetail.only_support_one_yaml")]);
               return;
+            } else {
+              setEditorErrors([error.message]);
             }
           }
         }
@@ -23584,12 +23590,13 @@ function YamlForm(props) {
     })
   });
 }
-const FormModal_aey716 = "";
+const FormModal_12opmyh = "";
 const FullscreenModalStyle = "f1nltbcu";
-const FormDescStyle = "f1qgcca6";
-const ErrorStyle = "e1tl3wq2";
+const MaxWidthModalStyle = "m1qgcca6";
+const FormDescStyle = "f1tl3wq2";
+const ErrorStyle = "exjt4uc";
 function FormModal(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const {
     resource: resourceFromProps,
     id,
@@ -23680,23 +23687,26 @@ function FormModal(props) {
     });
   }, [action, config.formConfig, config == null ? void 0 : config.kind, i18n2, id]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, {
-    className: FullscreenModalStyle,
+    className: cx_default(FullscreenModalStyle, isYamlForm ? "" : MaxWidthModalStyle),
     width: "calc(100vw - 16px)",
     title,
     error: errorText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ErrorStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(ExclamationErrorCircleFill16RedIcon, {}), " ", errorText]
     }) : "",
-    okButtonProps: saveButtonProps,
+    okButtonProps: {
+      ...saveButtonProps,
+      children: (_e = config.formConfig) == null ? void 0 : _e.saveButtonText
+    },
     closeIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseCircleFilled$1, {}),
     okText,
     onOk,
     onCancel,
     destroyOnClose: true,
     fullscreen: true,
-    children: [((_e = config.formConfig) == null ? void 0 : _e.formDesc) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+    children: [((_f = config.formConfig) == null ? void 0 : _f.formDesc) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: FormDescStyle,
-      children: (_f = config.formConfig) == null ? void 0 : _f.formDesc
+      children: (_g = config.formConfig) == null ? void 0 : _g.formDesc
     }) : void 0, formEle]
   });
 }
@@ -24473,8 +24483,8 @@ const IngressDefaultBackendColumnRenderer = (i18n2) => {
     sorter: CommonSorter(["spec", "defaultBackend"]),
     width: 120,
     render: (defaultBackend) => {
-      var _a;
-      if ((_a = defaultBackend == null ? void 0 : defaultBackend.service) == null ? void 0 : _a.name)
+      var _a, _b;
+      if (((_a = defaultBackend == null ? void 0 : defaultBackend.service) == null ? void 0 : _a.name) || ((_b = defaultBackend == null ? void 0 : defaultBackend.resource) == null ? void 0 : _b.name))
         return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           children: i18n2.t("dovetail.true")
         });

package/dist/refine.js

@@ -1,4 +1,4 @@
-import { b7, bL, A, aA, aC, ak, bn, aK, H, bB, bp, au, x, C, h, bP, an, aO, Z, bR, a1, a8, b_, ac, bq, bo, c1, aq, aU, v, ai, aZ, c0, bM, b1, D, aH, b3, b$, aI, ay, ba, bO, bQ, bz, al, a2, q, p, bS, I, aR, ax, s, br, bU, ap, aQ, ad, ae, U, af, aB, aj, a_, b2, V, M, bA, b6, N, J, c, az, Q, b9, aW, aV, bT, bl, f, bt, X, P, aM, t, _, bk, aJ, bY, bX, aF, aS, o, ao, aL, w, aT, aG, c5, bN, b4, bb, bc, am, R, a0, a6, a5, b5, a3, bZ, a4, a9, g, bG, bJ, bF, bE, bH, bI, bC, bu, bx, by, bw, bv, bs, bd, ar, aP, ag, l, bg, k, aD, c4, n, bh, aE, m, aw, aN, i, c3, at, av, aY, aX, as, S, b0, a$, c2, bD, bm, bi, bj, Y, bW, $, W, bV, a7, ab, aa, e, bK, ah, be, y, K, d, T, O, L, r, b, B, z, E, F, u, b8, G, bf, a } from "./index-51cc13dd.js";
+import { b7, bL, A, aA, aC, ak, bn, aK, H, bB, bp, au, x, C, h, bP, an, aO, Z, bR, a1, a8, b_, ac, bq, bo, c1, aq, aU, v, ai, aZ, c0, bM, b1, D, aH, b3, b$, aI, ay, ba, bO, bQ, bz, al, a2, q, p, bS, I, aR, ax, s, br, bU, ap, aQ, ad, ae, U, af, aB, aj, a_, b2, V, M, bA, b6, N, J, c, az, Q, b9, aW, aV, bT, bl, f, bt, X, P, aM, t, _, bk, aJ, bY, bX, aF, aS, o, ao, aL, w, aT, aG, c5, bN, b4, bb, bc, am, R, a0, a6, a5, b5, a3, bZ, a4, a9, g, bG, bJ, bF, bE, bH, bI, bC, bu, bx, by, bw, bv, bs, bd, ar, aP, ag, l, bg, k, aD, c4, n, bh, aE, m, aw, aN, i, c3, at, av, aY, aX, as, S, b0, a$, c2, bD, bm, bi, bj, Y, bW, $, W, bV, a7, ab, aa, e, bK, ah, be, y, K, d, T, O, L, r, b, B, z, E, F, u, b8, G, bf, a } from "./index-7fe9ade3.js";
 import "@cloudtower/eagle";
 import "@refinedev/core";
 import "@cloudtower/icons-react";

package/dist/refine.umd.cjs

@@ -9638,6 +9638,9 @@ var __publicField = (obj, key, value) => {
     }
     get completionsDisplay() {
       var _a, _b;
+      if (this._rawYaml.spec.parallelism && !this._rawYaml.spec.completions) {
+        return `0/1 of ${this._rawYaml.spec.parallelism}`;
+      }
       return `${((_a = this._rawYaml.status) == null ? void 0 : _a.succeeded) || 0}/${(_b = this._rawYaml.spec) == null ? void 0 : _b.completions}`;
     }
     get succeeded() {
@@ -22087,7 +22090,7 @@ var __publicField = (obj, key, value) => {
     _formControl.current.formState = getProxyFormState(formState, control);
     return _formControl.current;
   }
-  const RefineFormContent_1tb00bi = "";
+  const RefineFormContent_1ypjp9c = "";
   const RefineFormContent = (props) => {
     var _a, _b, _c, _d;
     const {
@@ -22169,6 +22172,7 @@ var __publicField = (obj, key, value) => {
           switch (c2.type) {
             case "number":
               ele = /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Fields.Integer, {
+                className: "c154n7ie",
                 placeholder: c2.placeholder,
                 input: {
                   value: value2,
@@ -22189,9 +22193,9 @@ var __publicField = (obj, key, value) => {
             ele = /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
               size: 4,
               direction: "vertical",
-              className: "c154n7ie",
+              className: "c1c9j4da",
               children: [ele, /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
-                className: cx_default(eagle.Typo.Footnote.f2_regular, "c1c9j4da"),
+                className: cx_default(eagle.Typo.Footnote.f2_regular, "cjxv8cf"),
                 children: c2.helperText
               })]
             });
@@ -22215,7 +22219,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
       direction: "vertical",
       size: 16,
-      className: "cjxv8cf",
+      className: "c1xsnuvk",
       children: [fields, /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
         errorMsgs: errorMsg ? [errorMsg] : [],
         style: {
@@ -23430,6 +23434,8 @@ var __publicField = (obj, key, value) => {
               if (error.message === "expected a single document in the stream, but found more") {
                 setEditorErrors([t2("dovetail.only_support_one_yaml")]);
                 return;
+              } else {
+                setEditorErrors([error.message]);
               }
             }
           }
@@ -23590,12 +23596,13 @@ var __publicField = (obj, key, value) => {
       })
     });
   }
-  const FormModal_aey716 = "";
+  const FormModal_12opmyh = "";
   const FullscreenModalStyle = "f1nltbcu";
-  const FormDescStyle = "f1qgcca6";
-  const ErrorStyle = "e1tl3wq2";
+  const MaxWidthModalStyle = "m1qgcca6";
+  const FormDescStyle = "f1tl3wq2";
+  const ErrorStyle = "exjt4uc";
   function FormModal(props) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const {
       resource: resourceFromProps,
       id,
@@ -23686,23 +23693,26 @@ var __publicField = (obj, key, value) => {
       });
     }, [action, config.formConfig, config == null ? void 0 : config.kind, i18n2, id]);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Modal, {
-      className: FullscreenModalStyle,
+      className: cx_default(FullscreenModalStyle, isYamlForm ? "" : MaxWidthModalStyle),
       width: "calc(100vw - 16px)",
       title,
       error: errorText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: ErrorStyle,
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.ExclamationErrorCircleFill16RedIcon, {}), " ", errorText]
       }) : "",
-      okButtonProps: saveButtonProps,
+      okButtonProps: {
+        ...saveButtonProps,
+        children: (_e = config.formConfig) == null ? void 0 : _e.saveButtonText
+      },
       closeIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseCircleFilled$1, {}),
       okText,
       onOk,
       onCancel,
       destroyOnClose: true,
       fullscreen: true,
-      children: [((_e = config.formConfig) == null ? void 0 : _e.formDesc) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+      children: [((_f = config.formConfig) == null ? void 0 : _f.formDesc) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: FormDescStyle,
-        children: (_f = config.formConfig) == null ? void 0 : _f.formDesc
+        children: (_g = config.formConfig) == null ? void 0 : _g.formDesc
       }) : void 0, formEle]
     });
   }
@@ -24479,8 +24489,8 @@ var __publicField = (obj, key, value) => {
       sorter: CommonSorter(["spec", "defaultBackend"]),
       width: 120,
       render: (defaultBackend) => {
-        var _a;
-        if ((_a = defaultBackend == null ? void 0 : defaultBackend.service) == null ? void 0 : _a.name)
+        var _a, _b;
+        if (((_a = defaultBackend == null ? void 0 : defaultBackend.service) == null ? void 0 : _a.name) || ((_b = defaultBackend == null ? void 0 : defaultBackend.resource) == null ? void 0 : _b.name))
           return /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
             children: i18n2.t("dovetail.true")
           });

package/dist/style.css

@@ -1520,15 +1520,17 @@
 .l1ng0psc{padding:12px 24px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .tj6zpn4{-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;}.tj6zpn4.table-wrapper{height:auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-height:0;}
 .n1rqcyjn.ant-select{margin-bottom:12px;}
-.c154n7ie{width:100%;}
-.c1c9j4da{color:rgba(44,56,82,0.6);}
-.cjxv8cf{-webkit-flex-basis:58%;-ms-flex-preferred-size:58%;flex-basis:58%;width:100%;}
+.c154n7ie{max-width:144px;}
+.c1c9j4da{width:100%;}
+.cjxv8cf{color:rgba(44,56,82,0.6);}
+.c1xsnuvk{-webkit-flex-basis:58%;-ms-flex-preferred-size:58%;flex-basis:58%;width:100%;}
 .s1bsn3us{width:1px;height:16px;border-radius:1px;background:rgba(172,186,211,0.6);}
 
 .e1guqlj2{-webkit-flex:1;-ms-flex:1;flex:1;height:100%;margin-bottom:16px;}
-.f1nltbcu.ant-modal.fullscreen .ant-modal-header{padding:60px 128px 32px 128px;}.f1nltbcu.ant-modal.fullscreen .ant-modal-body{padding:0 128px;}.f1nltbcu.ant-modal.fullscreen .ant-modal-footer{padding:15px 128px;}
-.f1qgcca6{margin-bottom:16px;}
-.e1tl3wq2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;}
+.f1nltbcu.ant-modal.fullscreen .ant-modal-header{padding:60px 128px 32px 128px;}.f1nltbcu.ant-modal.fullscreen .ant-modal-body{padding:0 128px;}.f1nltbcu.ant-modal.fullscreen .ant-modal-footer .footer-content{margin:0 128px;}
+.m1qgcca6 .ant-modal-header{max-width:648px;width:100%;padding:60px 0 32px 0 !important;margin:auto;}.m1qgcca6 .ant-modal-body{max-width:656px;width:100%;padding:0 4px !important;margin:auto;}.m1qgcca6 .ant-modal-footer .footer-content{max-width:648px;width:100%;margin:auto !important;}
+.f1tl3wq2{margin-bottom:16px;}
+.exjt4uc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;}
 .c1pvtlkp{width:100%;}
 .wfg6u6g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.wfg6u6g .usage-text{width:50px;text-align:right;}.wfg6u6g .usage-bar{height:12px;width:100px;position:relative;border-radius:2px;}.wfg6u6g .request-anchor{position:absolute;left:10%;top:-3px;height:18px;width:2px;background:#777;z-index:9;}.wfg6u6g .usage-fill-bar{position:absolute;left:0;top:0;height:100%;background:rgba(0,128,255,0.6);z-index:7;}.wfg6u6g .request-bar{position:absolute;left:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar{position:absolute;right:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar.no-limit{background:linear-gradient(to right,#d8deeb 50%,#d8deeb 50%);background-size:4px 100%;}.wfg6u6g .request-to-limit-bar.no-limit.exceed-request{background:linear-gradient(to right,#d8deeb 50%,rgba(0,128,255,0.6) 50%);background-size:4px 100%;}
 .mdppgn0.ant-menu{background:#edf0f7;padding:8px;}.mdppgn0.ant-menu .ant-menu-item-selected{background:linear-gradient(90deg,#0080ff,#005ed1);border-radius:6px;box-shadow:0 1px 2px rgba(184,192,204,0.6);color:#fff;}.mdppgn0.ant-menu .ant-menu-item-selected a:hover{color:#fff;}.mdppgn0.ant-menu .ant-menu-item:not(.ant-menu-item-selected):hover{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0.6));border-radius:6px;box-shadow:0 0 4px rgba(235,239,245,0.6),0 8px 16px rgba(129,138,153,0.18);}

package/lib/src/types/resource.d.ts

@@ -47,6 +47,7 @@ export type ResourceConfig<Model extends ResourceModel = ResourceModel> = {
             records: Model[];
             action: 'create' | 'edit';
         }) => RefineFormField[];
+        saveButtonText?: string;
         renderForm?: (props: YamlFormProps) => React.ReactNode;
         formType?: FormType;
         transformInitValues?: (values: Unstructured) => Unstructured;

package/package.json

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