@wso2/am-core-ui 0.0.18 → 0.0.20

package/dist/index-BUZSfCl5.js

@@ -0,0 +1,335 @@
+import { jsx as i, jsxs as w } from "react/jsx-runtime";
+import { c as ee } from "react/compiler-runtime";
+import { useParams as ue, useSearchParams as de } from "react-router-dom";
+import { N as Y, h as he, aX as fe, T as b, c as ge, d as pe, P as te, a_ as ye, aZ as ve } from "./index-ByEInFlf.js";
+import "@tanstack/react-query";
+import "react";
+import { useTheme as be, Grid as V, Card as X, CardContent as Z, Skeleton as se, Box as J, Stack as Q, Typography as ie, Alert as ce, CardHeader as ae, CircularProgress as Re, IconButton as xe } from "@wso2/oxygen-ui";
+import { LineChart as re, ChartTooltip as ne } from "@wso2/oxygen-ui-charts-react";
+import { RefreshCcw as Se, PauseCircle as _e, BarChart3 as Te } from "@wso2/oxygen-ui-icons-react";
+import { E as Ce } from "./EnvironmentSelector-D8S6nO9u.js";
+const W = (e) => e / 1024 ** 3, oe = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.forEach(({
+    key: s,
+    points: r,
+    transform: o
+  }) => {
+    r?.forEach((a) => {
+      const l = t.get(a.time) ?? {
+        time: a.time,
+        label: he(new Date(a.time), "MM/dd HH:mm")
+      };
+      t.set(a.time, {
+        ...l,
+        [s]: o ? o(a.value) : a.value
+      });
+    });
+  }), Array.from(t.values()).sort((s, r) => new Date(s.time).getTime() - new Date(r.time).getTime());
+}, le = (e) => {
+  const t = ee(7), {
+    active: s,
+    payload: r,
+    formatter: o
+  } = e;
+  if (!s || !r || r.length === 0)
+    return null;
+  let a;
+  if (t[0] !== o || t[1] !== r) {
+    let m;
+    t[3] !== o ? (m = (n) => /* @__PURE__ */ w(Q, { direction: "row", alignItems: "center", gap: 1, children: [
+      /* @__PURE__ */ i(J, { sx: {
+        width: 8,
+        height: 8,
+        borderRadius: "50%",
+        bgcolor: n.color ?? "text.secondary"
+      } }),
+      /* @__PURE__ */ i(ie, { variant: "body2", color: "textSecondary", flex: 1, children: n.name ?? n.dataKey }),
+      /* @__PURE__ */ i(ie, { variant: "body2", fontWeight: 600, children: typeof n.value == "number" && o ? o(n.value) : n.value ?? "--" })
+    ] }, n.dataKey ?? n.name), t[3] = o, t[4] = m) : m = t[4], a = r.map(m), t[0] = o, t[1] = r, t[2] = a;
+  } else
+    a = t[2];
+  let l;
+  return t[5] !== a ? (l = /* @__PURE__ */ i(X, { variant: "outlined", children: /* @__PURE__ */ i(Z, { children: /* @__PURE__ */ i(Q, { direction: "column", gap: 0.5, children: a }) }) }), t[5] = a, t[6] = l) : l = t[6], l;
+}, Ne = (e) => {
+  const t = ee(27), {
+    metrics: s,
+    isLoading: r,
+    error: o
+  } = e, a = be(), l = (s?.cpuUsage?.length ?? 0) > 0 || (s?.cpuRequests?.length ?? 0) > 0 || (s?.cpuLimits?.length ?? 0) > 0, m = (s?.memory?.length ?? 0) > 0 || (s?.memoryRequests?.length ?? 0) > 0 || (s?.memoryLimits?.length ?? 0) > 0;
+  if (o) {
+    const M = o instanceof Error ? o.message : "Failed to load metrics";
+    let y;
+    return t[0] !== M ? (y = /* @__PURE__ */ i(ce, { severity: "error", children: M }), t[0] = M, t[1] = y) : y = t[1], y;
+  }
+  let n;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (n = {
+    xs: 12,
+    md: 6
+  }, t[2] = n) : n = t[2];
+  let c, R;
+  t[3] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+    height: "100%"
+  }, R = /* @__PURE__ */ i(ae, { title: "CPU Usage" }), t[3] = c, t[4] = R) : (c = t[3], R = t[4]);
+  let h;
+  t[5] === Symbol.for("react.memo_cache_sentinel") ? (h = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    "& svg:focus, & svg:focus-visible, & [tabindex]:focus, & [tabindex]:focus-visible": {
+      outline: "none"
+    }
+  }, t[5] = h) : h = t[5];
+  let d;
+  t[6] !== l || t[7] !== r || t[8] !== s?.cpuLimits || t[9] !== s?.cpuRequests || t[10] !== s?.cpuUsage || t[11] !== a ? (d = /* @__PURE__ */ i(V, { size: n, children: /* @__PURE__ */ w(X, { variant: "outlined", sx: c, children: [
+    R,
+    /* @__PURE__ */ i(Z, { sx: h, children: r ? /* @__PURE__ */ i(se, { variant: "rounded", height: 260, width: "100%" }) : l ? /* @__PURE__ */ i(re, { data: oe([{
+      key: "cpuUsage",
+      points: s?.cpuUsage
+    }, {
+      key: "cpuRequests",
+      points: s?.cpuRequests
+    }, {
+      key: "cpuLimits",
+      points: s?.cpuLimits
+    }]), xAxisDataKey: "label", tooltip: {
+      show: !1
+    }, xAxis: {
+      show: !0,
+      interval: "preserveStartEnd"
+    }, yAxis: {
+      show: !0,
+      name: "Cores"
+    }, syncId: "metricsSync", lines: [{
+      dataKey: "cpuUsage",
+      name: "Usage",
+      stroke: a.palette.info.main,
+      dot: !1,
+      connectNulls: !0,
+      unit: " cores"
+    }, {
+      dataKey: "cpuRequests",
+      name: "Requests",
+      stroke: a.palette.warning.main,
+      dot: !1,
+      connectNulls: !0,
+      unit: " cores"
+    }, {
+      dataKey: "cpuLimits",
+      name: "Limits",
+      stroke: a.palette.error.main,
+      dot: !1,
+      connectNulls: !0,
+      strokeDasharray: "0",
+      unit: " cores"
+    }], children: /* @__PURE__ */ i(ne, { content: /* @__PURE__ */ i(le, { title: "CPU", formatter: Ee }) }) }) : /* @__PURE__ */ i(J, { display: "flex", justifyContent: "center", alignItems: "center", height: 260, children: /* @__PURE__ */ i(Y, { message: "No CPU metrics available", subtitle: "Try changing the time range", disableBackground: !0 }) }) })
+  ] }) }), t[6] = l, t[7] = r, t[8] = s?.cpuLimits, t[9] = s?.cpuRequests, t[10] = s?.cpuUsage, t[11] = a, t[12] = d) : d = t[12];
+  let f;
+  t[13] === Symbol.for("react.memo_cache_sentinel") ? (f = {
+    xs: 12,
+    md: 6
+  }, t[13] = f) : f = t[13];
+  let S, g;
+  t[14] === Symbol.for("react.memo_cache_sentinel") ? (S = {
+    height: "100%"
+  }, g = /* @__PURE__ */ i(ae, { title: "Memory Usage" }), t[14] = S, t[15] = g) : (S = t[14], g = t[15]);
+  let x;
+  t[16] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    "& svg:focus, & svg:focus-visible, & [tabindex]:focus, & [tabindex]:focus-visible": {
+      outline: "none"
+    }
+  }, t[16] = x) : x = t[16];
+  let u;
+  t[17] !== m || t[18] !== r || t[19] !== s?.memory || t[20] !== s?.memoryLimits || t[21] !== s?.memoryRequests || t[22] !== a ? (u = /* @__PURE__ */ i(V, { size: f, children: /* @__PURE__ */ w(X, { variant: "outlined", sx: S, children: [
+    g,
+    /* @__PURE__ */ i(Z, { sx: x, children: r ? /* @__PURE__ */ i(se, { variant: "rounded", height: 260, width: "100%" }) : m ? /* @__PURE__ */ i(re, { data: oe([{
+      key: "memoryUsage",
+      points: s?.memory,
+      transform: W
+    }, {
+      key: "memoryRequests",
+      points: s?.memoryRequests,
+      transform: W
+    }, {
+      key: "memoryLimits",
+      points: s?.memoryLimits,
+      transform: W
+    }]), xAxisDataKey: "label", xAxis: {
+      show: !0,
+      interval: "preserveStartEnd"
+    }, yAxis: {
+      show: !0,
+      name: "GiB"
+    }, tooltip: {
+      show: !1
+    }, syncId: "metricsSync", lines: [{
+      dataKey: "memoryUsage",
+      name: "Usage",
+      stroke: a.palette.info.main,
+      dot: !1,
+      connectNulls: !0,
+      unit: " GB"
+    }, {
+      dataKey: "memoryRequests",
+      name: "Requests",
+      stroke: a.palette.warning.main,
+      dot: !1,
+      connectNulls: !0,
+      unit: " GB"
+    }, {
+      dataKey: "memoryLimits",
+      name: "Limits",
+      stroke: a.palette.error.main,
+      dot: !1,
+      connectNulls: !0,
+      strokeDasharray: "0",
+      unit: " GB"
+    }], children: /* @__PURE__ */ i(ne, { content: /* @__PURE__ */ i(le, { title: "Memory", formatter: Le }) }) }) : /* @__PURE__ */ i(J, { display: "flex", justifyContent: "center", alignItems: "center", height: 260, children: /* @__PURE__ */ i(Y, { message: "No memory metrics available", subtitle: "Try changing the time range", disableBackground: !0 }) }) })
+  ] }) }), t[17] = m, t[18] = r, t[19] = s?.memory, t[20] = s?.memoryLimits, t[21] = s?.memoryRequests, t[22] = a, t[23] = u) : u = t[23];
+  let p;
+  return t[24] !== u || t[25] !== d ? (p = /* @__PURE__ */ w(V, { container: !0, spacing: 3, children: [
+    d,
+    u
+  ] }), t[24] = u, t[25] = d, t[26] = p) : p = t[26], p;
+};
+function Ee(e) {
+  return `${e.toFixed(3)} cores`;
+}
+function Le(e) {
+  return `${e.toFixed(2)} GB`;
+}
+const Ue = [{
+  value: b.TEN_MINUTES,
+  label: "10 Minutes"
+}, {
+  value: b.THIRTY_MINUTES,
+  label: "30 Minutes"
+}, {
+  value: b.ONE_HOUR,
+  label: "1 Hour"
+}, {
+  value: b.SIX_HOURS,
+  label: "6 Hours"
+}, {
+  value: b.TWELVE_HOURS,
+  label: "12 Hours"
+}, {
+  value: b.ONE_DAY,
+  label: "1 Day"
+}, {
+  value: b.SEVEN_DAYS,
+  label: "7 Days"
+}], me = () => {
+  const e = ee(54), {
+    agentId: t,
+    orgId: s,
+    projectId: r,
+    envId: o
+  } = ue(), [a, l] = de(), {
+    customStartTime: m,
+    customEndTime: n,
+    hasCustomRange: c,
+    handleCustomRangeApply: R
+  } = fe(a, l);
+  let h;
+  e[0] !== c || e[1] !== a ? (h = c ? void 0 : Object.values(b).includes(a.get("timeRange") ?? "") ? a.get("timeRange") : b.ONE_HOUR, e[0] = c, e[1] = a, e[2] = h) : h = e[2];
+  const d = h;
+  let f;
+  e[3] !== t || e[4] !== s || e[5] !== r ? (f = {
+    orgName: s,
+    projName: r,
+    agentName: t
+  }, e[3] = t, e[4] = s, e[5] = r, e[6] = f) : f = e[6];
+  const {
+    data: S
+  } = ge(f), g = S === void 0 ? void 0 : S[o ?? ""]?.status === "suspended", x = o ?? "";
+  let u;
+  e[7] !== n || e[8] !== m || e[9] !== c ? (u = c ? {
+    startTime: m,
+    endTime: n
+  } : {}, e[7] = n, e[8] = m, e[9] = c, e[10] = u) : u = e[10];
+  let p;
+  e[11] !== x || e[12] !== u ? (p = {
+    environmentName: x,
+    ...u
+  }, e[11] = x, e[12] = u, e[13] = p) : p = e[13];
+  const M = p;
+  let y;
+  e[14] !== t || e[15] !== s || e[16] !== r ? (y = {
+    agentName: t,
+    orgName: s,
+    projName: r
+  }, e[14] = t, e[15] = s, e[16] = r, e[17] = y) : y = e[17];
+  const O = g === !1 && !!t && !!s && !!r && !!o && (c || !!d), B = !c, H = c ? void 0 : d;
+  let k;
+  e[18] !== O || e[19] !== B || e[20] !== H ? (k = {
+    enabled: O,
+    enableAutoRefresh: B,
+    timeRange: H
+  }, e[18] = O, e[19] = B, e[20] = H, e[21] = k) : k = e[21];
+  const {
+    data: K,
+    error: G,
+    isLoading: j,
+    isRefetching: _,
+    refetch: z
+  } = pe(y, M, k);
+  let I;
+  e[22] !== z ? (I = () => {
+    z();
+  }, e[22] = z, e[23] = I) : I = e[23];
+  const F = I;
+  let A;
+  e[24] !== a || e[25] !== l ? (A = (U) => {
+    const v = new URLSearchParams(a);
+    v.set("timeRange", U), v.delete("startTime"), v.delete("endTime"), l(v);
+  }, e[24] = a, e[25] = l, e[26] = A) : A = e[26];
+  const $ = A;
+  if (!ye()) {
+    let U, v;
+    e[27] === Symbol.for("react.memo_cache_sentinel") ? (U = {
+      mt: 2
+    }, v = /* @__PURE__ */ i("strong", { children: "Observer not configured." }), e[27] = U, e[28] = v) : (U = e[27], v = e[28]);
+    let q;
+    return e[29] === Symbol.for("react.memo_cache_sentinel") ? (q = /* @__PURE__ */ i(te, { title: "System Metrics", disableIcon: !0, children: /* @__PURE__ */ w(ce, { severity: "error", sx: U, children: [
+      v,
+      " Ask your platform administrator to set ",
+      /* @__PURE__ */ i("code", { children: "AM_OBSERVER_PUBLIC_URL" }),
+      " on the agent-manager service."
+    ] }) }), e[29] = q) : q = e[29], q;
+  }
+  let D;
+  e[30] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ i(Ce, {}), e[30] = D) : D = e[30];
+  let T;
+  e[31] !== n || e[32] !== m || e[33] !== R || e[34] !== $ || e[35] !== d ? (T = /* @__PURE__ */ i(ve, { preset: d, customStart: m, customEnd: n, options: Ue, onPresetChange: $, onCustomRangeApply: R }), e[31] = n, e[32] = m, e[33] = R, e[34] = $, e[35] = d, e[36] = T) : T = e[36];
+  let C;
+  e[37] !== _ ? (C = _ ? /* @__PURE__ */ i(Re, { size: 16 }) : /* @__PURE__ */ i(Se, { size: 16 }), e[37] = _, e[38] = C) : C = e[38];
+  let N;
+  e[39] !== F || e[40] !== _ || e[41] !== C ? (N = /* @__PURE__ */ i(xe, { size: "small", disabled: _, onClick: F, "aria-label": "Refresh", children: C }), e[39] = F, e[40] = _, e[41] = C, e[42] = N) : N = e[42];
+  let E;
+  e[43] !== T || e[44] !== N ? (E = /* @__PURE__ */ w(Q, { direction: "row", spacing: 2, alignItems: "center", flexWrap: "wrap", children: [
+    D,
+    T,
+    N
+  ] }), e[43] = T, e[44] = N, e[45] = E) : E = e[45];
+  let L;
+  e[46] !== G || e[47] !== j || e[48] !== g || e[49] !== K ? (L = g ? /* @__PURE__ */ i(Y, { iconElement: _e, message: "Environment Suspended", subtitle: "Metrics are unavailable while the environment is suspended." }) : /* @__PURE__ */ i(Ne, { metrics: K, isLoading: j, error: G }), e[46] = G, e[47] = j, e[48] = g, e[49] = K, e[50] = L) : L = e[50];
+  let P;
+  return e[51] !== E || e[52] !== L ? (P = /* @__PURE__ */ i(te, { title: "System Metrics", disableIcon: !0, actions: E, children: L }), e[51] = E, e[52] = L, e[53] = P) : P = e[53], P;
+}, He = {
+  title: "System Metrics",
+  description: "A page component for System Metrics",
+  icon: Te,
+  path: "/metrics",
+  component: me,
+  levels: {
+    component: me
+  }
+};
+export {
+  me as MetricsComponent,
+  He as metaData
+};