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

package/hooks/useErrors.js

@@ -1,35 +1,31 @@
-import { useContext, useState, useEffect } from "react";
-import { ClueDatabaseContext } from "./ClueDatabaseContext.js";
-import { b as useClueEnrichSelector } from "../ActionForm-C0aE9HUv.js";
-const useErrors = (value) => {
-  const database = useContext(ClueDatabaseContext);
-  const ready = useClueEnrichSelector((ctx) => ctx.ready);
-  const [errors, setErrors] = useState([]);
-  useEffect(() => {
-    if (!ready || !value || !(database == null ? void 0 : database.selectors) || database.selectors.closed) {
+import { useContext as a, useState as i, useEffect as l } from "react";
+import { ClueDatabaseContext as f } from "./ClueDatabaseContext.js";
+import { b as m } from "../ActionForm-pWyIi01Z.js";
+const C = (r) => {
+  const e = a(f), o = m((s) => s.ready), [n, u] = i([]);
+  return l(() => {
+    if (!o || !r || !(e != null && e.selectors) || e.selectors.closed)
       return;
-    }
-    const observable = database.selectors.find({ selector: { value, error: { $exists: true } } }).$.subscribe(
-      (records) => (
+    const s = e.selectors.find({ selector: { value: r, error: { $exists: !0 } } }).$.subscribe(
+      (t) => (
         // Transform database records into simplified error objects
-        setErrors(
-          records.map((record) => ({
-            source: record.source,
-            message: record.error
+        u(
+          t.map((c) => ({
+            source: c.source,
+            message: c.error
           }))
         )
       )
     );
     return () => {
       try {
-        observable.unsubscribe();
-      } catch (e) {
-        console.warn(e);
+        s.unsubscribe();
+      } catch (t) {
+        console.warn(t);
       }
     };
-  }, [database, ready, value]);
-  return errors;
+  }, [e, o, r]), n;
 };
 export {
-  useErrors as default
+  C as default
 };

package/hooks/useFetcherResult.js

@@ -1,40 +1,31 @@
-import { useState, useRef, useMemo, useEffect } from "react";
-import { u as useClueActions } from "../ActionForm-C0aE9HUv.js";
-const useActionResult = (resultWithData, interval = 2e3) => {
-  const [result, setResult] = useState(resultWithData);
-  const timeoutRef = useRef(null);
-  const { getActionStatus } = useClueActions();
-  const taskId = useMemo(() => resultWithData == null ? void 0 : resultWithData.task_id, [resultWithData == null ? void 0 : resultWithData.task_id]);
-  const actionId = useMemo(() => resultWithData == null ? void 0 : resultWithData.actionId, [resultWithData == null ? void 0 : resultWithData.actionId]);
-  useEffect(() => {
-    if ((resultWithData == null ? void 0 : resultWithData.outcome) !== "pending" || !taskId) return;
-    let cancelled = false;
-    const poll = async () => {
-      const res = await getActionStatus(actionId, taskId);
-      if (!res) {
-        setResult({ outcome: "failure", done: true });
-      } else if (res.outcome === "success" || res.outcome === "failure") {
-        setResult({ ...res, done: true });
-      } else {
-        if (cancelled) return;
-        setResult({ ...res });
-        timeoutRef.current = setTimeout(poll, interval);
+import { useState as S, useRef as T, useMemo as d, useEffect as g } from "react";
+import { u as _ } from "../ActionForm-pWyIi01Z.js";
+const y = (o, p = 2e3) => {
+  const [e, n] = S(o), f = T(null), { getActionStatus: I } = _(), m = d(() => o == null ? void 0 : o.task_id, [o == null ? void 0 : o.task_id]), R = d(() => o == null ? void 0 : o.actionId, [o == null ? void 0 : o.actionId]);
+  return g(() => {
+    if ((o == null ? void 0 : o.outcome) !== "pending" || !m) return;
+    let k = !1;
+    const A = async () => {
+      const c = await I(R, m);
+      if (!c)
+        n({ outcome: "failure", done: !0 });
+      else if (c.outcome === "success" || c.outcome === "failure")
+        n({ ...c, done: !0 });
+      else {
+        if (k) return;
+        n({ ...c }), f.current = setTimeout(A, p);
       }
     };
-    poll();
-    return () => {
-      cancelled = true;
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    return A(), () => {
+      k = !0, f.current && clearTimeout(f.current);
     };
-  }, [actionId, getActionStatus, interval, resultWithData == null ? void 0 : resultWithData.outcome, taskId]);
-  useEffect(() => {
-    setResult(resultWithData);
-  }, [resultWithData]);
-  return useMemo(
-    () => resultWithData || result ? { ...resultWithData, ...result } : void 0,
-    [resultWithData, result]
+  }, [R, I, p, o == null ? void 0 : o.outcome, m]), g(() => {
+    n(o);
+  }, [o]), d(
+    () => o || e ? { ...o, ...e } : void 0,
+    [o, e]
   );
 };
 export {
-  useActionResult
+  y as useActionResult
 };

package/hooks/useMyHighlights.js

@@ -1,74 +1,44 @@
-import { getSubGraphNodeSet } from "../utils/graph.js";
-import { safeAddEventListener } from "../utils/window.js";
-import { useMemo, useState, useCallback, useEffect } from "react";
-const useMyHighlights = (graph, onNodeSelectionChanged) => {
-  const data = useMemo(() => graph == null ? void 0 : graph.data, [graph]);
-  const [hoveredNode, setHoveredNode] = useState();
-  const [highlightedNodes, setHighlightedNodes] = useState(/* @__PURE__ */ new Set());
-  const [highlightedPath, setHighlightedPath] = useState(/* @__PURE__ */ new Set());
-  const [ctrlKeyDown, setCtrlKeyDown] = useState();
-  const onKeyPressed = useCallback((ev) => {
-    setCtrlKeyDown(ev.ctrlKey);
+import { getSubGraphNodeSet as H } from "../utils/graph.js";
+import { safeAddEventListener as S } from "../utils/window.js";
+import { useMemo as P, useState as h, useCallback as i, useEffect as w } from "react";
+const z = (n, c) => {
+  const u = P(() => n == null ? void 0 : n.data, [n]), [o, f] = h(), [t, g] = h(/* @__PURE__ */ new Set()), [d, p] = h(/* @__PURE__ */ new Set()), [y, a] = h(), K = i((e) => {
+    a(e.ctrlKey);
+  }, []), m = i((e) => {
+    a(e.ctrlKey);
   }, []);
-  const onKeyUnpressed = useCallback((ev) => {
-    setCtrlKeyDown(ev.ctrlKey);
-  }, []);
-  useEffect(() => {
-    return safeAddEventListener("keydown", onKeyPressed);
-  }, [onKeyPressed]);
-  useEffect(() => {
-    return safeAddEventListener("keyup", onKeyUnpressed);
-  }, [onKeyUnpressed]);
-  const onNodeHoveredChanged = useCallback((nodeId, isHovered) => {
-    if (isHovered) {
-      setHoveredNode(nodeId);
-    } else {
-      setHoveredNode("");
-    }
-  }, []);
-  const onNodeClicked = useCallback(
-    (nodeId, isSelected, event) => {
-      let newHighlightedNodes = /* @__PURE__ */ new Set();
-      if (isSelected) {
-        newHighlightedNodes = new Set(event.ctrlKey ? [...highlightedNodes, nodeId] : [nodeId]);
-      } else {
-        newHighlightedNodes = event.ctrlKey ? /* @__PURE__ */ new Set([...highlightedNodes]) : /* @__PURE__ */ new Set();
-        newHighlightedNodes.delete(nodeId);
-      }
-      setHighlightedNodes(newHighlightedNodes);
-      onNodeSelectionChanged == null ? void 0 : onNodeSelectionChanged([...newHighlightedNodes]);
+  w(() => S("keydown", K), [K]), w(() => S("keyup", m), [m]);
+  const N = i((e, s) => {
+    f(s ? e : "");
+  }, []), b = i(
+    (e, s, l) => {
+      let r = /* @__PURE__ */ new Set();
+      s ? r = new Set(l.ctrlKey ? [...t, e] : [e]) : (r = l.ctrlKey ? /* @__PURE__ */ new Set([...t]) : /* @__PURE__ */ new Set(), r.delete(e)), g(r), c == null || c([...r]);
     },
-    [highlightedNodes, onNodeSelectionChanged]
+    [t, c]
+  ), k = i(
+    (e) => d.size === 0 || d.has(e) ? 1 : 0.2,
+    [d]
   );
-  const nodeOpacities = useCallback(
-    (nodeId) => {
-      return highlightedPath.size === 0 || highlightedPath.has(nodeId) ? 1 : 0.2;
-    },
-    [highlightedPath]
-  );
-  useEffect(() => {
-    let newHighlightedPath = /* @__PURE__ */ new Set();
-    if (hoveredNode) {
-      const subGraphNodes = getSubGraphNodeSet(hoveredNode, data);
-      newHighlightedPath = /* @__PURE__ */ new Set([...newHighlightedPath, ...subGraphNodes]);
-    }
-    if (highlightedNodes.size && (ctrlKeyDown || !hoveredNode)) {
-      highlightedNodes.forEach((highlightedNode) => {
-        const subGraphNodes = getSubGraphNodeSet(highlightedNode, data);
-        newHighlightedPath = /* @__PURE__ */ new Set([...newHighlightedPath, ...subGraphNodes]);
-      });
+  return w(() => {
+    let e = /* @__PURE__ */ new Set();
+    if (o) {
+      const s = H(o, u);
+      e = /* @__PURE__ */ new Set([...e, ...s]);
     }
-    setHighlightedPath(newHighlightedPath);
-  }, [hoveredNode, highlightedNodes, ctrlKeyDown, data]);
-  return {
-    onNodeHoveredChanged,
-    onNodeClicked,
-    nodeOpacities,
-    highlightedPath,
-    highlightedNodes,
-    hoveredNode
+    t.size && (y || !o) && t.forEach((s) => {
+      const l = H(s, u);
+      e = /* @__PURE__ */ new Set([...e, ...l]);
+    }), p(e);
+  }, [o, t, y, u]), {
+    onNodeHoveredChanged: N,
+    onNodeClicked: b,
+    nodeOpacities: k,
+    highlightedPath: d,
+    highlightedNodes: t,
+    hoveredNode: o
   };
 };
 export {
-  useMyHighlights as default
+  z as default
 };

package/hooks/useMyLocalStorage.js

@@ -1,80 +1,51 @@
-import { useCallback, useMemo, useState, useEffect, createContext, useContext } from "react";
-import { i as isNil } from "../isNil-CIubwp4T.js";
+import { useCallback as c, useMemo as S, useState as v, useEffect as I, createContext as O, useContext as i } from "react";
+import { i as p } from "../isNil-CjWwlQS3.js";
 import "react/jsx-runtime";
-import { MY_LOCAL_STORAGE_PREFIX } from "../utils/constants.js";
-function useLocalStorage(prefix) {
-  const _buildKey = useCallback((name) => `${prefix}.${name}`, [prefix]);
-  const get = useCallback((key) => JSON.parse(localStorage.getItem(_buildKey(key))), [_buildKey]);
-  const set = useCallback(
-    (key, value) => localStorage.setItem(_buildKey(key), JSON.stringify(value)),
-    [_buildKey]
-  );
-  const remove = useCallback(
-    (key, withPrefix = false) => localStorage.removeItem(withPrefix ? key : _buildKey(key)),
-    [_buildKey]
-  );
-  const has = useCallback((key) => get(key) !== null, [get]);
-  const keys = useCallback(() => Object.keys(localStorage), []);
-  const items = useCallback(() => keys().map((k) => ({ key: k, value: JSON.parse(localStorage.getItem(k)) })), [keys]);
-  const clear = useCallback(
-    () => keys().forEach((key) => {
-      if (key.startsWith(prefix)) {
-        remove(key, true);
-      }
+import { MY_LOCAL_STORAGE_PREFIX as f } from "../utils/constants.js";
+function L(o) {
+  const e = c((t) => `${o}.${t}`, [o]), a = c((t) => JSON.parse(localStorage.getItem(e(t))), [e]), m = c(
+    (t, u) => localStorage.setItem(e(t), JSON.stringify(u)),
+    [e]
+  ), r = c(
+    (t, u = !1) => localStorage.removeItem(u ? t : e(t)),
+    [e]
+  ), n = c((t) => a(t) !== null, [a]), s = c(() => Object.keys(localStorage), []), l = c(() => s().map((t) => ({ key: t, value: JSON.parse(localStorage.getItem(t)) })), [s]), g = c(
+    () => s().forEach((t) => {
+      t.startsWith(o) && r(t, !0);
     }),
-    [prefix, remove, keys]
+    [o, r, s]
   );
-  return useMemo(
+  return S(
     () => ({
-      get,
-      set,
-      remove,
-      has,
-      keys,
-      items,
-      clear
+      get: a,
+      set: m,
+      remove: r,
+      has: n,
+      keys: s,
+      items: l,
+      clear: g
     }),
-    [get, set, remove, has, keys, items, clear]
+    [a, m, r, n, s, l, g]
   );
 }
-function useLocalStorageItem(key, initialValue, prefix) {
-  const { get, set, has, remove } = useLocalStorage(prefix);
-  const [value, setValue] = useState(get(key) ?? initialValue);
-  useEffect(() => {
-    if (initialValue !== null && initialValue !== void 0 && !has(key)) {
-      set(key, initialValue);
-    }
-  }, [key, initialValue, has, set]);
-  return useMemo(
+function C(o, e, a) {
+  const { get: m, set: r, has: n, remove: s } = L(a), [l, g] = v(m(o) ?? e);
+  return I(() => {
+    e != null && !n(o) && r(o, e);
+  }, [o, e, n, r]), S(
     () => [
-      value,
-      (newValue, save = true) => {
-        if (save) {
-          if (!isNil(newValue)) {
-            set(key, newValue);
-          } else {
-            remove(key);
-          }
-        }
-        setValue(newValue);
+      l,
+      (t, u = !0) => {
+        u && (p(t) ? s(o) : r(o, t)), g(t);
       },
-      () => remove(key)
+      () => s(o)
     ],
-    [key, value, set, remove]
+    [o, l, r, s]
   );
 }
-const LocalStorageContext = createContext(null);
-const useMyLocalStorage = () => {
-  return useLocalStorage(MY_LOCAL_STORAGE_PREFIX);
-};
-const useMyLocalStorageItem = (key, initialValue) => {
-  return useLocalStorageItem(key, initialValue, MY_LOCAL_STORAGE_PREFIX);
-};
-const useMyLocalStorageProvider = () => {
-  return useContext(LocalStorageContext);
-};
+const M = O(null), _ = () => L(f), b = (o, e) => C(o, e, f), J = () => i(M);
 export {
-  useMyLocalStorage as default,
-  useMyLocalStorageItem,
-  useMyLocalStorageProvider
+  _ as default,
+  b as useMyLocalStorageItem,
+  J as useMyLocalStorageProvider
 };