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

package/components/EnrichedChip.js

@@ -1,170 +1,145 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Chip, Tooltip, Box, Stack, CircularProgress } from "@mui/material";
-import Iconified from "./display/icons/Iconified.js";
-import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
-import { ClueGroupContext } from "../hooks/ClueGroupContext.js";
-import { C as CluePopupContext } from "../AnnotationPreview-CLMVD6Ec.js";
-import { b as useClueEnrichSelector } from "../ActionForm-C0aE9HUv.js";
-import useAnnotations from "../hooks/useAnnotations.js";
-import ActionIcon from "../icons/Action.js";
-import AssessmentIcon from "../icons/Assessment.js";
-import ContextIcon from "../icons/Context.js";
-import OpinionIcon from "../icons/Opinion.js";
-import FrequencyText from "../text/Frequency.js";
-import React__default, { useRef, useMemo, useCallback, useEffect, memo } from "react";
-import { u as useContextSelector } from "../index-AMfoEg_6.js";
-const EnrichedChip = React__default.memo(
+import { jsx as e, jsxs as O } from "react/jsx-runtime";
+import { Chip as B, Tooltip as G, Box as _, Stack as H, CircularProgress as J } from "@mui/material";
+import K from "./display/icons/Iconified.js";
+import { ClueComponentContext as L } from "../hooks/ClueComponentContext.js";
+import { ClueGroupContext as N } from "../hooks/ClueGroupContext.js";
+import { C as E } from "../AnnotationPreview-BGqlBBcp.js";
+import { b as Q } from "../ActionForm-pWyIi01Z.js";
+import U from "../hooks/useAnnotations.js";
+import V from "../icons/Action.js";
+import v from "../icons/Assessment.js";
+import q from "../icons/Context.js";
+import z from "../icons/Opinion.js";
+import W from "../text/Frequency.js";
+import X, { useRef as Y, useMemo as u, useCallback as Z, useEffect as $, memo as F } from "react";
+import { u as m } from "../index-Dj5C04IX.js";
+const D = X.memo(
   ({
-    type: _type,
-    value,
-    classification: _classification,
-    contextIcon = false,
-    counters = false,
-    hideDetails = false,
-    hideLoading = false,
-    forceDetails = false,
-    setForceDetails = null,
-    useDetailsIcon = false,
-    skipEnrichment = false,
-    slotProps = {},
-    ...otherProps
+    type: C,
+    value: i,
+    classification: x,
+    contextIcon: b = !1,
+    counters: f = !1,
+    hideDetails: h = !1,
+    hideLoading: A = !1,
+    forceDetails: r = !1,
+    setForceDetails: c = null,
+    useDetailsIcon: s = !1,
+    skipEnrichment: R = !1,
+    slotProps: a = {},
+    ...l
   }) => {
-    const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-    const anchorRef = useRef();
-    const groupType = useContextSelector(ClueGroupContext, (ctx) => ctx == null ? void 0 : ctx.type);
-    const defaultClassification = useClueEnrichSelector((ctx) => ctx.defaultClassification);
-    const type = useMemo(() => _type ?? groupType, [_type, groupType]);
-    const classification = useMemo(
-      () => _classification ?? defaultClassification,
-      [_classification, defaultClassification]
+    const { t: j } = m(L, (o) => o.i18next), d = Y(), k = m(N, (o) => o == null ? void 0 : o.type), y = Q((o) => o.defaultClassification), n = u(() => C ?? k, [C, k]), t = u(
+      () => x ?? y,
+      [x, y]
     );
-    if (!type) {
+    if (!n)
       throw new Error("Type was not provided as a prop, and component is not used in a group context.");
-    }
-    const [annotations, loading] = useAnnotations(type, value, classification, { skipEnrichment });
-    const showInfo = useContextSelector(CluePopupContext, (ctx) => ctx.showInfo);
-    const closeInfo = useContextSelector(CluePopupContext, (ctx) => ctx.closeInfo);
-    const buildOptions = useCallback(() => {
-      const options = {};
-      if (setForceDetails) {
-        options.onClose = () => setForceDetails(false);
-      }
-      if (slotProps == null ? void 0 : slotProps.popover) {
-        options.popoverProps = slotProps.popover;
-      }
-      return options;
-    }, [setForceDetails, slotProps.popover]);
-    const clicker = useMemo(
-      () => !hideDetails || useDetailsIcon ? (e) => {
-        var _a;
-        showInfo("details", anchorRef.current, { type, value, classification }, buildOptions());
-        (_a = otherProps.onClick) == null ? void 0 : _a.call(otherProps, e);
-        e.stopPropagation();
-        e.preventDefault();
-      } : otherProps.onClick,
+    const [p, T] = U(n, i, t, { skipEnrichment: R }), S = m(E, (o) => o.showInfo), M = m(E, (o) => o.closeInfo), w = Z(() => {
+      const o = {};
+      return c && (o.onClose = () => c(!1)), a != null && a.popover && (o.popoverProps = a.popover), o;
+    }, [c, a.popover]), g = u(
+      () => !h || s ? (o) => {
+        var I;
+        S("details", d.current, { type: n, value: i, classification: t }, w()), (I = l.onClick) == null || I.call(l, o), o.stopPropagation(), o.preventDefault();
+      } : l.onClick,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [hideDetails, useDetailsIcon, otherProps, type, value, classification]
+      [h, s, l, n, i, t]
     );
-    useEffect(() => {
-      if (forceDetails) {
-        showInfo("details", anchorRef.current, { type, value, classification }, buildOptions());
-      } else {
-        closeInfo("details", {
-          type,
-          value,
-          classification
-        });
-      }
-    }, [classification, forceDetails, type, value]);
-    return /* @__PURE__ */ jsx(
-      Chip,
+    return $(() => {
+      r ? S("details", d.current, { type: n, value: i, classification: t }, w()) : M("details", {
+        type: n,
+        value: i,
+        classification: t
+      });
+    }, [t, r, n, i]), /* @__PURE__ */ e(
+      B,
       {
-        ...otherProps,
-        ref: anchorRef,
-        variant: otherProps.variant || "outlined",
+        ...l,
+        ref: d,
+        variant: l.variant || "outlined",
         sx: {
-          height: otherProps.size !== "small" ? "40px" : "unset",
+          height: l.size !== "small" ? "40px" : "unset",
           "& .MuiChip-label": { overflow: "visible" },
-          ...otherProps.sx ?? {}
+          ...l.sx ?? {}
         },
-        label: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-          /* @__PURE__ */ jsx(
-            AssessmentIcon,
+        label: /* @__PURE__ */ O(H, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ e(
+            v,
             {
-              ubiquitous: true,
-              value: { type, value, classification },
-              annotations,
-              counters,
-              disableTooltip: forceDetails,
+              ubiquitous: !0,
+              value: { type: n, value: i, classification: t },
+              annotations: p,
+              counters: f,
+              disableTooltip: r,
               style: { flexShrink: 0 }
             }
           ),
-          /* @__PURE__ */ jsx(
-            OpinionIcon,
+          /* @__PURE__ */ e(
+            z,
             {
-              ubiquitous: true,
-              value: { type, value, classification },
-              annotations,
-              counters,
-              disableTooltip: forceDetails,
+              ubiquitous: !0,
+              value: { type: n, value: i, classification: t },
+              annotations: p,
+              counters: f,
+              disableTooltip: r,
               style: { flexShrink: 0 }
             }
           ),
-          /* @__PURE__ */ jsx(
-            ContextIcon,
+          /* @__PURE__ */ e(
+            q,
             {
-              ubiquitous: true,
-              value: { type, value, classification },
-              annotations,
-              counters,
-              showExtraIcon: contextIcon,
-              disableTooltip: forceDetails,
+              ubiquitous: !0,
+              value: { type: n, value: i, classification: t },
+              annotations: p,
+              counters: f,
+              showExtraIcon: b,
+              disableTooltip: r,
               style: { flexShrink: 0 }
             }
           ),
-          otherProps.label ?? /* @__PURE__ */ jsx(FrequencyText, { fontSize: "inherit", annotations, value }),
-          /* @__PURE__ */ jsx(
-            AssessmentIcon,
+          l.label ?? /* @__PURE__ */ e(W, { fontSize: "inherit", annotations: p, value: i }),
+          /* @__PURE__ */ e(
+            v,
             {
-              value: { type, value, classification },
-              annotations,
-              counters,
-              disableTooltip: forceDetails,
+              value: { type: n, value: i, classification: t },
+              annotations: p,
+              counters: f,
+              disableTooltip: r,
               style: { flexShrink: 0 }
             }
           ),
-          /* @__PURE__ */ jsx(
-            OpinionIcon,
+          /* @__PURE__ */ e(
+            z,
             {
-              value: { type, value, classification },
-              annotations,
-              counters,
-              disableTooltip: forceDetails,
+              value: { type: n, value: i, classification: t },
+              annotations: p,
+              counters: f,
+              disableTooltip: r,
               style: { flexShrink: 0 }
             }
           ),
-          /* @__PURE__ */ jsx(
-            ContextIcon,
+          /* @__PURE__ */ e(
+            q,
             {
-              value: { type, value, classification },
-              annotations,
-              counters,
-              showExtraIcon: contextIcon,
-              disableTooltip: forceDetails,
+              value: { type: n, value: i, classification: t },
+              annotations: p,
+              counters: f,
+              showExtraIcon: b,
+              disableTooltip: r,
               style: { flexShrink: 0 }
             }
           ),
-          /* @__PURE__ */ jsx(ActionIcon, { counters, value: { type, value, classification }, disableTooltip: forceDetails }),
-          loading && !hideLoading && /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size: 16 })
+          /* @__PURE__ */ e(V, { counters: f, value: { type: n, value: i, classification: t }, disableTooltip: r }),
+          T && !A && /* @__PURE__ */ e(J, { color: "primary", size: 16 })
         ] }),
-        onClick: !useDetailsIcon ? clicker : void 0,
-        onDelete: !loading && useDetailsIcon ? clicker : void 0,
-        deleteIcon: useDetailsIcon ? /* @__PURE__ */ jsx(Tooltip, { title: t("details.open"), children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { pr: 1 }, children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-info" }) }) }) : null
+        onClick: s ? void 0 : g,
+        onDelete: !T && s ? g : void 0,
+        deleteIcon: s ? /* @__PURE__ */ e(G, { title: j("details.open"), children: /* @__PURE__ */ e(_, { component: "span", sx: { pr: 1 }, children: /* @__PURE__ */ e(K, { icon: "ic:outline-info" }) }) }) : null
       }
     );
   }
-);
-const EnrichedChip_default = memo(EnrichedChip);
+), Co = F(D);
 export {
-  EnrichedChip_default as default
+  Co as default
 };

package/components/EnrichedTypography.js

@@ -1,173 +1,147 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTheme, Stack, CircularProgress, Tooltip, IconButton } from "@mui/material";
-import Iconified from "./display/icons/Iconified.js";
-import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
-import { ClueGroupContext } from "../hooks/ClueGroupContext.js";
-import { C as CluePopupContext } from "../AnnotationPreview-CLMVD6Ec.js";
-import { b as useClueEnrichSelector } from "../ActionForm-C0aE9HUv.js";
-import useAnnotations from "../hooks/useAnnotations.js";
-import ActionIcon from "../icons/Action.js";
-import AssessmentIcon from "../icons/Assessment.js";
-import ContextIcon from "../icons/Context.js";
-import OpinionIcon from "../icons/Opinion.js";
-import FrequencyText from "../text/Frequency.js";
-import { memo, useRef, useMemo, useCallback, useEffect } from "react";
-import { u as useContextSelector } from "../index-AMfoEg_6.js";
-const EnrichedTypography = ({
-  type: _type,
-  value,
-  classification: _classification,
-  contextIcon = false,
-  counters = false,
-  hideDetails = false,
-  hideLoading = false,
-  forceDetails = false,
-  setForceDetails = null,
-  useDetailsIcon = false,
-  skipEnrichment = false,
-  slotProps = {},
-  children,
-  ...otherProps
+import { jsxs as J, jsx as a } from "react/jsx-runtime";
+import { useTheme as K, Stack as L, CircularProgress as Q, Tooltip as U, IconButton as V } from "@mui/material";
+import W from "./display/icons/Iconified.js";
+import { ClueComponentContext as X } from "../hooks/ClueComponentContext.js";
+import { ClueGroupContext as Y } from "../hooks/ClueGroupContext.js";
+import { C as j } from "../AnnotationPreview-BGqlBBcp.js";
+import { b as Z } from "../ActionForm-pWyIi01Z.js";
+import F from "../hooks/useAnnotations.js";
+import _ from "../icons/Action.js";
+import z from "../icons/Assessment.js";
+import N from "../icons/Context.js";
+import O from "../icons/Opinion.js";
+import D from "../text/Frequency.js";
+import { memo as P, useRef as ii, useMemo as x, useCallback as ni, useEffect as oi } from "react";
+import { u as l } from "../index-Dj5C04IX.js";
+const ei = ({
+  type: T,
+  value: e,
+  classification: s,
+  contextIcon: h = !1,
+  counters: c = !1,
+  hideDetails: d = !1,
+  hideLoading: R = !1,
+  forceDetails: r = !1,
+  setForceDetails: C = null,
+  useDetailsIcon: u = !1,
+  skipEnrichment: $ = !1,
+  slotProps: i = {},
+  children: G,
+  ...f
 }) => {
-  var _a, _b, _c, _d;
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  const theme = useTheme();
-  const anchorRef = useRef();
-  const groupType = useContextSelector(ClueGroupContext, (ctx) => ctx == null ? void 0 : ctx.type);
-  const defaultClassification = useClueEnrichSelector((ctx) => ctx.defaultClassification);
-  const type = useMemo(() => _type ?? groupType, [_type, groupType]);
-  const classification = useMemo(
-    () => _classification ?? defaultClassification,
-    [_classification, defaultClassification]
+  var A, q, v, B;
+  const { t: M } = l(X, (n) => n.i18next), b = K(), y = ii(), k = l(Y, (n) => n == null ? void 0 : n.type), g = Z((n) => n.defaultClassification), o = x(() => T ?? k, [T, k]), t = x(
+    () => s ?? g,
+    [s, g]
   );
-  if (!type) {
+  if (!o)
     throw new Error("Type was not provided as a prop, and component is not used in a group context.");
-  }
-  const [annotations, loading] = useAnnotations(type, value, classification, { skipEnrichment });
-  const showInfo = useContextSelector(CluePopupContext, (state) => state.showInfo);
-  const closeInfo = useContextSelector(CluePopupContext, (state) => state.closeInfo);
-  const buildOptions = useCallback(() => {
-    const options = {};
-    if (setForceDetails) {
-      options.onClose = () => setForceDetails(false);
-    }
-    if (slotProps == null ? void 0 : slotProps.popover) {
-      options.popoverProps = slotProps.popover;
-    }
-    return options;
-  }, [setForceDetails, slotProps.popover]);
-  const clicker = useMemo(
-    () => !hideDetails || useDetailsIcon ? (e) => {
-      var _a2;
-      showInfo("details", anchorRef.current, { type, value, classification }, buildOptions());
-      (_a2 = otherProps.onClick) == null ? void 0 : _a2.call(otherProps, e);
-      e.stopPropagation();
-      e.preventDefault();
-    } : otherProps.onClick,
+  const [m, p] = F(o, e, t, { skipEnrichment: $ }), I = l(j, (n) => n.showInfo), H = l(j, (n) => n.closeInfo), w = ni(() => {
+    const n = {};
+    return C && (n.onClose = () => C(!1)), i != null && i.popover && (n.popoverProps = i.popover), n;
+  }, [C, i.popover]), E = x(
+    () => !d || u ? (n) => {
+      var S;
+      I("details", y.current, { type: o, value: e, classification: t }, w()), (S = f.onClick) == null || S.call(f, n), n.stopPropagation(), n.preventDefault();
+    } : f.onClick,
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [hideDetails, useDetailsIcon, otherProps, type, value, classification]
+    [d, u, f, o, e, t]
   );
-  useEffect(() => {
-    if (forceDetails) {
-      showInfo("details", anchorRef.current, { type, value, classification }, buildOptions());
-    } else {
-      closeInfo("details", {
-        type,
-        value,
-        classification
-      });
-    }
-  }, [classification, forceDetails, type, value]);
-  return /* @__PURE__ */ jsxs(
-    Stack,
+  return oi(() => {
+    r ? I("details", y.current, { type: o, value: e, classification: t }, w()) : H("details", {
+      type: o,
+      value: e,
+      classification: t
+    });
+  }, [t, r, o, e]), /* @__PURE__ */ J(
+    L,
     {
-      ref: anchorRef,
+      ref: y,
       direction: "row",
       spacing: 1,
       alignItems: "center",
-      ...slotProps == null ? void 0 : slotProps.stack,
-      className: `enriched-typography ${((_a = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _a.className) ?? ""}`.trim(),
+      ...i == null ? void 0 : i.stack,
+      className: `enriched-typography ${((A = i == null ? void 0 : i.stack) == null ? void 0 : A.className) ?? ""}`.trim(),
       sx: [
         {
-          cursor: !loading && !hideDetails ? "pointer" : "inherit",
+          cursor: !p && !d ? "pointer" : "inherit",
           borderBottom: "1px solid transparent",
-          transition: theme.transitions.create(["border-bottom-color"]),
+          transition: b.transitions.create(["border-bottom-color"]),
           "&:hover": {
-            borderBottomColor: !loading && (!hideDetails ? theme.palette.primary.light : null)
+            borderBottomColor: !p && (d ? null : b.palette.primary.light)
           }
         },
-        ...Array.isArray((_b = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _b.sx) ? (_c = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _c.sx : [(_d = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _d.sx]
+        ...Array.isArray((q = i == null ? void 0 : i.stack) == null ? void 0 : q.sx) ? (v = i == null ? void 0 : i.stack) == null ? void 0 : v.sx : [(B = i == null ? void 0 : i.stack) == null ? void 0 : B.sx]
       ],
-      onClick: !useDetailsIcon ? clicker : void 0,
+      onClick: u ? void 0 : E,
       children: [
-        /* @__PURE__ */ jsx(
-          AssessmentIcon,
+        /* @__PURE__ */ a(
+          z,
           {
-            ubiquitous: true,
-            value: { type, value, classification },
-            annotations,
-            counters,
-            disableTooltip: forceDetails
+            ubiquitous: !0,
+            value: { type: o, value: e, classification: t },
+            annotations: m,
+            counters: c,
+            disableTooltip: r
           }
         ),
-        /* @__PURE__ */ jsx(
-          OpinionIcon,
+        /* @__PURE__ */ a(
+          O,
           {
-            ubiquitous: true,
-            value: { type, value, classification },
-            annotations,
-            counters,
-            disableTooltip: forceDetails
+            ubiquitous: !0,
+            value: { type: o, value: e, classification: t },
+            annotations: m,
+            counters: c,
+            disableTooltip: r
           }
         ),
-        /* @__PURE__ */ jsx(
-          ContextIcon,
+        /* @__PURE__ */ a(
+          N,
           {
-            ubiquitous: true,
-            value: { type, value, classification },
-            annotations,
-            counters,
-            showExtraIcon: contextIcon,
-            disableTooltip: forceDetails
+            ubiquitous: !0,
+            value: { type: o, value: e, classification: t },
+            annotations: m,
+            counters: c,
+            showExtraIcon: h,
+            disableTooltip: r
           }
         ),
-        children ?? /* @__PURE__ */ jsx(FrequencyText, { id: `enriched-${type}-value`, ...otherProps, annotations, value }),
-        /* @__PURE__ */ jsx(
-          AssessmentIcon,
+        G ?? /* @__PURE__ */ a(D, { id: `enriched-${o}-value`, ...f, annotations: m, value: e }),
+        /* @__PURE__ */ a(
+          z,
           {
-            value: { type, value, classification },
-            annotations,
-            counters,
-            disableTooltip: forceDetails
+            value: { type: o, value: e, classification: t },
+            annotations: m,
+            counters: c,
+            disableTooltip: r
           }
         ),
-        /* @__PURE__ */ jsx(
-          OpinionIcon,
+        /* @__PURE__ */ a(
+          O,
           {
-            value: { type, value, classification },
-            annotations,
-            counters,
-            disableTooltip: forceDetails
+            value: { type: o, value: e, classification: t },
+            annotations: m,
+            counters: c,
+            disableTooltip: r
           }
         ),
-        /* @__PURE__ */ jsx(
-          ContextIcon,
+        /* @__PURE__ */ a(
+          N,
           {
-            value: { type, value, classification },
-            annotations,
-            counters,
-            showExtraIcon: contextIcon,
-            disableTooltip: forceDetails
+            value: { type: o, value: e, classification: t },
+            annotations: m,
+            counters: c,
+            showExtraIcon: h,
+            disableTooltip: r
           }
         ),
-        /* @__PURE__ */ jsx(ActionIcon, { counters, value: { type, value, classification }, disableTooltip: forceDetails }),
-        loading && !hideLoading && /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size: 18 }),
-        !loading && useDetailsIcon && /* @__PURE__ */ jsx(Tooltip, { title: t("details.open"), children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: clicker, sx: { color: theme.palette.action.disabled }, children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-info" }) }) })
+        /* @__PURE__ */ a(_, { counters: c, value: { type: o, value: e, classification: t }, disableTooltip: r }),
+        p && !R && /* @__PURE__ */ a(Q, { color: "primary", size: 18 }),
+        !p && u && /* @__PURE__ */ a(U, { title: M("details.open"), children: /* @__PURE__ */ a(V, { size: "small", onClick: E, sx: { color: b.palette.action.disabled }, children: /* @__PURE__ */ a(W, { icon: "ic:outline-info" }) }) })
       ]
     }
   );
-};
-const EnrichedTypography_default = memo(EnrichedTypography);
+}, si = P(ei);
 export {
-  EnrichedTypography_default as default
+  si as default
 };

package/components/ErrorBoundary.js

@@ -1,36 +1,32 @@
-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 };
+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 };
   }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
+  static getDerivedStateFromError(e) {
+    return { hasError: !0, error: e };
   }
-  componentDidCatch(error) {
-    this.setState({ hasError: true, error });
+  componentDidCatch(e) {
+    this.setState({ hasError: !0, error: e });
   }
   render() {
-    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;
+    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;
   }
 }
 export {
-  ErrorBoundary as default
+  f as default
 };