@dovetail-v2/refine 0.3.12-alpha.0 → 0.3.12-alpha.2

package/dist/components/Dropdowns/K8sDropdown/index.d.ts

@@ -4,6 +4,7 @@ export type DropdownSize = 'normal' | 'large';
 interface K8sDropdownProps {
     record: ResourceModel;
     size?: DropdownSize;
+    customButton?: React.ReactNode;
 }
 export declare function K8sDropdown(props: React.PropsWithChildren<K8sDropdownProps>): JSX.Element;
 export default K8sDropdown;

package/dist/components/ResourceLink/index.d.ts

@@ -4,7 +4,7 @@ type Props = {
     namespace: string;
     name: string;
     displayName?: string;
-    uid?: string;
+    query?: Record<string, unknown>;
 };
 export declare const ResourceLink: React.FC<Props>;
 export {};

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

@@ -37,6 +37,7 @@ export interface ShowConfig<Model extends ResourceModel = ResourceModel> {
     basicGroup?: ShowGroup<Model>;
     tabs?: ShowTab<Model>[];
     renderExtraButton?: (record: Model) => React.ReactNode;
+    renderCustomBackButton?: (record: Model) => React.ReactNode;
     resourceStateMap?: {
         color: Record<string, StatusCapsuleColor | 'loading'>;
         text: Record<string, string>;

package/dist/refine.cjs

@@ -10659,7 +10659,7 @@ function validateNodePort(nodePort, allNodePorts, i18n2) {
 }
 function K8sDropdown(props) {
   var _a;
-  const { record, size = "normal" } = props;
+  const { record, size = "normal", customButton } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = core.useResource();
   const configs = React.useContext(ConfigsContext);
@@ -10719,7 +10719,7 @@ function K8sDropdown(props) {
         ) : null
       ] }),
       trigger: ["click"],
-      children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+      children: customButton || /* @__PURE__ */ common.jsxRuntimeExports.jsx(
         eagle.Button,
         {
           type: "quiet",
@@ -11129,7 +11129,7 @@ const ResourceLink = (props) => {
     resourceName,
     namespace: namespace2,
     name: name2,
-    uid,
+    query,
     displayName
   } = props;
   const navigation = core.useNavigation();
@@ -11154,7 +11154,9 @@ const ResourceLink = (props) => {
       to: navigation.showUrl(resourceName, ""),
       query: {
         id: namespace2 ? `${namespace2}/${name2}` : name2,
-        uid
+        // from is current resource by default
+        from: resourceName,
+        ...query
       },
       options: {
         keepQuery: true
@@ -12749,7 +12751,7 @@ const PVCRefField = (i18n2) => {
           resourceName: "persistentvolumeclaims",
           namespace: pv2.pvcNamespace || "default",
           name: value2,
-          uid: pv2.pvcUid
+          query: { uid: pv2.pvcUid }
         }
       );
     }
@@ -13547,7 +13549,7 @@ function BasicShowGroupComponent(props) {
   });
 }
 const ShowContentView = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const {
     id,
     resourceName,
@@ -13679,7 +13681,7 @@ const ShowContentView = (props) => {
     style: {
       padding: size === "small" ? "8px 16px" : void 0
     },
-    children: [!hideBackButton && /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
+    children: [!hideBackButton && !showConfig.renderCustomBackButton && /* @__PURE__ */ common.jsxRuntimeExports.jsx("div", {
       className: common.cx_default(eagle.Typo.Label.l4_bold, BackButton),
       onClick: () => {
         go({
@@ -13697,7 +13699,7 @@ const ShowContentView = (props) => {
           children: (config == null ? void 0 : config.displayName) || resourceName
         })
       })
-    }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
+    }), (_a = showConfig.renderCustomBackButton) == null ? void 0 : _a.call(showConfig, record), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
       className: TopBarStyle,
       children: [/* @__PURE__ */ common.jsxRuntimeExports.jsxs("div", {
         style: {
@@ -13708,13 +13710,13 @@ const ShowContentView = (props) => {
           children: config.kind
         }), /* @__PURE__ */ common.jsxRuntimeExports.jsx("span", {
           className: common.cx_default(eagle.Typo.Display.d2_regular_title, NameStyle),
-          children: ((_a = showConfig.displayName) == null ? void 0 : _a.call(showConfig, record)) || ((_b = record == null ? void 0 : record.metadata) == null ? void 0 : _b.name)
+          children: ((_b = showConfig.displayName) == null ? void 0 : _b.call(showConfig, record)) || ((_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name)
         }), stateDisplay ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(StateTag, {
           state: stateDisplay,
           customResourceStateMap: showConfig.resourceStateMap
         }) : void 0]
       }), /* @__PURE__ */ common.jsxRuntimeExports.jsxs(eagle.Space, {
-        children: [(_c = showConfig.renderExtraButton) == null ? void 0 : _c.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(core.CanAccess, {
+        children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !config.hideEdit ? /* @__PURE__ */ common.jsxRuntimeExports.jsx(core.CanAccess, {
           resource: resourceName,
           action: AccessControlAuth.Edit,
           params: {
@@ -13727,7 +13729,7 @@ const ShowContentView = (props) => {
             onClick: () => openForm({
               id
             }),
-            children: ((_d = config.formConfig) == null ? void 0 : _d.formType) === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(config.displayName || config.kind, i18n2.language)}` : t2("dovetail.edit_yaml")
+            children: ((_e = config.formConfig) == null ? void 0 : _e.formType) === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(config.displayName || config.kind, i18n2.language)}` : t2("dovetail.edit_yaml")
           })
         }) : null, /* @__PURE__ */ common.jsxRuntimeExports.jsx(Dropdown, {
           record,
@@ -19258,7 +19260,9 @@ const PVCRefColumnRenderer = (i18n2) => {
         resourceName: "persistentvolumeclaims",
         namespace: pv2.pvcNamespace || "default",
         name: value2,
-        uid: pv2.pvcUid
+        query: {
+          uid: pv2.pvcUid
+        }
       });
     }
   };

package/dist/refine.js

@@ -10640,7 +10640,7 @@ function validateNodePort(nodePort, allNodePorts, i18n2) {
 }
 function K8sDropdown(props) {
   var _a;
-  const { record, size = "normal" } = props;
+  const { record, size = "normal", customButton } = props;
   const globalStore = useGlobalStore();
   const useResourceResult = useResource();
   const configs = useContext(ConfigsContext);
@@ -10700,7 +10700,7 @@ function K8sDropdown(props) {
         ) : null
       ] }),
       trigger: ["click"],
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: customButton || /* @__PURE__ */ jsxRuntimeExports.jsx(
         Button,
         {
           type: "quiet",
@@ -11110,7 +11110,7 @@ const ResourceLink = (props) => {
     resourceName,
     namespace: namespace2,
     name: name2,
-    uid,
+    query,
     displayName
   } = props;
   const navigation = useNavigation();
@@ -11135,7 +11135,9 @@ const ResourceLink = (props) => {
       to: navigation.showUrl(resourceName, ""),
       query: {
         id: namespace2 ? `${namespace2}/${name2}` : name2,
-        uid
+        // from is current resource by default
+        from: resourceName,
+        ...query
       },
       options: {
         keepQuery: true
@@ -12730,7 +12732,7 @@ const PVCRefField = (i18n2) => {
           resourceName: "persistentvolumeclaims",
           namespace: pv2.pvcNamespace || "default",
           name: value2,
-          uid: pv2.pvcUid
+          query: { uid: pv2.pvcUid }
         }
       );
     }
@@ -13528,7 +13530,7 @@ function BasicShowGroupComponent(props) {
   });
 }
 const ShowContentView = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const {
     id,
     resourceName,
@@ -13660,7 +13662,7 @@ const ShowContentView = (props) => {
     style: {
       padding: size === "small" ? "8px 16px" : void 0
     },
-    children: [!hideBackButton && /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+    children: [!hideBackButton && !showConfig.renderCustomBackButton && /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: cx_default(Typo.Label.l4_bold, BackButton),
       onClick: () => {
         go({
@@ -13678,7 +13680,7 @@ const ShowContentView = (props) => {
           children: (config == null ? void 0 : config.displayName) || resourceName
         })
       })
-    }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
+    }), (_a = showConfig.renderCustomBackButton) == null ? void 0 : _a.call(showConfig, record), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
       className: TopBarStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         style: {
@@ -13689,13 +13691,13 @@ const ShowContentView = (props) => {
           children: config.kind
         }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           className: cx_default(Typo.Display.d2_regular_title, NameStyle),
-          children: ((_a = showConfig.displayName) == null ? void 0 : _a.call(showConfig, record)) || ((_b = record == null ? void 0 : record.metadata) == null ? void 0 : _b.name)
+          children: ((_b = showConfig.displayName) == null ? void 0 : _b.call(showConfig, record)) || ((_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name)
         }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
           state: stateDisplay,
           customResourceStateMap: showConfig.resourceStateMap
         }) : void 0]
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
-        children: [(_c = showConfig.renderExtraButton) == null ? void 0 : _c.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: resourceName,
           action: AccessControlAuth.Edit,
           params: {
@@ -13708,7 +13710,7 @@ const ShowContentView = (props) => {
             onClick: () => openForm({
               id
             }),
-            children: ((_d = config.formConfig) == null ? void 0 : _d.formType) === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(config.displayName || config.kind, i18n2.language)}` : t2("dovetail.edit_yaml")
+            children: ((_e = config.formConfig) == null ? void 0 : _e.formType) === FormType.FORM ? `${t2("dovetail.edit")}${transformResourceKindInSentence(config.displayName || config.kind, i18n2.language)}` : t2("dovetail.edit_yaml")
           })
         }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown2, {
           record,
@@ -19239,7 +19241,9 @@ const PVCRefColumnRenderer = (i18n2) => {
         resourceName: "persistentvolumeclaims",
         namespace: pv2.pvcNamespace || "default",
         name: value2,
-        uid: pv2.pvcUid
+        query: {
+          uid: pv2.pvcUid
+        }
       });
     }
   };

package/package.json

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