@cccsaurora/clue-ui 1.0.4 → 1.1.0-dev.100

package/components/ErrorBoundary.js

@@ -1,32 +1,36 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { Box as n, Accordion as i, AccordionSummary as a, Typography as t, AccordionDetails as s } from "@mui/material";
-import c from "./display/icons/Iconified.js";
-import d from "react";
-class f extends d.Component {
-  constructor(e) {
-    super(e), this.state = { hasError: !1, error: null };
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Accordion, AccordionSummary, Typography, AccordionDetails } from "@mui/material";
+import Iconified from "./display/icons/Iconified.js";
+import React__default from "react";
+class ErrorBoundary extends React__default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
   }
-  static getDerivedStateFromError(e) {
-    return { hasError: !0, error: e };
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
   }
-  componentDidCatch(e) {
-    this.setState({ hasError: !0, error: e });
+  componentDidCatch(error) {
+    this.setState({ hasError: true, error });
   }
   render() {
-    return this.state.hasError ? /* @__PURE__ */ r(n, { pt: 6, textAlign: "center", fontSize: 20, children: /* @__PURE__ */ o(i, { elevation: 0, children: [
-      /* @__PURE__ */ r(
-        a,
-        {
-          expandIcon: /* @__PURE__ */ r(c, { icon: "ic:baseline-expand-more" }),
-          "aria-controls": "panel1-content",
-          id: "panel1-header",
-          children: /* @__PURE__ */ r(t, { align: "center", sx: { width: "100%", fontSize: "1.2rem" }, variant: "h5", children: this.state.error.message })
-        }
-      ),
-      /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r("code", { children: /* @__PURE__ */ r(t, { variant: "h6", children: this.state.error.stack }) }) })
-    ] }) }) : this.props.children;
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsx(Box, { pt: 6, textAlign: "center", fontSize: 20, children: /* @__PURE__ */ jsxs(Accordion, { elevation: 0, children: [
+        /* @__PURE__ */ jsx(
+          AccordionSummary,
+          {
+            expandIcon: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-expand-more" }),
+            "aria-controls": "panel1-content",
+            id: "panel1-header",
+            children: /* @__PURE__ */ jsx(Typography, { align: "center", sx: { width: "100%", fontSize: "1.2rem" }, variant: "h5", children: this.state.error.message })
+          }
+        ),
+        /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx("code", { children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: this.state.error.stack }) }) })
+      ] }) });
+    }
+    return this.props.children;
   }
 }
 export {
-  f as default
+  ErrorBoundary as default
 };

package/components/RetryFailedEnrichments.js

@@ -1,12 +1,13 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Button as o } from "@mui/material";
-import { ClueComponentContext as i } from "../hooks/ClueComponentContext.js";
-import { useClueEnrichSelector as c } from "../hooks/selectors.js";
-import { u as m } from "../index-E7g8cRyW.js";
-const a = () => {
-  const t = c((e) => e.enrichFailedEnrichments), { t: r } = m(i, (e) => e.i18next);
-  return /* @__PURE__ */ n(o, { onClick: t, children: r("retry.enrich") });
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@mui/material";
+import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
+import { useClueEnrichSelector } from "../hooks/selectors.js";
+import { u as useContextSelector } from "../index-BDVjGvMI.js";
+const RetryFailedEnrichments = () => {
+  const enrichFailedEnrichments = useClueEnrichSelector((ctx) => ctx.enrichFailedEnrichments);
+  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
+  return /* @__PURE__ */ jsx(Button, { onClick: enrichFailedEnrichments, children: t("retry.enrich") });
 };
 export {
-  a as default
+  RetryFailedEnrichments as default
 };

package/components/SourcePicker.js

@@ -1,90 +1,98 @@
-import { jsxs as n, Fragment as v, jsx as l } from "react/jsx-runtime";
-import { Button as b, Popover as w, TextField as z, Divider as F, Stack as _, FormControlLabel as m, Checkbox as d } from "@mui/material";
-import { useClueComponentSelector as E, useClueEnrichSelector as a } from "../hooks/selectors.js";
-import { memo as P, useState as g, useEffect as T } from "react";
-const L = () => {
-  const { t: r } = E((e) => e.i18next), o = a((e) => e.availableSources), t = a((e) => e.sources), c = a((e) => e.setSources), [s, i] = g(null), [h, x] = g(), C = (e) => {
-    i(e.currentTarget);
-  }, f = () => {
-    i(null);
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Button, Popover, TextField, Divider, Stack, FormControlLabel, Checkbox } from "@mui/material";
+import { useClueComponentSelector, useClueEnrichSelector } from "../hooks/selectors.js";
+import { memo, useState, useEffect } from "react";
+const SourcePicker = () => {
+  const { t } = useClueComponentSelector((ctx) => ctx.i18next);
+  const availableSources = useClueEnrichSelector((state) => state.availableSources);
+  const sources = useClueEnrichSelector((state) => state.sources);
+  const setSources = useClueEnrichSelector((state) => state.setSources);
+  const [anchorEl, setAnchorEl] = useState(null);
+  const [sourceFilter, setSourceFilter] = useState();
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
   };
-  T(() => {
-    c(o);
-  }, [o]);
-  const u = s ? "sources-popover" : void 0;
-  return /* @__PURE__ */ n(v, { children: [
-    /* @__PURE__ */ n(b, { "aria-describedby": u, variant: "outlined", onClick: C, children: [
-      r("sources"),
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  useEffect(() => {
+    setSources(availableSources);
+  }, [availableSources]);
+  const id = !!anchorEl ? "sources-popover" : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Button, { "aria-describedby": id, variant: "outlined", onClick: handleClick, children: [
+      t("sources"),
       " (",
-      t.length === o.length ? r("all") : t.length,
+      sources.length === availableSources.length ? t("all") : sources.length,
       ")"
     ] }),
-    /* @__PURE__ */ n(
-      w,
+    /* @__PURE__ */ jsxs(
+      Popover,
       {
-        id: u,
-        open: !!s,
-        anchorEl: s,
-        onClose: f,
+        id,
+        open: !!anchorEl,
+        anchorEl,
+        onClose: handleClose,
         anchorOrigin: {
           vertical: "bottom",
           horizontal: "left"
         },
         children: [
-          /* @__PURE__ */ l(
-            z,
+          /* @__PURE__ */ jsx(
+            TextField,
             {
-              fullWidth: !0,
+              fullWidth: true,
               sx: { p: 1, width: "350px" },
-              placeholder: r("quicksearch.placeholder"),
-              onChange: (e) => x(e.target.value.toLowerCase())
+              placeholder: t("quicksearch.placeholder"),
+              onChange: (event) => setSourceFilter(event.target.value.toLowerCase())
             }
           ),
-          /* @__PURE__ */ l(F, { orientation: "horizontal" }),
-          /* @__PURE__ */ n(_, { spacing: 0.5, m: 1, sx: { maxHeight: "500px", overflow: "auto" }, onClick: (e) => e.stopPropagation(), children: [
-            /* @__PURE__ */ l(
-              m,
+          /* @__PURE__ */ jsx(Divider, { orientation: "horizontal" }),
+          /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, m: 1, sx: { maxHeight: "500px", overflow: "auto" }, onClick: (e) => e.stopPropagation(), children: [
+            /* @__PURE__ */ jsx(
+              FormControlLabel,
               {
-                control: /* @__PURE__ */ l(
-                  d,
+                control: /* @__PURE__ */ jsx(
+                  Checkbox,
                   {
                     size: "small",
-                    checked: t.length === o.length,
+                    checked: sources.length === availableSources.length,
                     sx: { mr: 1 },
-                    onChange: (e, p) => {
-                      c(p ? o : []);
+                    onChange: (__, checked) => {
+                      setSources(checked ? availableSources : []);
                     }
                   }
                 ),
-                label: t.length < o.length ? r("sources.select.all") : r("sources.select.none"),
+                label: sources.length < availableSources.length ? t("sources.select.all") : t("sources.select.none"),
                 sx: { whiteSpace: "nowrap", textTransform: "capitalize" }
               }
             ),
-            o.filter((e) => !h || e.toLowerCase().includes(h)).map((e) => /* @__PURE__ */ l(
-              m,
+            availableSources.filter((source) => !sourceFilter || source.toLowerCase().includes(sourceFilter)).map((source) => /* @__PURE__ */ jsx(
+              FormControlLabel,
               {
-                control: /* @__PURE__ */ l(
-                  d,
+                control: /* @__PURE__ */ jsx(
+                  Checkbox,
                   {
                     size: "small",
-                    checked: t.includes(e),
-                    onChange: (p, S) => {
-                      c(S ? [...t, e] : t.filter((k) => k !== e));
+                    checked: sources.includes(source),
+                    onChange: (__, checked) => {
+                      setSources(checked ? [...sources, source] : sources.filter((src) => src !== source));
                     },
                     sx: { mr: 1 }
                   }
                 ),
-                label: e.replace(/[_-]/g, " "),
+                label: source.replace(/[_-]/g, " "),
                 sx: { whiteSpace: "nowrap", textTransform: "capitalize" }
               },
-              e
+              source
             ))
           ] })
         ]
       }
     )
   ] });
-}, B = P(L);
+};
+const SourcePicker$1 = memo(SourcePicker);
 export {
-  B as default
+  SourcePicker$1 as default
 };

package/components/actions/ActionForm.js

@@ -3,12 +3,12 @@ import "@jsonforms/material-renderers";
 import "@jsonforms/react";
 import "@mui/material";
 import "../display/icons/Iconified.js";
-import "../../index-CnaCBNrd.js";
+import "../../index-Bi21Wb23.js";
 import "../../hooks/ClueComponentContext.js";
-import { A } from "../../ActionForm-Sw7D-KOE.js";
-import "../../utils-CD0rFIFU.js";
+import { A } from "../../ActionForm-ByeOzpc4.js";
+import "../../utils-7OtvGnmf.js";
 import "react";
-import "../../index-E7g8cRyW.js";
+import "../../index-BDVjGvMI.js";
 import "../ErrorBoundary.js";
 import "./form/schemaAdapter.js";
 export {

package/components/actions/ExecutePopover.js

@@ -1,79 +1,93 @@
-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(
+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(
     () => Object.fromEntries(
-      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));
+      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));
         }
       )
     ),
-    [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,
+    [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,
       {
-        ref: u,
+        ref: executeEl,
         variant: "outlined",
         color: "success",
-        disabled: C,
-        startIcon: l ? /* @__PURE__ */ e(v, { color: "success", size: "20px" }) : /* @__PURE__ */ e(E, { icon: "ic:outline-play-arrow" }),
+        disabled: actionDisabled,
+        startIcon: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "success", size: "20px" }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-play-arrow" }),
         sx: { alignSelf: "stretch" },
-        onClick: () => n(!0),
-        children: d("actions.execute")
+        onClick: () => setShowExecuteMenu(true),
+        children: t("actions.execute")
       }
     ),
-    /* @__PURE__ */ e(
-      B,
+    /* @__PURE__ */ jsx(
+      Popover,
       {
         sx: { zIndex: 2e3 },
-        open: a,
-        disablePortal: !0,
-        onClose: () => n(!1),
-        anchorEl: u.current,
+        open: showExecuteMenu,
+        disablePortal: true,
+        onClose: () => setShowExecuteMenu(false),
+        anchorEl: executeEl.current,
         anchorOrigin: { horizontal: "left", vertical: "bottom" },
-        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,
+        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,
           {
             sx: {
               px: 3,
               py: 1,
               cursor: "pointer",
-              transition: h.transitions.create("background-color"),
-              "&:hover": { backgroundColor: h.palette.background.default }
+              transition: theme.transitions.create("background-color"),
+              "&:hover": { backgroundColor: theme.palette.background.default }
             },
-            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 })
+            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 })
               ] }),
-              t.summary && /* @__PURE__ */ e(A, { variant: "caption", color: "text.secondary", children: t.summary })
+              action.summary && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: action.summary })
             ] })
           },
-          o
+          actionId
         )) }) })
       }
     )
   ] });
 };
 export {
-  ie as default
+  ExecutePopover as default
 };

package/components/actions/ResultModal.js

@@ -1,43 +1,14 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { I as p } from "../../iconify-BBckr5AQ.js";
-import { Modal as d, Paper as s, Stack as e, Typography as r, Divider as f, Button as m } from "@mui/material";
-import { J as h } from "../../index-CnaCBNrd.js";
-import x from "../display/markdown/index.js";
-import { ClueComponentContext as y } from "../../hooks/ClueComponentContext.js";
-import { memo as u } from "react";
-import { u as g } from "../../index-E7g8cRyW.js";
-import v from "../ClassificationChip.js";
-import C from "../ErrorBoundary.js";
-const k = ({ result: i, onClose: a, show: l = !1 }) => {
-  const { t: c } = g(y, (t) => t.i18next);
-  if (!i)
-    return null;
-  try {
-    return /* @__PURE__ */ o(d, { open: l, sx: { display: "flex", alignItems: "center", justifyContent: "center" }, onClose: a, children: /* @__PURE__ */ o(s, { sx: { maxHeight: "80%", maxWidth: "80%", height: "100%", p: 2, minWidth: "750px" }, children: /* @__PURE__ */ n(e, { spacing: 1, height: "100%", children: [
-      /* @__PURE__ */ n(e, { direction: "row", spacing: 1, alignItems: "center", children: [
-        i.action.action_icon && /* @__PURE__ */ o(p, { height: "1.5rem", icon: i.action.action_icon }),
-        /* @__PURE__ */ o(r, { variant: "h5", children: i.action.name }),
-        i.action.supported_types && /* @__PURE__ */ o(r, { variant: "caption", color: "text.secondary", children: i.action.supported_types.map((t) => t.toUpperCase()).join(", ") }),
-        /* @__PURE__ */ o("div", { style: { flex: 1 } }),
-        /* @__PURE__ */ o(v, { size: "small", classification: i.action.classification })
-      ] }),
-      /* @__PURE__ */ o(r, { variant: "body1", children: i.action.summary }),
-      /* @__PURE__ */ o(f, { flexItem: !0 }),
-      /* @__PURE__ */ n(C, { children: [
-        i.format === "markdown" && /* @__PURE__ */ o(x, { md: i.output }),
-        i.format === "json" && /* @__PURE__ */ o(h, { data: i.output, collapse: !0, forceCompact: !0 })
-      ] }),
-      /* @__PURE__ */ o("div", { style: { flex: 1 } }),
-      /* @__PURE__ */ n(e, { direction: "row", spacing: 1, children: [
-        /* @__PURE__ */ o("div", { style: { flex: 1 } }),
-        i.link && /* @__PURE__ */ o(m, { variant: "outlined", component: "a", target: "_blank", href: i.link, children: c("details.open") }),
-        /* @__PURE__ */ o(m, { variant: "outlined", color: "error", onClick: a, children: c("close") })
-      ] })
-    ] }) }) });
-  } catch (t) {
-    return console.warn(t), null;
-  }
-}, W = u(k);
+import "react/jsx-runtime";
+import "../../iconify-CXMreGTg.js";
+import "@mui/material";
+import "../../index-Bi21Wb23.js";
+import "../display/markdown/index.js";
+import "../../hooks/ClueComponentContext.js";
+import { R } from "../../ActionForm-ByeOzpc4.js";
+import "react";
+import "../../index-BDVjGvMI.js";
+import "../ClassificationChip.js";
+import "../ErrorBoundary.js";
 export {
-  W as default
+  R as default
 };

package/components/actions/form/schemaAdapter.js

@@ -1,28 +1,48 @@
-import { c as i } from "../../../cloneDeep-BPVpFBzJ.js";
-import { g as y } from "../../../get-Bow1vKwx.js";
-const c = (p) => {
-  const r = [], l = i(p), a = {
-    ...l,
+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,
     properties: Object.fromEntries(
-      Object.entries(l.properties ?? {}).filter(([e]) => !["raw_data", "selector", "selectors"].includes(e)).map(([e, t]) => {
-        var n, o;
-        if (r.push(e), typeof t == "boolean")
-          return [e, t];
-        if (((n = t.anyOf) == null ? void 0 : n.length) === 2) {
-          if (typeof t.anyOf[1] == "boolean")
-            return [e, t];
-          t.anyOf[1].type === "null" && typeof t.anyOf[0] != "boolean" && (t.anyOf[0].enum && (t.enum = t.anyOf[0].enum), t.type = [...Array.isArray(t.anyOf[0].type) ? t.anyOf[0].type : [t.anyOf[0].type], "null"], delete t.anyOf, r.pop());
+      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];
         }
-        return ((o = t.allOf) == null ? void 0 : o.length) > 0 && typeof t.allOf[0] != "boolean" && t.allOf[0].$ref && (t = {
-          ...t,
-          ...y(l, t.allOf[0].$ref.replace("#/", "").replaceAll("/", ".")),
-          title: t.title
-        }, delete t.allOf), [e, t];
+        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 (((_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 a.required = r, a;
+  newSchema.required = requiredFields;
+  return newSchema;
 };
 export {
-  c as adaptSchema
+  adaptSchema
 };

package/components/display/graph/ExpandMoreButton.js

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