@cccsaurora/clue-ui 1.0.2 → 1.1.0-dev.11

package/components/group/GroupControl.js

@@ -1,92 +1,103 @@
-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-BtTv0s4P.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-D4ryHO0M.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,
+        children: /* @__PURE__ */ jsxs(Typography, { color: "text.secondary", children: [
+          (values == null ? void 0 : values.length) ?? 0,
           " 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,61 @@
-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 { useClueEnrichSelector } from "../../hooks/selectors.js";
+import { useContext, useState, useEffect } from "react";
+const QueryStatus = () => {
+  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: [
+        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
           "Pending: ",
-          u
+          pendingCount
         ] }),
-        /* @__PURE__ */ s(r, { sx: { fontFamily: "monospace" }, children: [
+        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
           "In Progress: ",
-          a
+          inProgressCount
         ] }),
-        /* @__PURE__ */ s(r, { sx: { fontFamily: "monospace" }, children: [
+        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
           "Complete: ",
-          i
+          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-Bo-v5IAc.js";
+import { b } from "../index-Dz1kF2MU.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/get-D3C3lEU3.js

@@ -0,0 +1,8 @@
+import { b as baseGet } from "./_baseGet-BSK_nnoz.js";
+function get(object, path, defaultValue) {
+  var result = object == null ? void 0 : baseGet(object, path);
+  return result === void 0 ? defaultValue : result;
+}
+export {
+  get as g
+};

package/groupBy-DC2oOuBN.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 groupBy = createAggregator(function(result, value, key) {
+  if (hasOwnProperty.call(result, key)) {
+    result[key].push(value);
+  } else {
+    baseAssignValue(result, key, [value]);
+  }
+});
+export {
+  groupBy as g
+};

package/hooks/ClueActionContext.js

@@ -1,18 +1,18 @@
 import "react/jsx-runtime";
 import "@mui/material";
-import "../index-Bo-v5IAc.js";
-import "../useClueTypeConfig-CneP98N_.js";
-import { a as A, C as d } from "../ActionForm-BtTv0s4P.js";
+import "../index-Dz1kF2MU.js";
+import "../useClueTypeConfig-CH-nGq6a.js";
+import { a, C } from "../ActionForm-D4ryHO0M.js";
 import "../components/actions/ResultModal.js";
 import "../components/display/icons/Iconified.js";
 import "../components/ErrorBoundary.js";
 import "../data/event.js";
 import "../utils/window.js";
 import "react";
-import "../index-E7g8cRyW.js";
+import "../index-BDVjGvMI.js";
 import "./ClueComponentContext.js";
 import "./useClue.js";
 export {
-  A as ClueActionContext,
-  d as ClueActionProvider
+  a as ClueActionContext,
+  C as ClueActionProvider
 };

package/hooks/ClueComponentContext.js

@@ -1,34 +1,40 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useMemo as m } from "react";
-import { useTranslation as l } from "react-i18next";
-import { c as i } from "../index-E7g8cRyW.js";
-const u = i(null), p = ({
-  children: t,
-  ReactJson: o
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { c as createContext } from "../index-BDVjGvMI.js";
+const ClueComponentContext = createContext(null);
+const ClueComponentI18nProvider = ({
+  children,
+  ReactJson
 }) => {
-  const r = l(), e = m(
+  const i18next = useTranslation();
+  const context = useMemo(
     () => ({
-      ReactJson: o,
-      i18next: r
+      ReactJson,
+      i18next
     }),
-    [o, r]
+    [ReactJson, i18next]
   );
-  return /* @__PURE__ */ n(u.Provider, { value: e, children: t });
-}, f = ({
-  children: t,
-  ReactJson: o,
-  i18next: r = null
+  return /* @__PURE__ */ jsx(ClueComponentContext.Provider, { value: context, children });
+};
+const ClueComponentProvider = ({
+  children,
+  ReactJson,
+  i18next = null
 }) => {
-  const e = m(
+  const context = useMemo(
     () => ({
-      ReactJson: o,
-      i18next: r
+      ReactJson,
+      i18next
     }),
-    [o, r]
+    [ReactJson, i18next]
   );
-  return r ? /* @__PURE__ */ n(u.Provider, { value: e, children: t }) : /* @__PURE__ */ n(p, { ReactJson: o, children: t });
+  if (!i18next) {
+    return /* @__PURE__ */ jsx(ClueComponentI18nProvider, { ReactJson, children });
+  }
+  return /* @__PURE__ */ jsx(ClueComponentContext.Provider, { value: context, children });
 };
 export {
-  u as ClueComponentContext,
-  f as ClueComponentProvider
+  ClueComponentContext,
+  ClueComponentProvider
 };

package/hooks/ClueConfigProvider.js

@@ -1,21 +1,23 @@
-import { jsx as i } from "react/jsx-runtime";
-import { createContext as c, useState as u, useMemo as f } from "react";
-const l = c(null), g = ({ children: t, config: e }) => {
-  const [o, n] = u(
-    e ?? {
+import { jsx } from "react/jsx-runtime";
+import { createContext, useState, useMemo } from "react";
+const ClueConfigContext = createContext(null);
+const ClueConfigProvider = ({ children, config: _config }) => {
+  const [config, setConfig] = useState(
+    _config ?? {
       configuration: null,
       c12nDef: null
     }
-  ), r = f(
+  );
+  const context = useMemo(
     () => ({
-      config: o,
-      setConfig: n
+      config,
+      setConfig
     }),
-    [o, n]
+    [config, setConfig]
   );
-  return /* @__PURE__ */ i(l.Provider, { value: r, children: t });
+  return /* @__PURE__ */ jsx(ClueConfigContext.Provider, { value: context, children });
 };
 export {
-  l as ClueConfigContext,
-  g as ClueConfigProvider
+  ClueConfigContext,
+  ClueConfigProvider
 };

package/hooks/ClueDatabaseContext.js

@@ -1,17 +1,23 @@
-import { jsx as s } from "react/jsx-runtime";
-import { b as u } from "../index-Bo-v5IAc.js";
-import { createContext as l, useState as n, useEffect as i } from "react";
-const m = l(null), p = ({
-  children: a,
-  database: e,
-  databaseConfig: t
+import { jsx } from "react/jsx-runtime";
+import { b as buildDatabase } from "../index-Dz1kF2MU.js";
+import { createContext, useState, useEffect } from "react";
+const ClueDatabaseContext = createContext(null);
+const ClueDatabaseProvider = ({
+  children,
+  database: _database,
+  databaseConfig
 }) => {
-  const [o, r] = n();
-  return i(() => {
-    e ? r(e) : u(t).then(r);
-  }, [e, t]), /* @__PURE__ */ s(m.Provider, { value: o, children: a });
+  const [database, setDatabase] = useState();
+  useEffect(() => {
+    if (_database) {
+      setDatabase(_database);
+    } else {
+      buildDatabase(databaseConfig).then(setDatabase);
+    }
+  }, [_database, databaseConfig]);
+  return /* @__PURE__ */ jsx(ClueDatabaseContext.Provider, { value: database, children });
 };
 export {
-  m as ClueDatabaseContext,
-  p as ClueDatabaseProvider
+  ClueDatabaseContext,
+  ClueDatabaseProvider
 };

package/hooks/ClueEnrichContext.js

@@ -1,15 +1,15 @@
 import "react/jsx-runtime";
-import "../iconify-BBckr5AQ.js";
-import "../useClueTypeConfig-CneP98N_.js";
+import "../iconify-CXMreGTg.js";
+import "../useClueTypeConfig-CH-nGq6a.js";
 import "../utils/loggerUtil.js";
-import { C as l, a as s } from "../ClueEnrichContext-DH9lqjwH.js";
-import "../debounce-DryYcbJ4.js";
-import "../groupBy-BheQYl6f.js";
+import { C, a } from "../ClueEnrichContext-DIn6g8tw.js";
+import "../debounce-bV0h5FC5.js";
+import "../groupBy-DC2oOuBN.js";
 import "react";
-import "../index-E7g8cRyW.js";
+import "../index-BDVjGvMI.js";
 import "./ClueDatabaseContext.js";
 import "./useClueConfig.js";
 export {
-  l as ClueEnrichContext,
-  s as ClueEnrichProvider
+  C as ClueEnrichContext,
+  a as ClueEnrichProvider
 };