@cccsaurora/howler-ui 2.17.0-dev.420 → 2.17.0-dev.470

package/commons/components/app/hooks/useAppConfigs.d.ts

@@ -24,7 +24,7 @@ export declare function useAppConfigs(): {
             hideNestedIcons?: boolean;
         };
         appName: string;
-        appLink?: import("react-router-dom").To;
+        appLink?: import("react-router").To;
         appIconDark: import("react").ReactElement<any>;
         appIconLight: import("react").ReactElement<any>;
         bannerDark?: import("react").ReactElement<any>;

package/components/app/providers/HitSearchProvider.d.ts

@@ -22,5 +22,4 @@ export interface HitSearchContextType {
 }
 export declare const HitSearchContext: import("use-context-selector").Context<HitSearchContextType>;
 declare const HitSearchProvider: FC<PropsWithChildren>;
-export declare const useHitSearchContextSelector: <Selected>(selector: (value: HitSearchContextType) => Selected) => Selected;
 export default HitSearchProvider;

package/components/app/providers/HitSearchProvider.js

@@ -77,7 +77,7 @@ const HitSearchProvider = ({ children }) => {
         }
         // Fetch all view queries
         if (views.length > 0) {
-            const viewObjects = await getCurrentViews();
+            const viewObjects = await getCurrentViews({ views });
             // Filter out null/undefined views and extract queries
             viewObjects
                 .filter(view => view?.query)
@@ -157,7 +157,8 @@ const HitSearchProvider = ({ children }) => {
         trackTotalHits,
         loadHits,
         getCurrentViews,
-        setOffset
+        setOffset,
+        getFilters
     ]);
     // We only run this when ancillary properties (i.e. filters, sorting) change
     useEffect(() => {
@@ -171,7 +172,7 @@ const HitSearchProvider = ({ children }) => {
             setResponse(null);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [offset, pageCount, sort, span, bundleId, location.pathname, startDate, endDate, filters, query]);
+    }, [offset, pageCount, sort, span, bundleId, location.pathname, startDate, endDate, filters, query, views]);
     return (_jsx(HitSearchContext.Provider, { value: {
             displayType,
             setDisplayType,
@@ -187,7 +188,4 @@ const HitSearchProvider = ({ children }) => {
             setFzfSearch
         }, children: children }));
 };
-export const useHitSearchContextSelector = (selector) => {
-    return useContextSelector(HitSearchContext, selector);
-};
 export default HitSearchProvider;

package/components/app/providers/HitSearchProvider.test.js

@@ -17,7 +17,7 @@ const mockSetParams = vi.fn();
 const mockParams = vi.mocked(useParams);
 const mockLocation = vi.mocked(useLocation());
 const mockViewContext = {
-    getCurrentViews: ({ viewId } = {}) => Promise.resolve([{ view_id: viewId || 'test_view_id', query: 'howler.id:*' }])
+    getCurrentViews: ({ views } = {}) => Promise.resolve([{ view_id: views?.[0] || 'test_view_id', query: 'howler.id:*' }])
 };
 let mockParameterContext = {
     filters: [],

package/components/app/providers/ParameterProvider.js

@@ -81,8 +81,8 @@ const ParameterProvider = ({ children }) => {
         if (value === values[key]) {
             return;
         }
-        if (key === 'selected' && !value) {
-            pendingChanges.current.selected = getSelectedValue(params, location.pathname, routeParams.id);
+        if (key === 'selected') {
+            pendingChanges.current.selected = value;
         }
         else {
             pendingChanges.current[key] = value ?? DEFAULT_VALUES[key] ?? null;
@@ -95,7 +95,7 @@ const ParameterProvider = ({ children }) => {
             _setValues(_current => ({ ..._current, ...pendingChanges.current }));
             pendingChanges.current = {};
         });
-    }, [location.pathname, routeParams.id, values, params]);
+    }, [values]);
     const setOffset = useCallback(_offset => _setValues(_current => ({ ..._current, offset: parseOffset(_offset) })), []);
     const setCustomSpan = useCallback((startDate, endDate) => {
         _setValues(_values => ({

package/components/app/providers/ViewProvider.d.ts

@@ -13,7 +13,7 @@ export interface ViewContextType {
     editView: (id: string, newView: Partial<Omit<View, 'view_id' | 'owner'>>) => Promise<View>;
     removeView: (id: string) => Promise<void>;
     getCurrentViews: (config?: {
-        viewId?: string;
+        views?: string[];
         lazy?: boolean;
         ignoreParams?: boolean;
     }) => Promise<View[]>;

package/components/app/providers/ViewProvider.js

@@ -3,7 +3,7 @@ import api from '@cccsaurora/howler-ui/api';
 import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
 import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
-import { has, omit } from 'lodash-es';
+import { has, omit, uniq } from 'lodash-es';
 import { useCallback, useEffect, useState } from 'react';
 import { useSearchParams } from 'react-router-dom';
 import { createContext, useContextSelector } from 'use-context-selector';
@@ -59,11 +59,8 @@ const ViewProvider = ({ children }) => {
             }
         })();
     }, [defaultView, fetchViews, setDefaultView, views]);
-    const getCurrentViews = useCallback(async ({ viewId, lazy = false, ignoreParams = false } = {}) => {
-        const currentViews = ignoreParams ? [] : searchParams.getAll('view');
-        if (viewId && !currentViews.includes(viewId)) {
-            currentViews.push(viewId);
-        }
+    const getCurrentViews = useCallback(async ({ views: _views, lazy = false, ignoreParams = false } = {}) => {
+        const currentViews = uniq([...(_views ?? []), ...(ignoreParams ? [] : searchParams.getAll('view'))]);
         if (currentViews.length < 1) {
             return [];
         }

package/components/app/providers/ViewProvider.test.js

@@ -135,7 +135,7 @@ describe('ViewContext', () => {
         it('should allow the user to fetch their current view based on the view ID', async () => {
             // lazy load should return nothing
             await expect(hook.result.current({ lazy: true })).resolves.toEqual([]);
-            const result = await act(async () => hook.result.current({ viewId: 'searched_view_id' }));
+            const result = await act(async () => hook.result.current({ views: ['searched_view_id'] }));
             expect(result).toEqual([MOCK_RESPONSES['/api/v1/search/view'].items[0]]);
         });
     });

package/components/elements/PluginChip.d.ts

@@ -1,9 +1,11 @@
 import { type ChipProps } from '@mui/material';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 import { type FC } from 'react';
 export type PluginChipProps = ChipProps & {
     value: string;
     context: string;
     field?: string;
+    hit?: Hit;
 };
 declare const PluginChip: FC<PluginChipProps>;
 export default PluginChip;

package/components/elements/PluginChip.js

@@ -3,7 +3,7 @@ import { Chip } from '@mui/material';
 import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import {} from 'react';
 import { usePluginStore } from 'react-pluggable';
-const PluginChip = ({ children, value, context, field, ...props }) => {
+const PluginChip = ({ children, value, context, field, hit, ...props }) => {
     const pluginStore = usePluginStore();
     for (const plugin of howlerPluginStore.plugins) {
         const component = pluginStore.executeFunction(`${plugin}.chip`, {
@@ -11,6 +11,7 @@ const PluginChip = ({ children, value, context, field, ...props }) => {
             value,
             context,
             field,
+            hit,
             ...props
         });
         if (component) {

package/components/elements/PluginTypography.d.ts

@@ -1,9 +1,10 @@
 import { type TypographyProps } from '@mui/material';
-import { type FC } from 'react';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 export type PluginTypographyProps = TypographyProps & {
     value: string;
     context: string;
     field?: string;
+    hit?: Hit;
 };
-declare const PluginTypography: FC<PluginTypographyProps>;
-export default PluginTypography;
+declare const _default: import("react").NamedExoticComponent<PluginTypographyProps>;
+export default _default;

package/components/elements/PluginTypography.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from '@mui/material';
 import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
-import {} from 'react';
+import { memo } from 'react';
 import { usePluginStore } from 'react-pluggable';
-const PluginTypography = ({ children, value, context, field, ...props }) => {
+const PluginTypography = ({ children, value, context, field, hit, ...props }) => {
     const pluginStore = usePluginStore();
     for (const plugin of howlerPluginStore.plugins) {
         const component = pluginStore.executeFunction(`${plugin}.typography`, {
@@ -11,6 +11,7 @@ const PluginTypography = ({ children, value, context, field, ...props }) => {
             value,
             context,
             field,
+            hit,
             ...props
         });
         if (component) {
@@ -19,4 +20,4 @@ const PluginTypography = ({ children, value, context, field, ...props }) => {
     }
     return _jsx(Typography, { ...props, children: children ?? value });
 };
-export default PluginTypography;
+export default memo(PluginTypography);

package/components/elements/display/modals/RationaleModal.js

@@ -80,7 +80,7 @@ const RationaleModal = ({ hits, onSubmit }) => {
                         query: 'howler.rationale:*',
                         rows: 10,
                         fields: ['howler.rationale'],
-                        filters: hits.map(hit => `howler.analytic:"${sanitizeLuceneQuery(hit.howler.analytic)}")`)
+                        filters: hits.map(hit => `howler.analytic:"${sanitizeLuceneQuery(hit.howler.analytic)}"`)
                     }, 'analytic'),
                     // Rationales provided by this user
                     runFacet({

package/components/elements/display/modals/RationaleModal.test.js

@@ -119,7 +119,7 @@ describe('RationaleModal', () => {
                 });
                 expect(mockHpost).toHaveBeenCalledWith('/api/v1/search/facet/hit', {
                     fields: ['howler.rationale'],
-                    filters: ['howler.analytic:"test\\-analytic\\-1")'],
+                    filters: ['howler.analytic:"test\\-analytic\\-1"'],
                     query: 'howler.rationale:*',
                     rows: 10
                 });

package/components/elements/hit/HitBanner.js

@@ -88,9 +88,9 @@ const HitBanner = ({ hit, layout = HitLayout.NORMAL, showAssigned = true }) => {
         const _children = (_jsxs(Stack, { direction: "row", spacing: 1, flex: 1, children: [_jsxs(Typography, { variant: textVariant, noWrap: compressed, textOverflow: compressed ? 'ellipsis' : 'wrap', ...typographyProps, sx: [
                         { display: 'flex', flexDirection: 'row' },
                         ...(Array.isArray(typographyProps?.sx) ? typographyProps?.sx : [typographyProps?.sx])
-                    ], children: [t(i18nKey), ":"] }), (Array.isArray(value) ? value : [value]).map(val => (_jsx(PluginTypography, { component: "span", context: "banner", variant: textVariant, noWrap: compressed, textOverflow: compressed ? 'ellipsis' : 'wrap', ...typographyProps, value: val, field: field }, val)))] }));
+                    ], children: [t(i18nKey), ":"] }), (Array.isArray(value) ? value : [value]).map(val => (_jsx(PluginTypography, { component: "span", context: "banner", variant: textVariant, noWrap: compressed, textOverflow: compressed ? 'ellipsis' : 'wrap', ...typographyProps, value: val, field: field, hit: hit }, val)))] }));
         return compressed ? (_jsx(Tooltip, { title: Array.isArray(value) ? (_jsx("div", { children: value.map(_indicator => (_jsx("p", { style: { margin: 0, padding: 0 }, children: _indicator }, _indicator))) })) : (value), children: _children })) : (_children);
-    }, [compressed, t, textVariant]);
+    }, [compressed, hit, t, textVariant]);
     return (_jsxs(Box, { display: "grid", gridTemplateColumns: "minmax(0, auto) minmax(0, 1fr) minmax(0, auto)", alignItems: "stretch", sx: { width: '100%', ml: 0, overflow: 'hidden' }, children: [leftBox, _jsxs(Stack, { sx: {
                     height: '100%',
                     padding: theme.spacing(1),

package/components/elements/hit/HitDetails.js

@@ -10,7 +10,7 @@ import { memo, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import Throttler from '@cccsaurora/howler-ui/utils/Throttler';
 import PluginTypography from '../PluginTypography';
-const ListRenderer = memo(({ objKey: key, entries, maxKeyLength }) => {
+const ListRenderer = memo(({ hit, objKey: key, entries, maxKeyLength }) => {
     const theme = useTheme();
     const { t } = useTranslation();
     const allPrimitives = useMemo(() => entries.every(entry => !isObject(entry)), [entries]);
@@ -36,15 +36,15 @@ const ListRenderer = memo(({ objKey: key, entries, maxKeyLength }) => {
                         marginBottom: allPrimitives ? 0 : theme.spacing(1)
                     }, children: allPrimitives ? key.padStart(maxKeyLength ?? key.length) : key }) }), _jsxs(Grid, { container: true, spacing: allPrimitives ? 1 : 4, ml: allPrimitives ? -1 : -4, overflow: "hidden", maxWidth: "100%", children: [uniqueEntries.map((entry, index) => {
                         if (Array.isArray(entry)) {
-                            return (_jsx(Grid, { item: true, xs: "auto", maxWidth: "100%", children: _jsx(ListRenderer, { objKey: `${key}.${index}`, entries: entry }) }, index));
+                            return (_jsx(Grid, { item: true, xs: "auto", maxWidth: "100%", children: _jsx(ListRenderer, { hit: hit, objKey: `${key}.${index}`, entries: entry }) }, index));
                         }
                         if (isPlainObject(entry)) {
                             return (_jsx(Grid, { item: true, xs: 'auto', maxWidth: "100%", minWidth: "350px", children: _jsx(ObjectRenderer, { parentKey: `${key}.${index}`, indent: true, data: entry }) }, index));
                         }
-                        return (_jsxs(Grid, { item: true, maxWidth: "100%", className: `${key}_${index}`.replace(/\./g, '_'), component: "code", display: "flex", flexDirection: "row", children: [_jsx(PluginTypography, { context: "details", component: "code", style: { maxWidth: '100%', font: 'inherit' }, value: entry, field: key.replace(/\.[0-9]+/g, ''), children: entry }), allPrimitives && index < uniqueEntries.length - 1 && _jsx("span", { children: "," })] }, entry));
+                        return (_jsxs(Grid, { item: true, maxWidth: "100%", className: `${key}_${index}`.replace(/\./g, '_'), component: "code", display: "flex", flexDirection: "row", children: [_jsx(PluginTypography, { context: "details", component: "code", style: { maxWidth: '100%', font: 'inherit' }, value: entry, field: key.replace(/\.[0-9]+/g, ''), hit: hit, children: entry }), allPrimitives && index < uniqueEntries.length - 1 && _jsx("span", { children: "," })] }, entry));
                     }), omittedDuplicates && (_jsx(Grid, { item: true, display: "flex", alignItems: "center", children: _jsx(Tooltip, { title: t('duplicates.omitted'), children: _jsx(InfoOutlined, { sx: { fontSize: '20px', ml: 1 }, color: "disabled" }) }) }))] })] }));
 });
-const ObjectRenderer = memo(({ data, parentKey, indent = false }) => {
+const ObjectRenderer = memo(({ hit, data, parentKey, indent = false }) => {
     const theme = useTheme();
     const entries = useMemo(() => {
         const unsorted = Object.entries(flatten(data, { safe: true })).map(([key, val]) => [key, val]);
@@ -59,7 +59,7 @@ const ObjectRenderer = memo(({ data, parentKey, indent = false }) => {
                     .filter(([__, val]) => !isNull(val) && !isUndefined(val) && !isEmpty(val))
                     .map(([key, val]) => {
                     if (Array.isArray(val)) {
-                        return _jsx(ListRenderer, { maxKeyLength: longestKey, objKey: key, entries: val }, key);
+                        return _jsx(ListRenderer, { hit: hit, maxKeyLength: longestKey, objKey: key, entries: val }, key);
                     }
                     return (_jsxs("code", { className: (parentKey ? `${parentKey}.${key}` : key).replace(/\./g, '_'), style: {
                             display: 'grid',
@@ -75,10 +75,10 @@ const ObjectRenderer = memo(({ data, parentKey, indent = false }) => {
                                     paddingRight: theme.spacing(1),
                                     height: '100%',
                                     wordWrap: 'break-word'
-                                }, children: _jsx("code", { style: { maxWidth: '100%' }, children: key }) }), _jsx(Box, { display: "flex", alignItems: "start", children: _jsx(PluginTypography, { context: "details", component: "code", style: { maxWidth: '100%', font: 'inherit' }, value: val, field: (parentKey ? parentKey.concat('.', key) : key).replace(/\.[0-9]+/g, ''), children: val }) })] }, key));
+                                }, children: _jsx("code", { style: { maxWidth: '100%' }, children: key }) }), _jsx(Box, { display: "flex", alignItems: "start", children: _jsx(PluginTypography, { context: "details", component: "code", style: { maxWidth: '100%', font: 'inherit' }, value: val, field: (parentKey ? parentKey.concat('.', key) : key).replace(/\.[0-9]+/g, ''), hit: hit, children: val }) })] }, key));
                 }) })] }));
 });
-const Collapsible = memo(({ title, data, query }) => {
+const Collapsible = memo(({ hit, title, data, query }) => {
     const throttler = useMemo(() => new Throttler(400), []);
     const [scores, setScores] = useState([]);
     const [results, setResults] = useState({});
@@ -109,7 +109,7 @@ const Collapsible = memo(({ title, data, query }) => {
     if (isEmpty(results)) {
         return null;
     }
-    return (_jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ArrowDropDown, {}), children: _jsx(Typography, { children: title }) }), _jsx(AccordionDetails, { children: _jsx(Stack, { spacing: 1, justifyContent: "stretch", sx: styles, children: _jsx(ObjectRenderer, { showParentKey: true, data: results }) }) })] }));
+    return (_jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ArrowDropDown, {}), children: _jsx(Typography, { children: title }) }), _jsx(AccordionDetails, { children: _jsx(Stack, { spacing: 1, justifyContent: "stretch", sx: styles, children: _jsx(ObjectRenderer, { hit: hit, showParentKey: true, data: results }) }) })] }));
 });
 const HitDetails = ({ hit }) => {
     const { t } = useTranslation();
@@ -119,7 +119,7 @@ const HitDetails = ({ hit }) => {
         ['howler', 'labels'].every(prefix => !key.startsWith(prefix)) &&
         !isEmpty(value)), ([key]) => key.split('.')[0]), [hit]);
     return (_jsxs(Stack, { spacing: 1, children: [_jsx(TextField, { value: query, onChange: event => setQuery(event.target.value), label: t('overview.search') }), Object.entries(groups).map(([section, entries]) => {
-                return (_jsx(Collapsible, { query: query, title: section
+                return (_jsx(Collapsible, { hit: hit, query: query, title: section
                         .split('_')
                         .map(word => capitalize(word))
                         .join(' '), data: Object.fromEntries(entries) }, section));

package/components/elements/hit/outlines/DefaultOutline.js

@@ -41,7 +41,7 @@ const DefaultOutline = ({ hit, fields, template, layout = HitLayout.NORMAL, read
                 if (!displayedData) {
                     return null;
                 }
-                return (_jsxs(React.Fragment, { children: [_jsx(Tooltip, { title: (config.indexes.hit[field]?.description ?? t('none')).split('\n')[0], children: _jsxs(Typography, { variant: layout !== HitLayout.COMFY ? 'caption' : 'body1', fontWeight: "bold", children: [field, ":"] }) }), _jsx(PluginTypography, { context: "outline", variant: layout !== HitLayout.COMFY ? 'caption' : 'body1', whiteSpace: "normal", sx: { width: '100%', wordBreak: 'break-all' }, value: displayedData, field: field, children: displayedData })] }, field));
+                return (_jsxs(React.Fragment, { children: [_jsx(Tooltip, { title: (config.indexes.hit[field]?.description ?? t('none')).split('\n')[0], children: _jsxs(Typography, { variant: layout !== HitLayout.COMFY ? 'caption' : 'body1', fontWeight: "bold", children: [field, ":"] }) }), _jsx(PluginTypography, { context: "outline", variant: layout !== HitLayout.COMFY ? 'caption' : 'body1', whiteSpace: "normal", sx: { width: '100%', wordBreak: 'break-all' }, value: displayedData, field: field, hit: hit, children: displayedData })] }, field));
             })] }));
 };
 export default memo(DefaultOutline);

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

@@ -25,7 +25,7 @@ const ViewLink = ({ id, viewId }) => {
     const [view, setView] = useState(null);
     useEffect(() => {
         setLoading(true);
-        getCurrentViews({ viewId, ignoreParams: true })
+        getCurrentViews({ views: [viewId], ignoreParams: true })
             .then(result => setView(result[0]))
             .finally(() => setLoading(false));
     }, [getCurrentViews, viewId]);

package/components/routes/hits/search/ViewLink.test.js

@@ -341,7 +341,7 @@ describe('ViewLink', () => {
         it('should call getCurrentViews when viewId changes', async () => {
             const { rerender } = render(_jsx(ViewLink, { id: 0, viewId: "test-view-id" }), { wrapper: Wrapper });
             await screen.findByText('Test View');
-            expect(mockViewContext.getCurrentViews).toHaveBeenCalledWith({ viewId: 'test-view-id', ignoreParams: true });
+            expect(mockViewContext.getCurrentViews).toHaveBeenCalledWith({ views: ['test-view-id'], ignoreParams: true });
             mockViewContext.getCurrentViews = vi.fn().mockResolvedValue([
                 createMockView({
                     view_id: 'another-view-id',
@@ -350,7 +350,7 @@ describe('ViewLink', () => {
             ]);
             rerender(_jsx(ViewLink, { id: 0, viewId: "another-view-id" }));
             await screen.findByText('Another View');
-            expect(mockViewContext.getCurrentViews).toHaveBeenCalledWith({ viewId: 'another-view-id', ignoreParams: true });
+            expect(mockViewContext.getCurrentViews).toHaveBeenCalledWith({ views: ['another-view-id'], ignoreParams: true });
         });
     });
     describe('Accessibility', () => {
@@ -385,7 +385,7 @@ describe('ViewLink', () => {
             mockViewContext.getCurrentViews = vi.fn().mockResolvedValue([createMockView()]);
             render(_jsx(ViewLink, { id: 0, viewId: "test-view-id" }), { wrapper: Wrapper });
             await screen.findByText('Test View');
-            expect(mockViewContext.getCurrentViews).toHaveBeenCalledWith({ viewId: 'test-view-id', ignoreParams: true });
+            expect(mockViewContext.getCurrentViews).toHaveBeenCalledWith({ views: ['test-view-id'], ignoreParams: true });
         });
         it('should use removeView from ParameterContext', async () => {
             mockViewContext.getCurrentViews = vi.fn().mockResolvedValue([createMockView()]);

package/components/routes/hits/search/grid/EnhancedCell.d.ts

@@ -1,5 +1,7 @@
 import { type SxProps } from '@mui/material';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 declare const _default: import("react").NamedExoticComponent<{
+    hit: Hit;
     value: string;
     sx?: SxProps;
     className: string;

package/components/routes/hits/search/grid/EnhancedCell.js

@@ -4,7 +4,7 @@ import { Stack, TableCell } from '@mui/material';
 import PluginTypography from '@cccsaurora/howler-ui/components/elements/PluginTypography';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
-const EnhancedCell = ({ value: rawValue, sx = {}, className, field }) => {
+const EnhancedCell = ({ hit, value: rawValue, sx = {}, className, field }) => {
     const { t } = useTranslation();
     if (!rawValue) {
         return _jsx(TableCell, { style: { borderBottom: 'none' }, children: t('none') });
@@ -13,6 +13,6 @@ const EnhancedCell = ({ value: rawValue, sx = {}, className, field }) => {
     return (_jsx(TableCell, { sx: { borderBottom: 'none', borderRight: 'thin solid', borderRightColor: 'divider', fontSize: '0.8rem' }, children: _jsx(Stack, { direction: "row", className: className, spacing: 0.5, sx: [
                 { display: 'flex', justifyContent: 'start', width: '100%', overflow: 'hidden' },
                 ...(Array.isArray(sx) ? sx : [sx])
-            ], children: values.map((value, index) => (_jsx(PluginTypography, { context: "table", sx: { fontSize: 'inherit', textOverflow: 'ellipsis' }, value: value, field: field, children: value }, value + index))) }) }));
+            ], children: values.map((value, index) => (_jsx(PluginTypography, { context: "table", sx: { fontSize: 'inherit', textOverflow: 'ellipsis' }, value: value, field: field, hit: hit, children: value }, value + index))) }) }));
 };
 export default memo(EnhancedCell);

package/components/routes/hits/search/grid/HitRow.js

@@ -45,6 +45,6 @@ const HitRow = ({ hit, analyticIds, columns, columnWidths, collapseMainColumn, o
                                         e.preventDefault();
                                         e.stopPropagation();
                                         setExpandRow(_expanded => !_expanded);
-                                    }, children: _jsx(KeyboardArrowUp, {}) }), _jsx(Collapse, { in: !collapseMainColumn, orientation: "horizontal", unmountOnExit: true, children: _jsxs(Stack, { direction: "row", spacing: 1, flexWrap: "nowrap", children: [_jsx(EscalationChip, { hit: hit, layout: HitLayout.DENSE, hideLabel: true }), _jsxs(Typography, { sx: { textWrap: 'nowrap', whiteSpace: 'nowrap', fontSize: 'inherit' }, children: [analyticIds[hit.howler.analytic] ? (_jsx(Link, { to: `/analytics/${analyticIds[hit.howler.analytic]}`, onClick: e => e.stopPropagation(), children: hit.howler.analytic })) : (hit.howler.analytic), hit.howler.detection && ': ', hit.howler.detection] }), hit.howler.assignment !== 'unassigned' && _jsx(Assigned, { hit: hit, layout: HitLayout.DENSE, hideLabel: true })] }) })] }) }), columns.map(col => (_jsx(EnhancedCell, { className: `col-${col.replaceAll('.', '-')}`, value: get(hit, col) ?? t('none'), sx: columnWidths[col] ? { width: columnWidths[col] } : { width: '220px', maxWidth: '300px' }, field: col }, col)))] }, hit.howler.id), _jsx(TableRow, { onClick: ev => onClick(ev, hit), children: _jsx(TableCell, { colSpan: columns.length + 2, style: { paddingBottom: 0, paddingTop: 0 }, children: _jsx(Collapse, { in: expandRow, unmountOnExit: true, children: _jsx(Box, { width: "100%", maxWidth: "1200px", margin: 1, children: _jsx(HitCard, { id: hit.howler.id, layout: HitLayout.NORMAL }) }) }) }) })] }));
+                                    }, children: _jsx(KeyboardArrowUp, {}) }), _jsx(Collapse, { in: !collapseMainColumn, orientation: "horizontal", unmountOnExit: true, children: _jsxs(Stack, { direction: "row", spacing: 1, flexWrap: "nowrap", children: [_jsx(EscalationChip, { hit: hit, layout: HitLayout.DENSE, hideLabel: true }), _jsxs(Typography, { sx: { textWrap: 'nowrap', whiteSpace: 'nowrap', fontSize: 'inherit' }, children: [analyticIds[hit.howler.analytic] ? (_jsx(Link, { to: `/analytics/${analyticIds[hit.howler.analytic]}`, onClick: e => e.stopPropagation(), children: hit.howler.analytic })) : (hit.howler.analytic), hit.howler.detection && ': ', hit.howler.detection] }), hit.howler.assignment !== 'unassigned' && _jsx(Assigned, { hit: hit, layout: HitLayout.DENSE, hideLabel: true })] }) })] }) }), columns.map(col => (_jsx(EnhancedCell, { hit: hit, className: `col-${col.replaceAll('.', '-')}`, value: get(hit, col) ?? t('none'), sx: columnWidths[col] ? { width: columnWidths[col] } : { width: '220px', maxWidth: '300px' }, field: col }, col)))] }, hit.howler.id), _jsx(TableRow, { onClick: ev => onClick(ev, hit), children: _jsx(TableCell, { colSpan: columns.length + 2, style: { paddingBottom: 0, paddingTop: 0 }, children: _jsx(Collapse, { in: expandRow, unmountOnExit: true, children: _jsx(Box, { width: "100%", maxWidth: "1200px", margin: 1, children: _jsx(HitCard, { id: hit.howler.id, layout: HitLayout.NORMAL }) }) }) }) })] }));
 };
 export default memo(HitRow);

package/components/routes/views/ViewComposer.js

@@ -143,7 +143,7 @@ const ViewComposer = () => {
             return;
         }
         (async () => {
-            const viewToEdit = (await getCurrentViews({ viewId: routeParams.id }))[0];
+            const viewToEdit = (await getCurrentViews({ views: [routeParams.id] }))[0];
             if (!viewToEdit) {
                 setError('route.views.missing');
                 return;
@@ -162,7 +162,7 @@ const ViewComposer = () => {
             }
         })();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [routeParams.id, getCurrentViews]);
+    }, [routeParams.id]);
     return (_jsx(FlexPort, { children: _jsx(ErrorBoundary, { children: _jsx(PageCenter, { maxWidth: "1500px", textAlign: "left", height: "100%", children: _jsxs(VSBox, { top: 0, children: [_jsx(VSBoxHeader, { pb: 1, children: _jsxs(Stack, { spacing: 1, children: [error && (_jsx(Alert, { variant: "outlined", severity: "error", children: t(error) })), _jsxs(Stack, { direction: "row", spacing: 1, children: [_jsx(TextField, { label: t('route.views.name'), size: "small", value: title, onChange: e => setTitle(e.target.value), fullWidth: true }), _jsxs(ToggleButtonGroup, { sx: { display: 'grid', gridTemplateColumns: '1fr 1fr' }, size: "small", exclusive: true, value: type, onChange: (__, _type) => {
                                                     if (_type) {
                                                         setType(_type);

package/index.js

@@ -3,8 +3,13 @@ import '@fontsource/roboto';
 import App from '@cccsaurora/howler-ui/components/app/App';
 import '@cccsaurora/howler-ui/i18n';
 import 'index.css';
+import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 // import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
 import * as ReactDOM from 'react-dom/client';
 // This is where you can inject UI plugins to modify Howler's interface.
 // howlerPluginStore.install(new ExamplePlugin());
+if (import.meta.env.VITE_ENABLE_CLUE === 'true') {
+    const cluePlugin = await import('plugins/clue');
+    howlerPluginStore.install(new cluePlugin.default());
+}
 ReactDOM.createRoot(document.getElementById('root')).render(_jsx(App, {}));

package/locales/en/translation.json

@@ -315,6 +315,7 @@
     "modal.rationale.label": "Rationale",
     "modal.rationale.type.analytic": "This rationale was used when assessing alerts with the same analytic name.",
     "modal.rationale.type.assignment": "This is a rationale you have recently used when assessing an alert.",
+    "modal.rationale.type.preset": "This is a preset rationale configured for the associated analytic.",
     "none": "None",
     "no.data": "No Data",
     "on": "on",

package/locales/fr/translation.json

@@ -317,6 +317,7 @@
     "modal.rationale.label": "Justification",
     "modal.rationale.type.analytic": "Cette justification a été utilisée lors de l'évaluation des alertes avec le même nom d'analyse.",
     "modal.rationale.type.assignment": "Il s'agit d'une justification que vous avez récemment utilisée lors de l'évaluation d'une alerte.",
+    "modal.rationale.type.preset": "Il s'agit d'un raisonnement prédéfini configuré pour l'analyse associée.",
     "none": "Rien",
     "no.data": "Aucune donnée",
     "on": "sur",

package/models/entities/generated/Analytic.d.ts

@@ -1,18 +1,18 @@
-import type { Notebook } from './Notebook';
 import type { Comment } from './Comment';
+import type { Notebook } from './Notebook';
 import type { TriageSettings } from './TriageSettings';
 
 /**
  * NOTE: This is an auto-generated file. Don't edit this manually.
  */
 export interface Analytic {
-  notebooks?: Notebook[];
   analytic_id?: string;
   comment?: Comment[];
   contributors?: string[];
   description?: string;
   detections?: string[];
   name?: string;
+  notebooks?: Notebook[];
   owner?: string;
   rule?: string;
   rule_crontab?: string;

package/models/entities/generated/ApiType.d.ts

@@ -48,8 +48,8 @@ export interface APILookups {
     'mitigated'
   ];
   transitions: { [index: string]: string[] };
-  tactics: { [index: string]: { key: string; name: string; url: string } };
   techniques: { [index: string]: { key: string; name: string; url: string } };
+  tactics: { [index: string]: { key: string; name: string; url: string } };
   icons: string[];
   roles: ['admin', 'automation_advanced', 'automation_basic', 'user'];
 }
@@ -81,6 +81,7 @@ export interface APIConfiguration {
   };
   mapping: APIMappings;
   features: {
+    clue: boolean;
     notebook: boolean;
     [feature: string]: boolean;
   };

package/models/entities/generated/Clue.d.ts

@@ -0,0 +1,8 @@
+import type { Type } from './Type';
+
+/**
+ * NOTE: This is an auto-generated file. Don't edit this manually.
+ */
+export interface Clue {
+  types?: Type[];
+}

package/models/entities/generated/Hit.d.ts

@@ -4,6 +4,7 @@ import type { Aws } from './Aws';
 import type { Azure } from './Azure';
 import type { Cbs } from './Cbs';
 import type { Cloud } from './Cloud';
+import type { Clue } from './Clue';
 import type { Container } from './Container';
 import type { Destination } from './Destination';
 import type { Dns } from './Dns';
@@ -41,30 +42,16 @@ import type { Vulnerability } from './Vulnerability';
 export interface Hit {
   agent?: Agent;
   assemblyline?: Assemblyline;
-  autoruns_category?: string;
-  autoruns_display_name?: string;
-  autoruns_enabled?: number;
-  autoruns_flags?: string;
-  autoruns_last_runtime?: string;
-  autoruns_last_task_result?: string;
-  autoruns_location?: string;
-  autoruns_mod_time?: string;
-  autoruns_name?: string;
-  autoruns_scheduled_time?: string;
   aws?: Aws;
   azure?: Azure;
   cbs?: Cbs;
-  client?: string;
-  client_id?: string;
   cloud?: Cloud;
-  cluster_size?: number;
+  clue?: Clue;
   container?: Container;
   destination?: Destination;
   dns?: Dns;
-  dns_servers?: string;
   ecs?: Ecs;
   email?: Email;
-  eml_paths?: string;
   error?: Error;
   event?: Event;
   faas?: Faas;
@@ -74,8 +61,6 @@ export interface Hit {
   host?: Host;
   howler: Howler;
   http?: Http;
-  incident_urls?: string;
-  indicator_summaries?: string;
   interface?: Interface;
   labels?: { [index: string]: string };
   message?: string;
@@ -85,10 +70,7 @@ export interface Hit {
   process?: Process;
   registry?: Registry;
   related?: Related;
-  retained_by?: string;
-  retention_url?: string;
   rule?: Rule;
-  senders?: string;
   server?: Server;
   source?: Source;
   tags?: string[];

package/models/entities/generated/Labels.d.ts

@@ -9,5 +9,6 @@ export interface Labels {
   mitigation?: string[];
   operation?: string[];
   threat?: string[];
+  tuning?: string[];
   victim?: string[];
 }

package/models/entities/generated/Type.d.ts

@@ -0,0 +1,7 @@
+/**
+ * NOTE: This is an auto-generated file. Don't edit this manually.
+ */
+export interface Type {
+  field?: string;
+  type?: string;
+}