@dovetail-v2/refine 0.0.19 → 0.0.20

package/dist/{MonacoYamlDiffEditor-b1abdc2e.js → MonacoYamlDiffEditor-caec6da3.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "./index-77b64cff.js";
+import { j as jsxRuntimeExports } from "./index-dce89c8c.js";
 import * as monaco from "monaco-editor";
 import { useRef, useEffect } from "react";
 import "@refinedev/core";

package/dist/{index-77b64cff.js → index-dce89c8c.js}

@@ -11,7 +11,7 @@ import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
 import { useUIKit, kitContext, Typo, Icon as Icon$1, popModal, pushModal, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
 import yaml from "js-yaml";
-import { isObject, first, get, omit as omit$1, merge, keyBy } from "lodash-es";
+import { isObject, first, get, omit as omit$1, flatten, merge, keyBy } from "lodash-es";
 import { useForm } from "sunflower-antd";
 import i18n from "i18next";
 import { HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, Retry16GradientBlueIcon, EditPen16GradientGrayIcon, EditPen16GradientBlueIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, EditPen16PrimaryIcon, TrashBinDelete16Icon, Download16GradientBlueIcon, MoreEllipsis316BoldBlueIcon, CheckmarkDoneSuccessCorrect16BoldGreenIcon, XmarkFailed16BoldRedIcon, DynamicResourceSchedule16BlueIcon, VmResume16Icon, SuspendedPause16GradientGrayIcon, Resume24Icon, SuspendedPause24GradientOrangeIcon } from "@cloudtower/icons-react";
@@ -3810,7 +3810,7 @@ lodash.exports;
         return result2;
       }
       function flatRest(func) {
-        return setToString(overRest(func, undefined$1, flatten), func + "");
+        return setToString(overRest(func, undefined$1, flatten2), func + "");
       }
       function getAllKeys(object2) {
         return baseGetAllKeys(object2, keys, getSymbols);
@@ -4357,7 +4357,7 @@ lodash.exports;
         }
         return baseFindIndex(array, getIteratee(predicate, 3), index, true);
       }
-      function flatten(array) {
+      function flatten2(array) {
         var length = array == null ? 0 : array.length;
         return length ? baseFlatten(array, 1) : [];
       }
@@ -6145,7 +6145,7 @@ lodash.exports;
       lodash2.flatMap = flatMap;
       lodash2.flatMapDeep = flatMapDeep;
       lodash2.flatMapDepth = flatMapDepth;
-      lodash2.flatten = flatten;
+      lodash2.flatten = flatten2;
       lodash2.flattenDeep = flattenDeep;
       lodash2.flattenDepth = flattenDepth;
       lodash2.flip = flip;
@@ -9856,7 +9856,7 @@ const ErrorMsgStyle = "eh2qjnl";
 const ErrorWrapperStyle = "e19q2bnp";
 const YamlEditorStyle = "y16u5v3w";
 const MonacoYamlEditor$2 = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$1));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-b1abdc2e.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-caec6da3.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -11762,7 +11762,7 @@ const ShowContent = (props) => {
       });
     }
   }];
-  const state2 = get(record, ["status", "phase"]);
+  const stateDisplay = get(record, "stateDisplay");
   const topBar = /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
     className: TopBarStyle,
     children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
@@ -11772,9 +11772,9 @@ const ShowContent = (props) => {
       }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         className: Typo.Label.l1_regular,
         children: (_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name
-      }), state2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
+      }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
         className: StateTagStyle,
-        state: state2
+        state: stateDisplay
       }) : void 0]
     }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(kit.radioGroup, {
@@ -18286,6 +18286,84 @@ const PodLog = ({
     })]
   });
 };
+const NetworkPolicyRulesTable = ({ ingressOrEgress }) => {
+  const result = ingressOrEgress == null ? void 0 : ingressOrEgress.map((gress, i) => {
+    const peers = get(gress, "from") || get(gress, "to");
+    if (!peers)
+      return null;
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(IngressRuleTable, { peers }, i);
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
+};
+const IngressRuleTable = ({ peers }) => {
+  const kit = useUIKit();
+  const { t } = useTranslation();
+  const rows = useMemo(() => {
+    const rows2 = (peers == null ? void 0 : peers.map((p) => {
+      return Object.keys(p).map((key) => {
+        return {
+          type: key,
+          ...p[key]
+        };
+      });
+    })) || [];
+    return addId(flatten(rows2), "type");
+  }, [peers]);
+  const columns = [
+    {
+      key: "type",
+      display: true,
+      dataIndex: "type",
+      title: t("dovetail.type"),
+      sortable: true
+    },
+    {
+      key: "cidr",
+      display: true,
+      dataIndex: "cidr",
+      title: "CIDR",
+      sortable: true,
+      render(v) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: v || "-" });
+      }
+    },
+    {
+      key: "except",
+      display: true,
+      dataIndex: "except",
+      title: "Except",
+      sortable: true,
+      render: (except) => {
+        if (!except)
+          return "-";
+        return except == null ? void 0 : except.map((str) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: str }, str));
+      }
+    },
+    {
+      key: "matchLabels",
+      display: true,
+      dataIndex: "matchLabels",
+      title: "Match Labels",
+      sortable: true,
+      render(matchLabels) {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, { value: matchLabels });
+      }
+    }
+  ];
+  if (rows.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t("dovetail.empty"), style: { padding: "15px 0" } });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    kit.table,
+    {
+      loading: false,
+      dataSource: rows,
+      columns,
+      rowKey: "type",
+      empty: t("dovetail.empty")
+    }
+  );
+};
 const IngressRulesComponent = ({ ingress }) => {
   const kit = useUIKit();
   const result = ingress.flattenedRules.map((r) => {
@@ -19271,6 +19349,7 @@ export {
   YamlEditorComponent as Z,
   DeleteButton as _,
   useDeleteModal as a,
+  ProviderPlugins as a$,
   ImageField as a0,
   ReplicaField as a1,
   ConditionsField as a2,
@@ -19281,33 +19360,33 @@ export {
   StartTimeField as a7,
   ServiceTypeField as a8,
   ClusterIpField as a9,
-  STATEFULSET_INIT_VALUE as aA,
-  POD_INIT_VALUE as aB,
-  SERVICE_INIT_VALUE as aC,
-  INGRESS_INIT_VALUE as aD,
-  NETWORK_POLICY_INIT_VALUE as aE,
-  TIMESTAMP_LABEL as aF,
-  WorkloadState as aG,
-  Dovetail as aH,
-  RESOURCE_GROUP as aI,
-  FormType as aJ,
-  ComponentContext as aK,
-  GlobalStoreContext as aL,
-  ConfigsContext as aM,
-  IngressModel as aN,
-  NetworkPolicyModel as aO,
-  JobModel as aP,
-  WorkloadModel as aQ,
-  WorkloadBaseModel as aR,
-  PodModel as aS,
-  PodMetricsModel as aT,
-  ResourceModel as aU,
-  CronJobModel as aV,
-  EventModel as aW,
-  DeploymentModel as aX,
-  DaemonSetModel as aY,
-  StatefulSetModel as aZ,
-  ProviderPlugins as a_,
+  JOB_INIT_VALUE as aA,
+  STATEFULSET_INIT_VALUE as aB,
+  POD_INIT_VALUE as aC,
+  SERVICE_INIT_VALUE as aD,
+  INGRESS_INIT_VALUE as aE,
+  NETWORK_POLICY_INIT_VALUE as aF,
+  TIMESTAMP_LABEL as aG,
+  WorkloadState as aH,
+  Dovetail as aI,
+  RESOURCE_GROUP as aJ,
+  FormType as aK,
+  ComponentContext as aL,
+  GlobalStoreContext as aM,
+  ConfigsContext as aN,
+  IngressModel as aO,
+  NetworkPolicyModel as aP,
+  JobModel as aQ,
+  WorkloadModel as aR,
+  WorkloadBaseModel as aS,
+  PodModel as aT,
+  PodMetricsModel as aU,
+  ResourceModel as aV,
+  CronJobModel as aW,
+  EventModel as aX,
+  DeploymentModel as aY,
+  DaemonSetModel as aZ,
+  StatefulSetModel as a_,
   SessionAffinityField as aa,
   ServicePodsField as ab,
   IngressRulesTableTabField as ac,
@@ -19329,11 +19408,11 @@ export {
   Tags as as,
   PodLog as at,
   FormModal as au,
-  BASE_INIT_VALUE as av,
-  DEPLOYMENT_INIT_VALUE as aw,
-  CRONJOB_INIT_VALUE as ax,
-  DAEMONSET_INIT_VALUE as ay,
-  JOB_INIT_VALUE as az,
+  NetworkPolicyRulesTable as av,
+  BASE_INIT_VALUE as aw,
+  DEPLOYMENT_INIT_VALUE as ax,
+  CRONJOB_INIT_VALUE as ay,
+  DAEMONSET_INIT_VALUE as az,
   NameSpaceColumnRenderer as b,
   WorkloadRestartsColumnRenderer as c,
   NodeNameColumnRenderer as d,

package/dist/refine.js

@@ -1,4 +1,4 @@
-import { ap, A, av, B, ax, a9, i, C, f, aK, a2, x, aM, E, Q, aV, V, ay, aw, aY, a5, _, ag, aX, aH, aj, D, al, aW, ad, au, aJ, aL, aD, a0, F, h, aN, I, ac, az, aP, a4, X, K, $, ah, ak, M, aE, ao, N, o, b, t, ar, aO, d, aB, w, y, at, aT, aS, P, a3, a_, aI, am, a1, R, L, J, an, G, aU, H, T, e, aC, aA, af, a6, Y, ab, g, a8, aa, ae, a7, S, ai, aZ, aF, as, aR, z, W, aQ, O, U, c, aG, Z, p, v, s, q, r, a, l, k, m, n, aq, u } from "./index-77b64cff.js";
+import { ap, A, aw, B, ay, a9, i, C, f, aL, a2, x, aN, E, Q, aW, V, az, ax, aZ, a5, _, ag, aY, aI, aj, D, al, aX, ad, au, aK, aM, aE, a0, F, h, aO, I, ac, aA, aQ, a4, X, K, $, ah, ak, M, aF, ao, N, o, b, t, ar, aP, av, d, aC, w, y, at, aU, aT, P, a3, a$, aJ, am, a1, R, L, J, an, G, aV, H, T, e, aD, aB, af, a6, Y, ab, g, a8, aa, ae, a7, S, ai, a_, aG, as, aS, z, W, aR, O, U, c, aH, Z, p, v, s, q, r, a, l, k, m, n, aq, u } from "./index-dce89c8c.js";
 import "@cloudtower/eagle";
 import "@refinedev/core";
 import "js-yaml";
@@ -17,46 +17,46 @@ import "k8s-api-provider";
 export {
   ap as ALL_NS,
   A as AgeColumnRenderer,
-  av as BASE_INIT_VALUE,
+  aw as BASE_INIT_VALUE,
   B as Breadcrumb,
-  ax as CRONJOB_INIT_VALUE,
+  ay as CRONJOB_INIT_VALUE,
   a9 as ClusterIpField,
   i as ColumnKeys,
   C as CommonSorter,
   f as CompletionsCountColumnRenderer,
-  aK as ComponentContext,
+  aL as ComponentContext,
   a2 as ConditionsField,
   x as ConditionsTable,
-  aM as ConfigsContext,
+  aN as ConfigsContext,
   E as CreateButton,
   Q as CronJobDropdown,
-  aV as CronJobModel,
+  aW as CronJobModel,
   V as CronjobJobsTable,
-  ay as DAEMONSET_INIT_VALUE,
-  aw as DEPLOYMENT_INIT_VALUE,
-  aY as DaemonSetModel,
+  az as DAEMONSET_INIT_VALUE,
+  ax as DEPLOYMENT_INIT_VALUE,
+  aZ as DaemonSetModel,
   a5 as DataField,
   _ as DeleteButton,
   ag as DeleteManyButton,
-  aX as DeploymentModel,
-  aH as Dovetail,
+  aY as DeploymentModel,
+  aI as Dovetail,
   aj as DrawerShow,
   D as DurationColumnRenderer,
   al as EditButton,
-  aW as EventModel,
+  aX as EventModel,
   ad as EventsTableTabField,
   au as FormModal,
-  aJ as FormType,
-  aL as GlobalStoreContext,
-  aD as INGRESS_INIT_VALUE,
+  aK as FormType,
+  aM as GlobalStoreContext,
+  aE as INGRESS_INIT_VALUE,
   a0 as ImageField,
   F as ImageNames,
   h as IngressDefaultBackendColumnRenderer,
-  aN as IngressModel,
+  aO as IngressModel,
   I as IngressRulesColumnRenderer,
   ac as IngressRulesTableTabField,
-  az as JOB_INIT_VALUE,
-  aP as JobModel,
+  aA as JOB_INIT_VALUE,
+  aQ as JobModel,
   a4 as JobsField,
   X as KeyValue,
   K as KeyValueListWidget,
@@ -64,25 +64,26 @@ export {
   ah as ListPage,
   ak as Menu,
   M as MetadataForm,
-  aE as NETWORK_POLICY_INIT_VALUE,
+  aF as NETWORK_POLICY_INIT_VALUE,
   ao as NS_STORE_KEY,
   N as NameColumnRenderer,
   o as NameInputWidget,
   b as NameSpaceColumnRenderer,
   t as NamespaceSelectWidget,
   ar as NamespacesFilter,
-  aO as NetworkPolicyModel,
+  aP as NetworkPolicyModel,
+  av as NetworkPolicyRulesTable,
   d as NodeNameColumnRenderer,
-  aB as POD_INIT_VALUE,
+  aC as POD_INIT_VALUE,
   w as PageShow,
   y as PodContainersTable,
   at as PodLog,
-  aT as PodMetricsModel,
-  aS as PodModel,
+  aU as PodMetricsModel,
+  aT as PodModel,
   P as PodWorkloadColumnRenderer,
   a3 as PodsField,
-  a_ as ProviderPlugins,
-  aI as RESOURCE_GROUP,
+  a$ as ProviderPlugins,
+  aJ as RESOURCE_GROUP,
   am as ReferenceLink,
   a1 as ReplicaField,
   R as ReplicasColumnRenderer,
@@ -90,12 +91,12 @@ export {
   J as ResourceForm,
   an as ResourceLink,
   G as ResourceList,
-  aU as ResourceModel,
+  aV as ResourceModel,
   H as ResourceShow,
   T as ResourceUsageBar,
   e as RestartCountColumnRenderer,
-  aC as SERVICE_INIT_VALUE,
-  aA as STATEFULSET_INIT_VALUE,
+  aD as SERVICE_INIT_VALUE,
+  aB as STATEFULSET_INIT_VALUE,
   af as SchemaStrategy,
   a6 as SecretDataField,
   Y as Separator,
@@ -107,17 +108,17 @@ export {
   a7 as StartTimeField,
   S as StateDisplayColumnRenderer,
   ai as StateTag,
-  aZ as StatefulSetModel,
-  aF as TIMESTAMP_LABEL,
+  a_ as StatefulSetModel,
+  aG as TIMESTAMP_LABEL,
   as as Tags,
-  aR as WorkloadBaseModel,
+  aS as WorkloadBaseModel,
   z as WorkloadDropdown,
   W as WorkloadImageColumnRenderer,
-  aQ as WorkloadModel,
+  aR as WorkloadModel,
   O as WorkloadPodsTable,
   U as WorkloadReplicas,
   c as WorkloadRestartsColumnRenderer,
-  aG as WorkloadState,
+  aH as WorkloadState,
   Z as YamlEditorComponent,
   p as dnsSubDomainRules,
   v as namespaceRules,

package/dist/refine.umd.cjs

@@ -11768,7 +11768,7 @@ var __publicField = (obj, key, value) => {
         });
       }
     }];
-    const state2 = lodashEs.get(record, ["status", "phase"]);
+    const stateDisplay = lodashEs.get(record, "stateDisplay");
     const topBar = /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
       className: TopBarStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
@@ -11778,9 +11778,9 @@ var __publicField = (obj, key, value) => {
         }), /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
           className: eagle.Typo.Label.l1_regular,
           children: (_c = record == null ? void 0 : record.metadata) == null ? void 0 : _c.name
-        }), state2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
+        }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
           className: StateTagStyle,
-          state: state2
+          state: stateDisplay
         }) : void 0]
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
         children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(kit.radioGroup, {
@@ -18292,6 +18292,84 @@ var __publicField = (obj, key, value) => {
       })]
     });
   };
+  const NetworkPolicyRulesTable = ({ ingressOrEgress }) => {
+    const result = ingressOrEgress == null ? void 0 : ingressOrEgress.map((gress, i) => {
+      const peers = lodashEs.get(gress, "from") || lodashEs.get(gress, "to");
+      if (!peers)
+        return null;
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(IngressRuleTable, { peers }, i);
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: result });
+  };
+  const IngressRuleTable = ({ peers }) => {
+    const kit = eagle.useUIKit();
+    const { t } = useTranslation();
+    const rows = React.useMemo(() => {
+      const rows2 = (peers == null ? void 0 : peers.map((p) => {
+        return Object.keys(p).map((key) => {
+          return {
+            type: key,
+            ...p[key]
+          };
+        });
+      })) || [];
+      return addId(lodashEs.flatten(rows2), "type");
+    }, [peers]);
+    const columns = [
+      {
+        key: "type",
+        display: true,
+        dataIndex: "type",
+        title: t("dovetail.type"),
+        sortable: true
+      },
+      {
+        key: "cidr",
+        display: true,
+        dataIndex: "cidr",
+        title: "CIDR",
+        sortable: true,
+        render(v) {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: v || "-" });
+        }
+      },
+      {
+        key: "except",
+        display: true,
+        dataIndex: "except",
+        title: "Except",
+        sortable: true,
+        render: (except) => {
+          if (!except)
+            return "-";
+          return except == null ? void 0 : except.map((str) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: str }, str));
+        }
+      },
+      {
+        key: "matchLabels",
+        display: true,
+        dataIndex: "matchLabels",
+        title: "Match Labels",
+        sortable: true,
+        render(matchLabels) {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(Tags, { value: matchLabels });
+        }
+      }
+    ];
+    if (rows.length === 0) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent$1, { errorText: t("dovetail.empty"), style: { padding: "15px 0" } });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      kit.table,
+      {
+        loading: false,
+        dataSource: rows,
+        columns,
+        rowKey: "type",
+        empty: t("dovetail.empty")
+      }
+    );
+  };
   const IngressRulesComponent = ({ ingress }) => {
     const kit = eagle.useUIKit();
     const result = ingress.flattenedRules.map((r) => {
@@ -19344,6 +19422,7 @@ var __publicField = (obj, key, value) => {
   exports2.NamespaceSelectWidget = NamespaceSelectWidget;
   exports2.NamespacesFilter = NamespacesFilter;
   exports2.NetworkPolicyModel = NetworkPolicyModel;
+  exports2.NetworkPolicyRulesTable = NetworkPolicyRulesTable;
   exports2.NodeNameColumnRenderer = NodeNameColumnRenderer;
   exports2.POD_INIT_VALUE = POD_INIT_VALUE;
   exports2.PageShow = PageShow;

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

@@ -35,3 +35,4 @@ export * from './NamespacesFilter';
 export * from './Tags';
 export * from './PodLog';
 export * from './FormModal';
+export * from './NetworkPolicyRulesTable';

package/package.json

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