@cccsaurora/clue-ui 1.0.1-dev.57 → 1.0.1

package/ActionForm-WIj7BfD5.js

@@ -0,0 +1,340 @@
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { materialRenderers as be, materialCells as Re } from "@jsonforms/material-renderers";
+import { JsonForms as Ee } from "@jsonforms/react";
+import { Stack as x, Typography as q, IconButton as Me, Modal as Se, Paper as je, Box as F, Button as G, Divider as oe, CircularProgress as Fe, Collapse as $e } from "@mui/material";
+import le from "./components/display/icons/Iconified.js";
+import { J as Je } from "./index-4YFAh_sa.js";
+import { ClueComponentContext as ie } from "./hooks/ClueComponentContext.js";
+import { c as Oe, u as ce, a as Pe } from "./index-E7g8cRyW.js";
+import { A as ze } from "./index-WvFmjbxF.js";
+import { a as te } from "./useClueTypeConfig-BQ33EiyB.js";
+import { useState as v, useCallback as R, useEffect as We, useMemo as L, memo as qe } from "react";
+import U from "./components/ErrorBoundary.js";
+import { adaptSchema as Be } from "./components/actions/form/schemaAdapter.js";
+import { d as de } from "./_baseGet-Dgf6_xCm.js";
+import { b as Ve } from "./_baseSlice-M5RKzt1A.js";
+import { i as ke } from "./utils-C_RX5uMP.js";
+import He from "./components/actions/ResultModal.js";
+import { SNACKBAR_EVENT_ID as I } from "./data/event.js";
+import { safeDispatchEvent as K } from "./utils/window.js";
+import _e from "./hooks/useClue.js";
+function Ge(e, l, i) {
+  var o = e.length;
+  return i = i === void 0 ? o : i, !l && i >= o ? e : Ve(e, l, i);
+}
+var Ie = "\\ud800-\\udfff", Ke = "\\u0300-\\u036f", Le = "\\ufe20-\\ufe2f", Ne = "\\u20d0-\\u20ff", Ze = Ke + Le + Ne, Ue = "\\ufe0e\\ufe0f", Qe = "\\u200d", Xe = RegExp("[" + Qe + Ie + Ze + Ue + "]");
+function fe(e) {
+  return Xe.test(e);
+}
+function Ye(e) {
+  return e.split("");
+}
+var me = "\\ud800-\\udfff", ne = "\\u0300-\\u036f", Te = "\\ufe20-\\ufe2f", ge = "\\u20d0-\\u20ff", Ae = ne + Te + ge, De = "\\ufe0e\\ufe0f", es = "[" + me + "]", N = "[" + Ae + "]", Z = "\\ud83c[\\udffb-\\udfff]", ss = "(?:" + N + "|" + Z + ")", pe = "[^" + me + "]", ae = "(?:\\ud83c[\\udde6-\\uddff]){2}", ue = "[\\ud800-\\udbff][\\udc00-\\udfff]", rs = "\\u200d", he = ss + "?", ve = "[" + De + "]?", os = "(?:" + rs + "(?:" + [pe, ae, ue].join("|") + ")" + ve + he + ")*", ts = ve + he + os, ls = "(?:" + [pe + N + "?", N, ae, ue, es].join("|") + ")", is = RegExp(Z + "(?=" + Z + ")|" + ls + ts, "g");
+function cs(e) {
+  return e.match(is) || [];
+}
+function ds(e) {
+  return fe(e) ? cs(e) : Ye(e);
+}
+function fs(e) {
+  return function(l) {
+    l = de(l);
+    var i = fe(l) ? ds(l) : void 0, o = i ? i[0] : l.charAt(0), m = i ? Ge(i, 1).join("") : l.slice(1);
+    return o[e]() + m;
+  };
+}
+var ms = fs("toUpperCase");
+function ps(e) {
+  return ms(de(e).toLowerCase());
+}
+const as = new ze({ removeAdditional: !0, coerceTypes: !0, strict: !1 }), Ce = Oe(null), Hs = ({
+  baseURL: e,
+  children: l,
+  classification: i,
+  getToken: o,
+  onNetworkCall: m
+}) => {
+  const { t: E } = ce(ie, (c) => c.i18next), { ready: w } = _e(), [a, C] = v(null), [$, M] = v({}), [B, t] = v(!1), [J, V] = v(null), [r, d] = v(!1), [b, O] = v({}), k = R(async () => {
+    if (!w)
+      return;
+    const c = {}, u = o == null ? void 0 : o();
+    u && (c.Authorization = `Bearer ${u}`);
+    let y = { baseURL: e, headers: c };
+    m && (y = m(y));
+    const S = await te.actions.get(y);
+    return S && O(S), S;
+  }, [e, o, m, w]);
+  We(() => {
+    k();
+  }, [e, w]);
+  const P = R(
+    (c, u, y) => JSON.stringify({ type: c, value: u, classification: y ?? i }),
+    [i]
+  ), Q = R(
+    async (c, u, y, S) => {
+      const { forceMenu: n, onComplete: z, skipMenu: xe, timeout: T } = {
+        forceMenu: !1,
+        skipMenu: !1,
+        onComplete: null,
+        timeout: null,
+        ...S
+      }, g = {}, A = o == null ? void 0 : o();
+      if (A && (g.Authorization = `Bearer ${A}`), !Object.keys(b).includes(c))
+        throw new Error("Invalid action id");
+      const D = u.map(
+        (h) => h.type === "telemetry" ? { ...h, value: JSON.stringify(h.value) } : h
+      ), W = b[c], H = as.compile(W.params), _ = { selectors: D, ...y };
+      if (d(!0), !H(_) || n) {
+        if (xe && !n)
+          throw console.error(`Form is not valid (${H.errors.length} errors)`), new Error("Form is not completed");
+        (a == null ? void 0 : a.id) === c && (console.error(`Form is not valid (${H.errors.length} errors)`), K(
+          new CustomEvent(I, {
+            detail: {
+              message: E("action.error.validation"),
+              level: "error"
+            }
+          })
+        )), C({
+          id: c,
+          action: W,
+          selectors: u,
+          params: _ ?? {},
+          onComplete: z,
+          timeout: T
+        });
+        return;
+      }
+      try {
+        let h = { baseURL: e, headers: g };
+        m && (h = m(h));
+        const p = await te.actions.post(
+          c,
+          D,
+          _ ?? {},
+          { timeout: T },
+          h
+        ), ee = { ...p, actionId: c, action: W };
+        z == null || z(ee), M((se) => {
+          const we = u.map((j) => P(j.type, j.value, j.classification));
+          return {
+            ...se,
+            ...we.reduce(
+              (j, re) => ({
+                ...j,
+                [re]: [...se[re] ?? [], ee]
+              }),
+              {}
+            )
+          };
+        }), K(
+          new CustomEvent(I, {
+            detail: {
+              message: /* @__PURE__ */ f(x, { direction: "row", alignItems: "center", spacing: 0.5, width: "100%", children: [
+                /* @__PURE__ */ s(q, { children: p.summary }),
+                p.link && /* @__PURE__ */ s(Me, { component: "a", href: p.link, size: "small", target: "_blank", children: /* @__PURE__ */ s(le, { icon: "ic:baseline-open-in-new", fontSize: "small" }) })
+              ] }),
+              timeout: p.link ? null : 5e3,
+              level: p.outcome === "success" ? "success" : "error",
+              options: {
+                style: {
+                  minWidth: 0
+                },
+                SnackbarProps: {
+                  style: {
+                    minWidth: 0
+                  }
+                }
+              }
+            }
+          })
+        ), p.outcome === "success" && C(null), p.format && (V({ ...p, actionId: c, action: W }), p.format !== "pivot" ? t(!0) : window.open(p.output, "_blank", "noreferrer"));
+      } catch (h) {
+        K(
+          new CustomEvent(I, {
+            detail: {
+              message: h.toString(),
+              level: "error"
+            }
+          })
+        );
+      } finally {
+        d(!1);
+      }
+    },
+    [b, e, P, o, m, a == null ? void 0 : a.id, E]
+  ), X = R(() => {
+    C(null), d(!1);
+  }, []), Y = R(
+    (c, u, y) => $[P(c, u, y)] ?? [],
+    [$, P]
+  ), ye = L(
+    () => ({
+      availableActions: b,
+      executeAction: Q,
+      cancelAction: X,
+      getActionResults: Y,
+      loading: r,
+      refreshActions: k
+    }),
+    [b, X, Q, Y, r, k]
+  );
+  return /* @__PURE__ */ f(Ce.Provider, { value: ye, children: [
+    l,
+    /* @__PURE__ */ f(U, { children: [
+      a && /* @__PURE__ */ s(Cs, { runningActionData: a }),
+      /* @__PURE__ */ s(
+        He,
+        {
+          show: B && !!J,
+          result: J,
+          onClose: () => t(!1)
+        }
+      )
+    ] })
+  ] });
+}, us = () => Pe(Ce), hs = be.map((e) => ({
+  ...e,
+  renderer: ({ ...l }) => /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(e.renderer, { ...l }) })
+})), vs = ({ runningActionData: e }) => {
+  const { executeAction: l, cancelAction: i } = us(), { t: o } = ce(ie, (r) => r.i18next), [m, E] = v(!1), [w, a] = v(null), [C, $] = v(e == null ? void 0 : e.params), [M, B] = v(!1), t = L(
+    () => e != null && e.action ? { ...Be(e.action.params), ...e.action.extra_schema ?? {} } : null,
+    [e == null ? void 0 : e.action]
+  ), J = L(
+    () => ({
+      type: "VerticalLayout",
+      elements: Object.entries((t == null ? void 0 : t.properties) ?? {}).sort(([r, d], [b, O]) => d.order || O.order ? d.order - O.order : +(t == null ? void 0 : t.required.includes(r)) - +(t == null ? void 0 : t.required.includes(b))).map(([r, d]) => ({
+        type: "Control",
+        scope: `#/properties/${r}`,
+        options: {
+          autocomplete: !!d.enum,
+          showUnfocusedDescription: !0,
+          ...d.options
+        },
+        rule: d.rule
+      }))
+    }),
+    [t == null ? void 0 : t.properties, t == null ? void 0 : t.required]
+  ), V = R(async () => {
+    try {
+      E(!0);
+      const r = {};
+      e != null && e.onComplete && (r.onComplete = e == null ? void 0 : e.onComplete), e != null && e.timeout && (r.timeout = e == null ? void 0 : e.timeout), await l(e == null ? void 0 : e.id, e == null ? void 0 : e.selectors, C, r);
+    } catch (r) {
+      console.error(r);
+    } finally {
+      E(!1);
+    }
+  }, [
+    l,
+    e == null ? void 0 : e.id,
+    e == null ? void 0 : e.selectors,
+    e == null ? void 0 : e.onComplete,
+    e == null ? void 0 : e.timeout,
+    C
+  ]);
+  if (e != null && e.action)
+    try {
+      return /* @__PURE__ */ s(Se, { open: !0, sx: { display: "flex", alignItems: "center", justifyContent: "center" }, onClose: i, children: /* @__PURE__ */ s(
+        je,
+        {
+          sx: { maxHeight: "80%", maxWidth: "80%", height: "100%", px: 2, pt: 2, minWidth: "750px", overflow: "auto" },
+          children: /* @__PURE__ */ f(
+            x,
+            {
+              spacing: 1,
+              height: "100%",
+              sx: {
+                ".MuiFormHelperText-root": {
+                  marginLeft: "0 !important",
+                  "&:last-of-type": { mb: 3 }
+                }
+              },
+              children: [
+                /* @__PURE__ */ f(x, { direction: "row", spacing: 1, children: [
+                  /* @__PURE__ */ f(x, { direction: "column", spacing: 1, children: [
+                    /* @__PURE__ */ f(q, { variant: "h5", children: [
+                      o("actions.executing"),
+                      " ",
+                      e == null ? void 0 : e.action.id.replace(/_/g, " ").split(" ").map(ps).join(" ")
+                    ] }),
+                    (e == null ? void 0 : e.action.summary) && /* @__PURE__ */ s(q, { variant: "body1", color: "text.secondary", sx: { pb: 1.5 }, children: e == null ? void 0 : e.action.summary })
+                  ] }),
+                  /* @__PURE__ */ s(F, { flex: 1 }),
+                  /* @__PURE__ */ s(F, { alignContent: "end", children: /* @__PURE__ */ s(
+                    G,
+                    {
+                      variant: "outlined",
+                      onClick: () => B((r) => !r),
+                      startIcon: /* @__PURE__ */ s(
+                        F,
+                        {
+                          component: "span",
+                          sx: (r) => ({
+                            transition: r.transitions.create("transform"),
+                            transform: M ? "rotate(180deg)" : "rotate(0deg)"
+                          }),
+                          children: /* @__PURE__ */ s(le, { icon: "ic:baseline-keyboard-double-arrow-right" })
+                        }
+                      ),
+                      children: o(M ? "actions.json.hide" : "actions.json.show")
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ s(oe, { orientation: "horizontal", variant: "middle" }),
+                /* @__PURE__ */ s(F, { pt: 1.5 }),
+                /* @__PURE__ */ f(x, { flexGrow: 1, direction: "row", spacing: 1, children: [
+                  /* @__PURE__ */ f(x, { direction: "column", flexGrow: 1, children: [
+                    /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(
+                      Ee,
+                      {
+                        schema: t,
+                        uischema: J,
+                        renderers: hs,
+                        cells: Re,
+                        data: C,
+                        onChange: ({ data: r, errors: d }) => {
+                          ke(r, C) || $(r), a(d);
+                        },
+                        config: {}
+                      }
+                    ) }),
+                    /* @__PURE__ */ f(x, { direction: "row", spacing: 1, pb: 1, children: [
+                      /* @__PURE__ */ s("div", { style: { flex: 1 } }),
+                      /* @__PURE__ */ s(G, { color: "error", variant: "outlined", onClick: i, children: o("cancel") }),
+                      /* @__PURE__ */ s(
+                        G,
+                        {
+                          color: "success",
+                          variant: "outlined",
+                          disabled: m || (w == null ? void 0 : w.length) > 0,
+                          onClick: V,
+                          endIcon: m && /* @__PURE__ */ s(Fe, { color: "inherit", size: 18 }),
+                          children: o("actions.execute")
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ s($e, { orientation: "horizontal", in: M, unmountOnExit: !0, mountOnEnter: !0, children: /* @__PURE__ */ f(x, { direction: "row", height: "100%", spacing: 1, children: [
+                    /* @__PURE__ */ s(oe, { orientation: "vertical" }),
+                    /* @__PURE__ */ f(x, { children: [
+                      /* @__PURE__ */ s(q, { variant: "h5", children: o("action.data") }),
+                      /* @__PURE__ */ s(F, { width: 600, height: "100%", children: /* @__PURE__ */ s(Je, { data: C, slotProps: { stack: { height: "100%" }, json: { name: !1 } } }) })
+                    ] })
+                  ] }) })
+                ] })
+              ]
+            }
+          )
+        }
+      ) });
+    } catch (r) {
+      return console.warn(r), null;
+    }
+}, Cs = qe(vs);
+export {
+  Cs as A,
+  Hs as C,
+  Ce as a,
+  ps as c,
+  us as u
+};

package/AnnotationPreview-DWRDhxUB.js

@@ -0,0 +1,140 @@
+import { jsxs as C, jsx as n } from "react/jsx-runtime";
+import { I as H } from "./iconify-BBckr5AQ.js";
+import { useTheme as k, Popper as V, Fade as j, Paper as O, Stack as w, Typography as y, Divider as W } from "@mui/material";
+import F from "./components/AnnotationDetailPopover.js";
+import L from "./hooks/useAnnotations.js";
+import { t as M } from "./utils-C_RX5uMP.js";
+import { useState as v, useRef as Y, useCallback as x, useEffect as Z, useMemo as _ } from "react";
+import { c as B, u as G } from "./index-E7g8cRyW.js";
+import { SHOW_EVENT_ID as g, HIDE_EVENT_ID as D } from "./data/event.js";
+import { safeDispatchEvent as A, safeAddEventListener as S } from "./utils/window.js";
+import { i as J } from "./isUndefined-DiNCDKoz.js";
+const b = B(null), rt = ({ children: c }) => {
+  const [l, e] = v(null), [p, i] = v(null), [r, d] = v(null), [u, m] = v(null), [f, t] = v({}), a = Y(null), P = x((s, o, z, N) => {
+    A(
+      new CustomEvent(g, {
+        detail: {
+          type: s,
+          anchorEl: o,
+          value: z,
+          options: N
+        }
+      })
+    );
+  }, []), h = x(
+    (s, o) => {
+      A(
+        new CustomEvent(D, {
+          detail: {
+            type: s,
+            value: o
+          }
+        })
+      );
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), E = x((s) => {
+    const { detail: o } = s;
+    e(o.type), d(o.value), o.options && (o.options.content && m(o.options.content), o.options.onClose && (a.current = o.options.onClose), o.options.popoverProps && t(o.options.popoverProps)), i(o.anchorEl);
+  }, []), I = x(
+    (s) => {
+      const { detail: o } = s;
+      r && (o.type !== l || r.type !== o.value.type || r.value !== o.value.value) || (e(null), i(null), d(null), m(null), t({}), a.current = null);
+    },
+    [r, l]
+  );
+  Z(() => {
+    const s = S(g, E), o = S(D, I);
+    return () => {
+      s(), o();
+    };
+  }, [E, I]);
+  const T = _(
+    () => ({
+      showInfo: P,
+      closeInfo: h,
+      __detailsContent: u
+    }),
+    [h, u, P]
+  );
+  return /* @__PURE__ */ C(b.Provider, { value: T, children: [
+    c,
+    /* @__PURE__ */ n(
+      F,
+      {
+        ...f,
+        anchorEl: p,
+        open: !!p && l === "details",
+        enrichRequest: r,
+        onClose: () => {
+          a.current ? a.current() : h("details", r);
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
+      K,
+      {
+        ...f,
+        anchorEl: p,
+        open: !!p && !J(l) && l !== "details",
+        annotationType: l,
+        enrichRequest: r
+      }
+    )
+  ] });
+}, K = ({ annotationType: c, anchorEl: l, enrichRequest: e, open: p, ...i }) => {
+  const r = k(), d = G(b, (t) => t.__detailsContent), [u] = L(e == null ? void 0 : e.type, e == null ? void 0 : e.value, e == null ? void 0 : e.classification), m = _(
+    () => c === "actionResults" ? [] : u.filter((t) => t.type === c),
+    [c, u]
+  ), f = x((t) => {
+    try {
+      const a = parseInt(window.getComputedStyle(t, null).getPropertyValue("z-index"));
+      return isNaN(a) ? f(t.parentElement) : (a + 2).toString();
+    } catch {
+      return "2";
+    }
+  }, []);
+  return !m.length && !d ? null : /* @__PURE__ */ n(
+    V,
+    {
+      ...i,
+      open: p,
+      anchorEl: l,
+      placement: "bottom-start",
+      sx: [{ zIndex: f(l) }, ...Array.isArray(i.sx) ? i.sx : [i.sx]],
+      children: /* @__PURE__ */ n(j, { in: !!l, children: /* @__PURE__ */ n(O, { sx: { overflowY: "auto", maxWidth: "500px", boxShadow: r.shadows[2] }, children: /* @__PURE__ */ n(w, { direction: "column", sx: { p: 1 }, spacing: 1, divider: /* @__PURE__ */ n(W, { orientation: "horizontal" }), children: d ?? m.map((t) => /* @__PURE__ */ C(
+        w,
+        {
+          direction: "column",
+          spacing: 1,
+          children: [
+            /* @__PURE__ */ C(w, { direction: "row", spacing: 1, alignItems: "center", children: [
+              t.analytic_icon && /* @__PURE__ */ n(
+                H,
+                {
+                  icon: t.analytic_icon,
+                  style: { filter: "drop-shadow(0px 0px 1px rgb(0 0 0 / 0.4))" }
+                }
+              ),
+              /* @__PURE__ */ n(y, { variant: "body1", sx: { textTransform: "capitalize" }, children: t.analytic ?? t.author }),
+              /* @__PURE__ */ C(y, { variant: "caption", color: "text.secondary", children: [
+                "(",
+                M(t.timestamp),
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ n(y, { variant: "body2", children: t.summary }),
+            /* @__PURE__ */ n(y, { variant: "caption", color: "text.secondary", children: t.value })
+          ]
+        },
+        t.analytic + t.author + t.value + t.link + t.summary + t.timestamp
+      )) }) }) })
+    }
+  );
+};
+export {
+  K as A,
+  b as C,
+  rt as a
+};