@wso2/am-core-ui 0.0.18 → 0.0.20

package/dist/index-C8WIhzyz.js

@@ -0,0 +1,123 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { useMemo as i, useCallback as m, useState as W, useEffect as Y } from "react";
+import { useParams as X, useSearchParams as Z } from "react-router-dom";
+import { aX as q, T as n, a$ as $, b0 as J, P as U, a_ as K, V as Q, aZ as ee } from "./index-ByEInFlf.js";
+import "react/compiler-runtime";
+import "@tanstack/react-query";
+import { Alert as se, Stack as te, Select as ae, MenuItem as oe, Checkbox as re, ListItemText as ne, InputAdornment as ie, IconButton as w, CircularProgress as le } from "@wso2/oxygen-ui";
+import { Filter as ce, SortDesc as me, SortAsc as de, RefreshCcw as ge, Logs as he } from "@wso2/oxygen-ui-icons-react";
+import { E as ue } from "./EnvironmentSelector-D8S6nO9u.js";
+const pe = ["DEBUG", "INFO", "WARN", "ERROR"], Le = [{
+  value: n.TEN_MINUTES,
+  label: "10 Minutes"
+}, {
+  value: n.THIRTY_MINUTES,
+  label: "30 Minutes"
+}, {
+  value: n.ONE_HOUR,
+  label: "1 Hour"
+}, {
+  value: n.SIX_HOURS,
+  label: "6 Hours"
+}, {
+  value: n.TWELVE_HOURS,
+  label: "12 Hours"
+}, {
+  value: n.ONE_DAY,
+  label: "1 Day"
+}, {
+  value: n.SEVEN_DAYS,
+  label: "7 Days"
+}], Re = 300, Se = 2e3, x = () => {
+  const {
+    agentId: L,
+    orgId: R,
+    projectId: S,
+    envId: E
+  } = X(), [s, r] = Z(), {
+    customStartTime: g,
+    customEndTime: h,
+    hasCustomRange: l,
+    handleCustomRangeApply: D
+  } = q(s, r), u = i(() => l ? void 0 : Object.values(n).includes(s.get("timeRange") ?? "") ? s.get("timeRange") : n.ONE_HOUR, [s, l]), o = i(() => s.get("sortOrder") || "desc", [s]), d = i(() => s.get("search") || "", [s]), c = i(() => {
+    const e = s.get("logLevels");
+    return e ? e.split(",").filter(Boolean) : [];
+  }, [s]), M = m((e) => {
+    const a = new URLSearchParams(s);
+    e.length === 0 ? a.delete("logLevels") : a.set("logLevels", e.join(",")), r(a);
+  }, [s, r]), [v, f] = W(d), O = i(() => $.debounce((e) => f(e), Se), [f]);
+  Y(() => {
+    O(d);
+  }, [O, d]);
+  const y = i(() => ({
+    environmentName: E ?? "",
+    timeRange: u,
+    startTime: l ? g : void 0,
+    endTime: l ? h : void 0,
+    sortOrder: o,
+    searchPhrase: v,
+    logLevels: c.length > 0 ? c : void 0
+  }), [E, u, l, g, h, o, v, c]), z = i(() => ({
+    agentName: L,
+    orgName: R,
+    projName: S
+  }), [L, R, S]), {
+    logs: H,
+    error: j,
+    isLoading: k,
+    isRefetching: T,
+    refetch: I,
+    isLoadingOlder: _,
+    isLoadingNewer: b,
+    loadOlder: P,
+    loadNewer: N,
+    hasMoreOlder: A,
+    hasMoreNewer: C
+  } = J(z, y, {
+    refetchInterval: !1,
+    pageSize: Re
+  }), B = m(() => {
+    I();
+  }, [I]), V = m((e) => {
+    const a = new URLSearchParams(s);
+    a.set("search", e), r(a);
+  }, [s, r]), F = m((e) => {
+    const a = new URLSearchParams(s);
+    a.set("timeRange", e), a.delete("startTime"), a.delete("endTime"), r(a);
+  }, [s, r]), G = m((e) => {
+    const a = new URLSearchParams(s);
+    a.set("sortOrder", e), r(a);
+  }, [s, r]);
+  return K() ? /* @__PURE__ */ t(U, { title: "Runtime Logs", disableIcon: !0, actions: /* @__PURE__ */ p(te, { direction: "row", spacing: 2, alignItems: "center", flexWrap: "wrap", children: [
+    /* @__PURE__ */ t(ue, {}),
+    /* @__PURE__ */ t(ae, { size: "small", variant: "outlined", multiple: !0, value: c, onChange: (e) => M(e.target.value), displayEmpty: !0, renderValue: (e) => e.length === 0 ? "All Levels" : e.join(", "), startAdornment: /* @__PURE__ */ t(ie, { position: "start", children: /* @__PURE__ */ t(ce, { size: 16 }) }), sx: {
+      minWidth: 150
+    }, children: pe.map((e) => /* @__PURE__ */ p(oe, { value: e, children: [
+      /* @__PURE__ */ t(re, { checked: c.includes(e), size: "small" }),
+      /* @__PURE__ */ t(ne, { primary: e })
+    ] }, e)) }),
+    /* @__PURE__ */ t(ee, { preset: u, customStart: g, customEnd: h, options: Le, onPresetChange: F, onCustomRangeApply: D }),
+    /* @__PURE__ */ t(w, { size: "small", onClick: () => G(o === "desc" ? "asc" : "desc"), "aria-label": o === "desc" ? "Sort ascending" : "Sort descending", children: o === "desc" ? /* @__PURE__ */ t(me, { size: 16 }) : /* @__PURE__ */ t(de, { size: 16 }) }),
+    /* @__PURE__ */ t(w, { size: "small", disabled: T, onClick: B, "aria-label": "Refresh", children: T ? /* @__PURE__ */ t(le, { size: 16 }) : /* @__PURE__ */ t(ge, { size: 16 }) })
+  ] }), children: /* @__PURE__ */ t(Q, { logs: H, isLoading: k, error: j, isLoadingUp: o === "asc" ? b : _, isLoadingDown: o === "asc" ? _ : b, hasMoreUp: o === "asc" ? C : A, hasMoreDown: o === "asc" ? A : C, onLoadUp: o === "asc" ? N : P, onLoadDown: o === "asc" ? P : N, onSearch: V, search: d }) }) : /* @__PURE__ */ t(U, { title: "Runtime Logs", disableIcon: !0, children: /* @__PURE__ */ p(se, { severity: "error", sx: {
+    mt: 2
+  }, children: [
+    /* @__PURE__ */ t("strong", { children: "Observer not configured." }),
+    " Ask your platform administrator to set ",
+    /* @__PURE__ */ t("code", { children: "AM_OBSERVER_PUBLIC_URL" }),
+    " on the agent-manager service."
+  ] }) });
+}, Ne = {
+  title: "Runtime Logs",
+  description: "A page component for Logs",
+  icon: he,
+  path: "/logs",
+  component: x,
+  levels: {
+    component: x
+  }
+};
+export {
+  x as LogsComponent,
+  Ne as metaData
+};