@cccsaurora/clue-ui 1.0.0-dev.48 → 1.0.0

package/components/group/GroupControl.js

@@ -1,103 +1,92 @@
-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 { useState, useMemo, useCallback } from "react";
-import { u as useContextSelector } from "../../index-BDVjGvMI.js";
-import ExecutePopover from "../actions/ExecutePopover.js";
-import { c as capitalize } from "../../ActionForm-c5hLIfQ-.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,
+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 { useState as d, useMemo as F, useCallback as O } from "react";
+import { u as T } from "../../index-E7g8cRyW.js";
+import D from "../actions/ExecutePopover.js";
+import { c as G } from "../../ActionForm-WIj7BfD5.js";
+const U = () => {
+  const { t: n } = A((e) => e.i18next), { type: t, values: o, classification: a } = T(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 = F(
+    () => (o ?? []).map((e) => ({ value: e, type: t, classification: a })),
+    [a, t, o]
+  ), g = O(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,
       {
-        sx: (theme) => ({
+        sx: (e) => ({
           border: "thin solid",
           alignSelf: "stretch",
           display: "flex",
           alignItems: "center",
           px: 1,
           borderRadius: "5px",
-          borderColor: theme.palette.divider
+          borderColor: e.palette.divider
         }),
-        children: /* @__PURE__ */ jsxs(Typography, { color: "text.secondary", children: [
-          (values == null ? void 0 : values.length) ?? 0,
+        children: /* @__PURE__ */ m(E, { color: "text.secondary", children: [
+          (o == null ? void 0 : o.length) ?? 0,
           " selected"
         ] })
       }
     ),
-    /* @__PURE__ */ jsx(FlexOne, {}),
-    /* @__PURE__ */ jsx(
-      Autocomplete,
+    /* @__PURE__ */ r(_, {}),
+    /* @__PURE__ */ r(
+      v,
       {
         size: "small",
-        multiple: true,
-        options: sources,
+        multiple: !0,
+        options: f,
         sx: { minWidth: "400px" },
-        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(" ")
+        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) => G(l)).join(" ")
       }
     ),
-    /* @__PURE__ */ jsx(
-      Button,
+    /* @__PURE__ */ r(
+      I,
       {
         variant: "outlined",
         color: "info",
-        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" }),
+        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" }),
         sx: { alignSelf: "stretch" },
-        onClick: runEnrichment,
-        children: t("enrich")
+        onClick: g,
+        children: n("enrich")
       }
     ),
-    /* @__PURE__ */ jsx(ExecutePopover, { selectors: fullValues, size: "medium", multiples: true })
+    /* @__PURE__ */ r(D, { selectors: C, size: "medium", multiples: !0 })
   ] }) });
 };
 export {
-  GroupControl as default
+  U as default
 };

package/components/stats/QueryStatus.js

@@ -1,61 +1,52 @@
-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) {
+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)
       return;
-    }
-    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)
+    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)
     ];
     return () => {
       try {
-        observables.forEach((_observable) => _observable.unsubscribe());
-      } catch (e) {
-        console.warn(e);
+        t.forEach((o) => o.unsubscribe());
+      } catch (o) {
+        console.warn(o);
       }
     };
-  }, [database, ready]);
-  if (pendingCount + inProgressCount + completeCount < 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    Stack,
+  }, [e, c]), u + a + i < 1 ? null : /* @__PURE__ */ s(
+    d,
     {
       spacing: 1,
-      sx: (theme) => ({
-        border: `thin solid ${theme.palette.divider}`,
-        borderRadius: theme.spacing(0.5),
+      sx: (t) => ({
+        border: `thin solid ${t.palette.divider}`,
+        borderRadius: t.spacing(0.5),
         mx: 1,
         p: 1
       }),
       children: [
-        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
+        /* @__PURE__ */ s(r, { sx: { fontFamily: "monospace" }, children: [
           "Pending: ",
-          pendingCount
+          u
         ] }),
-        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
+        /* @__PURE__ */ s(r, { sx: { fontFamily: "monospace" }, children: [
           "In Progress: ",
-          inProgressCount
+          a
         ] }),
-        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
+        /* @__PURE__ */ s(r, { sx: { fontFamily: "monospace" }, children: [
           "Complete: ",
-          completeCount
+          i
         ] })
       ]
     }
   );
 };
 export {
-  QueryStatus as default
+  $ as default
 };

package/countBy-DOutsa_w.js

@@ -0,0 +1,8 @@
+import { b as a } from "./_baseAssignValue-CUmzp727.js";
+import { c as t } from "./_createAggregator-B4Cav8ZM.js";
+var e = Object.prototype, c = e.hasOwnProperty, i = t(function(o, p, r) {
+  c.call(o, r) ? ++o[r] : a(o, r, 1);
+});
+export {
+  i as c
+};

package/data/event.js

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

package/database/index.js

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

package/debounce-DryYcbJ4.js

@@ -0,0 +1,56 @@
+import { i as S } from "./isObject-B53jY8Qg.js";
+import { r as y } from "./isObjectLike-BatpeCIi.js";
+import { t as W } from "./toNumber-YVhnnJv4.js";
+var h = function() {
+  return y.Date.now();
+}, R = "Expected a function", A = Math.max, F = Math.min;
+function j(x, i, a) {
+  var u, o, c, f, n, r, d = 0, E = !1, m = !1, g = !0;
+  if (typeof x != "function")
+    throw new TypeError(R);
+  i = W(i) || 0, S(a) && (E = !!a.leading, m = "maxWait" in a, c = m ? A(W(a.maxWait) || 0, i) : c, g = "trailing" in a ? !!a.trailing : g);
+  function v(e) {
+    var t = u, l = o;
+    return u = o = void 0, d = e, f = x.apply(l, t), f;
+  }
+  function b(e) {
+    return d = e, n = setTimeout(s, i), E ? v(e) : f;
+  }
+  function C(e) {
+    var t = e - r, l = e - d, p = i - t;
+    return m ? F(p, c - l) : p;
+  }
+  function k(e) {
+    var t = e - r, l = e - d;
+    return r === void 0 || t >= i || t < 0 || m && l >= c;
+  }
+  function s() {
+    var e = h();
+    if (k(e))
+      return I(e);
+    n = setTimeout(s, C(e));
+  }
+  function I(e) {
+    return n = void 0, g && u ? v(e) : (u = o = void 0, f);
+  }
+  function L() {
+    n !== void 0 && clearTimeout(n), d = 0, u = r = o = n = void 0;
+  }
+  function M() {
+    return n === void 0 ? f : I(h());
+  }
+  function T() {
+    var e = h(), t = k(e);
+    if (u = arguments, o = this, r = e, t) {
+      if (n === void 0)
+        return b(r);
+      if (m)
+        return clearTimeout(n), n = setTimeout(s, i), v(r);
+    }
+    return n === void 0 && (n = setTimeout(s, i)), f;
+  }
+  return T.cancel = L, T.flush = M, T;
+}
+export {
+  j as d
+};

package/get-Bow1vKwx.js

@@ -0,0 +1,8 @@
+import { b as u } from "./_baseGet-Dgf6_xCm.js";
+function d(e, r, t) {
+  var n = e == null ? void 0 : u(e, r);
+  return n === void 0 ? t : n;
+}
+export {
+  d as g
+};

package/groupBy-BheQYl6f.js

@@ -0,0 +1,8 @@
+import { b as t } from "./_baseAssignValue-CUmzp727.js";
+import { c as p } from "./_createAggregator-B4Cav8ZM.js";
+var e = Object.prototype, s = e.hasOwnProperty, i = p(function(r, a, o) {
+  s.call(r, o) ? r[o].push(a) : t(r, o, [a]);
+});
+export {
+  i as g
+};

package/hooks/ClueActionContext.js

@@ -1,18 +1,18 @@
 import "react/jsx-runtime";
 import "@mui/material";
-import "../index-Dn2NHyXg.js";
-import "../useClueTypeConfig-D4zcy8Gr.js";
-import { a, C } from "../ActionForm-c5hLIfQ-.js";
+import "../index-WvFmjbxF.js";
+import "../useClueTypeConfig-BQ33EiyB.js";
+import { a as A, C as d } from "../ActionForm-WIj7BfD5.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-BDVjGvMI.js";
+import "../index-E7g8cRyW.js";
 import "./ClueComponentContext.js";
 import "./useClue.js";
 export {
-  a as ClueActionContext,
-  C as ClueActionProvider
+  A as ClueActionContext,
+  d as ClueActionProvider
 };

package/hooks/ClueComponentContext.js

@@ -1,40 +1,34 @@
-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
+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
 }) => {
-  const i18next = useTranslation();
-  const context = useMemo(
+  const r = l(), e = m(
     () => ({
-      ReactJson,
-      i18next
+      ReactJson: o,
+      i18next: r
     }),
-    [ReactJson, i18next]
+    [o, r]
   );
-  return /* @__PURE__ */ jsx(ClueComponentContext.Provider, { value: context, children });
-};
-const ClueComponentProvider = ({
-  children,
-  ReactJson,
-  i18next = null
+  return /* @__PURE__ */ n(u.Provider, { value: e, children: t });
+}, f = ({
+  children: t,
+  ReactJson: o,
+  i18next: r = null
 }) => {
-  const context = useMemo(
+  const e = m(
     () => ({
-      ReactJson,
-      i18next
+      ReactJson: o,
+      i18next: r
     }),
-    [ReactJson, i18next]
+    [o, r]
   );
-  if (!i18next) {
-    return /* @__PURE__ */ jsx(ClueComponentI18nProvider, { ReactJson, children });
-  }
-  return /* @__PURE__ */ jsx(ClueComponentContext.Provider, { value: context, children });
+  return r ? /* @__PURE__ */ n(u.Provider, { value: e, children: t }) : /* @__PURE__ */ n(p, { ReactJson: o, children: t });
 };
 export {
-  ClueComponentContext,
-  ClueComponentProvider
+  u as ClueComponentContext,
+  f as ClueComponentProvider
 };

package/hooks/ClueConfigProvider.js

@@ -1,23 +1,21 @@
-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 ?? {
+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 ?? {
       configuration: null,
       c12nDef: null
     }
-  );
-  const context = useMemo(
+  ), r = f(
     () => ({
-      config,
-      setConfig
+      config: o,
+      setConfig: n
     }),
-    [config, setConfig]
+    [o, n]
   );
-  return /* @__PURE__ */ jsx(ClueConfigContext.Provider, { value: context, children });
+  return /* @__PURE__ */ i(l.Provider, { value: r, children: t });
 };
 export {
-  ClueConfigContext,
-  ClueConfigProvider
+  l as ClueConfigContext,
+  g as ClueConfigProvider
 };

package/hooks/ClueDatabaseContext.js

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

package/hooks/ClueEnrichContext.js

@@ -1,15 +1,15 @@
 import "react/jsx-runtime";
-import "../iconify-CXMreGTg.js";
-import "../useClueTypeConfig-D4zcy8Gr.js";
+import "../iconify-BBckr5AQ.js";
+import "../useClueTypeConfig-BQ33EiyB.js";
 import "../utils/loggerUtil.js";
 import "react";
-import "../index-BDVjGvMI.js";
+import "../index-E7g8cRyW.js";
 import "./ClueDatabaseContext.js";
 import "./useClueConfig.js";
-import { C, a } from "../ClueEnrichContext-m-4vn9rz.js";
-import "../groupBy-DC2oOuBN.js";
-import "../debounce-bV0h5FC5.js";
+import { C as l, a as s } from "../ClueEnrichContext-CbJVBm4w.js";
+import "../groupBy-BheQYl6f.js";
+import "../debounce-DryYcbJ4.js";
 export {
-  C as ClueEnrichContext,
-  a as ClueEnrichProvider
+  l as ClueEnrichContext,
+  s as ClueEnrichProvider
 };