@cccsaurora/howler-ui 3.1.0-dev.1619 → 3.1.0-dev.1627

package/components/routes/cases/detail/CaseSidebar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DndContext, DragOverlay, MouseSensor, pointerWithin, TouchSensor, useSensor, useSensors } from '@dnd-kit/core';
 import { AddCircle, CalendarMonth, Circle, Dashboard, Dataset, Description, Folder, Refresh, Rule, Search, UnfoldLess } from '@mui/icons-material';
 import { alpha, Box, Card, Chip, IconButton, LinearProgress, Skeleton, Stack, Tooltip, Typography, useTheme } from '@mui/material';
@@ -96,7 +96,7 @@ const CaseSidebar = ({ case: _case, update }) => {
             maxHeight: 'calc(100vh - 64px)',
             display: 'flex',
             flexDirection: 'column'
-        }, children: [_jsxs(Card, { sx: { borderRadius: 0, px: 2, py: 1 }, children: [_case?.title ? _jsx(Typography, { variant: "body1", children: _case.title }) : _jsx(Skeleton, { height: 24 }), _jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", divider: _jsx(Circle, { color: "disabled", sx: { fontSize: '8px' } }), children: [_jsxs(Typography, { variant: "caption", color: "textSecondary", children: [t('started'), ": ", _case?.created ? dayjs(_case.created).toString() : _jsx(Skeleton, { height: 14 })] }), _case?.escalation ? (_jsx(Chip, { color: ESCALATION_COLOR_MAP[_case.escalation], label: t(_case.escalation) })) : (_jsx(Skeleton, { height: 24 }))] })] }), _jsxs(Stack, { direction: "row", alignItems: "center", sx: navItemSx(location.pathname.endsWith(_case.case_id)), component: Link, to: `/cases/${_case.case_id}`, children: [_jsx(Dashboard, { fontSize: "small" }), _jsx(Typography, { variant: "body2", sx: { pl: 1, textWrap: 'nowrap' }, children: t('page.cases.dashboard') })] }), _jsxs(Stack, { direction: "row", alignItems: "center", sx: navItemSx(location.pathname.endsWith('search')), component: Link, to: `/cases/${_case.case_id}/search`, children: [_jsx(Search, { fontSize: "small" }), _jsx(Typography, { variant: "body2", sx: { userSelect: 'none', pl: 1, textWrap: 'nowrap' }, children: t('page.cases.search') })] }), _jsxs(Stack, { direction: "row", alignItems: "center", sx: navItemSx(location.pathname.endsWith('observables')), component: Link, to: `/cases/${_case.case_id}/observables`, children: [_jsx(Dataset, { fontSize: "small" }), _jsx(Typography, { variant: "body2", sx: { userSelect: 'none', pl: 1, textWrap: 'nowrap' }, children: t('page.cases.observables') })] }), _jsxs(Stack, { direction: "row", alignItems: "center", sx: navItemSx(location.pathname.endsWith('timeline')), component: Link, to: `/cases/${_case.case_id}/timeline`, children: [_jsx(CalendarMonth, { fontSize: "small" }), _jsx(Typography, { variant: "body2", sx: { userSelect: 'none', pl: 1, textWrap: 'nowrap' }, children: t('page.cases.timeline') })] }), _jsxs(Stack, { direction: "row", alignItems: "center", sx: navItemSx(location.pathname.endsWith('rules')), component: Link, to: `/cases/${_case.case_id}/rules`, children: [_jsx(Rule, {}), _jsx(Typography, { variant: "body2", sx: { userSelect: 'none', pl: 1, textWrap: 'nowrap' }, children: t('page.cases.rules') })] }), _jsx(Card, { sx: { borderRadius: 0, p: 0.25 }, children: _jsxs(Stack, { direction: "row", spacing: 0.25, children: [_jsx("div", { style: { flex: 1 } }), _jsx(Tooltip, { title: t('page.cases.sidebar.add_item'), children: _jsxs(IconButton, { size: "small", sx: { position: 'relative' }, onClick: () => {
+        }, children: [_jsxs(Card, { sx: { borderRadius: 0, px: 2, py: 1 }, children: [_case?.title ? _jsx(Typography, { variant: "body1", children: _case.title }) : _jsx(Skeleton, { height: 24 }), _jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", divider: _jsx(Circle, { color: "disabled", sx: { fontSize: '8px' } }), children: [_jsxs(Typography, { variant: "caption", color: "textSecondary", children: [t('started'), ": ", _case?.created ? dayjs(_case.created).toString() : _jsx(Skeleton, { height: 14 })] }), _case?.escalation ? (_jsx(Chip, { color: ESCALATION_COLOR_MAP[_case.escalation], label: t(_case.escalation) })) : (_jsx(Skeleton, { height: 24 }))] })] }), _case ? (_jsxs(_Fragment, { children: [_jsxs(Stack, { direction: "row", alignItems: "center", sx: navItemSx(location.pathname.endsWith(_case.case_id)), component: Link, to: `/cases/${_case.case_id}`, children: [_jsx(Dashboard, { fontSize: "small" }), _jsx(Typography, { variant: "body2", sx: { pl: 1, textWrap: 'nowrap' }, children: t('page.cases.dashboard') })] }), _jsxs(Stack, { direction: "row", alignItems: "center", sx: navItemSx(location.pathname.endsWith('search')), component: Link, to: `/cases/${_case.case_id}/search`, children: [_jsx(Search, { fontSize: "small" }), _jsx(Typography, { variant: "body2", sx: { userSelect: 'none', pl: 1, textWrap: 'nowrap' }, children: t('page.cases.search') })] }), _jsxs(Stack, { direction: "row", alignItems: "center", sx: navItemSx(location.pathname.endsWith('observables')), component: Link, to: `/cases/${_case.case_id}/observables`, children: [_jsx(Dataset, { fontSize: "small" }), _jsx(Typography, { variant: "body2", sx: { userSelect: 'none', pl: 1, textWrap: 'nowrap' }, children: t('page.cases.observables') })] }), _jsxs(Stack, { direction: "row", alignItems: "center", sx: navItemSx(location.pathname.endsWith('timeline')), component: Link, to: `/cases/${_case.case_id}/timeline`, children: [_jsx(CalendarMonth, { fontSize: "small" }), _jsx(Typography, { variant: "body2", sx: { userSelect: 'none', pl: 1, textWrap: 'nowrap' }, children: t('page.cases.timeline') })] }), _jsxs(Stack, { direction: "row", alignItems: "center", sx: navItemSx(location.pathname.endsWith('rules')), component: Link, to: `/cases/${_case.case_id}/rules`, children: [_jsx(Rule, {}), _jsx(Typography, { variant: "body2", sx: { userSelect: 'none', pl: 1, textWrap: 'nowrap' }, children: t('page.cases.rules') })] })] })) : (_jsxs(_Fragment, { children: [_jsx(Skeleton, { height: 28 }), _jsx(Skeleton, { height: 28 }), _jsx(Skeleton, { height: 28 }), _jsx(Skeleton, { height: 28 }), _jsx(Skeleton, { height: 28 })] })), _jsx(Card, { sx: { borderRadius: 0, p: 0.25 }, children: _jsxs(Stack, { direction: "row", spacing: 0.25, children: [_jsx("div", { style: { flex: 1 } }), _jsx(Tooltip, { title: t('page.cases.sidebar.add_item'), children: _jsxs(IconButton, { size: "small", sx: { position: 'relative' }, onClick: () => {
                                     if (_case) {
                                         showModal(_jsx(AddToCaseModal, { case: _case, onUpdated: update }), { maxHeight: '90vh', height: 'unset' });
                                     }

package/components/routes/cases/detail/aggregates/CaseAggregate.js

@@ -1,24 +1,80 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '@iconify/react';
-import { Card, CardContent, Skeleton, Stack, styled, Tooltip, tooltipClasses, Typography, useTheme } from '@mui/material';
+import { ContentCopy, KeyboardArrowDown } from '@mui/icons-material';
+import { Button, Card, CardActions, CardContent, Checkbox, ClickAwayListener, Collapse, Divider, FormControlLabel, IconButton, Paper, Popper, Skeleton, Stack, Typography, useTheme } from '@mui/material';
+import PluginTypography from '@cccsaurora/howler-ui/components/elements/PluginTypography';
+import useMySnackbar from '@cccsaurora/howler-ui/components/hooks/useMySnackbar';
 import { get, isEmpty, uniq } from 'lodash-es';
-import { memo } from 'react';
-const NoMaxWidthTooltip = styled(({ className, ...props }) => (_jsx(Tooltip, { ...props, classes: { popper: className } })))({
-    [`& .${tooltipClasses.tooltip}`]: {
-        maxWidth: 'none'
-    }
-});
+import { memo, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 const CaseAggregate = ({ icon, iconColor, field, records, title, subtitle }) => {
+    const { t } = useTranslation();
+    const { showErrorMessage, showSuccessMessage } = useMySnackbar();
     const theme = useTheme();
-    if (!title && (!records || !field)) {
-        return _jsx(Skeleton, { height: 120 });
-    }
-    const values = records
+    const [open, setOpen] = useState(false);
+    const [anchorEl, setAnchorEl] = useState(null);
+    const [selection, setSelection] = useState({ key: '', values: [] });
+    const values = useMemo(() => records
         ? uniq(records
             .map(_record => get(_record, field))
             .flat()
             .filter(Boolean))
-        : [];
-    return (_jsx(Card, { sx: { height: '100%' }, children: _jsx(CardContent, { children: _jsxs(Stack, { alignItems: "center", spacing: 1, children: [_jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [icon && _jsx(Icon, { fontSize: "96px", icon: icon, color: iconColor || theme.palette.grey[700] }), _jsx(NoMaxWidthTooltip, { title: !isEmpty(values) && (_jsx(Stack, { spacing: 0.5, children: uniq(values).map(value => (_jsx("span", { children: String(value) }, String(value)))) })), children: _jsxs(Typography, { variant: "h3", children: [values.length, !isEmpty(values) && !!title && ' - ', title] }) })] }), _jsx(Typography, { color: "textSecondary", children: subtitle })] }) }) }));
+        : [], [field, records]);
+    const valueStrings = useMemo(() => values.map(String), [values]);
+    const valueKey = JSON.stringify(valueStrings);
+    const selectedValues = selection.key === valueKey ? selection.values : valueStrings;
+    useEffect(() => {
+        if (!open) {
+            return;
+        }
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape') {
+                setOpen(false);
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [open]);
+    if (!title && (!records || !field)) {
+        return _jsx(Skeleton, { height: 120 });
+    }
+    const canShowValues = !isEmpty(values) && !!field;
+    const selectedValueCount = selectedValues.length;
+    const allValuesSelected = canShowValues && selectedValueCount === valueStrings.length;
+    const copiedValues = valueStrings.filter(value => selectedValues.includes(value)).join(', ');
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(copiedValues);
+            showSuccessMessage(`${subtitle} ${t('clipboard.success')}`);
+        }
+        catch {
+            showErrorMessage(`${subtitle} ${t('clipboard.failure')}`);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(Card, { ref: setAnchorEl, sx: [
+                    {
+                        height: '100%',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        transition: theme.transitions.create(['border-bottom-left-radius', 'border-bottom-right-radius'])
+                    },
+                    open && {
+                        borderBottomLeftRadius: '0 !important',
+                        borderBottomRightRadius: '0 !important'
+                    }
+                ], children: [_jsx(CardContent, { children: _jsxs(Stack, { alignItems: "center", spacing: 1, children: [_jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [icon && _jsx(Icon, { fontSize: "96px", icon: icon, color: iconColor || theme.palette.grey[700] }), _jsxs(Typography, { variant: "h3", children: [values.length, !isEmpty(values) && !!title && ' - ', title] })] }), _jsx(Typography, { color: "textSecondary", children: subtitle })] }) }), canShowValues && (_jsx(CardActions, { sx: { justifyContent: 'center', mt: 'auto', pt: 0 }, children: _jsx(IconButton, { size: "small", "aria-label": `${t('page.cases.dashboard.show_values')}: ${subtitle}`, "aria-haspopup": "dialog", "aria-expanded": open, onClick: () => setOpen(currentOpen => !currentOpen), color: open ? 'primary' : 'default', children: _jsx(KeyboardArrowDown, {}) }) }))] }), _jsx(Popper, { open: !!anchorEl && canShowValues, anchorEl: anchorEl, placement: "bottom-start", sx: { zIndex: 1300, maxWidth: '90vw', minWidth: anchorEl?.clientWidth ?? 0 }, children: _jsx(Collapse, { in: open, unmountOnExit: true, children: _jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: _jsx(Paper, { role: "dialog", "aria-label": subtitle, sx: {
+                                minWidth: 240,
+                                maxWidth: 480,
+                                p: 1.5,
+                                borderTopLeftRadius: 0,
+                                borderTopRightRadius: 0
+                            }, children: _jsxs(Stack, { spacing: 1.5, children: [_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: allValuesSelected, indeterminate: selectedValueCount > 0 && !allValuesSelected, onChange: (_event, checked) => setSelection({ key: valueKey, values: checked ? valueStrings : [] }) }), label: t('page.cases.dashboard.select_all') }), _jsx(Divider, {}), _jsx(Stack, { spacing: 0.5, sx: { maxHeight: 240, overflowY: 'auto' }, children: valueStrings.map(value => (_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: selectedValues.includes(value), onChange: (_event, checked) => {
+                                                    setSelection({
+                                                        key: valueKey,
+                                                        values: checked
+                                                            ? [...selectedValues, value]
+                                                            : selectedValues.filter(selectedValue => selectedValue !== value)
+                                                    });
+                                                } }), label: _jsx(PluginTypography, { context: "caseaggregate", field: field, value: value, sx: { overflowWrap: 'anywhere' }, children: value }) }, value))) }), _jsx(Button, { variant: "outlined", startIcon: _jsx(ContentCopy, {}), disabled: selectedValueCount === 0, onClick: () => void handleCopy(), children: t('button.copy') })] }) }) }) }) })] }));
 };
 export default memo(CaseAggregate);

package/components/routes/cases/detail/aggregates/CaseAggregate.test.d.ts

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

package/components/routes/cases/detail/aggregates/CaseAggregate.test.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import CaseAggregate from './CaseAggregate';
+const mockShowErrorMessage = vi.hoisted(() => vi.fn());
+const mockShowSuccessMessage = vi.hoisted(() => vi.fn());
+vi.mock('components/elements/PluginTypography', () => ({
+    default: ({ value }) => _jsx("span", { children: value })
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({
+        t: (key) => key
+    })
+}));
+vi.mock('components/hooks/useMySnackbar', () => ({
+    default: () => ({
+        showErrorMessage: mockShowErrorMessage,
+        showSuccessMessage: mockShowSuccessMessage
+    })
+}));
+vi.mock('@iconify/react', () => ({
+    Icon: () => _jsx("span", {})
+}));
+describe('CaseAggregate', () => {
+    const writeText = vi.fn();
+    beforeEach(() => {
+        vi.clearAllMocks();
+        writeText.mockResolvedValue(undefined);
+        Object.defineProperty(navigator, 'clipboard', {
+            configurable: true,
+            value: { writeText }
+        });
+    });
+    it('opens a bottom dropdown with the aggregate values and copies them', async () => {
+        const user = userEvent.setup();
+        Object.defineProperty(navigator, 'clipboard', {
+            configurable: true,
+            value: { writeText }
+        });
+        render(_jsx(CaseAggregate, { field: "howler.outline.threat", records: [
+                { howler: { outline: { threat: 'phishing' } } },
+                { howler: { outline: { threat: 'malware' } } },
+                { howler: { outline: { threat: 'phishing' } } }
+            ], subtitle: "Threats" }));
+        await user.click(screen.getByRole('button', { name: 'page.cases.dashboard.show_values: Threats' }));
+        expect(screen.getByRole('dialog')).toBeInTheDocument();
+        await waitFor(() => expect(screen.getByRole('dialog').closest('.MuiCollapse-root')).toHaveClass('MuiCollapse-entered'));
+        expect(screen.getByText('phishing')).toBeInTheDocument();
+        expect(screen.getByText('malware')).toBeInTheDocument();
+        await user.click(screen.getByRole('checkbox', { name: 'phishing' }));
+        await user.click(screen.getByRole('button', { name: 'button.copy' }));
+        expect(writeText).toHaveBeenCalledWith('malware');
+        expect(mockShowSuccessMessage).toHaveBeenCalledWith('Threats clipboard.success');
+        await user.click(screen.getByRole('checkbox', { name: 'page.cases.dashboard.select_all' }));
+        await user.click(screen.getByRole('button', { name: 'button.copy' }));
+        expect(writeText).toHaveBeenLastCalledWith('phishing, malware');
+        await user.click(screen.getByRole('checkbox', { name: 'page.cases.dashboard.select_all' }));
+        expect(screen.getByRole('button', { name: 'button.copy' })).toBeDisabled();
+        await user.keyboard('{Escape}');
+        await waitFor(() => expect(screen.queryByRole('dialog')).not.toBeInTheDocument());
+    });
+});

package/locales/en/translation.json

@@ -409,6 +409,8 @@
     "page.cases.dashboard.cases": "Related Cases",
     "page.cases.dashboard.duration": "Duration",
     "page.cases.dashboard.indicators": "Indicators",
+    "page.cases.dashboard.select_all": "Select all",
+    "page.cases.dashboard.show_values": "Show values",
     "page.cases.dashboard.target": "Targets",
     "page.cases.dashboard.tasks": "Tasks",
     "page.cases.dashboard.tasks.add": "Add Task",

package/locales/fr/translation.json

@@ -409,6 +409,8 @@
     "page.cases.dashboard.cases": "Cas connexes",
     "page.cases.dashboard.duration": "Durée",
     "page.cases.dashboard.indicators": "Indicateurs",
+    "page.cases.dashboard.select_all": "Tout sélectionner",
+    "page.cases.dashboard.show_values": "Afficher les valeurs",
     "page.cases.dashboard.target": "Cibles",
     "page.cases.dashboard.tasks": "Tâches",
     "page.cases.dashboard.tasks.add": "Ajouter une tâche",

package/package.json

@@ -97,170 +97,170 @@
     "url": "https://github.com/CybercentreCanada/howler"
   },
   "type": "module",
-  "version": "3.1.0-dev.1619",
+  "version": "3.1.0-dev.1627",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",
+    "./components/*": "./components/*.js",
     "./plugins/*": "./plugins/*.js",
-    "./locales/*.json": "./locales/*.json",
-    "./tests/*": "./tests/*.js",
     "./utils/*": "./utils/*.js",
     "./utils/*.json": "./utils/*.json",
-    "./rest/*": "./rest/*.js",
-    "./rest": "./rest/index.js",
-    "./api/*": "./api/*.js",
-    "./api": "./api/index.js",
     "./models/*": "./models/*.js",
+    "./tests/*": "./tests/*.js",
     "./branding/*": "./branding/*.js",
-    "./components/*": "./components/*.js",
+    "./api/*": "./api/*.js",
+    "./api": "./api/index.js",
+    "./rest/*": "./rest/*.js",
+    "./rest": "./rest/index.js",
+    "./locales/*.json": "./locales/*.json",
+    "./components/logins/*": "./components/logins/*.js",
+    "./components/app/*": "./components/app/*.js",
+    "./components/routes/*": "./components/routes/*.js",
+    "./components/hooks/*": "./components/hooks/*.js",
+    "./components/elements/*": "./components/elements/*.js",
+    "./components/logins/auth/*": "./components/logins/auth/*.js",
+    "./components/logins/hooks/*": "./components/logins/hooks/*.js",
+    "./components/app/drawers/*": "./components/app/drawers/*.js",
+    "./components/app/providers/*": "./components/app/providers/*.js",
+    "./components/app/hooks/*": "./components/app/hooks/*.js",
+    "./components/routes/analytics/*": "./components/routes/analytics/*.js",
+    "./components/routes/advanced/*": "./components/routes/advanced/*.js",
+    "./components/routes/hits/*": "./components/routes/hits/*.js",
+    "./components/routes/templates/*": "./components/routes/templates/*.js",
+    "./components/routes/events/*": "./components/routes/events/*.js",
+    "./components/routes/dossiers/*": "./components/routes/dossiers/*.js",
+    "./components/routes/settings/*": "./components/routes/settings/*.js",
+    "./components/routes/help/*": "./components/routes/help/*.js",
+    "./components/routes/cases/*": "./components/routes/cases/*.js",
+    "./components/routes/action/*": "./components/routes/action/*.js",
+    "./components/routes/home/*": "./components/routes/home/*.js",
+    "./components/routes/home": "./components/routes/home/index.js",
+    "./components/routes/admin/*": "./components/routes/admin/*.js",
+    "./components/routes/views/*": "./components/routes/views/*.js",
+    "./components/routes/overviews/*": "./components/routes/overviews/*.js",
+    "./components/routes/analytics/widgets/*": "./components/routes/analytics/widgets/*.js",
+    "./components/routes/hits/shared/*": "./components/routes/hits/shared/*.js",
+    "./components/routes/hits/view/*": "./components/routes/hits/view/*.js",
+    "./components/routes/hits/search/*": "./components/routes/hits/search/*.js",
+    "./components/routes/hits/search/shared/*": "./components/routes/hits/search/shared/*.js",
+    "./components/routes/hits/search/grid/*": "./components/routes/hits/search/grid/*.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/cases/hooks/*": "./components/routes/cases/hooks/*.js",
+    "./components/routes/cases/search/*": "./components/routes/cases/search/*.js",
+    "./components/routes/cases/detail/*": "./components/routes/cases/detail/*.js",
+    "./components/routes/cases/modals/*": "./components/routes/cases/modals/*.js",
+    "./components/routes/cases/detail/observables/*": "./components/routes/cases/detail/observables/*.js",
+    "./components/routes/cases/detail/aggregates/*": "./components/routes/cases/detail/aggregates/*.js",
+    "./components/routes/cases/detail/sidebar/*": "./components/routes/cases/detail/sidebar/*.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/action/view/markdown/*.md": "./components/routes/action/view/markdown/*.md.js",
+    "./components/routes/admin/users/*": "./components/routes/admin/users/*.js",
+    "./components/routes/overviews/template/*": "./components/routes/overviews/template/*.js",
+    "./components/elements/display/*": "./components/elements/display/*.js",
+    "./components/elements/event/*": "./components/elements/event/*.js",
+    "./components/elements/case/*": "./components/elements/case/*.js",
+    "./components/elements/membership/*": "./components/elements/membership/*.js",
+    "./components/elements/view/*": "./components/elements/view/*.js",
+    "./components/elements/record/*": "./components/elements/record/*.js",
+    "./components/elements/addons/*": "./components/elements/addons/*.js",
+    "./components/elements/search/*": "./components/elements/search/*.js",
+    "./components/elements/hit/*": "./components/elements/hit/*.js",
+    "./components/elements/display/icons/*": "./components/elements/display/icons/*.js",
+    "./components/elements/display/json/*": "./components/elements/display/json/*.js",
+    "./components/elements/display/features/*": "./components/elements/display/features/*.js",
+    "./components/elements/display/markdownPlugins/*.md": "./components/elements/display/markdownPlugins/*.md.js",
+    "./components/elements/display/handlebars/*": "./components/elements/display/handlebars/*.js",
+    "./components/elements/display/modals/*": "./components/elements/display/modals/*.js",
+    "./components/elements/display/icons/svg/*": "./components/elements/display/icons/svg/*.js",
+    "./components/elements/addons/buttons/*": "./components/elements/addons/buttons/*.js",
+    "./components/elements/addons/buttons": "./components/elements/addons/buttons/index.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/layout/*": "./components/elements/addons/layout/*.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/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/hit/actions/*": "./components/elements/hit/actions/*.js",
+    "./components/elements/hit/aggregate/*": "./components/elements/hit/aggregate/*.js",
+    "./components/elements/hit/grid/*": "./components/elements/hit/grid/*.js",
+    "./components/elements/hit/related/*": "./components/elements/hit/related/*.js",
+    "./components/elements/hit/elements/*": "./components/elements/hit/elements/*.js",
+    "./components/elements/hit/related/pivots/*": "./components/elements/hit/related/pivots/*.js",
     "./plugins/clue/*": "./plugins/clue/*.js",
     "./plugins/clue": "./plugins/clue/index.js",
-    "./plugins/clue/locales/*": "./plugins/clue/locales/*.js",
     "./plugins/clue/components/*": "./plugins/clue/components/*.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",
-    "./api/search/*": "./api/search/*.js",
-    "./api/search": "./api/search/index.js",
-    "./api/hit/*": "./api/hit/*.js",
-    "./api/hit": "./api/hit/index.js",
+    "./plugins/clue/locales/*": "./plugins/clue/locales/*.js",
+    "./models/entities/*": "./models/entities/*.js",
+    "./models/socket/*": "./models/socket/*.js",
+    "./models/entities/generated/*": "./models/entities/generated/*.js",
     "./api/template/*": "./api/template/*.js",
     "./api/template": "./api/template/index.js",
+    "./api/analytic/*": "./api/analytic/*.js",
+    "./api/analytic": "./api/analytic/index.js",
+    "./api/notebook/*": "./api/notebook/*.js",
+    "./api/notebook": "./api/notebook/index.js",
+    "./api/utils/*": "./api/utils/*.js",
     "./api/socket/*": "./api/socket/*.js",
     "./api/socket": "./api/socket/index.js",
-    "./api/dossier/*": "./api/dossier/*.js",
-    "./api/dossier": "./api/dossier/index.js",
-    "./api/utils/*": "./api/utils/*.js",
-    "./api/v2/*": "./api/v2/*.js",
-    "./api/v2": "./api/v2/index.js",
     "./api/user/*": "./api/user/*.js",
     "./api/user": "./api/user/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/auth/*": "./api/auth/*.js",
     "./api/auth": "./api/auth/index.js",
+    "./api/v2/*": "./api/v2/*.js",
+    "./api/v2": "./api/v2/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/analytic/*": "./api/analytic/*.js",
-    "./api/analytic": "./api/analytic/index.js",
+    "./api/dossier/*": "./api/dossier/*.js",
+    "./api/dossier": "./api/dossier/index.js",
+    "./api/search/*": "./api/search/*.js",
+    "./api/search": "./api/search/index.js",
+    "./api/hit/*": "./api/hit/*.js",
+    "./api/hit": "./api/hit/index.js",
     "./api/configs/*": "./api/configs/*.js",
     "./api/configs": "./api/configs/index.js",
-    "./api/notebook/*": "./api/notebook/*.js",
-    "./api/notebook": "./api/notebook/index.js",
+    "./api/overview/*": "./api/overview/*.js",
+    "./api/overview": "./api/overview/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/v2/case/*": "./api/v2/case/*.js",
+    "./api/v2/case": "./api/v2/case/index.js",
+    "./api/v2/search/*": "./api/v2/search/*.js",
+    "./api/v2/search": "./api/v2/search/index.js",
+    "./api/search/histogram/*": "./api/search/histogram/*.js",
+    "./api/search/histogram": "./api/search/histogram/index.js",
     "./api/search/count/*": "./api/search/count/*.js",
     "./api/search/count": "./api/search/count/index.js",
+    "./api/search/sigma/*": "./api/search/sigma/*.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/grouped/*": "./api/search/grouped/*.js",
-    "./api/search/grouped": "./api/search/grouped/index.js",
-    "./api/search/histogram/*": "./api/search/histogram/*.js",
-    "./api/search/histogram": "./api/search/histogram/index.js",
+    "./api/search/explain/*": "./api/search/explain/*.js",
     "./api/search/fields/*": "./api/search/fields/*.js",
     "./api/search/fields": "./api/search/fields/index.js",
-    "./api/search/explain/*": "./api/search/explain/*.js",
-    "./api/search/eql/*": "./api/search/eql/*.js",
-    "./api/search/sigma/*": "./api/search/sigma/*.js",
+    "./api/search/grouped/*": "./api/search/grouped/*.js",
+    "./api/search/grouped": "./api/search/grouped/index.js",
     "./api/hit/comments/*": "./api/hit/comments/*.js",
     "./api/hit/comments": "./api/hit/comments/index.js",
-    "./api/v2/search/*": "./api/v2/search/*.js",
-    "./api/v2/search": "./api/v2/search/index.js",
-    "./api/v2/case/*": "./api/v2/case/*.js",
-    "./api/v2/case": "./api/v2/case/index.js",
-    "./api/user/avatar/*": "./api/user/avatar/*.js",
-    "./api/user/avatar": "./api/user/avatar/index.js",
-    "./api/analytic/comments/*": "./api/analytic/comments/*.js",
-    "./api/analytic/comments": "./api/analytic/comments/index.js",
-    "./api/analytic/notebooks/*": "./api/analytic/notebooks/*.js",
-    "./api/analytic/notebooks": "./api/analytic/notebooks/index.js",
-    "./models/socket/*": "./models/socket/*.js",
-    "./models/entities/*": "./models/entities/*.js",
-    "./models/entities/generated/*": "./models/entities/generated/*.js",
-    "./components/elements/*": "./components/elements/*.js",
-    "./components/routes/*": "./components/routes/*.js",
-    "./components/logins/*": "./components/logins/*.js",
-    "./components/hooks/*": "./components/hooks/*.js",
-    "./components/app/*": "./components/app/*.js",
-    "./components/elements/membership/*": "./components/elements/membership/*.js",
-    "./components/elements/search/*": "./components/elements/search/*.js",
-    "./components/elements/hit/*": "./components/elements/hit/*.js",
-    "./components/elements/case/*": "./components/elements/case/*.js",
-    "./components/elements/event/*": "./components/elements/event/*.js",
-    "./components/elements/view/*": "./components/elements/view/*.js",
-    "./components/elements/display/*": "./components/elements/display/*.js",
-    "./components/elements/record/*": "./components/elements/record/*.js",
-    "./components/elements/addons/*": "./components/elements/addons/*.js",
-    "./components/elements/hit/elements/*": "./components/elements/hit/elements/*.js",
-    "./components/elements/hit/grid/*": "./components/elements/hit/grid/*.js",
-    "./components/elements/hit/related/*": "./components/elements/hit/related/*.js",
-    "./components/elements/hit/aggregate/*": "./components/elements/hit/aggregate/*.js",
-    "./components/elements/hit/actions/*": "./components/elements/hit/actions/*.js",
-    "./components/elements/hit/related/pivots/*": "./components/elements/hit/related/pivots/*.js",
-    "./components/elements/display/features/*": "./components/elements/display/features/*.js",
-    "./components/elements/display/icons/*": "./components/elements/display/icons/*.js",
-    "./components/elements/display/json/*": "./components/elements/display/json/*.js",
-    "./components/elements/display/handlebars/*": "./components/elements/display/handlebars/*.js",
-    "./components/elements/display/modals/*": "./components/elements/display/modals/*.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/buttons/*": "./components/elements/addons/buttons/*.js",
-    "./components/elements/addons/buttons": "./components/elements/addons/buttons/index.js",
-    "./components/elements/addons/lists/*": "./components/elements/addons/lists/*.js",
-    "./components/elements/addons/lists": "./components/elements/addons/lists/index.js",
-    "./components/elements/addons/layout/*": "./components/elements/addons/layout/*.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/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/routes/home/*": "./components/routes/home/*.js",
-    "./components/routes/home": "./components/routes/home/index.js",
-    "./components/routes/cases/*": "./components/routes/cases/*.js",
-    "./components/routes/overviews/*": "./components/routes/overviews/*.js",
-    "./components/routes/advanced/*": "./components/routes/advanced/*.js",
-    "./components/routes/settings/*": "./components/routes/settings/*.js",
-    "./components/routes/events/*": "./components/routes/events/*.js",
-    "./components/routes/dossiers/*": "./components/routes/dossiers/*.js",
-    "./components/routes/admin/*": "./components/routes/admin/*.js",
-    "./components/routes/views/*": "./components/routes/views/*.js",
-    "./components/routes/hits/*": "./components/routes/hits/*.js",
-    "./components/routes/templates/*": "./components/routes/templates/*.js",
-    "./components/routes/action/*": "./components/routes/action/*.js",
-    "./components/routes/analytics/*": "./components/routes/analytics/*.js",
-    "./components/routes/help/*": "./components/routes/help/*.js",
-    "./components/routes/cases/search/*": "./components/routes/cases/search/*.js",
-    "./components/routes/cases/hooks/*": "./components/routes/cases/hooks/*.js",
-    "./components/routes/cases/detail/*": "./components/routes/cases/detail/*.js",
-    "./components/routes/cases/modals/*": "./components/routes/cases/modals/*.js",
-    "./components/routes/cases/detail/aggregates/*": "./components/routes/cases/detail/aggregates/*.js",
-    "./components/routes/cases/detail/observables/*": "./components/routes/cases/detail/observables/*.js",
-    "./components/routes/cases/detail/sidebar/*": "./components/routes/cases/detail/sidebar/*.js",
-    "./components/routes/overviews/template/*": "./components/routes/overviews/template/*.js",
-    "./components/routes/admin/users/*": "./components/routes/admin/users/*.js",
-    "./components/routes/hits/shared/*": "./components/routes/hits/shared/*.js",
-    "./components/routes/hits/search/*": "./components/routes/hits/search/*.js",
-    "./components/routes/hits/view/*": "./components/routes/hits/view/*.js",
-    "./components/routes/hits/search/shared/*": "./components/routes/hits/search/shared/*.js",
-    "./components/routes/hits/search/grid/*": "./components/routes/hits/search/grid/*.js",
-    "./components/routes/action/shared/*": "./components/routes/action/shared/*.js",
-    "./components/routes/action/view/*": "./components/routes/action/view/*.js",
-    "./components/routes/action/edit/*": "./components/routes/action/edit/*.js",
-    "./components/routes/action/view/markdown/*.md": "./components/routes/action/view/markdown/*.md.js",
-    "./components/routes/analytics/widgets/*": "./components/routes/analytics/widgets/*.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/logins/hooks/*": "./components/logins/hooks/*.js",
-    "./components/logins/auth/*": "./components/logins/auth/*.js",
-    "./components/app/providers/*": "./components/app/providers/*.js",
-    "./components/app/hooks/*": "./components/app/hooks/*.js",
-    "./components/app/drawers/*": "./components/app/drawers/*.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"
   }
 }

package/plugins/clue/Provider.d.ts

@@ -1,3 +1,4 @@
+import type { DatabaseConfig } from '@cccsaurora/clue-ui/database/types';
 import { type PropsWithChildren } from 'react';
 export interface CluePluginOptions {
     baseURL?: string;
@@ -7,6 +8,8 @@ export interface CluePluginOptions {
     includeContext?: boolean;
     defaultTimeout?: number;
     chunkSize?: number;
+    replicate?: boolean;
+    storageType?: DatabaseConfig['storageType'];
 }
 type ProviderProps = PropsWithChildren<{
     options?: CluePluginOptions;

package/plugins/clue/Provider.js

@@ -20,7 +20,12 @@ const Provider = ({ children, options = {} }) => {
         if (!features.clue) {
             return;
         }
-        void buildDatabase({ storageType: 'memory', replicate: true, baseURL, getToken }).then(database => {
+        void buildDatabase({
+            storageType: options.storageType ?? 'memory',
+            replicate: !!options.replicate,
+            baseURL,
+            getToken
+        }).then(database => {
             if (!cancelled) {
                 setDatabase(database);
             }
@@ -28,7 +33,7 @@ const Provider = ({ children, options = {} }) => {
         return () => {
             cancelled = true;
         };
-    }, [baseURL, features.clue, getToken]);
+    }, [baseURL, features.clue, getToken, options.storageType, options.replicate]);
     return (_jsx(ClueProvider, { baseURL: baseURL, getToken: getToken, enabled: features.clue, publicIconify: publicIconify, customIconify: customIconify, defaultTimeout: options.defaultTimeout ?? 5, i18next: useTranslation('clue'), chunkSize: options.chunkSize ?? 50, database: database, includeContext: options.includeContext, children: children }));
 };
 export default Provider;

package/plugins/clue/Provider.test.js

@@ -58,7 +58,7 @@ describe('Clue Provider', () => {
         renderProvider({ configuration: { features: { clue: false } } });
         expect(getProviderProps().getToken?.()).toBe('stored-token');
     });
-    it('builds a replicated database and passes supplied deployment options', async () => {
+    it('builds a configured database and passes supplied deployment options', async () => {
         const database = { name: 'replicated' };
         const getToken = vi.fn(() => 'custom-token');
         mocks.buildDatabase.mockResolvedValue(database);
@@ -69,7 +69,9 @@ describe('Clue Provider', () => {
             customIconify: 'https://icons.example',
             includeContext: true,
             defaultTimeout: 7,
-            chunkSize: 25
+            chunkSize: 25,
+            replicate: true,
+            storageType: 'memory'
         });
         await waitFor(() => {
             expect(mocks.buildDatabase).toHaveBeenCalledWith({
@@ -90,6 +92,18 @@ describe('Clue Provider', () => {
             chunkSize: 25
         });
     });
+    it('uses non-replicated in-memory storage by default', async () => {
+        mocks.buildDatabase.mockResolvedValue({ name: 'local' });
+        renderProvider({ configuration: { features: { clue: true } } });
+        await waitFor(() => {
+            expect(mocks.buildDatabase).toHaveBeenCalledWith({
+                storageType: 'memory',
+                replicate: false,
+                baseURL: `${location.origin}/api/v1/clue`,
+                getToken: expect.any(Function)
+            });
+        });
+    });
     it('ignores a database that resolves after the provider unmounts', async () => {
         let resolveDatabase = () => { };
         mocks.buildDatabase.mockReturnValue(new Promise(resolve => {