@cccsaurora/howler-ui 2.15.0-dev.339 → 2.15.0-dev.341

package/components/elements/hit/related/PivotLink.js

@@ -1,8 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Skeleton } from '@mui/material';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ErrorOutline } from '@mui/icons-material';
+import { Card, Tooltip } from '@mui/material';
 import Handlebars from 'handlebars';
 import { isEmpty } from 'lodash-es';
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { usePluginStore } from 'react-pluggable';
 import { flattenDeep } from '@cccsaurora/howler-ui/utils/utils';
@@ -33,17 +34,30 @@ const PivotLink = ({ pivot, hit, compact = false }) => {
     if (href) {
         return _jsx(RelatedLink, { title: pivot.label[i18n.language], href: href, compact: compact, icon: pivot.icon });
     }
+    // Hide a relatively useless console error, we'll show a UI component instead
+    // eslint-disable-next-line no-console
+    const oldError = console.error;
+    let pluginPivot = null;
     try {
-        const pluginPivot = pluginStore.executeFunction(`pivot.${pivot.format}`, { pivot, hit, compact });
-        if (pluginPivot) {
-            return pluginPivot;
-        }
+        // eslint-disable-next-line no-console
+        console.error = () => { };
+        pluginPivot = pluginStore.executeFunction(`pivot.${pivot.format}`, { pivot, hit, compact });
     }
-    catch (e) {
+    finally {
         // eslint-disable-next-line no-console
-        console.warn(`Pivot plugin for format ${pivot.format} does not exist, not rendering`);
-        return null;
+        console.error = oldError;
+    }
+    if (pluginPivot) {
+        return pluginPivot;
     }
-    return _jsx(Skeleton, { variant: "rounded" });
+    return (_jsx(Card, { variant: "outlined", sx: { display: 'flex', alignItems: 'center', px: 1 }, children: _jsx(Tooltip, { title: _jsxs(_Fragment, { children: [_jsx("span", { children: `Missing Pivot Implementation ${pivot.format}` }), _jsx("code", { children: _jsx("pre", { children: JSON.stringify(pivot, null, 4) }) })] }), slotProps: {
+                popper: {
+                    sx: {
+                        '& > .MuiTooltip-tooltip': {
+                            maxWidth: '90vw !important'
+                        }
+                    }
+                }
+            }, children: _jsx(ErrorOutline, { color: "error" }) }) }));
 };
 export default PivotLink;

package/components/routes/hits/search/InformationPane.js

@@ -77,6 +77,13 @@ const InformationPane = ({ onClose }) => {
         setUserIds(getUserList(hit));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [getHit, selected]);
+    useEffect(() => {
+        if (selected) {
+            setAnalytic(null);
+            setDossiers(null);
+            setHasOverview(false);
+        }
+    }, [selected]);
     useEffect(() => {
         if (hit && !analytic) {
             getMatchingAnalytic(hit).then(setAnalytic);

package/package.json

@@ -96,7 +96,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.15.0-dev.339",
+  "version": "2.15.0-dev.341",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",