@cccsaurora/clue-ui 1.3.0-dev.404 → 1.3.0

package/components/fetchers/StatusChip.js

@@ -1,29 +1,25 @@
-import { jsx } from "react/jsx-runtime";
-import { I as Icon } from "../../iconify-DJxl6dC-.js";
-import { useTheme, Chip } from "@mui/material";
-import { ClueComponentContext } from "../../hooks/ClueComponentContext.js";
-import { a as useContextSelector } from "../../index-_gpzM2Px.js";
-const StatusChip = ({ data, ...chipProps }) => {
-  var _a;
-  const theme = useTheme();
-  const { i18n, t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  if (data == null ? void 0 : data.empty) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Chip,
+import { jsx as l } from "react/jsx-runtime";
+import { I as r } from "../../iconify-Ptb5dTKy.js";
+import { useTheme as i, Chip as x } from "@mui/material";
+import { ClueComponentContext as g } from "../../hooks/ClueComponentContext.js";
+import { a as C } from "../../index-BM9Sve5T.js";
+const S = ({ data: e, ...n }) => {
+  var t;
+  const m = i(), { i18n: f, t: u } = C(g, (o) => o.i18next);
+  return e != null && e.empty ? null : /* @__PURE__ */ l(
+    x,
     {
-      icon: data.icon && /* @__PURE__ */ jsx(Icon, { icon: data.icon, fontSize: "1.25rem" }),
-      deleteIcon: /* @__PURE__ */ jsx("a", { href: data.link, rel: "noreferrer", target: "_blank", style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:open-in-new", color: theme.palette.text.primary, fontSize: "1.25rem" }) }),
-      ...chipProps,
-      label: ((_a = data.labels.find((label) => label.language === i18n.language) ?? data.labels[0]) == null ? void 0 : _a.label) ?? t("unknown"),
+      icon: e.icon && /* @__PURE__ */ l(r, { icon: e.icon, fontSize: "1.25rem" }),
+      deleteIcon: /* @__PURE__ */ l("a", { href: e.link, rel: "noreferrer", target: "_blank", style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ l(r, { icon: "mdi:open-in-new", color: m.palette.text.primary, fontSize: "1.25rem" }) }),
+      ...n,
+      label: ((t = e.labels.find((o) => o.language === f.language) ?? e.labels[0]) == null ? void 0 : t.label) ?? u("unknown"),
       sx: [
-        ...Array.isArray(chipProps == null ? void 0 : chipProps.sx) ? chipProps == null ? void 0 : chipProps.sx : [chipProps == null ? void 0 : chipProps.sx],
-        data.color && { backgroundColor: data.color }
+        ...Array.isArray(n == null ? void 0 : n.sx) ? n == null ? void 0 : n.sx : [n == null ? void 0 : n.sx],
+        e.color && { backgroundColor: e.color }
       ]
     }
   );
 };
 export {
-  StatusChip as default
+  S as default
 };

package/components/group/Entry.js

@@ -1,15 +1,13 @@
-import { ClueGroupContext } from "../../hooks/ClueGroupContext.js";
-import { i as isEqual } from "../../utils-CEySTPtg.js";
-import { memo, useEffect } from "react";
-import { a as useContextSelector } from "../../index-_gpzM2Px.js";
-const Entry = ({ children, entry, selected = false }) => {
-  const setValues = useContextSelector(ClueGroupContext, (ctx) => ctx == null ? void 0 : ctx.setValues);
-  useEffect(() => {
-    setValues == null ? void 0 : setValues((_values) => [..._values.filter((value) => !isEqual(value, entry)), ...selected ? [entry] : []]);
-  }, [entry, selected, setValues]);
-  return children;
-};
-const Entry_default = memo(Entry);
+import { ClueGroupContext as s } from "../../hooks/ClueGroupContext.js";
+import { i as a } from "../../utils-SpTOhPYl.js";
+import { memo as u, useEffect as i } from "react";
+import { a as l } from "../../index-BM9Sve5T.js";
+const n = ({ children: f, entry: t, selected: e = !1 }) => {
+  const r = l(s, (o) => o == null ? void 0 : o.setValues);
+  return i(() => {
+    r == null || r((o) => [...o.filter((m) => !a(m, t)), ...e ? [t] : []]);
+  }, [t, e, r]), f;
+}, q = u(n);
 export {
-  Entry_default as default
+  q as default
 };

package/components/group/Group.js

@@ -1,15 +1,12 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Stack } from "@mui/material";
-import { ClueGroupProvider } from "../../hooks/ClueGroupContext.js";
-import { memo } from "react";
-import GroupControl from "./GroupControl.js";
-const Group = ({ children, showHeader = true, slotProps, ...groupProps }) => {
-  return /* @__PURE__ */ jsx(ClueGroupProvider, { ...groupProps, children: showHeader ? /* @__PURE__ */ jsxs(Stack, { direction: "column", alignSelf: "stretch", ...(slotProps == null ? void 0 : slotProps.stack) ?? {}, children: [
-    /* @__PURE__ */ jsx(GroupControl, {}),
-    children
-  ] }) : children });
-};
-const Group_default = memo(Group);
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { Stack as u } from "@mui/material";
+import { ClueGroupProvider as c } from "../../hooks/ClueGroupContext.js";
+import { memo as f } from "react";
+import n from "./GroupControl.js";
+const a = ({ children: o, showHeader: m = !0, slotProps: r, ...e }) => /* @__PURE__ */ t(c, { ...e, children: m ? /* @__PURE__ */ i(u, { direction: "column", alignSelf: "stretch", ...(r == null ? void 0 : r.stack) ?? {}, children: [
+  /* @__PURE__ */ t(n, {}),
+  o
+] }) : o }), h = f(a);
 export {
-  Group_default as default
+  h as default
 };

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 { e as useClueComponentSelector, f as useClueEnrichSelector, c as capitalize } from "../../ActionForm-CqKcnDWC.js";
-import { safeDispatchEvent } from "../../utils/window.js";
-import { useState, useMemo, useCallback } from "react";
-import { a as useContextSelector } from "../../index-_gpzM2Px.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,
+import { jsx as r, jsxs as u } 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 { e as A, f as m, c as B } from "../../ActionForm-CHOSKfvu.js";
+import { safeDispatchEvent as F } from "../../utils/window.js";
+import { useState as d, useMemo as O, useCallback as T } from "react";
+import { a as D } from "../../index-BM9Sve5T.js";
+import G from "../actions/ExecutePopover.js";
+const Q = () => {
+  const { t: s } = 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 = m((e) => e.availableSources), c = m((e) => e.bulkEnrich), [i, p] = d(!1), [l, 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: l }
+        );
+      } catch (e) {
+        console.error(e), F(
+          new CustomEvent(w, {
+            detail: {
+              message: e.toString(),
+              level: "error"
+            }
+          })
+        );
+      } finally {
+        p(!1);
+      }
+  }, [c, i, l, t, o]);
+  return /* @__PURE__ */ r(S, { sx: { p: 1 }, children: /* @__PURE__ */ u(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__ */ u(E, { color: "text.secondary", children: [
+          (o == null ? void 0 : o.length) ?? 0,
           " ",
-          t("selected")
+          s("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: s("sources"), ...e }),
+        value: l,
+        onChange: (e, n) => h(n),
+        disableCloseOnSelect: !0,
+        getOptionLabel: (e) => e.split(/[_-]/).map((n) => B(n)).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: s("enrich")
       }
     ),
-    /* @__PURE__ */ jsx(ExecutePopover, { selectors: fullValues, size: "medium", multiples: true })
+    /* @__PURE__ */ r(G, { selectors: C, size: "medium", multiples: !0 })
   ] }) });
 };
 export {
-  GroupControl as default
+  Q as default
 };

package/components/stats/QueryStatus.js

@@ -1,72 +1,59 @@
-import { jsxs } from "react/jsx-runtime";
-import { Stack, Typography } from "@mui/material";
-import { ClueDatabaseContext } from "../../hooks/ClueDatabaseContext.js";
-import { e as useClueComponentSelector, f as useClueEnrichSelector } from "../../ActionForm-CqKcnDWC.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) {
+import { jsxs as e } from "react/jsx-runtime";
+import { Stack as f, Typography as n } from "@mui/material";
+import { ClueDatabaseContext as C } from "../../hooks/ClueDatabaseContext.js";
+import { e as b, f as y } from "../../ActionForm-CHOSKfvu.js";
+import { useContext as g, useState as u, useEffect as x } from "react";
+const F = () => {
+  const { t: o } = b((s) => s.i18next), t = g(C), c = y((s) => s.ready), [i, p] = u(0), [a, m] = u(0), [l, d] = u(0);
+  return x(() => {
+    if (!c || !(t != null && t.status))
       return;
-    }
-    if (!(database == null ? void 0 : database.status)) {
-      return;
-    }
-    if (database.status.closed) {
+    if (t.status.closed) {
       console.warn("Status collection is closed");
       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 s = [
+      t.status.count({ selector: { status: "pending" } }).$.subscribe(p),
+      t.status.count({ selector: { status: "in-progress" } }).$.subscribe(m),
+      t.status.count({ selector: { status: "complete" } }).$.subscribe(d)
     ];
     return () => {
       try {
-        observables.forEach((_observable) => _observable.unsubscribe());
-      } catch (e) {
-        console.warn(e);
+        s.forEach((r) => r.unsubscribe());
+      } catch (r) {
+        console.warn(r);
       }
     };
-  }, [database, ready]);
-  if (pendingCount + inProgressCount + completeCount < 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    Stack,
+  }, [t, c]), i + a + l < 1 ? null : /* @__PURE__ */ e(
+    f,
     {
       spacing: 1,
-      sx: (theme) => ({
-        border: `thin solid ${theme.palette.divider}`,
-        borderRadius: theme.spacing(0.5),
+      sx: (s) => ({
+        border: `thin solid ${s.palette.divider}`,
+        borderRadius: s.spacing(0.5),
         mx: 1,
         p: 1
       }),
       children: [
-        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
-          t("query.status.pending"),
+        /* @__PURE__ */ e(n, { sx: { fontFamily: "monospace" }, children: [
+          o("query.status.pending"),
           ": ",
-          pendingCount
+          i
         ] }),
-        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
-          t("query.status.inprogress"),
+        /* @__PURE__ */ e(n, { sx: { fontFamily: "monospace" }, children: [
+          o("query.status.inprogress"),
           ": ",
-          inProgressCount
+          a
         ] }),
-        /* @__PURE__ */ jsxs(Typography, { sx: { fontFamily: "monospace" }, children: [
-          t("query.status.complete"),
+        /* @__PURE__ */ e(n, { sx: { fontFamily: "monospace" }, children: [
+          o("query.status.complete"),
           ": ",
-          completeCount
+          l
         ] })
       ]
     }
   );
 };
 export {
-  QueryStatus as default
+  F as default
 };

package/countBy-B3rNuG4T.js

@@ -0,0 +1,8 @@
+import { b as a } from "./_baseAssignValue-Bx1cxHj5.js";
+import { c as t } from "./_createAggregator-BVj8IAuF.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/globals.js

@@ -1,4 +1,4 @@
-const REPLICATORS = {};
+const o = {};
 export {
-  REPLICATORS
+  o as REPLICATORS
 };

package/database/index.js

@@ -1,7 +1,7 @@
-import { b } from "../index-Dj1N4IQP.js";
+import { b as i } from "../index-DzVIklWY.js";
 import "../utils/constants.js";
 import "./globals.js";
-import "../replication--gLEZw8a.js";
+import "../replication-WkKbPdwG.js";
 export {
-  b as default
+  i as default
 };

package/database/replication.js

@@ -1,7 +1,7 @@
-import "../index-DpJxD74E.js";
-import { aR } from "../replication--gLEZw8a.js";
+import "../index-BH-gBhtO.js";
+import { aR as p } from "../replication-WkKbPdwG.js";
 import "./globals.js";
-import "../last-CUCl67Im.js";
+import "../last-7CdUxN0r.js";
 export {
-  aR as replicateSelectorCollection
+  p as replicateSelectorCollection
 };

package/get-Bil3mzRD.js

@@ -0,0 +1,8 @@
+import { b as u } from "./_baseGet-bVwDaGrA.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-CrJC7sGa.js

@@ -0,0 +1,8 @@
+import { b as t } from "./_baseAssignValue-Bx1cxHj5.js";
+import { c as p } from "./_createAggregator-BVj8IAuF.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 { C, a } from "../ActionForm-CqKcnDWC.js";
-import "../index-DpJxD74E.js";
+import { C as A, a as d } from "../ActionForm-CHOSKfvu.js";
+import "../index-BH-gBhtO.js";
 import "../components/display/icons/Iconified.js";
 import "../components/ErrorBoundary.js";
 import "../data/event.js";
 import "../utils/time.js";
 import "../utils/window.js";
 import "react";
-import "../index-_gpzM2Px.js";
+import "../index-BM9Sve5T.js";
 import "./ClueComponentContext.js";
 import "./useClue.js";
-import "../isNil-CIubwp4T.js";
+import "../isNil-CjWwlQS3.js";
 export {
-  C as ClueActionContext,
-  a 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-_gpzM2Px.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-BM9Sve5T.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
 };