@cccsaurora/clue-ui 1.2.0-dev.253 → 1.2.0

package/components/RetryFailedEnrichments.js

@@ -1,13 +1,12 @@
-import { jsx } from "react/jsx-runtime";
-import { Button } from "@mui/material";
-import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
-import { b as useClueEnrichSelector } from "../ActionForm-C0aE9HUv.js";
-import { u as useContextSelector } from "../index-AMfoEg_6.js";
-const RetryFailedEnrichments = () => {
-  const enrichFailedEnrichments = useClueEnrichSelector((ctx) => ctx.enrichFailedEnrichments);
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  return /* @__PURE__ */ jsx(Button, { onClick: enrichFailedEnrichments, children: t("retry.enrich") });
+import { jsx as n } from "react/jsx-runtime";
+import { Button as o } from "@mui/material";
+import { ClueComponentContext as i } from "../hooks/ClueComponentContext.js";
+import { b as c } from "../ActionForm-pWyIi01Z.js";
+import { u as m } from "../index-Dj5C04IX.js";
+const p = () => {
+  const t = c((e) => e.enrichFailedEnrichments), { t: r } = m(i, (e) => e.i18next);
+  return /* @__PURE__ */ n(o, { onClick: t, children: r("retry.enrich") });
 };
 export {
-  RetryFailedEnrichments as default
+  p as default
 };

package/components/SourcePicker.js

@@ -1,98 +1,90 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Button, Popover, TextField, Divider, Stack, FormControlLabel, Checkbox } from "@mui/material";
-import { d as useClueComponentSelector, b as useClueEnrichSelector } from "../ActionForm-C0aE9HUv.js";
-import { memo, useState, useEffect } from "react";
-const SourcePicker = () => {
-  const { t } = useClueComponentSelector((ctx) => ctx.i18next);
-  const availableSources = useClueEnrichSelector((state) => state.availableSources);
-  const sources = useClueEnrichSelector((state) => state.sources);
-  const setSources = useClueEnrichSelector((state) => state.setSources);
-  const [anchorEl, setAnchorEl] = useState(null);
-  const [sourceFilter, setSourceFilter] = useState();
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
+import { jsxs as n, Fragment as k, jsx as l } from "react/jsx-runtime";
+import { Button as v, Popover as w, TextField as z, Divider as _, Stack as F, FormControlLabel as d, Checkbox as m } from "@mui/material";
+import { d as E, b as a } from "../ActionForm-pWyIi01Z.js";
+import { memo as P, useState as g, useEffect as T } from "react";
+const L = () => {
+  const { t: r } = E((e) => e.i18next), o = a((e) => e.availableSources), t = a((e) => e.sources), c = a((e) => e.setSources), [s, i] = g(null), [h, x] = g(), f = (e) => {
+    i(e.currentTarget);
+  }, C = () => {
+    i(null);
   };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  useEffect(() => {
-    setSources(availableSources);
-  }, [availableSources]);
-  const id = !!anchorEl ? "sources-popover" : void 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Button, { "aria-describedby": id, variant: "outlined", onClick: handleClick, children: [
-      t("sources"),
+  T(() => {
+    c(o);
+  }, [o]);
+  const u = s ? "sources-popover" : void 0;
+  return /* @__PURE__ */ n(k, { children: [
+    /* @__PURE__ */ n(v, { "aria-describedby": u, variant: "outlined", onClick: f, children: [
+      r("sources"),
       " (",
-      sources.length === availableSources.length ? t("all") : sources.length,
+      t.length === o.length ? r("all") : t.length,
       ")"
     ] }),
-    /* @__PURE__ */ jsxs(
-      Popover,
+    /* @__PURE__ */ n(
+      w,
       {
-        id,
-        open: !!anchorEl,
-        anchorEl,
-        onClose: handleClose,
+        id: u,
+        open: !!s,
+        anchorEl: s,
+        onClose: C,
         anchorOrigin: {
           vertical: "bottom",
           horizontal: "left"
         },
         children: [
-          /* @__PURE__ */ jsx(
-            TextField,
+          /* @__PURE__ */ l(
+            z,
             {
-              fullWidth: true,
+              fullWidth: !0,
               sx: { p: 1, width: "350px" },
-              placeholder: t("quicksearch.placeholder"),
-              onChange: (event) => setSourceFilter(event.target.value.toLowerCase())
+              placeholder: r("quicksearch.placeholder"),
+              onChange: (e) => x(e.target.value.toLowerCase())
             }
           ),
-          /* @__PURE__ */ jsx(Divider, { orientation: "horizontal" }),
-          /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, m: 1, sx: { maxHeight: "500px", overflow: "auto" }, onClick: (e) => e.stopPropagation(), children: [
-            /* @__PURE__ */ jsx(
-              FormControlLabel,
+          /* @__PURE__ */ l(_, { orientation: "horizontal" }),
+          /* @__PURE__ */ n(F, { spacing: 0.5, m: 1, sx: { maxHeight: "500px", overflow: "auto" }, onClick: (e) => e.stopPropagation(), children: [
+            /* @__PURE__ */ l(
+              d,
               {
-                control: /* @__PURE__ */ jsx(
-                  Checkbox,
+                control: /* @__PURE__ */ l(
+                  m,
                   {
                     size: "small",
-                    checked: sources.length === availableSources.length,
+                    checked: t.length === o.length,
                     sx: { mr: 1 },
-                    onChange: (__, checked) => {
-                      setSources(checked ? availableSources : []);
+                    onChange: (e, p) => {
+                      c(p ? o : []);
                     }
                   }
                 ),
-                label: sources.length < availableSources.length ? t("sources.select.all") : t("sources.select.none"),
+                label: t.length < o.length ? r("sources.select.all") : r("sources.select.none"),
                 sx: { whiteSpace: "nowrap", textTransform: "capitalize" }
               }
             ),
-            availableSources.filter((source) => !sourceFilter || source.toLowerCase().includes(sourceFilter)).map((source) => /* @__PURE__ */ jsx(
-              FormControlLabel,
+            o.filter((e) => !h || e.toLowerCase().includes(h)).map((e) => /* @__PURE__ */ l(
+              d,
               {
-                control: /* @__PURE__ */ jsx(
-                  Checkbox,
+                control: /* @__PURE__ */ l(
+                  m,
                   {
                     size: "small",
-                    checked: sources.includes(source),
-                    onChange: (__, checked) => {
-                      setSources(checked ? [...sources, source] : sources.filter((src) => src !== source));
+                    checked: t.includes(e),
+                    onChange: (p, S) => {
+                      c(S ? [...t, e] : t.filter((b) => b !== e));
                     },
                     sx: { mr: 1 }
                   }
                 ),
-                label: source.replace(/[_-]/g, " "),
+                label: e.replace(/[_-]/g, " "),
                 sx: { whiteSpace: "nowrap", textTransform: "capitalize" }
               },
-              source
+              e
             ))
           ] })
         ]
       }
     )
   ] });
-};
-const SourcePicker_default = memo(SourcePicker);
+}, B = P(L);
 export {
-  SourcePicker_default as default
+  B as default
 };

package/components/actions/ActionForm.js

@@ -3,12 +3,12 @@ import "@jsonforms/material-renderers";
 import "@jsonforms/react";
 import "@mui/material";
 import "../display/icons/Iconified.js";
-import "../../index-UkW8Sur3.js";
+import "../../index-D_ZywK71.js";
 import "../../hooks/ClueComponentContext.js";
-import { A } from "../../ActionForm-C0aE9HUv.js";
-import "../../utils-71DpzFrA.js";
+import { A } from "../../ActionForm-pWyIi01Z.js";
+import "../../utils-D5hPDE7N.js";
 import "react";
-import "../../index-AMfoEg_6.js";
+import "../../index-Dj5C04IX.js";
 import "../ErrorBoundary.js";
 import "./form/schemaAdapter.js";
 export {

package/components/actions/ExecutePopover.js

@@ -1,120 +1,104 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../../iconify-CXMreGTg.js";
-import { useTheme, Tooltip, IconButton, CircularProgress, Button, Popover, Paper, Stack, Typography, Box, Divider } from "@mui/material";
-import Iconified from "../display/icons/Iconified.js";
-import { ClueComponentContext } from "../../hooks/ClueComponentContext.js";
-import { a as useClueActionsSelector } from "../../ActionForm-C0aE9HUv.js";
-import useClueConfig from "../../hooks/useClueConfig.js";
-import { isAccessible } from "../../utils/classificationParser.js";
-import { useState, useRef, useMemo, useEffect } from "react";
-import { u as useContextSelector } from "../../index-AMfoEg_6.js";
-import ClassificationChip from "../ClassificationChip.js";
-const ExecutePopover = ({ show = false, size = "small", selectors, multiples = false }) => {
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  const theme = useTheme();
-  const availableActions = useClueActionsSelector((ctx) => ctx.availableActions);
-  const refreshActions = useClueActionsSelector((ctx) => ctx.refreshActions);
-  const executeAction = useClueActionsSelector((ctx) => ctx.executeAction);
-  const loading = useClueActionsSelector((ctx) => ctx.loading);
-  const { config } = useClueConfig();
-  const [showExecuteMenu, setShowExecuteMenu] = useState(show);
-  const executeEl = useRef(null);
-  const actions = useMemo(
+import { jsxs as s, Fragment as j, jsx as e } from "react/jsx-runtime";
+import { I as O } from "../../iconify-BBckr5AQ.js";
+import { useTheme as w, Tooltip as S, IconButton as z, CircularProgress as E, Button as D, Popover as M, Paper as B, Stack as l, Typography as I, Box as T, Divider as F } from "@mui/material";
+import h from "../display/icons/Iconified.js";
+import { ClueComponentContext as R } from "../../hooks/ClueComponentContext.js";
+import { a } from "../../ActionForm-pWyIi01Z.js";
+import W from "../../hooks/useClueConfig.js";
+import { isAccessible as q } from "../../utils/classificationParser.js";
+import { useState as G, useRef as H, useMemo as J, useEffect as P } from "react";
+import { u as K } from "../../index-Dj5C04IX.js";
+import L from "../ClassificationChip.js";
+const ie = ({ show: u = !1, size: _ = "small", selectors: i, multiples: x = !1 }) => {
+  const { t: p } = K(R, (o) => o.i18next), g = w(), C = a((o) => o.availableActions), b = a((o) => o.refreshActions), y = a((o) => o.executeAction), f = a((o) => o.loading), { config: k } = W(), [m, r] = G(u), d = H(null), v = J(
     () => Object.fromEntries(
-      Object.entries(availableActions).filter(
-        ([__, action]) => {
-          var _a;
-          return (!((_a = action.supported_types) == null ? void 0 : _a.length) || selectors.every((value) => action.supported_types.includes(value == null ? void 0 : value.type))) && (!multiples || action.accept_multiple || selectors.length === 1) && selectors.every((value) => isAccessible(action.classification, value.classification, config.c12nDef));
+      Object.entries(C).filter(
+        ([o, t]) => {
+          var n;
+          return (!((n = t.supported_types) != null && n.length) || i.every((c) => t.supported_types.includes(c == null ? void 0 : c.type))) && (!x || t.accept_multiple || i.length === 1) && i.every((c) => q(t.classification, c.classification, k.c12nDef));
         }
       )
     ),
-    [availableActions, config.c12nDef, multiples, selectors]
-  );
-  const actionDisabled = Object.keys(actions).length < 1 || loading || selectors.length < 1;
-  useEffect(() => {
-    setShowExecuteMenu(show);
-  }, [show]);
-  useEffect(() => {
-    if (showExecuteMenu) {
-      refreshActions();
-    }
-  }, [refreshActions, showExecuteMenu]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    size === "small" ? /* @__PURE__ */ jsx(Tooltip, { ref: executeEl, title: t("actions.execute"), children: /* @__PURE__ */ jsx("span", { style: { alignSelf: "center" }, children: /* @__PURE__ */ jsx(IconButton, { onClick: () => setShowExecuteMenu(true), disabled: actionDisabled, color: "success", children: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "success", size: "24px" }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-play-arrow" }) }) }) }) : /* @__PURE__ */ jsx(
-      Button,
+    [C, k.c12nDef, x, i]
+  ), A = Object.keys(v).length < 1 || f || i.length < 1;
+  return P(() => {
+    r(u);
+  }, [u]), P(() => {
+    m && b();
+  }, [b, m]), /* @__PURE__ */ s(j, { children: [
+    _ === "small" ? /* @__PURE__ */ e(S, { ref: d, title: p("actions.execute"), children: /* @__PURE__ */ e("span", { style: { alignSelf: "center" }, children: /* @__PURE__ */ e(z, { onClick: () => r(!0), disabled: A, color: "success", children: f ? /* @__PURE__ */ e(E, { color: "success", size: "24px" }) : /* @__PURE__ */ e(h, { icon: "ic:outline-play-arrow" }) }) }) }) : /* @__PURE__ */ e(
+      D,
       {
-        ref: executeEl,
+        ref: d,
         variant: "outlined",
         color: "success",
-        disabled: actionDisabled,
-        startIcon: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "success", size: "20px" }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-play-arrow" }),
+        disabled: A,
+        startIcon: f ? /* @__PURE__ */ e(E, { color: "success", size: "20px" }) : /* @__PURE__ */ e(h, { icon: "ic:outline-play-arrow" }),
         sx: { alignSelf: "stretch" },
-        onClick: () => setShowExecuteMenu(true),
-        children: t("actions.execute")
+        onClick: () => r(!0),
+        children: p("actions.execute")
       }
     ),
-    /* @__PURE__ */ jsx(
-      Popover,
+    /* @__PURE__ */ e(
+      M,
       {
         sx: { zIndex: 2e3 },
-        open: showExecuteMenu,
-        disablePortal: true,
-        onClose: () => setShowExecuteMenu(false),
-        anchorEl: executeEl.current,
+        open: m,
+        disablePortal: !0,
+        onClose: () => r(!1),
+        anchorEl: d.current,
         anchorOrigin: { horizontal: "left", vertical: "bottom" },
-        children: /* @__PURE__ */ jsx(Paper, { onClick: () => setShowExecuteMenu(false), children: /* @__PURE__ */ jsx(Stack, { divider: /* @__PURE__ */ jsx(Divider, { flexItem: true, orientation: "horizontal" }), children: Object.entries(actions).map(([actionId, action]) => /* @__PURE__ */ jsxs(
-          Stack,
+        children: /* @__PURE__ */ e(B, { onClick: () => r(!1), children: /* @__PURE__ */ e(l, { divider: /* @__PURE__ */ e(F, { flexItem: !0, orientation: "horizontal" }), children: Object.entries(v).map(([o, t]) => /* @__PURE__ */ s(
+          l,
           {
             sx: {
               pl: 3,
               pr: 2,
               py: 1,
               cursor: "pointer",
-              transition: theme.transitions.create("background-color"),
-              "&:hover": { backgroundColor: theme.palette.background.default }
+              transition: g.transitions.create("background-color"),
+              "&:hover": { backgroundColor: g.palette.background.default }
             },
-            onClick: (ev) => {
-              if (!ev.isPropagationStopped()) {
-                executeAction(actionId, selectors);
-              }
+            onClick: (n) => {
+              n.isPropagationStopped() || y(o, i);
             },
             direction: "row",
             spacing: 1,
             alignItems: "center",
             children: [
-              /* @__PURE__ */ jsxs(Stack, { flex: 1, children: [
-                /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-                  action.action_icon && /* @__PURE__ */ jsx(Icon, { icon: action.action_icon }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "body1", children: action.name }),
-                  /* @__PURE__ */ jsx(ClassificationChip, { size: "small", classification: action.classification })
+              /* @__PURE__ */ s(l, { flex: 1, children: [
+                /* @__PURE__ */ s(l, { direction: "row", spacing: 1, alignItems: "center", children: [
+                  t.action_icon && /* @__PURE__ */ e(O, { icon: t.action_icon }),
+                  /* @__PURE__ */ e(I, { variant: "body1", children: t.name }),
+                  /* @__PURE__ */ e(L, { size: "small", classification: t.classification })
                 ] }),
-                action.summary && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", maxWidth: "300px", children: action.summary })
+                t.summary && /* @__PURE__ */ e(I, { variant: "caption", color: "text.secondary", maxWidth: "300px", children: t.summary })
               ] }),
-              /* @__PURE__ */ jsx(
-                Box,
+              /* @__PURE__ */ e(
+                T,
                 {
                   sx: { pl: 1 },
-                  onClick: (ev) => {
-                    ev.stopPropagation();
+                  onClick: (n) => {
+                    n.stopPropagation();
                   },
-                  children: /* @__PURE__ */ jsx(Tooltip, { title: t("actions.execute.menu"), children: /* @__PURE__ */ jsx(
-                    IconButton,
+                  children: /* @__PURE__ */ e(S, { title: p("actions.execute.menu"), children: /* @__PURE__ */ e(
+                    z,
                     {
                       size: "small",
-                      onClick: () => executeAction(actionId, selectors, null, { forceMenu: true }),
-                      children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-settings" })
+                      onClick: () => y(o, i, null, { forceMenu: !0 }),
+                      children: /* @__PURE__ */ e(h, { icon: "ic:baseline-settings" })
                     }
                   ) })
                 }
               )
             ]
           },
-          actionId
+          o
         )) }) })
       }
     )
   ] });
 };
 export {
-  ExecutePopover as default
+  ie as default
 };

package/components/actions/ResultModal.js

@@ -1,13 +1,13 @@
 import "react/jsx-runtime";
-import "../../iconify-CXMreGTg.js";
+import "../../iconify-BBckr5AQ.js";
 import "@mui/material";
 import "../../hooks/ClueComponentContext.js";
-import { R } from "../../ActionForm-C0aE9HUv.js";
+import { R as s } from "../../ActionForm-pWyIi01Z.js";
 import "react";
-import "../../index-AMfoEg_6.js";
+import "../../index-Dj5C04IX.js";
 import "../ClassificationChip.js";
 import "../ErrorBoundary.js";
 import "./formats/index.js";
 export {
-  R as default
+  s as default
 };

package/components/actions/form/schemaAdapter.js

@@ -1,48 +1,32 @@
-import { c as cloneDeep } from "../../../cloneDeep-DmUylbkM.js";
-import { g as get } from "../../../get-DSsNkRQs.js";
-const adaptSchema = (_schema) => {
-  const requiredFields = [];
-  const schema = cloneDeep(_schema);
-  const newSchema = {
-    ...schema,
+import { c as y } from "../../../cloneDeep-wjl3XmFj.js";
+import { g as s } from "../../../get-CH7kz5Ix.js";
+const u = (i) => {
+  const r = [], l = y(i), n = {
+    ...l,
     properties: Object.fromEntries(
-      Object.entries(schema.properties ?? {}).filter(([name]) => !["raw_data", "selector", "selectors", "context"].includes(name)).map(([name, def]) => {
-        var _a, _b;
-        requiredFields.push(name);
-        if (typeof def === "boolean") {
-          return [name, def];
+      Object.entries(l.properties ?? {}).filter(([t]) => !["raw_data", "selector", "selectors", "context"].includes(t)).map(([t, e]) => {
+        var a, o;
+        if (r.push(t), typeof e == "boolean")
+          return [t, e];
+        if (((a = e.anyOf) == null ? void 0 : a.length) === 2) {
+          if (typeof e.anyOf[1] == "boolean")
+            return [t, e];
+          e.anyOf[1].type === "null" && typeof e.anyOf[0] != "boolean" && (e.anyOf[0].enum && (e.enum = e.anyOf[0].enum), e.type = [...Array.isArray(e.anyOf[0].type) ? e.anyOf[0].type : [e.anyOf[0].type], "null"], delete e.anyOf, r.pop());
         }
-        if (((_a = def.anyOf) == null ? void 0 : _a.length) === 2) {
-          if (typeof def.anyOf[1] === "boolean") {
-            return [name, def];
-          }
-          if (def.anyOf[1].type === "null" && typeof def.anyOf[0] !== "boolean") {
-            if (def.anyOf[0].enum) {
-              def.enum = def.anyOf[0].enum;
-            }
-            def.type = [...Array.isArray(def.anyOf[0].type) ? def.anyOf[0].type : [def.anyOf[0].type], "null"];
-            delete def.anyOf;
-            requiredFields.pop();
-          }
+        if (((o = e.allOf) == null ? void 0 : o.length) > 0 && typeof e.allOf[0] != "boolean" && e.allOf[0].$ref) {
+          const p = {
+            ...e,
+            ...s(l, e.allOf[0].$ref.replace("#/", "").replaceAll("/", ".")),
+            title: e.title
+          };
+          return delete p.allOf, [t, p];
         }
-        if (((_b = def.allOf) == null ? void 0 : _b.length) > 0) {
-          if (typeof def.allOf[0] !== "boolean" && def.allOf[0].$ref) {
-            const newDef = {
-              ...def,
-              ...get(schema, def.allOf[0].$ref.replace("#/", "").replaceAll("/", ".")),
-              title: def.title
-            };
-            delete newDef.allOf;
-            return [name, newDef];
-          }
-        }
-        return [name, def];
+        return [t, e];
       })
     )
   };
-  newSchema.required = requiredFields;
-  return newSchema;
+  return n.required = r, n;
 };
 export {
-  adaptSchema
+  u as adaptSchema
 };