@dovetail-v2/refine 0.1.16 → 0.1.17-alpha.1

package/dist/{MonacoYamlDiffEditor-4fb3ff3b.js → MonacoYamlDiffEditor-b8cc439d.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "./index-c5295550.js";
+import { j as jsxRuntimeExports } from "./index-66b29f4e.js";
 import * as monaco from "monaco-editor";
 import { useRef, useEffect } from "react";
 import "i18next";

package/dist/{index-c5295550.js → index-66b29f4e.js}

@@ -9650,11 +9650,17 @@ class ResourceModel {
   }
   updateLabel(labels) {
     const newYaml = this._globalStore.restoreItem(this);
+    if (!newYaml.metadata) {
+      newYaml.metadata = {};
+    }
     newYaml.metadata.labels = labels;
     return newYaml;
   }
   updateAnnotation(annotations) {
     const newYaml = this._globalStore.restoreItem(this);
+    if (!newYaml.metadata) {
+      newYaml.metadata = {};
+    }
     newYaml.metadata.annotations = annotations;
     return newYaml;
   }
@@ -10703,15 +10709,16 @@ class NodeModel extends ResourceModel {
     this._rawYaml = _rawYaml;
   }
   get role() {
-    return "node-role.kubernetes.io/control-plane" in (this.metadata.labels || {}) ? "Control Plane" : "Worker";
+    var _a;
+    return "node-role.kubernetes.io/control-plane" in (((_a = this.metadata) == null ? void 0 : _a.labels) || {}) ? "Control Plane" : "Worker";
   }
   get ip() {
     var _a, _b;
     return (_b = (_a = this._rawYaml.status.addresses) == null ? void 0 : _a.find((add) => add.type === "InternalIP")) == null ? void 0 : _b.address;
   }
   get nodeGroupName() {
-    var _a;
-    return (_a = this.metadata.labels) == null ? void 0 : _a["cape.infrastructure.cluster.x-k8s.io/node-group"];
+    var _a, _b;
+    return (_b = (_a = this.metadata) == null ? void 0 : _a.labels) == null ? void 0 : _b["cape.infrastructure.cluster.x-k8s.io/node-group"];
   }
   get isControlPlane() {
     var _a;
@@ -10732,7 +10739,10 @@ class StorageClassModel extends ResourceModel {
       kind: "PersistentVolume"
     });
     this.pvs = pvs.items.filter(
-      (pv2) => this.filterPV(pv2, this.metadata.name)
+      (pv2) => {
+        var _a;
+        return this.filterPV(pv2, (_a = this.metadata) == null ? void 0 : _a.name);
+      }
     );
   }
   filterPV(pv2, scName) {
@@ -11177,6 +11187,7 @@ var RESOURCE_GROUP = /* @__PURE__ */ ((RESOURCE_GROUP2) => {
   RESOURCE_GROUP2["SERVICE_AND_NETWORK"] = "SERVICE_AND_NETWORK";
   RESOURCE_GROUP2["CONFIG"] = "CONFIG";
   RESOURCE_GROUP2["NODE_MANAGEMENT"] = "NODE_MANAGEMENT";
+  RESOURCE_GROUP2["PROJECT"] = "PROJECT";
   return RESOURCE_GROUP2;
 })(RESOURCE_GROUP || {});
 var FormType = /* @__PURE__ */ ((FormType2) => {
@@ -11200,20 +11211,20 @@ function useOpenForm(options) {
   const pushModal = usePushModal();
   const go = useGo();
   return function openForm() {
-    var _a, _b;
+    var _a, _b, _c;
     if (resource == null ? void 0 : resource.name) {
       const config = configs[resource.name];
       const formType = (_a = config.formConfig) == null ? void 0 : _a.formType;
       if (formType === void 0 || formType === FormType.MODAL) {
         pushModal({
-          component: FormModal,
+          component: ((_b = config.formConfig) == null ? void 0 : _b.CustomFormModal) || FormModal,
           props: {
             resource: resource.name,
             id: options == null ? void 0 : options.id,
             formProps: {
               initialValues: getInitialValues(config)
             },
-            renderForm: (options == null ? void 0 : options.renderForm) || ((_b = config.formConfig) == null ? void 0 : _b.renderForm)
+            renderForm: (options == null ? void 0 : options.renderForm) || ((_c = config.formConfig) == null ? void 0 : _c.renderForm)
           }
         });
       } else if (options == null ? void 0 : options.id) {
@@ -11908,7 +11919,12 @@ function Tabs(props) {
   }) });
 }
 const StateTag = (props) => {
-  const { state: state2 = ResourceState.UPDATING, hideBackground, className, resourceKind } = props;
+  const {
+    state: state2 = ResourceState.UPDATING,
+    hideBackground,
+    className,
+    customResourceStateMap
+  } = props;
   const { t: t2 } = useTranslation();
   const defaultStateMap = {
     [ResourceState.UPDATING]: "loading",
@@ -11929,19 +11945,19 @@ const StateTag = (props) => {
     [ResourceState.RELEASED]: "gray",
     [ResourceState.LOST]: "red"
   };
-  const resourceStateMap = {};
-  const finalStateMap = resourceStateMap[resourceKind || ""] || defaultStateMap;
+  const finalColorMap = (customResourceStateMap == null ? void 0 : customResourceStateMap.color) || defaultStateMap;
+  const finalTextMap = customResourceStateMap == null ? void 0 : customResourceStateMap.text;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     StatusCapsule,
     {
       className: cx_default(className, StateTagStyle, hideBackground && "no-background"),
-      color: finalStateMap[state2] !== "loading" ? finalStateMap[state2] : void 0,
-      loading: finalStateMap[state2] === "loading",
-      children: t2(`dovetail.${state2 || "updating"}_state`)
+      color: finalColorMap[state2] !== "loading" ? finalColorMap[state2] : void 0,
+      loading: finalColorMap[state2] === "loading",
+      children: finalTextMap ? finalTextMap[state2] : t2(`dovetail.${state2 || "updating"}_state`)
     }
   );
 };
-const ShowContent_ua3los = "";
+const ShowContent_1g0ejph = "";
 const ShowContentWrapperStyle = "s9agep2";
 const BackButton = "bo89gfi";
 const ToolBarWrapper = "t1ohe42f";
@@ -11973,7 +11989,7 @@ function ShowGroupComponent(props) {
   });
 }
 const ShowContent = (props) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
   const {
     showConfig,
     formatter,
@@ -12089,10 +12105,10 @@ const ShowContent = (props) => {
           children: (_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name
         }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
           state: stateDisplay,
-          resourceKind: (_d = resource == null ? void 0 : resource.meta) == null ? void 0 : _d.kind
+          customResourceStateMap: showConfig.resourceStateMap
         }) : void 0]
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
-        children: [(_e = showConfig.renderExtraButton) == null ? void 0 : _e.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
+        children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
           resource: resource == null ? void 0 : resource.name,
           action: AccessControlAuth.Edit,
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
@@ -12100,7 +12116,7 @@ const ShowContent = (props) => {
               marginRight: 8
             },
             onClick: openForm,
-            children: ((_f = config.formConfig) == null ? void 0 : _f.fields) ? t2("dovetail.edit") : t2("dovetail.edit_yaml")
+            children: ((_e = config.formConfig) == null ? void 0 : _e.fields) ? t2("dovetail.edit") : t2("dovetail.edit_yaml")
           })
         }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown2, {
           record,
@@ -12441,10 +12457,11 @@ const EditNodeTaintForm = React__default.forwardRef(function EditNodeTaintForm2(
         kind: nodeModel.kind
       },
       successNotification() {
+        var _a;
         return {
           message: t2("dovetail.edit_node_taint_success_toast", {
             kind: nodeModel.kind,
-            name: nodeModel.metadata.name,
+            name: (_a = nodeModel.metadata) == null ? void 0 : _a.name,
             interpolation: {
               escapeValue: false
             }
@@ -13097,14 +13114,14 @@ const ServicePodsField = () => {
     key: "pods",
     path: [],
     renderContent: (_, record) => {
-      var _a, _b;
+      var _a, _b, _c;
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         WorkloadPodsTable,
         {
           selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r2) => {
             return r2.kind === "Pod" && r2.type === "selects";
           })) == null ? void 0 : _b.selector,
-          namespace: record.metadata.namespace,
+          namespace: (_c = record.metadata) == null ? void 0 : _c.namespace,
           hideToolbar: true
         }
       );
@@ -13125,7 +13142,8 @@ const EventsTableTabField = () => {
     key: "event",
     path: [],
     renderContent: (_, record) => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, { uid: record.metadata.uid }) });
+      var _a;
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, { uid: (_a = record.metadata) == null ? void 0 : _a.uid }) });
     }
   };
 };
@@ -13226,7 +13244,8 @@ const StorageClassPvField = () => {
                   field: "",
                   value: "",
                   fn(pv2) {
-                    return sc.filterPV(pv2, sc.metadata.name);
+                    var _a;
+                    return sc.filterPV(pv2, (_a = sc.metadata) == null ? void 0 : _a.name);
                   }
                 }
               ]
@@ -13280,14 +13299,7 @@ const PVStorageClassField = (i18n2) => {
     path: ["spec", "storageClassName"],
     title: i18n2.t("dovetail.storage_class"),
     renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        ResourceLink,
-        {
-          resourceKind: "storageclasses",
-          namespace: "",
-          name: value2
-        }
-      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, { resourceKind: "storageclasses", namespace: "", name: value2 });
     }
   };
 };
@@ -13297,7 +13309,7 @@ const PVPhaseField = (i18n2) => {
     path: ["stateDisplay"],
     title: i18n2.t("dovetail.state"),
     renderContent(value2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: value2, resourceKind: "PersistentVolume", hideBackground: true });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: value2, hideBackground: true });
     }
   };
 };
@@ -13326,17 +13338,20 @@ const PVCPodsField = () => {
     key: "pods",
     path: [],
     renderContent: (_, record) => {
+      var _a;
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         WorkloadPodsTable,
         {
           filter: (item) => {
-            var _a, _b;
-            return !!((_b = (_a = item.spec) == null ? void 0 : _a.volumes) == null ? void 0 : _b.some((v) => {
-              var _a2;
-              return ((_a2 = v.persistentVolumeClaim) == null ? void 0 : _a2.claimName) === record.metadata.name;
-            }));
+            var _a2, _b;
+            return !!((_b = (_a2 = item.spec) == null ? void 0 : _a2.volumes) == null ? void 0 : _b.some(
+              (v) => {
+                var _a3, _b2;
+                return ((_a3 = v.persistentVolumeClaim) == null ? void 0 : _a3.claimName) === ((_b2 = record.metadata) == null ? void 0 : _b2.name);
+              }
+            ));
           },
-          namespace: record.metadata.namespace,
+          namespace: (_a = record.metadata) == null ? void 0 : _a.namespace,
           hideToolbar: true
         }
       );
@@ -38364,13 +38379,14 @@ const useRefineForm = (props) => {
     refineCoreProps: {
       errorNotification: false,
       successNotification: () => {
+        var _a2;
         const formValue = result.getValues();
         return {
           message: i18n2.t(
             id ? "dovetail.edit_resource_success" : "dovetail.create_success_toast",
             {
               kind: addSpaceBeforeLetter(config.displayName || config.kind),
-              name: formValue.metadata.name,
+              name: (_a2 = formValue.metadata) == null ? void 0 : _a2.name,
               interpolation: { escapeValue: false }
             }
           ).trim(),
@@ -38409,7 +38425,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-4fb3ff3b.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-b8cc439d.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -39511,10 +39527,11 @@ const EditLabelForm = React__default.forwardRef(
             kind: resourceModel.kind
           },
           successNotification() {
+            var _a2;
             return {
               message: t2("dovetail.edit_label_success_toast", {
                 kind: resourceModel.kind,
-                name: resourceModel.metadata.name,
+                name: (_a2 = resourceModel.metadata) == null ? void 0 : _a2.name,
                 interpolation: {
                   escapeValue: false
                 }
@@ -39596,10 +39613,11 @@ const EditAnnotationForm = React__default.forwardRef(function EditAnnotationForm
           kind: resourceModel.kind
         },
         successNotification() {
+          var _a2;
           return {
             message: t2("dovetail.edit_annotation_success_toast", {
               kind: resourceModel.kind,
-              name: resourceModel.metadata.name,
+              name: (_a2 = resourceModel.metadata) == null ? void 0 : _a2.name,
               interpolation: {
                 escapeValue: false
               }
@@ -40544,7 +40562,6 @@ const PVPhaseColumnRenderer = (i18n2) => {
     render(value2) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
         state: value2,
-        resourceKind: "PersistentVolume",
         hideBackground: true
       });
     }
@@ -40664,6 +40681,8 @@ const Dovetail = (props) => {
     globalStore,
     accessControlProvider,
     routerProvider: customRouterProvider,
+    dataProvider: customDataProvider,
+    liveProvider: customLiveProvider,
     antdGetPopupContainer
   } = props;
   const msg = useMessage();
@@ -40714,10 +40733,10 @@ const Dovetail = (props) => {
         Refine,
         {
           dataProvider: {
-            default: dataProvider(globalStore)
+            default: customDataProvider || dataProvider(globalStore)
           },
           routerProvider: customRouterProvider || routerProvider,
-          liveProvider: liveProvider(globalStore),
+          liveProvider: customLiveProvider || liveProvider(globalStore),
           notificationProvider,
           options: {
             warnWhenUnsavedChanges: 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-c5295550.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-66b29f4e.js";
 import "@cloudtower/eagle";
 import "@refinedev/core";
 import "react";

package/dist/refine.umd.cjs

@@ -9656,11 +9656,17 @@ var __publicField = (obj, key, value) => {
     }
     updateLabel(labels) {
       const newYaml = this._globalStore.restoreItem(this);
+      if (!newYaml.metadata) {
+        newYaml.metadata = {};
+      }
       newYaml.metadata.labels = labels;
       return newYaml;
     }
     updateAnnotation(annotations) {
       const newYaml = this._globalStore.restoreItem(this);
+      if (!newYaml.metadata) {
+        newYaml.metadata = {};
+      }
       newYaml.metadata.annotations = annotations;
       return newYaml;
     }
@@ -10709,15 +10715,16 @@ var __publicField = (obj, key, value) => {
       this._rawYaml = _rawYaml;
     }
     get role() {
-      return "node-role.kubernetes.io/control-plane" in (this.metadata.labels || {}) ? "Control Plane" : "Worker";
+      var _a;
+      return "node-role.kubernetes.io/control-plane" in (((_a = this.metadata) == null ? void 0 : _a.labels) || {}) ? "Control Plane" : "Worker";
     }
     get ip() {
       var _a, _b;
       return (_b = (_a = this._rawYaml.status.addresses) == null ? void 0 : _a.find((add) => add.type === "InternalIP")) == null ? void 0 : _b.address;
     }
     get nodeGroupName() {
-      var _a;
-      return (_a = this.metadata.labels) == null ? void 0 : _a["cape.infrastructure.cluster.x-k8s.io/node-group"];
+      var _a, _b;
+      return (_b = (_a = this.metadata) == null ? void 0 : _a.labels) == null ? void 0 : _b["cape.infrastructure.cluster.x-k8s.io/node-group"];
     }
     get isControlPlane() {
       var _a;
@@ -10738,7 +10745,10 @@ var __publicField = (obj, key, value) => {
         kind: "PersistentVolume"
       });
       this.pvs = pvs.items.filter(
-        (pv2) => this.filterPV(pv2, this.metadata.name)
+        (pv2) => {
+          var _a;
+          return this.filterPV(pv2, (_a = this.metadata) == null ? void 0 : _a.name);
+        }
       );
     }
     filterPV(pv2, scName) {
@@ -11183,6 +11193,7 @@ var __publicField = (obj, key, value) => {
     RESOURCE_GROUP2["SERVICE_AND_NETWORK"] = "SERVICE_AND_NETWORK";
     RESOURCE_GROUP2["CONFIG"] = "CONFIG";
     RESOURCE_GROUP2["NODE_MANAGEMENT"] = "NODE_MANAGEMENT";
+    RESOURCE_GROUP2["PROJECT"] = "PROJECT";
     return RESOURCE_GROUP2;
   })(RESOURCE_GROUP || {});
   var FormType = /* @__PURE__ */ ((FormType2) => {
@@ -11206,20 +11217,20 @@ var __publicField = (obj, key, value) => {
     const pushModal = eagle.usePushModal();
     const go = core.useGo();
     return function openForm() {
-      var _a, _b;
+      var _a, _b, _c;
       if (resource == null ? void 0 : resource.name) {
         const config = configs[resource.name];
         const formType = (_a = config.formConfig) == null ? void 0 : _a.formType;
         if (formType === void 0 || formType === FormType.MODAL) {
           pushModal({
-            component: FormModal,
+            component: ((_b = config.formConfig) == null ? void 0 : _b.CustomFormModal) || FormModal,
             props: {
               resource: resource.name,
               id: options == null ? void 0 : options.id,
               formProps: {
                 initialValues: getInitialValues(config)
               },
-              renderForm: (options == null ? void 0 : options.renderForm) || ((_b = config.formConfig) == null ? void 0 : _b.renderForm)
+              renderForm: (options == null ? void 0 : options.renderForm) || ((_c = config.formConfig) == null ? void 0 : _c.renderForm)
             }
           });
         } else if (options == null ? void 0 : options.id) {
@@ -11914,7 +11925,12 @@ var __publicField = (obj, key, value) => {
     }) });
   }
   const StateTag = (props) => {
-    const { state: state2 = ResourceState.UPDATING, hideBackground, className, resourceKind } = props;
+    const {
+      state: state2 = ResourceState.UPDATING,
+      hideBackground,
+      className,
+      customResourceStateMap
+    } = props;
     const { t: t2 } = useTranslation();
     const defaultStateMap = {
       [ResourceState.UPDATING]: "loading",
@@ -11935,19 +11951,19 @@ var __publicField = (obj, key, value) => {
       [ResourceState.RELEASED]: "gray",
       [ResourceState.LOST]: "red"
     };
-    const resourceStateMap = {};
-    const finalStateMap = resourceStateMap[resourceKind || ""] || defaultStateMap;
+    const finalColorMap = (customResourceStateMap == null ? void 0 : customResourceStateMap.color) || defaultStateMap;
+    const finalTextMap = customResourceStateMap == null ? void 0 : customResourceStateMap.text;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       eagle.StatusCapsule,
       {
         className: cx_default(className, StateTagStyle, hideBackground && "no-background"),
-        color: finalStateMap[state2] !== "loading" ? finalStateMap[state2] : void 0,
-        loading: finalStateMap[state2] === "loading",
-        children: t2(`dovetail.${state2 || "updating"}_state`)
+        color: finalColorMap[state2] !== "loading" ? finalColorMap[state2] : void 0,
+        loading: finalColorMap[state2] === "loading",
+        children: finalTextMap ? finalTextMap[state2] : t2(`dovetail.${state2 || "updating"}_state`)
       }
     );
   };
-  const ShowContent_ua3los = "";
+  const ShowContent_1g0ejph = "";
   const ShowContentWrapperStyle = "s9agep2";
   const BackButton = "bo89gfi";
   const ToolBarWrapper = "t1ohe42f";
@@ -11979,7 +11995,7 @@ var __publicField = (obj, key, value) => {
     });
   }
   const ShowContent = (props) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     const {
       showConfig,
       formatter,
@@ -12095,10 +12111,10 @@ var __publicField = (obj, key, value) => {
             children: (_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name
           }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
             state: stateDisplay,
-            resourceKind: (_d = resource == null ? void 0 : resource.meta) == null ? void 0 : _d.kind
+            customResourceStateMap: showConfig.resourceStateMap
           }) : void 0]
         }), /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Space, {
-          children: [(_e = showConfig.renderExtraButton) == null ? void 0 : _e.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
+          children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ jsxRuntimeExports.jsx(core.CanAccess, {
             resource: resource == null ? void 0 : resource.name,
             action: AccessControlAuth.Edit,
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
@@ -12106,7 +12122,7 @@ var __publicField = (obj, key, value) => {
                 marginRight: 8
               },
               onClick: openForm,
-              children: ((_f = config.formConfig) == null ? void 0 : _f.fields) ? t2("dovetail.edit") : t2("dovetail.edit_yaml")
+              children: ((_e = config.formConfig) == null ? void 0 : _e.fields) ? t2("dovetail.edit") : t2("dovetail.edit_yaml")
             })
           }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
             record,
@@ -12447,10 +12463,11 @@ var __publicField = (obj, key, value) => {
           kind: nodeModel.kind
         },
         successNotification() {
+          var _a;
           return {
             message: t2("dovetail.edit_node_taint_success_toast", {
               kind: nodeModel.kind,
-              name: nodeModel.metadata.name,
+              name: (_a = nodeModel.metadata) == null ? void 0 : _a.name,
               interpolation: {
                 escapeValue: false
               }
@@ -13103,14 +13120,14 @@ var __publicField = (obj, key, value) => {
       key: "pods",
       path: [],
       renderContent: (_, record) => {
-        var _a, _b;
+        var _a, _b, _c;
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           WorkloadPodsTable,
           {
             selector: (_b = (_a = record.metadata.relations) == null ? void 0 : _a.find((r2) => {
               return r2.kind === "Pod" && r2.type === "selects";
             })) == null ? void 0 : _b.selector,
-            namespace: record.metadata.namespace,
+            namespace: (_c = record.metadata) == null ? void 0 : _c.namespace,
             hideToolbar: true
           }
         );
@@ -13131,7 +13148,8 @@ var __publicField = (obj, key, value) => {
       key: "event",
       path: [],
       renderContent: (_, record) => {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, { uid: record.metadata.uid }) });
+        var _a;
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { padding: "0 24px", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EventsTable, { uid: (_a = record.metadata) == null ? void 0 : _a.uid }) });
       }
     };
   };
@@ -13232,7 +13250,8 @@ var __publicField = (obj, key, value) => {
                     field: "",
                     value: "",
                     fn(pv2) {
-                      return sc.filterPV(pv2, sc.metadata.name);
+                      var _a;
+                      return sc.filterPV(pv2, (_a = sc.metadata) == null ? void 0 : _a.name);
                     }
                   }
                 ]
@@ -13286,14 +13305,7 @@ var __publicField = (obj, key, value) => {
       path: ["spec", "storageClassName"],
       title: i18n2.t("dovetail.storage_class"),
       renderContent(value2) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ResourceLink,
-          {
-            resourceKind: "storageclasses",
-            namespace: "",
-            name: value2
-          }
-        );
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ResourceLink, { resourceKind: "storageclasses", namespace: "", name: value2 });
       }
     };
   };
@@ -13303,7 +13315,7 @@ var __publicField = (obj, key, value) => {
       path: ["stateDisplay"],
       title: i18n2.t("dovetail.state"),
       renderContent(value2) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: value2, resourceKind: "PersistentVolume", hideBackground: true });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, { state: value2, hideBackground: true });
       }
     };
   };
@@ -13332,17 +13344,20 @@ var __publicField = (obj, key, value) => {
       key: "pods",
       path: [],
       renderContent: (_, record) => {
+        var _a;
         return /* @__PURE__ */ jsxRuntimeExports.jsx(
           WorkloadPodsTable,
           {
             filter: (item) => {
-              var _a, _b;
-              return !!((_b = (_a = item.spec) == null ? void 0 : _a.volumes) == null ? void 0 : _b.some((v) => {
-                var _a2;
-                return ((_a2 = v.persistentVolumeClaim) == null ? void 0 : _a2.claimName) === record.metadata.name;
-              }));
+              var _a2, _b;
+              return !!((_b = (_a2 = item.spec) == null ? void 0 : _a2.volumes) == null ? void 0 : _b.some(
+                (v) => {
+                  var _a3, _b2;
+                  return ((_a3 = v.persistentVolumeClaim) == null ? void 0 : _a3.claimName) === ((_b2 = record.metadata) == null ? void 0 : _b2.name);
+                }
+              ));
             },
-            namespace: record.metadata.namespace,
+            namespace: (_a = record.metadata) == null ? void 0 : _a.namespace,
             hideToolbar: true
           }
         );
@@ -38370,13 +38385,14 @@ WARNING: This link could potentially be dangerous`)) {
       refineCoreProps: {
         errorNotification: false,
         successNotification: () => {
+          var _a2;
           const formValue = result.getValues();
           return {
             message: i18n2.t(
               id ? "dovetail.edit_resource_success" : "dovetail.create_success_toast",
               {
                 kind: addSpaceBeforeLetter(config.displayName || config.kind),
-                name: formValue.metadata.name,
+                name: (_a2 = formValue.metadata) == null ? void 0 : _a2.name,
                 interpolation: { escapeValue: false }
               }
             ).trim(),
@@ -39517,10 +39533,11 @@ WARNING: This link could potentially be dangerous`)) {
               kind: resourceModel.kind
             },
             successNotification() {
+              var _a2;
               return {
                 message: t2("dovetail.edit_label_success_toast", {
                   kind: resourceModel.kind,
-                  name: resourceModel.metadata.name,
+                  name: (_a2 = resourceModel.metadata) == null ? void 0 : _a2.name,
                   interpolation: {
                     escapeValue: false
                   }
@@ -39602,10 +39619,11 @@ WARNING: This link could potentially be dangerous`)) {
             kind: resourceModel.kind
           },
           successNotification() {
+            var _a2;
             return {
               message: t2("dovetail.edit_annotation_success_toast", {
                 kind: resourceModel.kind,
-                name: resourceModel.metadata.name,
+                name: (_a2 = resourceModel.metadata) == null ? void 0 : _a2.name,
                 interpolation: {
                   escapeValue: false
                 }
@@ -40550,7 +40568,6 @@ WARNING: This link could potentially be dangerous`)) {
       render(value2) {
         return /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
           state: value2,
-          resourceKind: "PersistentVolume",
           hideBackground: true
         });
       }
@@ -40670,6 +40687,8 @@ WARNING: This link could potentially be dangerous`)) {
       globalStore,
       accessControlProvider,
       routerProvider: customRouterProvider,
+      dataProvider: customDataProvider,
+      liveProvider: customLiveProvider,
       antdGetPopupContainer
     } = props;
     const msg = eagle.useMessage();
@@ -40720,10 +40739,10 @@ WARNING: This link could potentially be dangerous`)) {
           core.Refine,
           {
             dataProvider: {
-              default: k8sApiProvider.dataProvider(globalStore)
+              default: customDataProvider || k8sApiProvider.dataProvider(globalStore)
             },
             routerProvider: customRouterProvider || routerProvider,
-            liveProvider: k8sApiProvider.liveProvider(globalStore),
+            liveProvider: customLiveProvider || k8sApiProvider.liveProvider(globalStore),
             notificationProvider,
             options: {
               warnWhenUnsavedChanges: true,

package/lib/Dovetail.d.ts

@@ -1,4 +1,4 @@
-import { AccessControlProvider } from '@refinedev/core';
+import { AccessControlProvider, DataProvider, LiveProvider } from '@refinedev/core';
 import { History } from 'history';
 import { GlobalStore } from 'k8s-api-provider';
 import React from 'react';
@@ -14,6 +14,8 @@ type Props = {
     globalStore: GlobalStore;
     accessControlProvider?: AccessControlProvider;
     routerProvider?: any;
+    dataProvider?: DataProvider;
+    liveProvider?: LiveProvider;
     antdGetPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
 };
 export declare const Dovetail: React.FC<Props>;

package/lib/components/ShowContent/fields.d.ts

@@ -1,3 +1,4 @@
+import { StatusCapsuleColor } from '@cloudtower/eagle';
 import { useTable } from '@refinedev/core';
 import { i18n as I18nType } from 'i18next';
 import { Unstructured } from 'k8s-api-provider';
@@ -34,6 +35,10 @@ export type ShowTab<Model extends ResourceModel> = {
 export interface ShowConfig<Model extends ResourceModel = ResourceModel> {
     tabs?: ShowTab<Model>[];
     renderExtraButton?: (record: Model) => React.ReactNode;
+    resourceStateMap?: {
+        color: Record<string, StatusCapsuleColor | 'loading'>;
+        text: Record<string, string>;
+    };
 }
 export declare const ImageField: <Model extends WorkloadBaseModel>(i18n: I18nType) => ShowField<Model>;
 export declare const ReplicaField: <Model extends JobModel | WorkloadModel>() => ShowField<Model>;

package/lib/components/StateTag/StateTag.d.ts

@@ -1,10 +1,14 @@
+import { StatusCapsuleColor } from '@cloudtower/eagle';
 import React from 'react';
 import { ResourceState } from '../../constants';
 type Props = {
     state?: ResourceState;
-    resourceKind?: string;
     className?: string;
     hideBackground?: boolean;
+    customResourceStateMap?: {
+        color: Record<string, StatusCapsuleColor | 'loading'>;
+        text: Record<string, string>;
+    };
 };
 export declare const StateTag: React.FC<Props>;
 export {};

package/lib/pages/storageclasses/index.d.ts

@@ -38,6 +38,7 @@ export declare const StorageClassConfig: (i18n: I18n) => {
         refineCoreProps?: import("@refinedev/core").UseFormProps<import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError, import("react-hook-form").FieldValues, import("@refinedev/core").BaseRecord, import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError> | undefined;
         useFormProps?: import("@refinedev/react-hook-form").UseFormProps | undefined;
         isDisabledChangeMode?: boolean | undefined;
+        CustomFormModal?: import("react").FC<import("../../components").FormModalProps> | undefined;
     } | undefined;
     columns: () => (import("../../components").Column<import("../..").ResourceModel<import("k8s-api-provider").Unstructured>> | import("../../components").Column<import("../..").StorageClassModel>)[];
     showConfig: () => {

package/lib/types/globalStore.d.ts

@@ -0,0 +1,18 @@
+import { MetaQuery } from '@refinedev/core';
+import { IProviderPlugin, WatchEvent, GlobalStoreInitParams, Unstructured, UnstructuredList, CancelQueriesParams } from 'k8s-api-provider';
+export interface IGlobalStore {
+    plugins: IProviderPlugin[];
+    prefix?: string;
+    fieldManager?: string;
+    apiUrl: string;
+    kubeApiTimeout: number | false | undefined;
+    get<T = UnstructuredList>(resource: string, meta?: MetaQuery): Promise<T>;
+    subscribe(resource: string, onEvent: (data: WatchEvent) => void): () => void;
+    publish(resource: string, data: WatchEvent): void;
+    init(params: GlobalStoreInitParams): void;
+    loadPlugins(plugins?: IProviderPlugin[]): void;
+    restoreItem(item: Unstructured): Unstructured;
+    restoreData(list: UnstructuredList): UnstructuredList;
+    destroy(): void;
+    cancelQueries(params?: CancelQueriesParams): void;
+}

package/lib/types/resource.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { UseFormProps } from '@refinedev/react-hook-form';
 import { YamlFormProps } from '../components';
-import { RefineFormField } from '../components/Form';
+import { FormModalProps, RefineFormField } from '../components/Form';
 import { Column, InternalTableProps } from '../components/InternalBaseTable';
 import { ShowConfig } from '../components/ShowContent';
 import { ResourceModel } from '../models';
@@ -13,7 +13,8 @@ export declare enum RESOURCE_GROUP {
     SERVICE = "SERVICE",
     SERVICE_AND_NETWORK = "SERVICE_AND_NETWORK",
     CONFIG = "CONFIG",
-    NODE_MANAGEMENT = "NODE_MANAGEMENT"
+    NODE_MANAGEMENT = "NODE_MANAGEMENT",
+    PROJECT = "PROJECT"
 }
 export declare enum FormType {
     PAGE = "PAGE",
@@ -33,7 +34,7 @@ export type ResourceConfig<Model extends ResourceModel = ResourceModel> = {
     hideEdit?: boolean;
     hideCreate?: boolean;
     description?: string;
-    parent?: RESOURCE_GROUP;
+    parent?: string;
     formatter?: (v: Model) => Model;
     initValue?: Record<string, unknown>;
     columns?: () => Column<Model>[];
@@ -61,5 +62,6 @@ export type ResourceConfig<Model extends ResourceModel = ResourceModel> = {
         refineCoreProps?: UseFormProps['refineCoreProps'];
         useFormProps?: UseFormProps;
         isDisabledChangeMode?: boolean;
+        CustomFormModal?: React.FC<FormModalProps>;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.1.16",
+  "version": "0.1.17-alpha.1",
   "type": "module",
   "files": [
     "dist",
@@ -30,7 +30,7 @@
     "dayjs": "^1.11.10",
     "i18next": "^23.2.3",
     "js-yaml": "^4.1.0",
-    "k8s-api-provider": "0.0.23",
+    "k8s-api-provider": "^0.0.25",
     "ky": "^0.33.3",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",