@cccsaurora/clue-ui 1.0.4 → 1.1.0-dev.100

package/components/group/GroupControl.js

@@ -1,92 +1,104 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { Card as S, Stack as y, Box as b, Typography as E, Autocomplete as v, TextField as x, Button as I, CircularProgress as z } from "@mui/material";
-import { F as _ } from "../../FlexOne-BXWFOd1T.js";
-import k from "../display/icons/Iconified.js";
-import { SNACKBAR_EVENT_ID as w } from "../../data/event.js";
-import { ClueGroupContext as j } from "../../hooks/ClueGroupContext.js";
-import { useClueComponentSelector as A, useClueEnrichSelector as u } from "../../hooks/selectors.js";
-import { safeDispatchEvent as B } from "../../utils/window.js";
-import { c as F } from "../../ActionForm-Sw7D-KOE.js";
-import { useState as d, useMemo as O, useCallback as T } from "react";
-import { u as D } from "../../index-E7g8cRyW.js";
-import G from "../actions/ExecutePopover.js";
-const U = () => {
-  const { t: n } = A((e) => e.i18next), { type: t, values: o, classification: a } = D(j, (e) => ({
-    type: e == null ? void 0 : e.type,
-    values: e == null ? void 0 : e.values,
-    classification: e == null ? void 0 : e.classification
-  })), f = u((e) => e.availableSources), c = u((e) => e.bulkEnrich), [i, p] = d(!1), [s, h] = d([]), C = O(
-    () => (o ?? []).map((e) => ({ value: e, type: t, classification: a })),
-    [a, t, o]
-  ), g = T(async () => {
-    if (!i)
-      try {
-        p(!0), await c(
-          (o ?? []).map((e) => ({ type: t, value: e })),
-          { force: !0, sources: s }
-        );
-      } catch (e) {
-        console.error(e), B(
-          new CustomEvent(w, {
-            detail: {
-              message: e.toString(),
-              level: "error"
-            }
-          })
-        );
-      } finally {
-        p(!1);
-      }
-  }, [c, i, s, t, o]);
-  return /* @__PURE__ */ r(S, { sx: { p: 1 }, children: /* @__PURE__ */ m(y, { direction: "row", spacing: 1, alignItems: "center", children: [
-    /* @__PURE__ */ r(
-      b,
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, Stack, Box, Typography, Autocomplete, TextField, Button, CircularProgress } from "@mui/material";
+import { F as FlexOne } from "../../FlexOne-BSYAhhtG.js";
+import Iconified from "../display/icons/Iconified.js";
+import { SNACKBAR_EVENT_ID } from "../../data/event.js";
+import { ClueGroupContext } from "../../hooks/ClueGroupContext.js";
+import { useClueComponentSelector, useClueEnrichSelector } from "../../hooks/selectors.js";
+import { safeDispatchEvent } from "../../utils/window.js";
+import { c as capitalize } from "../../ActionForm-ByeOzpc4.js";
+import { useState, useMemo, useCallback } from "react";
+import { u as useContextSelector } from "../../index-BDVjGvMI.js";
+import ExecutePopover from "../actions/ExecutePopover.js";
+const GroupControl = () => {
+  const { t } = useClueComponentSelector((ctx) => ctx.i18next);
+  const { type, values, classification } = useContextSelector(ClueGroupContext, (ctx) => ({
+    type: ctx == null ? void 0 : ctx.type,
+    values: ctx == null ? void 0 : ctx.values,
+    classification: ctx == null ? void 0 : ctx.classification
+  }));
+  const sources = useClueEnrichSelector((ctx) => ctx.availableSources);
+  const enrich = useClueEnrichSelector((ctx) => ctx.bulkEnrich);
+  const [loading, setLoading] = useState(false);
+  const [selectedSources, setSelectedSources] = useState([]);
+  const fullValues = useMemo(
+    () => (values ?? []).map((value) => ({ value, type, classification })),
+    [classification, type, values]
+  );
+  const runEnrichment = useCallback(async () => {
+    if (loading) {
+      return;
+    }
+    try {
+      setLoading(true);
+      await enrich(
+        (values ?? []).map((value) => ({ type, value })),
+        { force: true, sources: selectedSources }
+      );
+    } catch (e) {
+      console.error(e);
+      safeDispatchEvent(
+        new CustomEvent(SNACKBAR_EVENT_ID, {
+          detail: {
+            message: e.toString(),
+            level: "error"
+          }
+        })
+      );
+    } finally {
+      setLoading(false);
+    }
+  }, [enrich, loading, selectedSources, type, values]);
+  return /* @__PURE__ */ jsx(Card, { sx: { p: 1 }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+    /* @__PURE__ */ jsx(
+      Box,
       {
-        sx: (e) => ({
+        sx: (theme) => ({
           border: "thin solid",
           alignSelf: "stretch",
           display: "flex",
           alignItems: "center",
           px: 1,
           borderRadius: "5px",
-          borderColor: e.palette.divider
+          borderColor: theme.palette.divider
         }),
-        children: /* @__PURE__ */ m(E, { color: "text.secondary", children: [
-          (o == null ? void 0 : o.length) ?? 0,
-          " selected"
+        children: /* @__PURE__ */ jsxs(Typography, { color: "text.secondary", children: [
+          (values == null ? void 0 : values.length) ?? 0,
+          " ",
+          t("selected")
         ] })
       }
     ),
-    /* @__PURE__ */ r(_, {}),
-    /* @__PURE__ */ r(
-      v,
+    /* @__PURE__ */ jsx(FlexOne, {}),
+    /* @__PURE__ */ jsx(
+      Autocomplete,
       {
         size: "small",
-        multiple: !0,
-        options: f,
+        multiple: true,
+        options: sources,
         sx: { minWidth: "400px" },
-        renderInput: (e) => /* @__PURE__ */ r(x, { size: "small", placeholder: n("sources"), ...e }),
-        value: s,
-        onChange: (e, l) => h(l),
-        disableCloseOnSelect: !0,
-        getOptionLabel: (e) => e.split(/[_-]/).map((l) => F(l)).join(" ")
+        renderInput: (params) => /* @__PURE__ */ jsx(TextField, { size: "small", placeholder: t("sources"), ...params }),
+        value: selectedSources,
+        onChange: (__, value) => setSelectedSources(value),
+        disableCloseOnSelect: true,
+        getOptionLabel: (opt) => opt.split(/[_-]/).map((word) => capitalize(word)).join(" ")
       }
     ),
-    /* @__PURE__ */ r(
-      I,
+    /* @__PURE__ */ jsx(
+      Button,
       {
         variant: "outlined",
         color: "info",
-        disabled: (o == null ? void 0 : o.length) < 1 || i,
-        startIcon: i ? /* @__PURE__ */ r(z, { color: "info", size: "20px" }) : /* @__PURE__ */ r(k, { icon: "ic:outline-play-arrow" }),
+        disabled: (values == null ? void 0 : values.length) < 1 || loading,
+        startIcon: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "info", size: "20px" }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-play-arrow" }),
         sx: { alignSelf: "stretch" },
-        onClick: g,
-        children: n("enrich")
+        onClick: runEnrichment,
+        children: t("enrich")
       }
     ),
-    /* @__PURE__ */ r(G, { selectors: C, size: "medium", multiples: !0 })
+    /* @__PURE__ */ jsx(ExecutePopover, { selectors: fullValues, size: "medium", multiples: true })
   ] }) });
 };
 export {
-  U as default
+  GroupControl as default
 };

package/components/stats/QueryStatus.js

@@ -1,52 +1,65 @@
-import { jsxs as s } from "react/jsx-runtime";
-import { Stack as d, Typography as r } from "@mui/material";
-import { ClueDatabaseContext as b } from "../../hooks/ClueDatabaseContext.js";
-import { useClueEnrichSelector as f } from "../../hooks/selectors.js";
-import { useContext as C, useState as n, useEffect as g } from "react";
-const $ = () => {
-  const e = C(b), c = f((t) => t.ready), [u, l] = n(0), [a, p] = n(0), [i, m] = n(0);
-  return g(() => {
-    if (!c)
+import { jsxs } from "react/jsx-runtime";
+import { Stack, Typography } from "@mui/material";
+import { ClueDatabaseContext } from "../../hooks/ClueDatabaseContext.js";
+import { useClueComponentSelector, useClueEnrichSelector } from "../../hooks/selectors.js";
+import { useContext, useState, useEffect } from "react";
+const QueryStatus = () => {
+  const { t } = useClueComponentSelector((ctx) => ctx.i18next);
+  const database = useContext(ClueDatabaseContext);
+  const ready = useClueEnrichSelector((ctx) => ctx.ready);
+  const [pendingCount, setPendingCount] = useState(0);
+  const [inProgressCount, setInProgressCount] = useState(0);
+  const [completeCount, setCompleteCount] = useState(0);
+  useEffect(() => {
+    if (!ready) {
       return;
-    const t = [
-      e.status.count({ selector: { status: "pending" } }).$.subscribe(l),
-      e.status.count({ selector: { status: "in-progress" } }).$.subscribe(p),
-      e.status.count({ selector: { status: "complete" } }).$.subscribe(m)
+    }
+    const observables = [
+      database.status.count({ selector: { status: "pending" } }).$.subscribe(setPendingCount),
+      database.status.count({ selector: { status: "in-progress" } }).$.subscribe(setInProgressCount),
+      database.status.count({ selector: { status: "complete" } }).$.subscribe(setCompleteCount)
     ];
     return () => {
       try {
-        t.forEach((o) => o.unsubscribe());
-      } catch (o) {
-        console.warn(o);
+        observables.forEach((_observable) => _observable.unsubscribe());
+      } catch (e) {
+        console.warn(e);
       }
     };
-  }, [e, c]), u + a + i < 1 ? null : /* @__PURE__ */ s(
-    d,
+  }, [database, ready]);
+  if (pendingCount + inProgressCount + completeCount < 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    Stack,
     {
       spacing: 1,
-      sx: (t) => ({
-        border: `thin solid ${t.palette.divider}`,
-        borderRadius: t.spacing(0.5),
+      sx: (theme) => ({
+        border: `thin solid ${theme.palette.divider}`,
+        borderRadius: theme.spacing(0.5),
         mx: 1,
         p: 1
       }),
       children: [
-        /* @__PURE__ */ s(r, { sx: { fontFamily: "monospace" }, children: [
-          "Pending: ",
-          u
+        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
+          t("query.status.pending"),
+          ": ",
+          pendingCount
         ] }),
-        /* @__PURE__ */ s(r, { sx: { fontFamily: "monospace" }, children: [
-          "In Progress: ",
-          a
+        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
+          t("query.status.inprogress"),
+          ": ",
+          inProgressCount
         ] }),
-        /* @__PURE__ */ s(r, { sx: { fontFamily: "monospace" }, children: [
-          "Complete: ",
-          i
+        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
+          t("query.status.complete"),
+          ": ",
+          completeCount
         ] })
       ]
     }
   );
 };
 export {
-  $ as default
+  QueryStatus as default
 };

package/countBy-C69WslUA.js

@@ -0,0 +1,14 @@
+import { b as baseAssignValue } from "./_baseAssignValue-CNbcU6Nb.js";
+import { c as createAggregator } from "./_createAggregator-BpVy5xMi.js";
+var objectProto = Object.prototype;
+var hasOwnProperty = objectProto.hasOwnProperty;
+var countBy = createAggregator(function(result, value, key) {
+  if (hasOwnProperty.call(result, key)) {
+    ++result[key];
+  } else {
+    baseAssignValue(result, key, 1);
+  }
+});
+export {
+  countBy as c
+};

package/data/event.js

@@ -1,6 +1,8 @@
-const o = "snackbar.message", s = "clue.showPopup", E = "clue.hidePopup";
+const SNACKBAR_EVENT_ID = "snackbar.message";
+const SHOW_EVENT_ID = "clue.showPopup";
+const HIDE_EVENT_ID = "clue.hidePopup";
 export {
-  E as HIDE_EVENT_ID,
-  s as SHOW_EVENT_ID,
-  o as SNACKBAR_EVENT_ID
+  HIDE_EVENT_ID,
+  SHOW_EVENT_ID,
+  SNACKBAR_EVENT_ID
 };

package/database/index.js

@@ -1,4 +1,4 @@
-import { b as f } from "../index-pQg5VUAZ.js";
+import { b } from "../index-CC12Ux-9.js";
 export {
-  f as default
+  b as default
 };

package/debounce-bV0h5FC5.js

@@ -0,0 +1,92 @@
+import { i as isObject } from "./isObject-FTY-5JQX.js";
+import { r as root } from "./isObjectLike-OAgjjZye.js";
+import { t as toNumber } from "./toNumber-DPxy1FBy.js";
+var now = function() {
+  return root.Date.now();
+};
+var FUNC_ERROR_TEXT = "Expected a function";
+var nativeMax = Math.max, nativeMin = Math.min;
+function debounce(func, wait, options) {
+  var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+  if (typeof func != "function") {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = toNumber(wait) || 0;
+  if (isObject(options)) {
+    leading = !!options.leading;
+    maxing = "maxWait" in options;
+    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  function invokeFunc(time) {
+    var args = lastArgs, thisArg = lastThis;
+    lastArgs = lastThis = void 0;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+  function leadingEdge(time) {
+    lastInvokeTime = time;
+    timerId = setTimeout(timerExpired, wait);
+    return leading ? invokeFunc(time) : result;
+  }
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
+    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+  }
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+  }
+  function timerExpired() {
+    var time = now();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = void 0;
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = void 0;
+    return result;
+  }
+  function cancel() {
+    if (timerId !== void 0) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = void 0;
+  }
+  function flush() {
+    return timerId === void 0 ? result : trailingEdge(now());
+  }
+  function debounced() {
+    var time = now(), isInvoking = shouldInvoke(time);
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+    if (isInvoking) {
+      if (timerId === void 0) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        clearTimeout(timerId);
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === void 0) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+export {
+  debounce as d
+};

package/en/translation.json

@@ -1,81 +1,65 @@
 {
+  "action.available": "Available Actions",
+  "action.data": "Action Data",
   "actions.execute": "Execute",
   "actions.executing": "Executing",
   "actions.json.hide": "Hide JSON",
   "actions.json.show": "Show JSON",
-  "action.data": "Action Data",
-  "action.available": "Available Actions",
-
+  "adminmenu": "Admin menu",
   "adminmenu.config": "Configuration",
   "adminmenu.users": "Users",
-  "adminmenu": "Admin menu",
-
-  "annotation.failed": "Failed",
-
   "all": "All",
-
+  "annotation.failed": "Failed",
   "app.language": "Language",
   "app.list.empty": "No Results",
   "app.search.fullscreen": "Activate fullscreen search",
   "app.search.shortcut": "Perform search",
   "app.search.starttyping": "Start typing and/or press ENTER",
-
   "breadcrumb.404": "404",
-
   "cancel": "Cancel",
   "classification": "Classification",
-  "close": "Close",
-
   "clipboard": "Copy value to clipboard",
   "clipboard.failure": "could not be copied to clipboard",
   "clipboard.success": "was copied to clipboard.",
-
+  "close": "Close",
   "details.open": "Open Details",
-
   "drawer.chat": "Chat",
   "drawer.collapse": "Collapse Menu",
   "drawer.dashboard": "Dashboard",
   "drawer.expand": "Expand Menu",
   "drawer.help": "Help",
   "drawer.home": "Home",
+  "drawer.items": "Items",
   "drawer.items.create": "Create",
   "drawer.items.edit": "Edit",
   "drawer.items.list": "List",
-  "drawer.items": "Items",
-  "drawer.mail.inbox.message": "Message",
+  "drawer.mail": "Email",
   "drawer.mail.inbox": "Inbox",
+  "drawer.mail.inbox.message": "Message",
   "drawer.mail.sent": "Sent",
   "drawer.mail.trash": "Trash",
-  "drawer.mail": "Email",
-
   "enrich": "Enrich",
-
   "error": "Error",
-
-  "retry.enrich": "Retry Failed Enrichments",
-
+  "graph.no.dataset": "No dataset has been selected!",
+  "graph.node.input.label": "Enter a node ID, and press [ctrl + enter] to select it. [ctrl + space] will open an autocomplete menu.",
+  "graph.show.more": "show more",
+  "graph.visualization": "Visualization",
   "json.viewer.search.label": "Search JSON",
-
   "notification.title": "Notifications",
-
   "page.404.description": "The page you are looking for cannot be found...",
   "page.404.title": "404: Not found",
-
   "page.dashboard.title": "Dashboard",
-
-  "page.home.title": "Home",
+  "page.home.cache": "Skip Plugins' Cache",
   "page.home.classification": "Classification",
-  "page.home.timeout": "Customize Timeout",
   "page.home.includeraw": "Include Raw Data",
-  "page.home.cache": "Skip Plugins' Cache",
+  "page.home.timeout": "Customize Timeout",
+  "page.home.title": "Home",
   "page.home.types": "Types supported (one per line)",
-
   "page.login.button": "Sign in",
   "page.login.password": "Password",
   "page.login.username": "Username",
-
   "page.logout": "Logging out current user ... ",
-
+  "personalization": "Personalization",
   "personalization.autohideappbar": "Auto Hide Topbar",
   "personalization.dark": "Dark Mode",
   "personalization.minimizebreadcrumbs": "Minimize Breadcrumbs",
@@ -83,53 +67,49 @@
   "personalization.reset_text": "Reset to site defaults",
   "personalization.showbreadcrumbs": "Show Breadcrumbs",
   "personalization.sticky": "Sticky Topbar",
-  "personalization": "Personalization",
-
+  "query.status.complete": "Complete",
+  "query.status.inprogress": "In Progress",
+  "query.status.pending": "Pending",
   "quicksearch.aria": "search",
   "quicksearch.placeholder": "Search ...",
-
   "refresh": "Refresh",
-
+  "retry.enrich": "Retry Failed Enrichments",
+  "route.actions": "Actions",
+  "route.actions.action": "Select Action",
+  "route.actions.description": "Execute predefined actions on selectors using the form below.",
+  "route.actions.submit": "Execute Action",
+  "route.actions.type": "Selector Type",
+  "route.actions.value": "Selector Value",
   "route.examples": "Example Components",
-
-  "route.help.contributing": "Contributing",
-  "route.help.dashboard": "Plugin Dashboard",
-  "route.plugin": "Plugin",
-  "route.plugin.active": "Active",
-  "route.help": "Help",
-  "route.help.loading": "Loading Documentation",
-  "route.help.error": "An error occurred in loading the documentation",
-
   "route.fetchers": "Fetchers",
+  "route.fetchers.available": "Available Fetchers",
+  "route.fetchers.description": "Add a new fetcher to render using the form above.",
   "route.fetchers.fetcher": "Select Fetcher",
+  "route.fetchers.submit": "Add Fetcher",
+  "route.fetchers.title": "No Fetchers",
   "route.fetchers.type": "Selector Type",
   "route.fetchers.value": "Selector Value",
-  "route.fetchers.title": "No Fetchers",
-  "route.fetchers.description": "Add a new fetcher to render using the form above.",
-  "route.fetchers.submit": "Add Fetcher",
-  "route.fetchers.available": "Available Fetchers",
-
+  "route.help": "Help",
+  "route.help.contributing": "Contributing",
+  "route.help.dashboard": "Plugin Dashboard",
+  "route.help.error": "An error occurred in loading the documentation",
+  "route.help.loading": "Loading Documentation",
   "route.home": "Enrich Data",
-
   "route.login.button.oauth.azure": "Azure",
   "route.login.button.oauth.keycloak": "Keycloak",
-
+  "route.plugin": "Plugin",
+  "route.plugin.active": "Active",
+  "selected": "selected",
   "sources": "Sources",
   "sources.select.all": "Select All Sources",
   "sources.select.none": "Deselect All Sources",
-
   "summary.unfound": "Summary not found",
-
   "tooltip.breadcrumbs.max": "Expand Breadcrumbs",
   "tooltip.breadcrumbs.min": "Collapse Breadcrumbs",
-
   "type": "Type",
-
   "unknown": "Unknown",
-
-  "usermenu.logout": "Logout",
   "usermenu": "User menu",
+  "usermenu.logout": "Logout",
   "usermenu.settings": "Settings",
-
   "value": "Value"
 }