@cccsaurora/howler-ui 2.17.0-dev.559 → 2.17.0-dev.560

package/components/elements/hit/HitLinks.js

@@ -12,6 +12,6 @@ const HitLinks = ({ hit, analytic, dossiers = [] }) => {
                     .slice(0, 3)
                     .map(l => (_jsx(Grid, { item: true, children: _jsx(RelatedLink, { compact: true, ...l }) }, l.href))), dossiers.flatMap(_dossier => (_dossier.pivots ?? []).map((_pivot, index) => (
             // eslint-disable-next-line react/no-array-index-key
-            _jsx(Grid, { item: true, children: _jsx(PivotLink, { pivot: _pivot, hit: hit, compact: true }) }, _dossier.dossier_id + index)))), analytic?.notebooks?.length > 0 && (_jsx(Grid, { item: true, children: _jsx(HitNotebooks, { analytic: analytic, hit: hit }) }))] })));
+            _jsx(Grid, { item: true, children: _jsx(PivotLink, { pivot: _pivot, hit: hit, compact: true }) }, _dossier.dossier_id + index)))), analytic?.notebooks?.length > 0 && (_jsx(Grid, { item: true, children: _jsx(HitNotebooks, { analytic: analytic, hit: hit, compact: true }) }))] })));
 };
 export default HitLinks;

package/components/elements/hit/HitNotebooks.d.ts

@@ -4,5 +4,6 @@ declare const _default: import("react").NamedExoticComponent<{
     analytic: Analytic;
     selectedNotebook?: string;
     hit?: Hit;
+    compact?: boolean;
 }>;
 export default _default;

package/components/elements/hit/HitNotebooks.js

@@ -20,7 +20,7 @@ const FETCH_OPTIONS = {
     },
     mode: 'cors'
 };
-const HitNotebooks = ({ analytic, selectedNotebook, hit }) => {
+const HitNotebooks = ({ analytic, selectedNotebook, hit, compact }) => {
     const { t } = useTranslation();
     const { config } = useContext(ApiConfigContext);
     const { showErrorMessage } = useMySnackbar();
@@ -124,14 +124,18 @@ const HitNotebooks = ({ analytic, selectedNotebook, hit }) => {
                                                 MenuProps: {
                                                     style: { zIndex: 35001 }
                                                 }
-                                            }, defaultValue: selectedNotebook ? analytic?.notebooks.find(n => n.name === selectedNotebook).value : '', children: [_jsx(MenuItem, { disabled: true, value: "", children: _jsx("em", { children: t('hit.notebook.select') }) }), analytic?.notebooks.sort(safeStringPropertyCompare('detection')).map(e => (_jsx(MenuItem, { value: e.value, children: _jsxs(Stack, { direction: 'row', sx: { width: '100%' }, children: [e.name, e.detection && (_jsxs(_Fragment, { children: [_jsx(Box, { flex: 1 }), _jsx(Chip, { label: e.detection, size: "small" })] }))] }) }, e.value)))] }), _jsx(Button, { variant: "outlined", disabled: loadedNotebook.name === '' || envs.length === 0, color: "success", onClick: () => checkJupyhub(), children: t('hit.notebook.goTo') })] })] }) })) }), _jsx(HowlerCard, { variant: "elevation", onClick: handleToggle, sx: [
+                                            }, defaultValue: selectedNotebook ? analytic?.notebooks.find(n => n.name === selectedNotebook).value : '', children: [_jsx(MenuItem, { disabled: true, value: "", children: _jsx("em", { children: t('hit.notebook.select') }) }), analytic?.notebooks.sort(safeStringPropertyCompare('detection')).map(e => (_jsx(MenuItem, { value: e.value, children: _jsxs(Stack, { direction: 'row', sx: { width: '100%' }, children: [e.name, e.detection && (_jsxs(_Fragment, { children: [_jsx(Box, { flex: 1 }), _jsx(Chip, { label: e.detection, size: "small" })] }))] }) }, e.value)))] }), _jsx(Button, { variant: "outlined", disabled: loadedNotebook.name === '' || envs.length === 0, color: "success", onClick: () => checkJupyhub(), children: t('hit.notebook.goTo') })] })] }) })) }), _jsx(HowlerCard, { variant: compact ? 'outlined' : 'elevation', onClick: handleToggle, sx: [
                         theme => ({
                             cursor: 'pointer',
                             backgroundColor: 'transparent',
                             transition: theme.transitions.create(['border-color']),
-                            '&:hover': { borderColor: 'primary.main' }
+                            '&:hover': { borderColor: 'primary.main', '& a': { textDecoration: 'underline' } },
+                            '& > div': {
+                                height: '100%'
+                            },
+                            '& a': { textDecoration: 'none', color: 'text.primary' }
                         }),
-                        { border: 'thin solid', borderColor: 'transparent' }
+                        !compact && { border: 'thin solid', borderColor: 'transparent' }
                     ], children: _jsxs(Stack, { direction: "row", p: 1, spacing: 1, alignItems: "center", children: [_jsx(Avatar, { variant: "rounded", src: '/images/jupyter_notebook_file_icon.png', sx: [
                                     theme => ({
                                         width: theme.spacing(3),

package/package.json

@@ -101,7 +101,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.17.0-dev.559",
+  "version": "2.17.0-dev.560",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",