@cccsaurora/clue-ui 1.1.1-dev.108 → 1.1.1

package/components/actions/ExecutePopover.js

@@ -1,93 +1,79 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../../iconify-CXMreGTg.js";
-import { useTheme, Tooltip, IconButton, CircularProgress, Button, Popover, Paper, Stack, Box, Typography, Divider } from "@mui/material";
-import Iconified from "../display/icons/Iconified.js";
-import { ClueComponentContext } from "../../hooks/ClueComponentContext.js";
-import { useClueActionsSelector } from "../../hooks/selectors.js";
-import useClueConfig from "../../hooks/useClueConfig.js";
-import { isAccessible } from "../../utils/classificationParser.js";
-import { useState, useRef, useMemo, useEffect } from "react";
-import { u as useContextSelector } from "../../index-BDVjGvMI.js";
-import ClassificationChip from "../ClassificationChip.js";
-const ExecutePopover = ({ show = false, size = "small", selectors, multiples = false }) => {
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  const theme = useTheme();
-  const availableActions = useClueActionsSelector((ctx) => ctx.availableActions);
-  const refreshActions = useClueActionsSelector((ctx) => ctx.refreshActions);
-  const executeAction = useClueActionsSelector((ctx) => ctx.executeAction);
-  const loading = useClueActionsSelector((ctx) => ctx.loading);
-  const { config } = useClueConfig();
-  const [showExecuteMenu, setShowExecuteMenu] = useState(show);
-  const executeEl = useRef(null);
-  const actions = useMemo(
+import { jsxs as f, Fragment as j, jsx as e } from "react/jsx-runtime";
+import { I as z } from "../../iconify-BBckr5AQ.js";
+import { useTheme as O, Tooltip as P, IconButton as D, CircularProgress as v, Button as w, Popover as B, Paper as M, Stack as p, Box as T, Typography as A, Divider as F } from "@mui/material";
+import E from "../display/icons/Iconified.js";
+import { ClueComponentContext as R } from "../../hooks/ClueComponentContext.js";
+import { useClueActionsSelector as c } from "../../hooks/selectors.js";
+import q from "../../hooks/useClueConfig.js";
+import { isAccessible as G } from "../../utils/classificationParser.js";
+import { useState as H, useRef as J, useMemo as K, useEffect as I } from "react";
+import { u as L } from "../../index-E7g8cRyW.js";
+import N from "../ClassificationChip.js";
+const ie = ({ show: s = !1, size: S = "small", selectors: i, multiples: m = !1 }) => {
+  const { t: d } = L(R, (o) => o.i18next), h = O(), x = c((o) => o.availableActions), g = c((o) => o.refreshActions), _ = c((o) => o.executeAction), l = c((o) => o.loading), { config: b } = q(), [a, n] = H(s), u = J(null), y = K(
     () => Object.fromEntries(
-      Object.entries(availableActions).filter(
-        ([__, action]) => {
-          var _a;
-          return (!((_a = action.supported_types) == null ? void 0 : _a.length) || selectors.every((value) => action.supported_types.includes(value == null ? void 0 : value.type))) && (!multiples || action.accept_multiple || selectors.length === 1) && selectors.every((value) => isAccessible(action.classification, value.classification, config.c12nDef));
+      Object.entries(x).filter(
+        ([o, t]) => {
+          var k;
+          return (!((k = t.supported_types) != null && k.length) || i.every((r) => t.supported_types.includes(r == null ? void 0 : r.type))) && (!m || t.accept_multiple || i.length === 1) && i.every((r) => G(t.classification, r.classification, b.c12nDef));
         }
       )
     ),
-    [availableActions, config.c12nDef, multiples, selectors]
-  );
-  const actionDisabled = Object.keys(actions).length < 1 || loading || selectors.length < 1;
-  useEffect(() => {
-    setShowExecuteMenu(show);
-  }, [show]);
-  useEffect(() => {
-    if (showExecuteMenu) {
-      refreshActions();
-    }
-  }, [refreshActions, showExecuteMenu]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    size === "small" ? /* @__PURE__ */ jsx(Tooltip, { ref: executeEl, title: t("actions.execute"), children: /* @__PURE__ */ jsx("span", { style: { alignSelf: "center" }, children: /* @__PURE__ */ jsx(IconButton, { onClick: () => setShowExecuteMenu(true), disabled: actionDisabled, color: "success", children: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "success", size: "24px" }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-play-arrow" }) }) }) }) : /* @__PURE__ */ jsx(
-      Button,
+    [x, b.c12nDef, m, i]
+  ), C = Object.keys(y).length < 1 || l || i.length < 1;
+  return I(() => {
+    n(s);
+  }, [s]), I(() => {
+    a && g();
+  }, [g, a]), /* @__PURE__ */ f(j, { children: [
+    S === "small" ? /* @__PURE__ */ e(P, { ref: u, title: d("actions.execute"), children: /* @__PURE__ */ e("span", { style: { alignSelf: "center" }, children: /* @__PURE__ */ e(D, { onClick: () => n(!0), disabled: C, color: "success", children: l ? /* @__PURE__ */ e(v, { color: "success", size: "24px" }) : /* @__PURE__ */ e(E, { icon: "ic:outline-play-arrow" }) }) }) }) : /* @__PURE__ */ e(
+      w,
       {
-        ref: executeEl,
+        ref: u,
         variant: "outlined",
         color: "success",
-        disabled: actionDisabled,
-        startIcon: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "success", size: "20px" }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-play-arrow" }),
+        disabled: C,
+        startIcon: l ? /* @__PURE__ */ e(v, { color: "success", size: "20px" }) : /* @__PURE__ */ e(E, { icon: "ic:outline-play-arrow" }),
         sx: { alignSelf: "stretch" },
-        onClick: () => setShowExecuteMenu(true),
-        children: t("actions.execute")
+        onClick: () => n(!0),
+        children: d("actions.execute")
       }
     ),
-    /* @__PURE__ */ jsx(
-      Popover,
+    /* @__PURE__ */ e(
+      B,
       {
         sx: { zIndex: 2e3 },
-        open: showExecuteMenu,
-        disablePortal: true,
-        onClose: () => setShowExecuteMenu(false),
-        anchorEl: executeEl.current,
+        open: a,
+        disablePortal: !0,
+        onClose: () => n(!1),
+        anchorEl: u.current,
         anchorOrigin: { horizontal: "left", vertical: "bottom" },
-        children: /* @__PURE__ */ jsx(Paper, { onClick: () => setShowExecuteMenu(false), children: /* @__PURE__ */ jsx(Stack, { divider: /* @__PURE__ */ jsx(Divider, { flexItem: true, orientation: "horizontal" }), children: Object.entries(actions).map(([actionId, action]) => /* @__PURE__ */ jsx(
-          Box,
+        children: /* @__PURE__ */ e(M, { onClick: () => n(!1), children: /* @__PURE__ */ e(p, { divider: /* @__PURE__ */ e(F, { flexItem: !0, orientation: "horizontal" }), children: Object.entries(y).map(([o, t]) => /* @__PURE__ */ e(
+          T,
           {
             sx: {
               px: 3,
               py: 1,
               cursor: "pointer",
-              transition: theme.transitions.create("background-color"),
-              "&:hover": { backgroundColor: theme.palette.background.default }
+              transition: h.transitions.create("background-color"),
+              "&:hover": { backgroundColor: h.palette.background.default }
             },
-            onClick: () => executeAction(actionId, selectors),
-            children: /* @__PURE__ */ jsxs(Stack, { children: [
-              /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-                action.action_icon && /* @__PURE__ */ jsx(Icon, { icon: action.action_icon }),
-                /* @__PURE__ */ jsx(Typography, { variant: "body1", children: action.name }),
-                /* @__PURE__ */ jsx(ClassificationChip, { size: "small", classification: action.classification })
+            onClick: () => _(o, i),
+            children: /* @__PURE__ */ f(p, { children: [
+              /* @__PURE__ */ f(p, { direction: "row", spacing: 1, alignItems: "center", children: [
+                t.action_icon && /* @__PURE__ */ e(z, { icon: t.action_icon }),
+                /* @__PURE__ */ e(A, { variant: "body1", children: t.name }),
+                /* @__PURE__ */ e(N, { size: "small", classification: t.classification })
               ] }),
-              action.summary && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: action.summary })
+              t.summary && /* @__PURE__ */ e(A, { variant: "caption", color: "text.secondary", children: t.summary })
             ] })
           },
-          actionId
+          o
         )) }) })
       }
     )
   ] });
 };
 export {
-  ExecutePopover as default
+  ie as default
 };

package/components/actions/ResultModal.js

@@ -1,14 +1,14 @@
 import "react/jsx-runtime";
-import "../../iconify-CXMreGTg.js";
+import "../../iconify-BBckr5AQ.js";
 import "@mui/material";
-import "../../index-Bi21Wb23.js";
+import "../../index-C15OYgRY.js";
 import "../display/markdown/index.js";
 import "../../hooks/ClueComponentContext.js";
-import { R } from "../../ActionForm-ByeOzpc4.js";
+import { R as u } from "../../ActionForm-myEAs2UC.js";
 import "react";
-import "../../index-BDVjGvMI.js";
+import "../../index-E7g8cRyW.js";
 import "../ClassificationChip.js";
 import "../ErrorBoundary.js";
 export {
-  R as default
+  u as default
 };

package/components/actions/form/schemaAdapter.js

@@ -1,48 +1,32 @@
-import { c as cloneDeep } from "../../../cloneDeep-CjP5k9zW.js";
-import { g as get } from "../../../get-D3C3lEU3.js";
-const adaptSchema = (_schema) => {
-  const requiredFields = [];
-  const schema = cloneDeep(_schema);
-  const newSchema = {
-    ...schema,
+import { c as y } from "../../../cloneDeep-BPVpFBzJ.js";
+import { g as s } from "../../../get-Bow1vKwx.js";
+const u = (i) => {
+  const r = [], l = y(i), n = {
+    ...l,
     properties: Object.fromEntries(
-      Object.entries(schema.properties ?? {}).filter(([name]) => !["raw_data", "selector", "selectors", "context"].includes(name)).map(([name, def]) => {
-        var _a, _b;
-        requiredFields.push(name);
-        if (typeof def === "boolean") {
-          return [name, def];
+      Object.entries(l.properties ?? {}).filter(([t]) => !["raw_data", "selector", "selectors", "context"].includes(t)).map(([t, e]) => {
+        var a, o;
+        if (r.push(t), typeof e == "boolean")
+          return [t, e];
+        if (((a = e.anyOf) == null ? void 0 : a.length) === 2) {
+          if (typeof e.anyOf[1] == "boolean")
+            return [t, e];
+          e.anyOf[1].type === "null" && typeof e.anyOf[0] != "boolean" && (e.anyOf[0].enum && (e.enum = e.anyOf[0].enum), e.type = [...Array.isArray(e.anyOf[0].type) ? e.anyOf[0].type : [e.anyOf[0].type], "null"], delete e.anyOf, r.pop());
         }
-        if (((_a = def.anyOf) == null ? void 0 : _a.length) === 2) {
-          if (typeof def.anyOf[1] === "boolean") {
-            return [name, def];
-          }
-          if (def.anyOf[1].type === "null" && typeof def.anyOf[0] !== "boolean") {
-            if (def.anyOf[0].enum) {
-              def.enum = def.anyOf[0].enum;
-            }
-            def.type = [...Array.isArray(def.anyOf[0].type) ? def.anyOf[0].type : [def.anyOf[0].type], "null"];
-            delete def.anyOf;
-            requiredFields.pop();
-          }
+        if (((o = e.allOf) == null ? void 0 : o.length) > 0 && typeof e.allOf[0] != "boolean" && e.allOf[0].$ref) {
+          const p = {
+            ...e,
+            ...s(l, e.allOf[0].$ref.replace("#/", "").replaceAll("/", ".")),
+            title: e.title
+          };
+          return delete p.allOf, [t, p];
         }
-        if (((_b = def.allOf) == null ? void 0 : _b.length) > 0) {
-          if (typeof def.allOf[0] !== "boolean" && def.allOf[0].$ref) {
-            const newDef = {
-              ...def,
-              ...get(schema, def.allOf[0].$ref.replace("#/", "").replaceAll("/", ".")),
-              title: def.title
-            };
-            delete newDef.allOf;
-            return [name, newDef];
-          }
-        }
-        return [name, def];
+        return [t, e];
       })
     )
   };
-  newSchema.required = requiredFields;
-  return newSchema;
+  return n.required = r, n;
 };
 export {
-  adaptSchema
+  u as adaptSchema
 };

package/components/display/graph/ExpandMoreButton.js

@@ -1,18 +1,18 @@
-import { jsx } from "react/jsx-runtime";
-import { IconButton } from "@mui/material";
-const ExpandMoreButton = (props) => {
-  const { expand, ...other } = props;
-  return /* @__PURE__ */ jsx(
-    IconButton,
+import { jsx as e } from "react/jsx-runtime";
+import { IconButton as a } from "@mui/material";
+const m = (t) => {
+  const { expand: o, ...r } = t;
+  return /* @__PURE__ */ e(
+    a,
     {
-      ...other,
+      ...r,
       sx: {
-        transform: !expand ? "rotate(0deg)" : "rotate(180deg)",
-        transition: (theme) => theme.transitions.create("transform")
+        transform: o ? "rotate(180deg)" : "rotate(0deg)",
+        transition: (n) => n.transitions.create("transform")
       }
     }
   );
 };
 export {
-  ExpandMoreButton as default
+  m as default
 };

package/components/display/graph/elements/NodeCard.js

@@ -1,111 +1,91 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Stack, Typography, Card, CardContent, Divider, Collapse } from "@mui/material";
-import { a as isPlainObject, f as flatten$1 } from "../../../../utils-7OtvGnmf.js";
-import { cssImportant } from "../../../../utils/graph.js";
-import { b as baseGet, c as castPath, t as toKey, a as arrayMap } from "../../../../_baseGet-BSK_nnoz.js";
-import { c as copyObject, g as getAllKeysIn, b as baseClone } from "../../../../_baseClone-D3a8Pa4T.js";
-import { l as last } from "../../../../last-CUCl67Im.js";
-import { b as baseSlice } from "../../../../_baseSlice-GAv_YFTT.js";
-import { b as baseFlatten, s as setToString, o as overRest } from "../../../../_baseFlatten-D4huXoEI.js";
-import { useState, useEffect, useCallback, Fragment as Fragment$1 } from "react";
-import Iconified from "../../icons/Iconified.js";
-import { J as JSONViewer } from "../../../../index-Bi21Wb23.js";
-import Markdown from "../../markdown/index.js";
-import ExpandMoreButton from "../ExpandMoreButton.js";
-import NodeTag from "./NodeTag.js";
-function flatten(array) {
-  var length = array == null ? 0 : array.length;
-  return length ? baseFlatten(array) : [];
+import { jsxs as l, jsx as n, Fragment as b } from "react/jsx-runtime";
+import { Stack as c, Typography as g, Card as C, CardContent as w, Divider as m, Collapse as _ } from "@mui/material";
+import { a as E, f as O } from "../../../../utils-BnmI_6N8.js";
+import { cssImportant as d } from "../../../../utils/graph.js";
+import { b as S, c as v, t as k, a as A } from "../../../../_baseGet-Dgf6_xCm.js";
+import { c as I, g as L, b as F } from "../../../../_baseClone-BlMmRXeX.js";
+import { l as N } from "../../../../last-7CdUxN0r.js";
+import { b as P } from "../../../../_baseSlice-M5RKzt1A.js";
+import { b as D, s as M, o as G } from "../../../../_baseFlatten-CN7vDNEQ.js";
+import { useState as x, useEffect as T, useCallback as z, Fragment as B } from "react";
+import R from "../../icons/Iconified.js";
+import { J } from "../../../../index-C15OYgRY.js";
+import K from "../../markdown/index.js";
+import $ from "../ExpandMoreButton.js";
+import h from "./NodeTag.js";
+function U(e) {
+  var t = e == null ? 0 : e.length;
+  return t ? D(e) : [];
 }
-function flatRest(func) {
-  return setToString(overRest(func, void 0, flatten), func + "");
+function V(e) {
+  return M(G(e, void 0, U), e + "");
 }
-function parent(object, path) {
-  return path.length < 2 ? object : baseGet(object, baseSlice(path, 0, -1));
+function Y(e, t) {
+  return t.length < 2 ? e : S(e, P(t, 0, -1));
 }
-var objectProto = Object.prototype;
-var hasOwnProperty = objectProto.hasOwnProperty;
-function baseUnset(object, path) {
-  path = castPath(path, object);
-  var index = -1, length = path.length;
-  if (!length) {
-    return true;
-  }
-  var isRootPrimitive = object == null || typeof object !== "object" && typeof object !== "function";
-  while (++index < length) {
-    var key = path[index];
-    if (typeof key !== "string") {
-      continue;
-    }
-    if (key === "__proto__" && !hasOwnProperty.call(object, "__proto__")) {
-      return false;
-    }
-    if (key === "constructor" && index + 1 < length && typeof path[index + 1] === "string" && path[index + 1] === "prototype") {
-      if (isRootPrimitive && index === 0) {
-        continue;
+var j = Object.prototype, q = j.hasOwnProperty;
+function H(e, t) {
+  t = v(t, e);
+  var r = -1, i = t.length;
+  if (!i)
+    return !0;
+  for (var o = e == null || typeof e != "object" && typeof e != "function"; ++r < i; ) {
+    var a = t[r];
+    if (typeof a == "string") {
+      if (a === "__proto__" && !q.call(e, "__proto__"))
+        return !1;
+      if (a === "constructor" && r + 1 < i && typeof t[r + 1] == "string" && t[r + 1] === "prototype") {
+        if (o && r === 0)
+          continue;
+        return !1;
       }
-      return false;
     }
   }
-  var obj = parent(object, path);
-  return obj == null || delete obj[toKey(last(path))];
+  var s = Y(e, t);
+  return s == null || delete s[k(N(t))];
 }
-function customOmitClone(value) {
-  return isPlainObject(value) ? void 0 : value;
+function Q(e) {
+  return E(e) ? void 0 : e;
 }
-var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG = 4;
-var omit = flatRest(function(object, paths) {
-  var result = {};
-  if (object == null) {
-    return result;
-  }
-  var isDeep = false;
-  paths = arrayMap(paths, function(path) {
-    path = castPath(path, object);
-    isDeep || (isDeep = path.length > 1);
-    return path;
-  });
-  copyObject(object, getAllKeysIn(object), result);
-  if (isDeep) {
-    result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone);
-  }
-  var length = paths.length;
-  while (length--) {
-    baseUnset(result, paths[length]);
-  }
-  return result;
+var W = 1, X = 2, Z = 4, ee = V(function(e, t) {
+  var r = {};
+  if (e == null)
+    return r;
+  var i = !1;
+  t = A(t, function(a) {
+    return a = v(a, e), i || (i = a.length > 1), a;
+  }), I(e, L(e), r), i && (r = F(r, W | X | Z, Q));
+  for (var o = t.length; o--; )
+    H(r, t[o]);
+  return r;
 });
-const NodeCard = ({ node, sx = {} }) => {
-  var _a;
-  const [expanded, setExpanded] = useState(false);
-  const [nodeExtraData, setNodeExtraData] = useState();
-  const handleExpandClick = () => {
-    setExpanded(!expanded);
+const xe = ({ node: e, sx: t = {} }) => {
+  var u;
+  const [r, i] = x(!1), [o, a] = x(), s = () => {
+    i(!r);
   };
-  useEffect(() => {
-    setNodeExtraData(omit(node, ["id", "edges"]));
-  }, [node]);
-  const renderEdgeList = useCallback((edgeIds) => {
-    return /* @__PURE__ */ jsxs(Stack, { alignSelf: "stretch", children: [
-      /* @__PURE__ */ jsx(Typography, { textAlign: "left", variant: "body2", color: "text.secondary", children: "Edges" }),
-      /* @__PURE__ */ jsx(Stack, { spacing: 0.25, children: edgeIds.map((edgeId) => /* @__PURE__ */ jsx(NodeTag, { nodeId: edgeId }, edgeId)) })
-    ] });
-  }, []);
-  return /* @__PURE__ */ jsx(
-    Card,
+  T(() => {
+    a(ee(e, ["id", "edges"]));
+  }, [e]);
+  const y = z((f) => /* @__PURE__ */ l(c, { alignSelf: "stretch", children: [
+    /* @__PURE__ */ n(g, { textAlign: "left", variant: "body2", color: "text.secondary", children: "Edges" }),
+    /* @__PURE__ */ n(c, { spacing: 0.25, children: f.map((p) => /* @__PURE__ */ n(h, { nodeId: p }, p)) })
+  ] }), []);
+  return /* @__PURE__ */ n(
+    C,
     {
       variant: "outlined",
       sx: {
         position: "relative",
         overflow: "auto",
-        zIndex: expanded ? 100 : "initial",
+        zIndex: r ? 100 : "initial",
         "& *": {
           opacity: 1
         },
-        ...sx
+        ...t
       },
-      children: /* @__PURE__ */ jsx(CardContent, { sx: { p: 1 }, children: /* @__PURE__ */ jsxs(
-        Stack,
+      children: /* @__PURE__ */ n(w, { sx: { p: 1 }, children: /* @__PURE__ */ l(
+        c,
         {
           spacing: 1,
           sx: {
@@ -116,44 +96,44 @@ const NodeCard = ({ node, sx = {} }) => {
             }
           },
           children: [
-            /* @__PURE__ */ jsx(NodeTag, { nodeId: node.id, label: node.id, type: "header", children: /* @__PURE__ */ jsx(
-              ExpandMoreButton,
+            /* @__PURE__ */ n(h, { nodeId: e.id, label: e.id, type: "header", children: /* @__PURE__ */ n(
+              $,
               {
-                expand: expanded,
-                onClick: handleExpandClick,
-                "aria-expanded": expanded,
+                expand: r,
+                onClick: s,
+                "aria-expanded": r,
                 "aria-label": "show more",
                 size: "small",
-                children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-expand-more", fontSize: "medium" })
+                children: /* @__PURE__ */ n(R, { icon: "ic:baseline-expand-more", fontSize: "medium" })
               }
             ) }),
-            node.markdown && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Divider, { flexItem: true }),
-              /* @__PURE__ */ jsx(Markdown, { md: node.markdown, components: flatten$1(node) })
+            e.markdown && /* @__PURE__ */ l(b, { children: [
+              /* @__PURE__ */ n(m, { flexItem: !0 }),
+              /* @__PURE__ */ n(K, { md: e.markdown, components: O(e) })
             ] }),
-            !!((_a = node == null ? void 0 : node.edges) == null ? void 0 : _a.length) && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-              /* @__PURE__ */ jsx(Divider, { flexItem: true }),
-              renderEdgeList(node == null ? void 0 : node.edges)
+            !!((u = e == null ? void 0 : e.edges) != null && u.length) && /* @__PURE__ */ l(B, { children: [
+              /* @__PURE__ */ n(m, { flexItem: !0 }),
+              y(e == null ? void 0 : e.edges)
             ] }),
-            /* @__PURE__ */ jsx(Collapse, { in: expanded, timeout: "auto", children: /* @__PURE__ */ jsxs(
-              Stack,
+            /* @__PURE__ */ n(_, { in: r, timeout: "auto", children: /* @__PURE__ */ l(
+              c,
               {
                 justifyContent: "start",
                 alignItems: "start",
                 spacing: 1,
-                sx: (theme) => ({
+                sx: (f) => ({
                   "& > ul": {
                     width: "100%",
                     textAlign: "left",
-                    p: cssImportant(theme.spacing(1)),
-                    mx: cssImportant("0"),
-                    backgroundColor: cssImportant(theme.palette.background.paper)
+                    p: d(f.spacing(1)),
+                    mx: d("0"),
+                    backgroundColor: d(f.palette.background.paper)
                   }
                 }),
                 children: [
-                  /* @__PURE__ */ jsx(Divider, { flexItem: true }),
-                  /* @__PURE__ */ jsx(Typography, { textAlign: "left", variant: "body1", children: "Metadata:" }),
-                  /* @__PURE__ */ jsx(JSONViewer, { data: nodeExtraData })
+                  /* @__PURE__ */ n(m, { flexItem: !0 }),
+                  /* @__PURE__ */ n(g, { textAlign: "left", variant: "body1", children: "Metadata:" }),
+                  /* @__PURE__ */ n(J, { data: o })
                 ]
               }
             ) })
@@ -164,5 +144,5 @@ const NodeCard = ({ node, sx = {} }) => {
   );
 };
 export {
-  NodeCard as default
+  xe as default
 };

package/components/display/graph/elements/NodeTag.js

@@ -1,17 +1,15 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Stack, Typography, Tooltip } from "@mui/material";
-import { F as FlexOne } from "../../../../FlexOne-BSYAhhtG.js";
-import Iconified from "../../icons/Iconified.js";
-const NodeTag = ({ nodeId, label = nodeId, type = "content", children }) => {
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", pr: 1, children: [
-    type === "header" ? /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { overflow: "hidden" }, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { wordWrap: "break-all" }, children: label.replace(" (TRUNCATED)", "") }),
-      label.includes("TRUNCATED") && /* @__PURE__ */ jsx(Tooltip, { title: "Field is truncated.", children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-content-cut", fontSize: "small", style: { fontSize: "0.9em" } }) })
-    ] }) : label,
-    /* @__PURE__ */ jsx(FlexOne, {}),
-    children
-  ] });
-};
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Stack as t, Typography as a, Tooltip as d } from "@mui/material";
+import { F as s } from "../../../../FlexOne-BXWFOd1T.js";
+import l from "../../icons/Iconified.js";
+const T = ({ nodeId: n, label: r = n, type: o = "content", children: c }) => /* @__PURE__ */ i(t, { direction: "row", spacing: 1, alignItems: "center", pr: 1, children: [
+  o === "header" ? /* @__PURE__ */ i(t, { direction: "row", spacing: 1, alignItems: "center", sx: { overflow: "hidden" }, children: [
+    /* @__PURE__ */ e(a, { variant: "body1", sx: { wordWrap: "break-all" }, children: r.replace(" (TRUNCATED)", "") }),
+    r.includes("TRUNCATED") && /* @__PURE__ */ e(d, { title: "Field is truncated.", children: /* @__PURE__ */ e(l, { icon: "ic:baseline-content-cut", fontSize: "small", style: { fontSize: "0.9em" } }) })
+  ] }) : r,
+  /* @__PURE__ */ e(s, {}),
+  c
+] });
 export {
-  NodeTag as default
+  T as default
 };