@wso2/am-core-ui 0.0.18 → 0.0.19

package/dist/index-CezvogTQ.js

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