@cccsaurora/howler-ui 2.13.0-dev.110 → 2.13.0-dev.129

package/commons/components/utils/hooks/useEnv.d.ts

@@ -1 +1 @@
-export default function useAppEnv(key?: string): any;
+export default function useAppEnv(key?: string): string | NodeJS.ProcessEnv;

package/components/app/hooks/useMatchers.js

@@ -5,6 +5,9 @@ import { HitContext } from '../providers/HitProvider';
 const useMatchers = () => {
     const getHit = useContextSelector(HitContext, ctx => ctx.getHit);
     const getMatchingTemplate = useCallback(async (hit) => {
+        if (!hit) {
+            return null;
+        }
         if (has(hit, '__template')) {
             return hit.__template;
         }
@@ -13,6 +16,9 @@ const useMatchers = () => {
         return (await getHit(hit.howler.id, true)).__template;
     }, [getHit]);
     const getMatchingOverview = useCallback(async (hit) => {
+        if (!hit) {
+            return null;
+        }
         if (has(hit, '__overview')) {
             return hit.__overview;
         }
@@ -21,6 +27,9 @@ const useMatchers = () => {
         return (await getHit(hit.howler.id, true)).__overview;
     }, [getHit]);
     const getMatchingDossiers = useCallback(async (hit) => {
+        if (!hit) {
+            return null;
+        }
         if (has(hit, '__dossiers')) {
             return hit.__dossiers;
         }

package/components/app/hooks/useMatchers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/app/hooks/useMatchers.test.js

@@ -0,0 +1,237 @@
+import { renderHook } from '@testing-library/react';
+import { useContextSelector } from 'use-context-selector';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { HitContext } from '../providers/HitProvider';
+import useMatchers from './useMatchers';
+// Mock the useContextSelector hook
+vi.mock('use-context-selector', () => ({
+    useContextSelector: vi.fn(),
+    createContext: vi.fn()
+}));
+// Mock lodash-es has function
+vi.mock('lodash-es', () => ({
+    has: vi.fn()
+}));
+// Create mock data
+const mockTemplate = {
+    name: 'test-template',
+    template: 'Test template content'
+};
+const mockOverview = {
+    name: 'test-overview',
+    overview: 'Test overview content'
+};
+const mockDossiers = [
+    {
+        name: 'test-dossier',
+        description: 'Test dossier content'
+    }
+];
+const mockHit = {
+    howler: {
+        id: 'test-hit-id',
+        analytic: 'test-analytic',
+        data: {}
+    }
+};
+const mockHitWithMetadata = {
+    ...mockHit,
+    __template: mockTemplate,
+    __overview: mockOverview,
+    __dossiers: mockDossiers
+};
+const mockGetHit = vi.fn();
+describe('useMatchers', () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+        // Mock useContextSelector to return our mock getHit function
+        useContextSelector.mockImplementation((context, selector) => {
+            if (context === HitContext) {
+                return selector({ getHit: mockGetHit });
+            }
+            return null;
+        });
+    });
+    describe('getMatchingTemplate', () => {
+        it('should return null when hit is null', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const template = await result.current.getMatchingTemplate(null);
+            expect(template).toBeNull();
+        });
+        it('should return null when hit is undefined', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const template = await result.current.getMatchingTemplate(undefined);
+            expect(template).toBeNull();
+        });
+        it('should return template from metadata when it exists', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(true);
+            const { result } = renderHook(() => useMatchers());
+            const template = await result.current.getMatchingTemplate(mockHitWithMetadata);
+            expect(template).toBe(mockTemplate);
+            expect(mockGetHit).not.toHaveBeenCalled();
+        });
+        it('should fetch hit with metadata when template is not present', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            const hitWithFetchedMetadata = { ...mockHit, __template: mockTemplate };
+            mockGetHit.mockResolvedValue(hitWithFetchedMetadata);
+            const { result } = renderHook(() => useMatchers());
+            const template = await result.current.getMatchingTemplate(mockHit);
+            expect(template).toBe(mockTemplate);
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+        it('should handle getHit rejection gracefully', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            mockGetHit.mockRejectedValue(new Error('Failed to fetch hit'));
+            const { result } = renderHook(() => useMatchers());
+            await expect(result.current.getMatchingTemplate(mockHit)).rejects.toThrow('Failed to fetch hit');
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+    });
+    describe('getMatchingOverview', () => {
+        it('should return null when hit is null', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const overview = await result.current.getMatchingOverview(null);
+            expect(overview).toBeNull();
+        });
+        it('should return null when hit is undefined', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const overview = await result.current.getMatchingOverview(undefined);
+            expect(overview).toBeNull();
+        });
+        it('should return overview from metadata when it exists', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(true);
+            const { result } = renderHook(() => useMatchers());
+            const overview = await result.current.getMatchingOverview(mockHitWithMetadata);
+            expect(overview).toBe(mockOverview);
+            expect(mockGetHit).not.toHaveBeenCalled();
+        });
+        it('should fetch hit with metadata when overview is not present', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            const hitWithFetchedMetadata = { ...mockHit, __overview: mockOverview };
+            mockGetHit.mockResolvedValue(hitWithFetchedMetadata);
+            const { result } = renderHook(() => useMatchers());
+            const overview = await result.current.getMatchingOverview(mockHit);
+            expect(overview).toBe(mockOverview);
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+        it('should handle getHit rejection gracefully', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            mockGetHit.mockRejectedValue(new Error('Failed to fetch hit'));
+            const { result } = renderHook(() => useMatchers());
+            await expect(result.current.getMatchingOverview(mockHit)).rejects.toThrow('Failed to fetch hit');
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+    });
+    describe('getMatchingDossiers', () => {
+        it('should return null when hit is null', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const dossiers = await result.current.getMatchingDossiers(null);
+            expect(dossiers).toBeNull();
+        });
+        it('should return null when hit is undefined', async () => {
+            const { result } = renderHook(() => useMatchers());
+            const dossiers = await result.current.getMatchingDossiers(undefined);
+            expect(dossiers).toBeNull();
+        });
+        it('should return dossiers from metadata when they exist', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(true);
+            const { result } = renderHook(() => useMatchers());
+            const dossiers = await result.current.getMatchingDossiers(mockHitWithMetadata);
+            expect(dossiers).toBe(mockDossiers);
+            expect(mockGetHit).not.toHaveBeenCalled();
+        });
+        it('should fetch hit with metadata when dossiers are not present', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            const hitWithFetchedMetadata = { ...mockHit, __dossiers: mockDossiers };
+            mockGetHit.mockResolvedValue(hitWithFetchedMetadata);
+            const { result } = renderHook(() => useMatchers());
+            const dossiers = await result.current.getMatchingDossiers(mockHit);
+            expect(dossiers).toBe(mockDossiers);
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+        it('should handle getHit rejection gracefully', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            mockGetHit.mockRejectedValue(new Error('Failed to fetch hit'));
+            const { result } = renderHook(() => useMatchers());
+            await expect(result.current.getMatchingDossiers(mockHit)).rejects.toThrow('Failed to fetch hit');
+            expect(mockGetHit).toHaveBeenCalledWith('test-hit-id', true);
+        });
+    });
+    describe('integration tests', () => {
+        it('should correctly handle has function calls for different metadata properties', async () => {
+            const { has } = await import('lodash-es');
+            // Mock has to return true for __template, false for others
+            has.mockImplementation((_obj, prop) => {
+                return prop === '__template';
+            });
+            const hitWithPartialMetadata = {
+                ...mockHit,
+                __template: mockTemplate
+            };
+            mockGetHit.mockResolvedValue({
+                ...mockHit,
+                __overview: mockOverview,
+                __dossiers: mockDossiers
+            });
+            const { result } = renderHook(() => useMatchers());
+            // Should return template from metadata
+            const template = await result.current.getMatchingTemplate(hitWithPartialMetadata);
+            expect(template).toBe(mockTemplate);
+            // Should fetch overview
+            const overview = await result.current.getMatchingOverview(hitWithPartialMetadata);
+            expect(overview).toBe(mockOverview);
+            // Should fetch dossiers
+            const dossiers = await result.current.getMatchingDossiers(hitWithPartialMetadata);
+            expect(dossiers).toBe(mockDossiers);
+            // Verify has was called with correct parameters
+            expect(has).toHaveBeenCalledWith(hitWithPartialMetadata, '__template');
+            expect(has).toHaveBeenCalledWith(hitWithPartialMetadata, '__overview');
+            expect(has).toHaveBeenCalledWith(hitWithPartialMetadata, '__dossiers');
+        });
+        it('should handle empty or undefined metadata gracefully', async () => {
+            const { has } = await import('lodash-es');
+            has.mockReturnValue(false);
+            mockGetHit.mockResolvedValue({
+                ...mockHit,
+                __template: undefined,
+                __overview: null,
+                __dossiers: []
+            });
+            const { result } = renderHook(() => useMatchers());
+            const template = await result.current.getMatchingTemplate(mockHit);
+            const overview = await result.current.getMatchingOverview(mockHit);
+            const dossiers = await result.current.getMatchingDossiers(mockHit);
+            expect(template).toBeUndefined();
+            expect(overview).toBeNull();
+            expect(dossiers).toEqual([]);
+            expect(mockGetHit).toHaveBeenCalledTimes(3);
+        });
+        it('should maintain referential equality of returned functions', () => {
+            const { result, rerender } = renderHook(() => useMatchers());
+            const firstRender = {
+                getMatchingTemplate: result.current.getMatchingTemplate,
+                getMatchingOverview: result.current.getMatchingOverview,
+                getMatchingDossiers: result.current.getMatchingDossiers
+            };
+            rerender();
+            const secondRender = {
+                getMatchingTemplate: result.current.getMatchingTemplate,
+                getMatchingOverview: result.current.getMatchingOverview,
+                getMatchingDossiers: result.current.getMatchingDossiers
+            };
+            // Functions should be the same reference due to useCallback
+            expect(firstRender.getMatchingTemplate).toBe(secondRender.getMatchingTemplate);
+            expect(firstRender.getMatchingOverview).toBe(secondRender.getMatchingOverview);
+            expect(firstRender.getMatchingDossiers).toBe(secondRender.getMatchingDossiers);
+        });
+    });
+});

package/components/app/providers/ApiConfigProvider.js

@@ -6,7 +6,8 @@ const ApiConfigProvider = ({ children }) => {
         indexes: null,
         lookups: null,
         configuration: null,
-        c12nDef: null
+        c12nDef: null,
+        mapping: null
     });
     const context = useMemo(() => ({
         config,

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

@@ -53,7 +53,7 @@ const InformationPane = ({ onClose }) => {
     const getHit = useContextSelector(HitContext, ctx => ctx.getHit);
     const [userIds, setUserIds] = useState(new Set());
     const [analytic, setAnalytic] = useState();
-    const [overview, setOverview] = useState();
+    const [hasOverview, setHasOverview] = useState(false);
     const [tab, setTab] = useState('overview');
     const [loading, setLoading] = useState(false);
     const [dossiers, setDossiers] = useState([]);
@@ -62,6 +62,9 @@ const InformationPane = ({ onClose }) => {
     howlerPluginStore.plugins.forEach(plugin => {
         pluginStore.executeFunction(`${plugin}.on`, 'viewing');
     });
+    useEffect(() => {
+        getMatchingOverview(hit).then(_overview => setHasOverview(!!_overview));
+    }, [getMatchingOverview, hit]);
     useEffect(() => {
         if (!selected) {
             return;
@@ -73,7 +76,6 @@ const InformationPane = ({ onClose }) => {
         }
         setUserIds(getUserList(hit));
         getAnalyticFromName(hit.howler.analytic).then(setAnalytic);
-        getMatchingOverview(hit).then(setOverview);
         getMatchingDossiers(hit).then(setDossiers);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [getAnalyticFromName, getHit, selected]);
@@ -97,14 +99,14 @@ const InformationPane = ({ onClose }) => {
         }
     }, [emit, selected, isOpen]);
     useEffect(() => {
-        if (overview && tab === 'details') {
+        if (hasOverview && tab === 'details') {
             setTab('overview');
         }
-        else if (!overview && tab === 'overview') {
+        else if (!hasOverview && tab === 'overview') {
             setTab('details');
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [overview]);
+    }, [hasOverview]);
     /**
      * What to show as the header? If loading a skeleton, then it depends on bundle or not. Bundles don't
      * show anything while normal hits do
@@ -149,7 +151,7 @@ const InformationPane = ({ onClose }) => {
                                     .slice(0, 3)
                                     .map(l => _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(PivotLink, { pivot: _pivot, hit: hit, compact: true }, _dossier.dossier_id + index))))] })), _jsx(VSBoxHeader, { ml: -1, mr: -1, pb: 1, sx: { top: '0px' }, children: _jsxs(Tabs, { value: tab === 'overview' && !overview ? 'details' : tab, sx: {
+                            _jsx(PivotLink, { pivot: _pivot, hit: hit, compact: true }, _dossier.dossier_id + index))))] })), _jsx(VSBoxHeader, { ml: -1, mr: -1, pb: 1, sx: { top: '0px' }, children: _jsxs(Tabs, { value: tab === 'overview' && !hasOverview ? 'details' : tab, sx: {
                                 display: 'flex',
                                 flexDirection: 'row',
                                 pr: 2,
@@ -178,7 +180,7 @@ const InformationPane = ({ onClose }) => {
                                                     right: theme.spacing(-0.5)
                                                 },
                                                 '& > svg': { zIndex: 2 }
-                                            }, badgeContent: hit?.howler.comment?.length ?? 0, children: _jsx(Comment, {}) }) }), value: "hit_comments", onClick: () => setTab('hit_comments') }), hit?.howler?.is_bundle && (_jsx(Tab, { label: t('hit.viewer.aggregate'), value: "hit_aggregate", onClick: () => setTab('hit_aggregate') })), overview && _jsx(Tab, { label: t('hit.viewer.overview'), value: "overview", onClick: () => setTab('overview') }), _jsx(Tab, { label: t('hit.viewer.details'), value: "details", onClick: () => setTab('details') }), hit?.howler.dossier?.map((lead, index) => (_jsx(Tab
+                                            }, badgeContent: hit?.howler.comment?.length ?? 0, children: _jsx(Comment, {}) }) }), value: "hit_comments", onClick: () => setTab('hit_comments') }), hit?.howler?.is_bundle && (_jsx(Tab, { label: t('hit.viewer.aggregate'), value: "hit_aggregate", onClick: () => setTab('hit_aggregate') })), hasOverview && (_jsx(Tab, { label: t('hit.viewer.overview'), value: "overview", onClick: () => setTab('overview') })), _jsx(Tab, { label: t('hit.viewer.details'), value: "details", onClick: () => setTab('details') }), hit?.howler.dossier?.map((lead, index) => (_jsx(Tab
                                 // eslint-disable-next-line react/no-array-index-key
                                 , { label: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [lead.icon && _jsx(Icon, { icon: lead.icon }), _jsx("span", { children: i18n.language === 'en' ? lead.label.en : lead.label.fr })] }), value: 'lead:' + index, onClick: () => setTab('lead:' + index) }, 'lead:' + index))), dossiers.flatMap((_dossier, dossierIndex) => _dossier.leads?.map((_lead, leadIndex) => (_jsx(Tab
                                 // eslint-disable-next-line react/no-array-index-key

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Close, ErrorOutline, List, TableChart, Terminal } from '@mui/icons-material';
+import { Close, ErrorOutline, List, SavedSearch, TableChart, Terminal } from '@mui/icons-material';
 import { Box, IconButton, LinearProgress, Stack, ToggleButton, ToggleButtonGroup, Tooltip, Typography, useMediaQuery, useTheme } from '@mui/material';
 import { grey } from '@mui/material/colors';
 import AppListEmpty from '@cccsaurora/howler-ui/commons/components/display/AppListEmpty';
@@ -120,7 +120,7 @@ const SearchPane = () => {
                                             ], onClick: () => {
                                                 clearSelectedHits(bundleHit.howler.id);
                                                 setSelected(bundleHit.howler.id);
-                                            }, children: _jsx(HitBanner, { hit: bundleHit, layout: HitLayout.DENSE, useListener: true }) }) }) }) })), _jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(Typography, { sx: { color: 'text.secondary', fontSize: '0.9em', fontStyle: 'italic', mb: 0.5 }, variant: "body2", children: t('hit.search.prompt') }), error && (_jsx(Tooltip, { title: `${t('route.advanced.error')}: ${error}`, children: _jsx(ErrorOutline, { fontSize: "small", color: "error" }) })), _jsx(FlexOne, {}), bundleHit?.howler.bundles.length > 0 && _jsx(BundleParentMenu, { bundle: bundleHit }), bundleHit && (_jsx(Tooltip, { title: t('hit.bundle.close'), children: _jsx(IconButton, { size: "small", onClick: () => navigate('/search'), children: _jsx(Close, {}) }) })), _jsx(Tooltip, { title: t('route.actions.save'), children: _jsx(IconButton, { component: Link, disabled: !query, to: `/action/execute?query=${query}`, children: _jsx(Terminal, {}) }) }), _jsxs(ToggleButtonGroup, { exclusive: true, value: displayType, onChange: (__, value) => setDisplayType(value), size: "small", children: [_jsx(ToggleButton, { value: "list", children: _jsx(List, {}) }), _jsx(ToggleButton, { value: "grid", children: _jsx(TableChart, {}) })] })] })] }), _jsxs(VSBoxHeader, { ml: -3, mr: -3, px: 2, pb: 1, sx: { zIndex: 999 }, children: [_jsxs(Stack, { sx: { pt: 1 }, children: [_jsxs(Stack, { sx: { position: 'relative', flex: 1 }, children: [_jsx(HitQuery, { disabled: viewId && !selectedView, searching: searching, triggerSearch: triggerSearch }), searching && (_jsx(LinearProgress, { sx: theme => ({
+                                            }, children: _jsx(HitBanner, { hit: bundleHit, layout: HitLayout.DENSE, useListener: true }) }) }) }) })), _jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(Typography, { sx: { color: 'text.secondary', fontSize: '0.9em', fontStyle: 'italic', mb: 0.5 }, variant: "body2", children: t('hit.search.prompt') }), error && (_jsx(Tooltip, { title: `${t('route.advanced.error')}: ${error}`, children: _jsx(ErrorOutline, { fontSize: "small", color: "error" }) })), _jsx(FlexOne, {}), bundleHit?.howler.bundles.length > 0 && _jsx(BundleParentMenu, { bundle: bundleHit }), bundleHit && (_jsx(Tooltip, { title: t('hit.bundle.close'), children: _jsx(IconButton, { size: "small", onClick: () => navigate('/search'), children: _jsx(Close, {}) }) })), _jsx(Tooltip, { title: t('route.views.save'), children: _jsx(IconButton, { component: Link, disabled: !query, to: `/views/create?query=${query}`, children: _jsx(SavedSearch, {}) }) }), _jsx(Tooltip, { title: t('route.actions.save'), children: _jsx(IconButton, { component: Link, disabled: !query, to: `/action/execute?query=${query}`, children: _jsx(Terminal, {}) }) }), _jsxs(ToggleButtonGroup, { exclusive: true, value: displayType, onChange: (__, value) => setDisplayType(value), size: "small", children: [_jsx(ToggleButton, { value: "list", children: _jsx(List, {}) }), _jsx(ToggleButton, { value: "grid", children: _jsx(TableChart, {}) })] })] })] }), _jsxs(VSBoxHeader, { ml: -3, mr: -3, px: 2, pb: 1, sx: { zIndex: 999 }, children: [_jsxs(Stack, { sx: { pt: 1 }, children: [_jsxs(Stack, { sx: { position: 'relative', flex: 1 }, children: [_jsx(HitQuery, { disabled: viewId && !selectedView, searching: searching, triggerSearch: triggerSearch }), searching && (_jsx(LinearProgress, { sx: theme => ({
                                                     position: 'absolute',
                                                     left: 0,
                                                     right: 0,

package/locales/en/translation.json

@@ -639,6 +639,7 @@
     "route.views.manager.search": "Search Views",
     "route.views.manager.default": "Default View",
     "route.views.name": "View Name",
+    "route.views.save": "Save Query as View",
     "route.views.saved": "Pinned Views",
     "route.views.search.prompt": "Search by name, query, or owner.",
     "search.open": "Open Search",

package/locales/fr/translation.json

@@ -635,6 +635,7 @@
     "route.views.manager.readonly": "Intégré",
     "route.views.manager.search": "Rechercher les vues",
     "route.views.manager": "Gérer vue",
+    "route.views.save": "Enregistrer cette requête comme vue",
     "route.views.saved": "Vues épinglées",
     "route.views.show": "Voir les vues",
     "route.views": "Vues",

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

@@ -113,6 +113,7 @@ export interface APIConfiguration {
             classification: string;
         }[];
     };
+    mapping: APIMappings;
     features: {
         borealis: boolean;
         notebook: boolean;
@@ -257,9 +258,15 @@ export interface APIC12Ndef {
     UNRESTRICTED: string;
     RESTRICTED: string;
 }
+export interface APIMappings {
+    mapping: {
+        [index: string]: string;
+    };
+}
 export interface ApiType {
     indexes: APIIndexes;
     lookups: APILookups;
     configuration: APIConfiguration;
     c12nDef: APIC12Ndef;
+    mapping: APIMappings;
 }

package/package.json

@@ -96,162 +96,162 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.13.0-dev.110",
+  "version": "2.13.0-dev.129",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",
-    "./models/*": "./models/*.js",
-    "./branding/*": "./branding/*.js",
+    "./api/*": "./api/*.js",
+    "./api": "./api/index.js",
     "./commons/*": "./commons/*.js",
-    "./utils/*": "./utils/*.js",
-    "./utils/*.json": "./utils/*.json",
     "./rest/*": "./rest/*.js",
     "./rest": "./rest/index.js",
+    "./locales/*.json": "./locales/*.json",
+    "./branding/*": "./branding/*.js",
     "./components/*": "./components/*.js",
+    "./models/*": "./models/*.js",
+    "./utils/*": "./utils/*.js",
+    "./utils/*.json": "./utils/*.json",
     "./plugins/*": "./plugins/*.js",
-    "./api/*": "./api/*.js",
-    "./api": "./api/index.js",
-    "./locales/*.json": "./locales/*.json",
-    "./models/socket/*": "./models/socket/*.js",
-    "./models/entities/*": "./models/entities/*.js",
-    "./models/entities/generated/*": "./models/entities/generated/*.js",
+    "./api/analytic/*": "./api/analytic/*.js",
+    "./api/analytic": "./api/analytic/index.js",
+    "./api/configs/*": "./api/configs/*.js",
+    "./api/configs": "./api/configs/index.js",
+    "./api/dossier/*": "./api/dossier/*.js",
+    "./api/dossier": "./api/dossier/index.js",
+    "./api/user/*": "./api/user/*.js",
+    "./api/user": "./api/user/index.js",
+    "./api/notebook/*": "./api/notebook/*.js",
+    "./api/notebook": "./api/notebook/index.js",
+    "./api/action/*": "./api/action/*.js",
+    "./api/action": "./api/action/index.js",
+    "./api/auth/*": "./api/auth/*.js",
+    "./api/auth": "./api/auth/index.js",
+    "./api/search/*": "./api/search/*.js",
+    "./api/search": "./api/search/index.js",
+    "./api/view/*": "./api/view/*.js",
+    "./api/view": "./api/view/index.js",
+    "./api/overview/*": "./api/overview/*.js",
+    "./api/overview": "./api/overview/index.js",
+    "./api/hit/*": "./api/hit/*.js",
+    "./api/hit": "./api/hit/index.js",
+    "./api/template/*": "./api/template/*.js",
+    "./api/template": "./api/template/index.js",
+    "./api/analytic/notebooks/*": "./api/analytic/notebooks/*.js",
+    "./api/analytic/notebooks": "./api/analytic/notebooks/index.js",
+    "./api/analytic/comments/*": "./api/analytic/comments/*.js",
+    "./api/analytic/comments": "./api/analytic/comments/index.js",
+    "./api/user/avatar/*": "./api/user/avatar/*.js",
+    "./api/user/avatar": "./api/user/avatar/index.js",
+    "./api/search/fields/*": "./api/search/fields/*.js",
+    "./api/search/fields": "./api/search/fields/index.js",
+    "./api/search/sigma/*": "./api/search/sigma/*.js",
+    "./api/search/histogram/*": "./api/search/histogram/*.js",
+    "./api/search/histogram": "./api/search/histogram/index.js",
+    "./api/search/grouped/*": "./api/search/grouped/*.js",
+    "./api/search/grouped": "./api/search/grouped/index.js",
+    "./api/search/count/*": "./api/search/count/*.js",
+    "./api/search/count": "./api/search/count/index.js",
+    "./api/search/eql/*": "./api/search/eql/*.js",
+    "./api/search/facet/*": "./api/search/facet/*.js",
+    "./api/search/facet": "./api/search/facet/index.js",
+    "./api/hit/comments/*": "./api/hit/comments/*.js",
+    "./api/hit/comments": "./api/hit/comments/index.js",
     "./commons/components/*": "./commons/components/*.js",
-    "./commons/components/notification/*": "./commons/components/notification/*.js",
-    "./commons/components/notification": "./commons/components/notification/index.js",
-    "./commons/components/search/*": "./commons/components/search/*.js",
-    "./commons/components/display/*": "./commons/components/display/*.js",
     "./commons/components/breadcrumbs/*": "./commons/components/breadcrumbs/*.js",
     "./commons/components/app/*": "./commons/components/app/*.js",
-    "./commons/components/utils/*": "./commons/components/utils/*.js",
+    "./commons/components/notification/*": "./commons/components/notification/*.js",
+    "./commons/components/notification": "./commons/components/notification/index.js",
     "./commons/components/topnav/*": "./commons/components/topnav/*.js",
     "./commons/components/pages/*": "./commons/components/pages/*.js",
+    "./commons/components/display/*": "./commons/components/display/*.js",
+    "./commons/components/utils/*": "./commons/components/utils/*.js",
     "./commons/components/leftnav/*": "./commons/components/leftnav/*.js",
-    "./commons/components/notification/elements/*": "./commons/components/notification/elements/*.js",
-    "./commons/components/notification/elements/item/*": "./commons/components/notification/elements/item/*.js",
-    "./commons/components/display/hooks/*": "./commons/components/display/hooks/*.js",
+    "./commons/components/search/*": "./commons/components/search/*.js",
     "./commons/components/app/hooks/*": "./commons/components/app/hooks/*.js",
     "./commons/components/app/hooks": "./commons/components/app/hooks/index.js",
     "./commons/components/app/providers/*": "./commons/components/app/providers/*.js",
-    "./commons/components/utils/hooks/*": "./commons/components/utils/hooks/*.js",
+    "./commons/components/notification/elements/*": "./commons/components/notification/elements/*.js",
+    "./commons/components/notification/elements/item/*": "./commons/components/notification/elements/item/*.js",
     "./commons/components/pages/hooks/*": "./commons/components/pages/hooks/*.js",
+    "./commons/components/display/hooks/*": "./commons/components/display/hooks/*.js",
+    "./commons/components/utils/hooks/*": "./commons/components/utils/hooks/*.js",
+    "./locales/en/*.json": "./locales/en/*.json",
+    "./locales/fr/*.json": "./locales/fr/*.json",
+    "./locales/en/help/*.json": "./locales/en/help/*.json",
+    "./locales/fr/help/*.json": "./locales/fr/help/*.json",
+    "./components/app/*": "./components/app/*.js",
     "./components/hooks/*": "./components/hooks/*.js",
     "./components/elements/*": "./components/elements/*.js",
-    "./components/app/*": "./components/app/*.js",
     "./components/routes/*": "./components/routes/*.js",
     "./components/logins/*": "./components/logins/*.js",
+    "./components/app/hooks/*": "./components/app/hooks/*.js",
+    "./components/app/drawers/*": "./components/app/drawers/*.js",
+    "./components/app/providers/*": "./components/app/providers/*.js",
+    "./components/elements/addons/*": "./components/elements/addons/*.js",
     "./components/elements/display/*": "./components/elements/display/*.js",
     "./components/elements/view/*": "./components/elements/view/*.js",
-    "./components/elements/addons/*": "./components/elements/addons/*.js",
     "./components/elements/hit/*": "./components/elements/hit/*.js",
-    "./components/elements/display/handlebars/*": "./components/elements/display/handlebars/*.js",
-    "./components/elements/display/features/*": "./components/elements/display/features/*.js",
-    "./components/elements/display/json/*": "./components/elements/display/json/*.js",
-    "./components/elements/display/modals/*": "./components/elements/display/modals/*.js",
-    "./components/elements/display/icons/*": "./components/elements/display/icons/*.js",
-    "./components/elements/display/markdownPlugins/*.md": "./components/elements/display/markdownPlugins/*.md.js",
-    "./components/elements/display/icons/svg/*": "./components/elements/display/icons/svg/*.js",
-    "./components/elements/addons/search/*": "./components/elements/addons/search/*.js",
+    "./components/elements/addons/lists/*": "./components/elements/addons/lists/*.js",
+    "./components/elements/addons/lists": "./components/elements/addons/lists/index.js",
     "./components/elements/addons/buttons/*": "./components/elements/addons/buttons/*.js",
     "./components/elements/addons/buttons": "./components/elements/addons/buttons/index.js",
     "./components/elements/addons/layout/*": "./components/elements/addons/layout/*.js",
-    "./components/elements/addons/lists/*": "./components/elements/addons/lists/*.js",
-    "./components/elements/addons/lists": "./components/elements/addons/lists/index.js",
+    "./components/elements/addons/search/*": "./components/elements/addons/search/*.js",
+    "./components/elements/addons/lists/hooks/*": "./components/elements/addons/lists/hooks/*.js",
+    "./components/elements/addons/lists/table/*": "./components/elements/addons/lists/table/*.js",
+    "./components/elements/addons/lists/table": "./components/elements/addons/lists/table/index.js",
+    "./components/elements/addons/layout/vsbox/*": "./components/elements/addons/layout/vsbox/*.js",
     "./components/elements/addons/search/phrase/*": "./components/elements/addons/search/phrase/*.js",
     "./components/elements/addons/search/phrase": "./components/elements/addons/search/phrase/index.js",
     "./components/elements/addons/search/phrase/word/*": "./components/elements/addons/search/phrase/word/*.js",
     "./components/elements/addons/search/phrase/word/consumers/*": "./components/elements/addons/search/phrase/word/consumers/*.js",
-    "./components/elements/addons/layout/vsbox/*": "./components/elements/addons/layout/vsbox/*.js",
-    "./components/elements/addons/lists/hooks/*": "./components/elements/addons/lists/hooks/*.js",
-    "./components/elements/addons/lists/table/*": "./components/elements/addons/lists/table/*.js",
-    "./components/elements/addons/lists/table": "./components/elements/addons/lists/table/index.js",
-    "./components/elements/hit/aggregate/*": "./components/elements/hit/aggregate/*.js",
-    "./components/elements/hit/actions/*": "./components/elements/hit/actions/*.js",
+    "./components/elements/display/features/*": "./components/elements/display/features/*.js",
+    "./components/elements/display/markdownPlugins/*.md": "./components/elements/display/markdownPlugins/*.md.js",
+    "./components/elements/display/icons/*": "./components/elements/display/icons/*.js",
+    "./components/elements/display/handlebars/*": "./components/elements/display/handlebars/*.js",
+    "./components/elements/display/modals/*": "./components/elements/display/modals/*.js",
+    "./components/elements/display/json/*": "./components/elements/display/json/*.js",
+    "./components/elements/display/icons/svg/*": "./components/elements/display/icons/svg/*.js",
     "./components/elements/hit/related/*": "./components/elements/hit/related/*.js",
+    "./components/elements/hit/aggregate/*": "./components/elements/hit/aggregate/*.js",
     "./components/elements/hit/elements/*": "./components/elements/hit/elements/*.js",
+    "./components/elements/hit/actions/*": "./components/elements/hit/actions/*.js",
     "./components/elements/hit/outlines/*": "./components/elements/hit/outlines/*.js",
     "./components/elements/hit/outlines/al/*": "./components/elements/hit/outlines/al/*.js",
-    "./components/app/hooks/*": "./components/app/hooks/*.js",
-    "./components/app/drawers/*": "./components/app/drawers/*.js",
-    "./components/app/providers/*": "./components/app/providers/*.js",
     "./components/routes/home/*": "./components/routes/home/*.js",
     "./components/routes/home": "./components/routes/home/index.js",
-    "./components/routes/dossiers/*": "./components/routes/dossiers/*.js",
     "./components/routes/views/*": "./components/routes/views/*.js",
-    "./components/routes/action/*": "./components/routes/action/*.js",
-    "./components/routes/overviews/*": "./components/routes/overviews/*.js",
+    "./components/routes/hits/*": "./components/routes/hits/*.js",
+    "./components/routes/advanced/*": "./components/routes/advanced/*.js",
     "./components/routes/admin/*": "./components/routes/admin/*.js",
+    "./components/routes/dossiers/*": "./components/routes/dossiers/*.js",
+    "./components/routes/templates/*": "./components/routes/templates/*.js",
+    "./components/routes/action/*": "./components/routes/action/*.js",
     "./components/routes/settings/*": "./components/routes/settings/*.js",
+    "./components/routes/overviews/*": "./components/routes/overviews/*.js",
     "./components/routes/help/*": "./components/routes/help/*.js",
-    "./components/routes/hits/*": "./components/routes/hits/*.js",
     "./components/routes/analytics/*": "./components/routes/analytics/*.js",
-    "./components/routes/advanced/*": "./components/routes/advanced/*.js",
-    "./components/routes/templates/*": "./components/routes/templates/*.js",
-    "./components/routes/action/view/*": "./components/routes/action/view/*.js",
-    "./components/routes/action/shared/*": "./components/routes/action/shared/*.js",
-    "./components/routes/action/edit/*": "./components/routes/action/edit/*.js",
-    "./components/routes/admin/users/*": "./components/routes/admin/users/*.js",
-    "./components/routes/help/components/*": "./components/routes/help/components/*.js",
-    "./components/routes/help/markdown/*.md": "./components/routes/help/markdown/*.md.js",
-    "./components/routes/help/markdown/en/*.md": "./components/routes/help/markdown/en/*.md.js",
-    "./components/routes/help/markdown/fr/*.md": "./components/routes/help/markdown/fr/*.md.js",
     "./components/routes/hits/search/*": "./components/routes/hits/search/*.js",
     "./components/routes/hits/view/*": "./components/routes/hits/view/*.js",
     "./components/routes/hits/search/grid/*": "./components/routes/hits/search/grid/*.js",
     "./components/routes/hits/search/shared/*": "./components/routes/hits/search/shared/*.js",
+    "./components/routes/admin/users/*": "./components/routes/admin/users/*.js",
+    "./components/routes/action/edit/*": "./components/routes/action/edit/*.js",
+    "./components/routes/action/shared/*": "./components/routes/action/shared/*.js",
+    "./components/routes/action/view/*": "./components/routes/action/view/*.js",
+    "./components/routes/help/markdown/*.md": "./components/routes/help/markdown/*.md.js",
+    "./components/routes/help/components/*": "./components/routes/help/components/*.js",
+    "./components/routes/help/markdown/en/*.md": "./components/routes/help/markdown/en/*.md.js",
+    "./components/routes/help/markdown/fr/*.md": "./components/routes/help/markdown/fr/*.md.js",
     "./components/routes/analytics/widgets/*": "./components/routes/analytics/widgets/*.js",
     "./components/logins/hooks/*": "./components/logins/hooks/*.js",
     "./components/logins/auth/*": "./components/logins/auth/*.js",
+    "./models/socket/*": "./models/socket/*.js",
+    "./models/entities/*": "./models/entities/*.js",
+    "./models/entities/generated/*": "./models/entities/generated/*.js",
     "./plugins/borealis/*": "./plugins/borealis/*.js",
     "./plugins/borealis": "./plugins/borealis/index.js",
-    "./plugins/borealis/components/*": "./plugins/borealis/components/*.js",
     "./plugins/borealis/locales/*": "./plugins/borealis/locales/*.js",
-    "./api/search/*": "./api/search/*.js",
-    "./api/search": "./api/search/index.js",
-    "./api/analytic/*": "./api/analytic/*.js",
-    "./api/analytic": "./api/analytic/index.js",
-    "./api/auth/*": "./api/auth/*.js",
-    "./api/auth": "./api/auth/index.js",
-    "./api/template/*": "./api/template/*.js",
-    "./api/template": "./api/template/index.js",
-    "./api/view/*": "./api/view/*.js",
-    "./api/view": "./api/view/index.js",
-    "./api/action/*": "./api/action/*.js",
-    "./api/action": "./api/action/index.js",
-    "./api/user/*": "./api/user/*.js",
-    "./api/user": "./api/user/index.js",
-    "./api/overview/*": "./api/overview/*.js",
-    "./api/overview": "./api/overview/index.js",
-    "./api/configs/*": "./api/configs/*.js",
-    "./api/configs": "./api/configs/index.js",
-    "./api/dossier/*": "./api/dossier/*.js",
-    "./api/dossier": "./api/dossier/index.js",
-    "./api/hit/*": "./api/hit/*.js",
-    "./api/hit": "./api/hit/index.js",
-    "./api/notebook/*": "./api/notebook/*.js",
-    "./api/notebook": "./api/notebook/index.js",
-    "./api/search/grouped/*": "./api/search/grouped/*.js",
-    "./api/search/grouped": "./api/search/grouped/index.js",
-    "./api/search/sigma/*": "./api/search/sigma/*.js",
-    "./api/search/histogram/*": "./api/search/histogram/*.js",
-    "./api/search/histogram": "./api/search/histogram/index.js",
-    "./api/search/eql/*": "./api/search/eql/*.js",
-    "./api/search/facet/*": "./api/search/facet/*.js",
-    "./api/search/facet": "./api/search/facet/index.js",
-    "./api/search/fields/*": "./api/search/fields/*.js",
-    "./api/search/fields": "./api/search/fields/index.js",
-    "./api/search/count/*": "./api/search/count/*.js",
-    "./api/search/count": "./api/search/count/index.js",
-    "./api/analytic/notebooks/*": "./api/analytic/notebooks/*.js",
-    "./api/analytic/notebooks": "./api/analytic/notebooks/index.js",
-    "./api/analytic/comments/*": "./api/analytic/comments/*.js",
-    "./api/analytic/comments": "./api/analytic/comments/index.js",
-    "./api/user/avatar/*": "./api/user/avatar/*.js",
-    "./api/user/avatar": "./api/user/avatar/index.js",
-    "./api/hit/comments/*": "./api/hit/comments/*.js",
-    "./api/hit/comments": "./api/hit/comments/index.js",
-    "./locales/en/*.json": "./locales/en/*.json",
-    "./locales/fr/*.json": "./locales/fr/*.json",
-    "./locales/en/help/*.json": "./locales/en/help/*.json",
-    "./locales/fr/help/*.json": "./locales/fr/help/*.json"
+    "./plugins/borealis/components/*": "./plugins/borealis/components/*.js"
   }
 }

package/plugins/borealis/components/BorealisTypography.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from '@mui/material';
 import { EnrichedTypography, useBorealisEnrichSelector } from 'borealis-ui';
-import { memo } from 'react';
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import { memo, useContext } from 'react';
 const BorealisTypography = ({ children, value, context, ...props }) => {
     const guessType = useBorealisEnrichSelector(ctx => ctx.guessType);
-    const type = guessType(value);
+    const { config } = useContext(ApiConfigContext);
+    const type = config?.configuration?.mapping?.[value] ?? guessType(value);
     if (!type) {
         return _jsx(Typography, { ...props, children: children });
     }

package/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/setupTests.js

@@ -0,0 +1,8 @@
+/// <reference types="vitest" />
+import * as matchers from '@testing-library/jest-dom/matchers';
+import '@testing-library/jest-dom/vitest';
+import { configure } from '@testing-library/react';
+// Extend vitest with the dom matchers from jest-dom.
+expect.extend(matchers);
+// tell React Testing Library to look for id as the testId.
+configure({ testIdAttribute: 'id' });