@dovetail-v2/refine 0.3.20-alpha.2 → 0.3.21-alpha.1

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

@@ -5,7 +5,7 @@ import { Unstructured } from 'k8s-api-provider';
 import { ConfigMap, Secret } from 'kubernetes-types/core/v1';
 import { NetworkPolicy } from 'kubernetes-types/networking/v1';
 import React from 'react';
-import { JobModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel, IngressModel, ServiceModel, StorageClassModel, PersistentVolumeModel, PersistentVolumeClaimModel } from '../../models';
+import { JobModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel, IngressModel, ServiceModel, StorageClassModel, PersistentVolumeModel, PersistentVolumeClaimModel, PodModel } from '../../models';
 export type ShowField<Model extends ResourceModel> = {
     key: string;
     title?: React.ReactNode;
@@ -94,3 +94,4 @@ export declare const SCReclaimPolicyField: <Model extends StorageClassModel>(i18
 export declare const IsSCAllowVolumeExpansionField: <Model extends StorageClassModel>(i18n: I18nType) => ShowField<Model>;
 export declare const ResourceTableField: <Model extends ResourceModel<Unstructured>>(resource: string, useTableParams?: import("@refinedev/core").useTableProps<Model, import("@refinedev/core").HttpError, Model> | undefined) => ShowField<Model>;
 export declare const PodCountOfJobField: <Model extends JobModel>(i18n: I18nType) => ShowField<Model>;
+export declare const PodWorkloadField: <Model extends PodModel>(i18n: I18nType) => ShowField<Model>;

package/dist/refine.cjs

@@ -7973,7 +7973,7 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     return o(prop);
   }
 }) : styled;
-const index_l4xyq7 = "";
+const index_o09auy = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
   class: "egn3dbn",
@@ -8031,6 +8031,9 @@ const WidgetErrorContent = (props) => {
       className: "error-content",
       children: [/* @__PURE__ */ common.jsxRuntimeExports.jsx("p", {
         className: common.cx_default(fontMap[type2], "title", `${type2}-title`),
+        style: {
+          marginBottom: !!refetch ? "8px" : "0"
+        },
         children: errorText || t2("dovetail.obtain_data_error")
       }), props.children, !refetch ? null : /* @__PURE__ */ common.jsxRuntimeExports.jsx(kit.button, {
         size: type2 === "list" ? "middle" : "small",
@@ -10986,7 +10989,7 @@ const useEagleTable = (params) => {
   const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
   const [selectedKeys, setSelectedKeys] = React.useState([]);
   const [currentPage, setCurrentPage] = React.useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
-  const [currentFilters, setCurrentFilters] = React.useState([]);
+  const prevFiltersRef = React.useRef([]);
   const { resource } = core.useResource();
   const currentSize = (tableProps == null ? void 0 : tableProps.defaultSize) || 10;
   const useTableParams = React.useMemo(() => {
@@ -11060,11 +11063,11 @@ const useEagleTable = (params) => {
     ]);
   }, []);
   React.useEffect(() => {
-    if (lodashEs.isEqual(params.filters, currentFilters)) {
+    if (lodashEs.isEqual(params.filters, prevFiltersRef.current)) {
       return;
     }
     table.setFilters(params.filters || [], "replace");
-    setCurrentFilters(params.filters || []);
+    prevFiltersRef.current = params.filters || [];
   }, [params.filters]);
   return {
     tableProps: finalProps,
@@ -12239,6 +12242,56 @@ const NodeTaintsTable = ({
     showMenuColumn: false
   });
 };
+const ReferenceLink = (props) => {
+  const { ownerReference, namespace: namespace2, pod: pod2 } = props;
+  const configs = React.useContext(ConfigsContext);
+  const { data: deploymentsData } = core.useList({
+    resource: "deployments",
+    meta: {
+      kind: "Deployment",
+      resourceBasePath: "/apis/apps/v1"
+    },
+    pagination: {
+      mode: "off"
+    }
+  });
+  const { data: replicaSetsData } = core.useList({
+    resource: "replicasets",
+    meta: {
+      kind: "ReplicaSet",
+      resourceBasePath: "/apis/apps/v1"
+    },
+    pagination: {
+      mode: "off"
+    }
+  });
+  if (ownerReference.kind === "ReplicaSet") {
+    const deployment = pod2.getBelongToDeployment(
+      (deploymentsData == null ? void 0 : deploymentsData.data) || [],
+      (replicaSetsData == null ? void 0 : replicaSetsData.data) || []
+    );
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+      ResourceLink,
+      {
+        name: (deployment == null ? void 0 : deployment.name) || "",
+        resourceName: "deployments",
+        namespace: namespace2
+      }
+    );
+  }
+  const resource = Object.values(configs).find((c2) => c2.kind === ownerReference.kind);
+  if (!resource) {
+    return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
+  }
+  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
+    ResourceLink,
+    {
+      name: ownerReference.name,
+      resourceName: resource.name || "",
+      namespace: namespace2
+    }
+  );
+};
 function PVVolumeModeDisplay(props) {
   const { value: value2 } = props;
   const i18n2 = common.useTranslation();
@@ -13165,6 +13218,27 @@ const PodCountOfJobField = (i18n2) => {
     }
   };
 };
+const PodWorkloadField = (i18n2) => {
+  return {
+    key: "podWorkload",
+    title: i18n2.t("dovetail.workload"),
+    path: ["metadata", "ownerReferences"],
+    col: 12,
+    renderContent(value2, record) {
+      const ownerReferences = value2;
+      if (!(ownerReferences == null ? void 0 : ownerReferences.length)) {
+        return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, {
+          value: ""
+        });
+      }
+      return ownerReferences.map((o) => /* @__PURE__ */ common.jsxRuntimeExports.jsx(ReferenceLink, {
+        pod: record,
+        ownerReference: o,
+        namespace: record.metadata.namespace || "default"
+      }, o.name));
+    }
+  };
+};
 const index_15s69c5 = "";
 const ItemWrapperStyle = "i1hk9uwu";
 const LabelsAndAnnotationsShow = ({
@@ -14851,7 +14925,7 @@ const SectionTitle = React.forwardRef(function SectionTitle2(props, ref) {
     })]
   });
 });
-const styles_qho61p = "";
+const styles_mte7bu = "";
 const SpaceStyle = "sea7f83";
 const VerticalFormItemStyle = "v1jthrhz";
 const IntegerStyle = "i1brpchs";
@@ -17800,56 +17874,6 @@ const EditButton = () => {
     }
   );
 };
-const ReferenceLink = (props) => {
-  const { ownerReference, namespace: namespace2, pod: pod2 } = props;
-  const configs = React.useContext(ConfigsContext);
-  const { data: deploymentsData } = core.useList({
-    resource: "deployments",
-    meta: {
-      kind: "Deployment",
-      resourceBasePath: "/apis/apps/v1"
-    },
-    pagination: {
-      mode: "off"
-    }
-  });
-  const { data: replicaSetsData } = core.useList({
-    resource: "replicasets",
-    meta: {
-      kind: "ReplicaSet",
-      resourceBasePath: "/apis/apps/v1"
-    },
-    pagination: {
-      mode: "off"
-    }
-  });
-  if (ownerReference.kind === "ReplicaSet") {
-    const deployment = pod2.getBelongToDeployment(
-      (deploymentsData == null ? void 0 : deploymentsData.data) || [],
-      (replicaSetsData == null ? void 0 : replicaSetsData.data) || []
-    );
-    return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-      ResourceLink,
-      {
-        name: (deployment == null ? void 0 : deployment.name) || "",
-        resourceName: "deployments",
-        namespace: namespace2
-      }
-    );
-  }
-  const resource = Object.values(configs).find((c2) => c2.kind === ownerReference.kind);
-  if (!resource) {
-    return /* @__PURE__ */ common.jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
-  }
-  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-    ResourceLink,
-    {
-      name: ownerReference.name,
-      resourceName: resource.name || "",
-      namespace: namespace2
-    }
-  );
-};
 const TextTags = (props) => {
   const { value: value2 } = props;
   if (!value2) {
@@ -17898,7 +17922,7 @@ function ResourceSelect(props) {
     }
   );
 }
-const SelectMatchLabelButton_1uc76rw = "";
+const SelectMatchLabelButton_14cb3vv = "";
 const PopoverOverlayStyle = "p19yct45";
 const PopoverContentStyle = "p2255z4";
 const PopoverTitleStyle = "p16qejqa";
@@ -20350,6 +20374,7 @@ exports.PodSelectorGroup = PodSelectorGroup;
 exports.PodShell = PodShell;
 exports.PodShellModal = PodShellModal;
 exports.PodWorkloadColumnRenderer = PodWorkloadColumnRenderer;
+exports.PodWorkloadField = PodWorkloadField;
 exports.PodsField = PodsField;
 exports.PodsGroup = PodsGroup;
 exports.PortMappingColumnRenderer = PortMappingColumnRenderer;

package/dist/refine.js

@@ -7954,7 +7954,7 @@ var styled_default = process.env.NODE_ENV !== "production" ? new Proxy(styled, {
     return o(prop);
   }
 }) : styled;
-const index_l4xyq7 = "";
+const index_o09auy = "";
 const ErrorWrapper = /* @__PURE__ */ styled_default("div")({
   name: "ErrorWrapper",
   class: "egn3dbn",
@@ -8012,6 +8012,9 @@ const WidgetErrorContent = (props) => {
       className: "error-content",
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("p", {
         className: cx_default(fontMap[type2], "title", `${type2}-title`),
+        style: {
+          marginBottom: !!refetch ? "8px" : "0"
+        },
         children: errorText || t2("dovetail.obtain_data_error")
       }), props.children, !refetch ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
         size: type2 === "list" ? "middle" : "small",
@@ -10967,7 +10970,7 @@ const useEagleTable = (params) => {
   const { columns, tableProps, formatter, Dropdown: Dropdown2 = K8sDropdown } = params;
   const [selectedKeys, setSelectedKeys] = useState([]);
   const [currentPage, setCurrentPage] = useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
-  const [currentFilters, setCurrentFilters] = useState([]);
+  const prevFiltersRef = useRef([]);
   const { resource } = useResource();
   const currentSize = (tableProps == null ? void 0 : tableProps.defaultSize) || 10;
   const useTableParams = useMemo(() => {
@@ -11041,11 +11044,11 @@ const useEagleTable = (params) => {
     ]);
   }, []);
   useEffect(() => {
-    if (isEqual$1(params.filters, currentFilters)) {
+    if (isEqual$1(params.filters, prevFiltersRef.current)) {
       return;
     }
     table.setFilters(params.filters || [], "replace");
-    setCurrentFilters(params.filters || []);
+    prevFiltersRef.current = params.filters || [];
   }, [params.filters]);
   return {
     tableProps: finalProps,
@@ -12220,6 +12223,56 @@ const NodeTaintsTable = ({
     showMenuColumn: false
   });
 };
+const ReferenceLink = (props) => {
+  const { ownerReference, namespace: namespace2, pod: pod2 } = props;
+  const configs = useContext(ConfigsContext);
+  const { data: deploymentsData } = useList({
+    resource: "deployments",
+    meta: {
+      kind: "Deployment",
+      resourceBasePath: "/apis/apps/v1"
+    },
+    pagination: {
+      mode: "off"
+    }
+  });
+  const { data: replicaSetsData } = useList({
+    resource: "replicasets",
+    meta: {
+      kind: "ReplicaSet",
+      resourceBasePath: "/apis/apps/v1"
+    },
+    pagination: {
+      mode: "off"
+    }
+  });
+  if (ownerReference.kind === "ReplicaSet") {
+    const deployment = pod2.getBelongToDeployment(
+      (deploymentsData == null ? void 0 : deploymentsData.data) || [],
+      (replicaSetsData == null ? void 0 : replicaSetsData.data) || []
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ResourceLink,
+      {
+        name: (deployment == null ? void 0 : deployment.name) || "",
+        resourceName: "deployments",
+        namespace: namespace2
+      }
+    );
+  }
+  const resource = Object.values(configs).find((c2) => c2.kind === ownerReference.kind);
+  if (!resource) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ResourceLink,
+    {
+      name: ownerReference.name,
+      resourceName: resource.name || "",
+      namespace: namespace2
+    }
+  );
+};
 function PVVolumeModeDisplay(props) {
   const { value: value2 } = props;
   const i18n2 = useTranslation();
@@ -13146,6 +13199,27 @@ const PodCountOfJobField = (i18n2) => {
     }
   };
 };
+const PodWorkloadField = (i18n2) => {
+  return {
+    key: "podWorkload",
+    title: i18n2.t("dovetail.workload"),
+    path: ["metadata", "ownerReferences"],
+    col: 12,
+    renderContent(value2, record) {
+      const ownerReferences = value2;
+      if (!(ownerReferences == null ? void 0 : ownerReferences.length)) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
+          value: ""
+        });
+      }
+      return ownerReferences.map((o) => /* @__PURE__ */ jsxRuntimeExports.jsx(ReferenceLink, {
+        pod: record,
+        ownerReference: o,
+        namespace: record.metadata.namespace || "default"
+      }, o.name));
+    }
+  };
+};
 const index_15s69c5 = "";
 const ItemWrapperStyle = "i1hk9uwu";
 const LabelsAndAnnotationsShow = ({
@@ -14832,7 +14906,7 @@ const SectionTitle = React.forwardRef(function SectionTitle2(props, ref) {
     })]
   });
 });
-const styles_qho61p = "";
+const styles_mte7bu = "";
 const SpaceStyle = "sea7f83";
 const VerticalFormItemStyle = "v1jthrhz";
 const IntegerStyle = "i1brpchs";
@@ -17781,56 +17855,6 @@ const EditButton = () => {
     }
   );
 };
-const ReferenceLink = (props) => {
-  const { ownerReference, namespace: namespace2, pod: pod2 } = props;
-  const configs = useContext(ConfigsContext);
-  const { data: deploymentsData } = useList({
-    resource: "deployments",
-    meta: {
-      kind: "Deployment",
-      resourceBasePath: "/apis/apps/v1"
-    },
-    pagination: {
-      mode: "off"
-    }
-  });
-  const { data: replicaSetsData } = useList({
-    resource: "replicasets",
-    meta: {
-      kind: "ReplicaSet",
-      resourceBasePath: "/apis/apps/v1"
-    },
-    pagination: {
-      mode: "off"
-    }
-  });
-  if (ownerReference.kind === "ReplicaSet") {
-    const deployment = pod2.getBelongToDeployment(
-      (deploymentsData == null ? void 0 : deploymentsData.data) || [],
-      (replicaSetsData == null ? void 0 : replicaSetsData.data) || []
-    );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ResourceLink,
-      {
-        name: (deployment == null ? void 0 : deployment.name) || "",
-        resourceName: "deployments",
-        namespace: namespace2
-      }
-    );
-  }
-  const resource = Object.values(configs).find((c2) => c2.kind === ownerReference.kind);
-  if (!resource) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, { value: "" });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    ResourceLink,
-    {
-      name: ownerReference.name,
-      resourceName: resource.name || "",
-      namespace: namespace2
-    }
-  );
-};
 const TextTags = (props) => {
   const { value: value2 } = props;
   if (!value2) {
@@ -17879,7 +17903,7 @@ function ResourceSelect(props) {
     }
   );
 }
-const SelectMatchLabelButton_1uc76rw = "";
+const SelectMatchLabelButton_14cb3vv = "";
 const PopoverOverlayStyle = "p19yct45";
 const PopoverContentStyle = "p2255z4";
 const PopoverTitleStyle = "p16qejqa";
@@ -20332,6 +20356,7 @@ export {
   PodShell,
   PodShellModal,
   PodWorkloadColumnRenderer,
+  PodWorkloadField,
   PodsField,
   PodsGroup,
   PortMappingColumnRenderer,

package/dist/style.css

@@ -730,9 +730,6 @@
   align-items: center;
   justify-content: center;
 }
-.e136jgy8 .title {
-  margin-bottom: 8px;
-}
 .e136jgy8 .title.list-title {
   margin-bottom: 16px;
 }/* // basic */
@@ -4160,6 +4157,12 @@
   flex-direction: column !important;
   gap: 8px;
 }
+.v1jthrhz.ant-form-item .ant-form-item-label > label {
+  min-height: auto;
+}
+.v1jthrhz.ant-form-item .ant-form-item-control-input {
+  min-height: auto;
+}
 
 .i1brpchs {
   max-width: 144px;
@@ -4814,6 +4817,9 @@
 .p19yct45 .ant-popover-inner-content {
   padding: 0;
 }
+.p19yct45 .ant-popover-arrow {
+  display: none;
+}
 
 .p2255z4 {
   width: 463px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.3.20-alpha.2",
+  "version": "0.3.21-alpha.1",
   "type": "module",
   "files": [
     "dist",
@@ -10,8 +10,8 @@
   "module": "./dist/refine.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@cloudtower/eagle": "^0.34.24",
-    "@cloudtower/icons-react": "^0.34.24",
+    "@cloudtower/eagle": "^490.0.1",
+    "@cloudtower/icons-react": "^490.0.1",
     "@patternfly/react-core": "^5.1.1",
     "@patternfly/react-log-viewer": "^5.0.0",
     "@refinedev/core": "^4.47.2",
@@ -86,8 +86,8 @@
     "vite-plugin-commonjs": "^0.10.0"
   },
   "peerDependencies": {
-    "@cloudtower/eagle": "^0.34.24",
-    "@cloudtower/icons-react": "^0.34.24",
+    "@cloudtower/eagle": "^490.0.1",
+    "@cloudtower/icons-react": "^490.0.1",
     "@refinedev/core": "^4.47.2",
     "antd": "4.5.0",
     "i18next": "^23.2.3",