@cccsaurora/howler-ui 2.19.0-dev.922 → 2.19.0-dev.938

package/components/app/App.d.ts

@@ -1,3 +1,4 @@
+import 'dayjs/locale/fr-ca';
 import { type FC } from 'react';
 declare const App: FC;
 export default App;

package/components/app/App.js

@@ -51,14 +51,16 @@ import Templates from '@cccsaurora/howler-ui/components/routes/templates/Templat
 import ViewComposer from '@cccsaurora/howler-ui/components/routes/views/ViewComposer';
 import Views from '@cccsaurora/howler-ui/components/routes/views/Views';
 import dayjs from 'dayjs';
+import 'dayjs/locale/fr-ca';
 import duration from 'dayjs/plugin/duration';
 import localizedFormat from 'dayjs/plugin/localizedFormat';
+import minMax from 'dayjs/plugin/minMax';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import utc from 'dayjs/plugin/utc';
 import i18n from '@cccsaurora/howler-ui/i18n';
 import * as monaco from 'monaco-editor';
 import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
-import { useContext, useEffect, useMemo } from 'react';
+import { useCallback, useContext, useEffect, useMemo } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { PluginProvider, usePluginStore } from 'react-pluggable';
 import { createBrowserRouter, Outlet, RouterProvider, useLocation, useNavigate } from 'react-router-dom';
@@ -84,6 +86,8 @@ dayjs.extend(utc);
 dayjs.extend(duration);
 dayjs.extend(relativeTime);
 dayjs.extend(localizedFormat);
+dayjs.extend(minMax);
+dayjs.locale(i18n.language === 'en' ? 'en' : 'fr-ca');
 loader.config({ monaco });
 const RoleRoute = ({ roles }) => {
     const appUser = useAppUser();
@@ -105,6 +109,13 @@ const MyApp = () => {
     const { setItems } = useAppSwitcher();
     const { get, set, remove } = useMyLocalStorage();
     const pluginStore = usePluginStore();
+    const onLanguageChange = useCallback((language) => dayjs.locale(language === 'en' ? 'en' : 'fr-ca'), []);
+    useEffect(() => {
+        i18n.on('languageChanged', onLanguageChange);
+        return () => {
+            i18n.off('languageChanged', onLanguageChange);
+        };
+    }, [onLanguageChange]);
     // Simulate app loading time...
     // e.g. fetching initial app data, etc.
     useEffect(() => {

package/components/app/providers/FavouritesProvider.js

@@ -26,10 +26,6 @@ const FavouriteProvider = ({ children }) => {
         if (favourites.length < 1) {
             return null;
         }
-        // The favourite list is fully represented, skip
-        if (favourites.length === viewElement?.element?.items?.length) {
-            return viewElement;
-        }
         const savedViews = await fetchViews(favourites);
         const items = sortBy(savedViews, 'title')
             .filter(view => !!view)

package/components/elements/display/HowlerAvatar.js

@@ -10,6 +10,7 @@ const HowlerAvatar = ({ userId, ...avatarProps }) => {
     const { getAvatar } = useContext(AvatarContext);
     const theme = useTheme();
     const [props, setProps] = useState();
+    const displayId = userId && userId.toLowerCase() !== 'unassigned' ? userId : t('app.drawer.hit.assignment.unassigned.name');
     const stringAvatar = useCallback((name) => {
         return {
             sx: {
@@ -37,7 +38,7 @@ const HowlerAvatar = ({ userId, ...avatarProps }) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [userId]);
     if (userId) {
-        return (_jsx(Tooltip, { title: userId, children: _jsx(Avatar, { "aria-label": userId, ...avatarProps, ...props, sx: { ...(avatarProps?.sx || {}), ...(props?.sx || {}) } }) }));
+        return (_jsx(Tooltip, { title: displayId, children: _jsx(Avatar, { "aria-label": displayId, ...avatarProps, ...props, sx: { ...(avatarProps?.sx || {}), ...(props?.sx || {}) } }) }));
     }
     else {
         return (_jsx(Avatar, { "aria-label": t('unknown'), ...avatarProps, ...props, sx: { ...(avatarProps?.sx || {}), ...(props?.sx || {}) } }));

package/components/hooks/useMyPreferences.js

@@ -276,7 +276,8 @@ const useMyPreferences = () => {
             rightBeforeSearch: (_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", pr: 1, children: [rightItems.map(item => (_jsx(Fragment, { children: item.component }, item.id))), _jsx(Classification, {})] }))
         },
         leftnav: {
-            elements: MENU_ITEMS
+            elements: MENU_ITEMS,
+            width: 280
         }
     }), [USER_MENU_ITEMS, ADMIN_MENU_ITEMS, MENU_ITEMS, leftItems, rightItems]);
 };

package/components/routes/action/view/ActionDetails.js

@@ -63,7 +63,7 @@ const ActionDetails = () => {
         user.roles.includes('admin') ||
         user.roles.includes('actionrunner_basic') ||
         user.roles.includes('actionrunner_advanced');
-    return (_jsx(PageCenter, { maxWidth: "1500px", textAlign: "left", height: "100%", children: _jsxs(Stack, { spacing: 1, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [_jsx(Typography, { variant: "h5", children: action?.name }), action?.owner_id && _jsx(HowlerAvatar, { sx: { width: 32, height: 32 }, userId: action.owner_id })] }), _jsx(Phrase, { fullWidth: true, value: action?.query, disabled: true, size: "small", onChange: () => { }, startAdornment: _jsx(IconButton, { onClick: () => onSearch(action?.query), children: _jsx(Search, { fontSize: "small" }) }) }), _jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [response && _jsx(QueryResultText, { count: response.total, query: action?.query }), _jsx(FlexOne, {}), ((action?.owner_id === user.username && editRoles) || user.roles?.includes('admin')) && (_jsx(Button, { startIcon: _jsx(Delete, {}), size: "small", variant: "outlined", color: "error", onClick: () => deleteAction(action?.action_id), children: t('delete') })), execRoles && (_jsx(Button, { startIcon: _jsx(PlayCircleOutline, {}), size: "small", variant: "outlined", color: "success", onClick: () => executeAction(action?.action_id), children: t('route.actions.execute') })), ((action?.owner_id === user.username && editRoles) || user.roles?.includes('admin')) && (_jsx(Button, { startIcon: _jsx(Edit, {}), size: "small", variant: "outlined", component: Link, to: `/action/${params.id}/edit`, children: t('route.actions.edit') }))] }), user.roles.includes('automation_advanced') && (_jsx(FormGroup, { children: _jsx(Stack, { direction: "row", spacing: 1, children: action?.operations
+    return (_jsx(PageCenter, { maxWidth: "1500px", textAlign: "left", height: "100%", children: _jsxs(Stack, { spacing: 1, children: [_jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [_jsx(Typography, { variant: "h5", children: action?.name }), action?.owner_id && _jsx(HowlerAvatar, { sx: { width: 32, height: 32 }, userId: action.owner_id })] }), _jsx(Phrase, { fullWidth: true, value: action?.query, disabled: true, size: "small", onChange: () => { }, startAdornment: _jsx(IconButton, { onClick: () => onSearch(action?.query), children: _jsx(Search, { fontSize: "small" }) }) }), _jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [response && _jsx(QueryResultText, { count: response.total, query: action?.query }), _jsx(FlexOne, {}), ((action?.owner_id === user.username && editRoles) || user.roles?.includes('admin')) && (_jsx(Button, { startIcon: _jsx(Delete, {}), size: "small", variant: "outlined", color: "error", onClick: () => deleteAction(action?.action_id), children: t('button.delete') })), execRoles && (_jsx(Button, { startIcon: _jsx(PlayCircleOutline, {}), size: "small", variant: "outlined", color: "success", onClick: () => executeAction(action?.action_id), children: t('route.actions.execute') })), ((action?.owner_id === user.username && editRoles) || user.roles?.includes('admin')) && (_jsx(Button, { startIcon: _jsx(Edit, {}), size: "small", variant: "outlined", component: Link, to: `/action/${params.id}/edit`, children: t('route.actions.edit') }))] }), user.roles.includes('automation_advanced') && (_jsx(FormGroup, { children: _jsx(Stack, { direction: "row", spacing: 1, children: action?.operations
                             ?.map(a => (operations ?? []).find(_action => _action.id === a.operation_id)?.triggers ?? [])
                             .reduce((acc, triggers) => acc.filter(_t => triggers.includes(_t)))
                             .map(trigger => (_jsx(FormControlLabel, { control: _jsx(Checkbox, { name: trigger, onChange: onTriggerChange, checked: action?.triggers?.includes(trigger) ?? false }), label: t(`route.actions.trigger.${trigger}`) }, trigger))) }) })), loading &&

package/components/routes/analytics/AnalyticDetails.js

@@ -115,7 +115,7 @@ const AnalyticDetails = () => {
                                                 borderRadius: theme.shape.borderRadius,
                                                 border: `thin solid ${theme.palette.divider}`,
                                                 width: '100%'
-                                            }, children: analytic.rule_crontab }))] }), (analytic?.owner === user.username || user.roles.includes('admin')) && (_jsx(Tooltip, { title: editingInterval ? t('rule.interval.save') : t('rule.interval.edit'), children: _jsx(IconButton, { disabled: intervalLoading, sx: { alignSelf: 'end' }, onClick: onEdit, children: intervalLoading ? _jsx(CircularProgress, { size: 20 }) : editingInterval ? _jsx(Check, {}) : _jsx(Edit, {}) }) }))] }))] }), _jsxs(Grid, { container: true, children: [_jsx(Grid, { item: true, xs: 12, md: 9, children: _jsxs(Tabs, { value: tab, onChange: (_, _tab) => setTab(_tab), children: [_jsx(Tab, { label: t('route.analytics.tab.overview'), value: "overview" }), _jsx(Tab, { label: t('route.analytics.tab.comments'), value: "comments" }), _jsx(Tab, { label: t('route.analytics.tab.hit_comments'), value: "hit_comments" }), _jsx(Tab, { label: t('route.analytics.tab.templates'), value: "templates" }), _jsx(Tab, { label: t('route.analytics.tab.overviews'), value: "overviews" }), analytic?.rule && _jsx(Tab, { label: t('route.analytics.tab.rule'), value: "rule" }), config?.configuration.features.notebook && (_jsx(Tab, { label: t('route.analytics.tab.notebooks'), value: "notebooks" })), _jsx(Tab, { label: t('route.analytics.tab.triage'), value: "triage" })] }) }), ['comments', 'hit_comments'].includes(tab) && (_jsx(Grid, { item: true, xs: 12, md: 3, children: _jsx(Autocomplete, { options: analytic?.detections ?? [], renderInput: param => _jsx(TextField, { ...param, label: "Detection" }), value: filter, onChange: (_, v) => setFilter(v) }) }))] }), {
+                                            }, children: analytic.rule_crontab }))] }), (analytic?.owner === user.username || user.roles.includes('admin')) && (_jsx(Tooltip, { title: editingInterval ? t('rule.interval.save') : t('rule.interval.edit'), children: _jsx(IconButton, { disabled: intervalLoading, sx: { alignSelf: 'end' }, onClick: onEdit, children: intervalLoading ? _jsx(CircularProgress, { size: 20 }) : editingInterval ? _jsx(Check, {}) : _jsx(Edit, {}) }) }))] }))] }), _jsxs(Grid, { container: true, children: [_jsx(Grid, { item: true, xs: 12, md: 9, children: _jsxs(Tabs, { value: tab, onChange: (_, _tab) => setTab(_tab), children: [_jsx(Tab, { label: t('route.analytics.tab.overview'), value: "overview" }), _jsx(Tab, { label: t('route.analytics.tab.comments'), value: "comments" }), _jsx(Tab, { label: t('route.analytics.tab.hit_comments'), value: "hit_comments" }), _jsx(Tab, { label: t('route.analytics.tab.templates'), value: "templates" }), _jsx(Tab, { label: t('route.analytics.tab.overviews'), value: "overviews" }), analytic?.rule && _jsx(Tab, { label: t('route.analytics.tab.rule'), value: "rule" }), config?.configuration.features.notebook && (_jsx(Tab, { label: t('route.analytics.tab.notebooks'), value: "notebooks" })), _jsx(Tab, { label: t('route.analytics.tab.triage'), value: "triage" })] }) }), ['comments', 'hit_comments'].includes(tab) && (_jsx(Grid, { item: true, xs: 12, md: 3, children: _jsx(Autocomplete, { options: analytic?.detections ?? [], renderInput: param => _jsx(TextField, { ...param, label: t('route.analytics.dropdown.detection') }), value: filter, onChange: (_, v) => setFilter(v) }) }))] }), {
                     comments: _jsx(AnalyticComments, { analytic: analytic, setAnalytic: setAnalytic }),
                     hit_comments: _jsx(AnalyticHitComments, { analytic: analytic }),
                     overview: _jsx(AnalyticOverview, { analytic: analytic, setAnalytic: setAnalytic }),

package/components/routes/hits/search/shared/CustomSpan.js

@@ -11,16 +11,16 @@ import { useContextSelector } from 'use-context-selector';
 const CustomSpan = () => {
     const { t } = useTranslation();
     const span = useContextSelector(ParameterContext, ctx => ctx.span);
-    const defaultStartDate = dayjs().subtract(2, 'days');
-    const defaultEndDate = dayjs().subtract(1, 'day');
-    const startDate = useContextSelector(ParameterContext, ctx => ctx.startDate ? dayjs(ctx.startDate) : defaultStartDate);
     const setCustomSpan = useContextSelector(ParameterContext, ctx => ctx.setCustomSpan);
-    const endDate = useContextSelector(ParameterContext, ctx => (ctx.endDate ? dayjs(ctx.endDate) : defaultEndDate));
+    const startDate = useContextSelector(ParameterContext, ctx => (ctx.startDate ? dayjs(ctx.startDate) : null));
+    const endDate = useContextSelector(ParameterContext, ctx => (ctx.endDate ? dayjs(ctx.endDate) : null));
     useEffect(() => {
-        if (span?.endsWith('custom')) {
-            setCustomSpan(startDate.toISOString(), endDate.toISOString());
+        if (span?.endsWith('custom') && (!startDate || !endDate)) {
+            const _startDate = startDate ?? dayjs().subtract(2, 'day');
+            const _endDate = endDate ?? dayjs().subtract(1, 'day');
+            setCustomSpan(dayjs.min(_startDate, _endDate).toISOString(), dayjs.max(_startDate, _endDate).toISOString());
         }
     }, [endDate, setCustomSpan, span, startDate]);
-    return span?.endsWith('custom') ? (_jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: _jsxs(Stack, { direction: "row", spacing: 1, useFlexGap: true, flexWrap: "wrap", children: [_jsx(DateTimePicker, { sx: { minWidth: '175px', flexGrow: 1, marginTop: 1 }, slotProps: { textField: { size: 'small' } }, label: t('date.select.start'), value: startDate ? dayjs(startDate) : dayjs().subtract(1, 'days'), maxDate: endDate, onChange: (newStartDate) => setCustomSpan(newStartDate.toISOString(), endDate.toISOString()), ampm: false, disableFuture: true }), _jsx(DateTimePicker, { sx: { minWidth: '175px', flexGrow: 1, marginTop: 1 }, slotProps: { textField: { size: 'small' } }, label: t('date.select.end'), value: endDate, minDate: startDate, onChange: (newEndDate) => setCustomSpan(startDate.toISOString(), newEndDate.toISOString()), ampm: false, disableFuture: true })] }) })) : null;
+    return span?.endsWith('custom') ? (_jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: _jsxs(Stack, { direction: "row", spacing: 1, useFlexGap: true, flexWrap: "wrap", children: [_jsx(DateTimePicker, { sx: { minWidth: '175px', flexGrow: 1, marginTop: 1 }, slotProps: { textField: { size: 'small' } }, label: t('date.select.start'), value: startDate ? dayjs(startDate) : dayjs().subtract(1, 'days'), maxDateTime: endDate, onChange: (newStartDate) => setCustomSpan(newStartDate.toISOString(), endDate.toISOString()), ampm: false, disableFuture: true }), _jsx(DateTimePicker, { sx: { minWidth: '175px', flexGrow: 1, marginTop: 1 }, slotProps: { textField: { size: 'small' } }, label: t('date.select.end'), value: endDate, minDateTime: startDate, onChange: (newEndDate) => setCustomSpan(startDate.toISOString(), newEndDate.toISOString()), ampm: false, disableFuture: true })] }) })) : null;
 };
 export default memo(CustomSpan);

package/components/routes/hits/search/shared/CustomSpan.test.d.ts

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

package/components/routes/hits/search/shared/CustomSpan.test.js

@@ -0,0 +1,170 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+vi.mock('use-context-selector', async () => {
+    const actual = await vi.importActual('use-context-selector');
+    return {
+        ...actual,
+        createContext,
+        useContextSelector: (_context, selector) => selector(useContext(_context))
+    };
+});
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+import { render, screen, waitFor } from '@testing-library/react';
+import { ParameterContext } from '@cccsaurora/howler-ui/components/app/providers/ParameterProvider';
+import dayjs from 'dayjs';
+import minMax from 'dayjs/plugin/minMax';
+import {} from 'react';
+dayjs.extend(minMax);
+globalThis.IS_REACT_ACT_ENVIRONMENT = true;
+// Import after mocks
+import CustomSpan from './CustomSpan';
+const mockSetCustomSpan = vi.fn();
+const defaultCtx = {
+    span: 'date.range.custom',
+    startDate: undefined,
+    endDate: undefined,
+    setCustomSpan: mockSetCustomSpan
+};
+const makeWrapper = (ctx) => function ({ children }) {
+    return (_jsx(ParameterContext.Provider, { value: { ...defaultCtx, ...ctx }, children: children }));
+};
+describe('CustomSpan', () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+    });
+    describe('useEffect – date initialisation', () => {
+        it('should set both dates to defaults when both are null', async () => {
+            render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({ span: 'date.range.custom', startDate: undefined, endDate: undefined })
+            });
+            await waitFor(() => expect(mockSetCustomSpan).toHaveBeenCalledOnce());
+            const [start, end] = mockSetCustomSpan.mock.calls[0];
+            const startDate = dayjs(start);
+            const endDate = dayjs(end);
+            expect(startDate.isBefore(endDate)).toBe(true);
+            expect(dayjs().diff(startDate, 'hour')).toBeGreaterThanOrEqual(47);
+            expect(dayjs().diff(startDate, 'hour')).toBeLessThanOrEqual(49);
+            expect(dayjs().diff(endDate, 'hour')).toBeGreaterThanOrEqual(23);
+            expect(dayjs().diff(endDate, 'hour')).toBeLessThanOrEqual(25);
+        });
+        it('should set default start date when only endDate is provided', async () => {
+            // Use a recent end date that's after the default start (now - 2 days)
+            const existingEnd = dayjs().subtract(1, 'hour').toISOString();
+            render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({ span: 'date.range.custom', startDate: undefined, endDate: existingEnd })
+            });
+            await waitFor(() => expect(mockSetCustomSpan).toHaveBeenCalledOnce());
+            const [start, end] = mockSetCustomSpan.mock.calls[0];
+            expect(end).toBe(existingEnd);
+            expect(dayjs(start).isBefore(dayjs(end))).toBe(true);
+        });
+        it('should set default end date when only startDate is provided', async () => {
+            // Use a recent start date that's before the default end (now - 1 day)
+            const existingStart = dayjs().subtract(3, 'day').toISOString();
+            render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({ span: 'date.range.custom', startDate: existingStart, endDate: undefined })
+            });
+            await waitFor(() => expect(mockSetCustomSpan).toHaveBeenCalledOnce());
+            const [start, end] = mockSetCustomSpan.mock.calls[0];
+            expect(start).toBe(existingStart);
+            expect(dayjs(end).isAfter(dayjs(start))).toBe(true);
+        });
+        it('should NOT call setCustomSpan when both dates are already set', () => {
+            render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({
+                    span: 'date.range.custom',
+                    startDate: dayjs().subtract(3, 'day').toISOString(),
+                    endDate: dayjs().subtract(1, 'hour').toISOString()
+                })
+            });
+            expect(mockSetCustomSpan).not.toHaveBeenCalled();
+        });
+        it('should NOT call setCustomSpan when span is not custom', () => {
+            render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({ span: 'date.range.1.month', startDate: undefined, endDate: undefined })
+            });
+            expect(mockSetCustomSpan).not.toHaveBeenCalled();
+        });
+        it('should NOT call setCustomSpan when span is undefined', () => {
+            render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({ span: undefined, startDate: undefined, endDate: undefined })
+            });
+            expect(mockSetCustomSpan).not.toHaveBeenCalled();
+        });
+        it('should ensure startDate is before endDate even if existing startDate is after default endDate', async () => {
+            const futureStart = dayjs().add(1, 'hour').toISOString();
+            render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({ span: 'date.range.custom', startDate: futureStart, endDate: undefined })
+            });
+            await waitFor(() => expect(mockSetCustomSpan).toHaveBeenCalledOnce());
+            const [start, end] = mockSetCustomSpan.mock.calls[0];
+            expect(dayjs(start).isBefore(dayjs(end))).toBe(true);
+        });
+    });
+    describe('rendering', () => {
+        it('should render nothing when span is not custom', () => {
+            const { container } = render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({ span: 'date.range.1.month' })
+            });
+            expect(container.innerHTML).toBe('');
+        });
+        it('should render nothing when span is undefined', () => {
+            const { container } = render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({ span: undefined })
+            });
+            expect(container.innerHTML).toBe('');
+        });
+        it('should render two date pickers when span is custom', () => {
+            render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({
+                    span: 'date.range.custom',
+                    startDate: dayjs().subtract(3, 'day').toISOString(),
+                    endDate: dayjs().subtract(1, 'hour').toISOString()
+                })
+            });
+            expect(screen.getByLabelText('date.select.start')).toBeInTheDocument();
+            expect(screen.getByLabelText('date.select.end')).toBeInTheDocument();
+        });
+        it('should render pickers for any span ending with "custom"', () => {
+            render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({
+                    span: 'my.prefix.custom',
+                    startDate: dayjs().subtract(3, 'day').toISOString(),
+                    endDate: dayjs().subtract(1, 'hour').toISOString()
+                })
+            });
+            expect(screen.getByLabelText('date.select.start')).toBeInTheDocument();
+            expect(screen.getByLabelText('date.select.end')).toBeInTheDocument();
+        });
+    });
+    describe('onChange handlers', () => {
+        it('should not call setCustomSpan when both dates are present on render', () => {
+            render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({
+                    span: 'date.range.custom',
+                    startDate: dayjs().subtract(3, 'day').toISOString(),
+                    endDate: dayjs().subtract(1, 'hour').toISOString()
+                })
+            });
+            const startPicker = screen.getByLabelText('date.select.start');
+            expect(startPicker).toBeInTheDocument();
+            expect(mockSetCustomSpan).not.toHaveBeenCalled();
+        });
+        it('should render start picker with fallback value when startDate is null', async () => {
+            render(_jsx(CustomSpan, {}), {
+                wrapper: makeWrapper({
+                    span: 'date.range.custom',
+                    startDate: undefined,
+                    endDate: dayjs().subtract(1, 'hour').toISOString()
+                })
+            });
+            // When startDate is null, the picker's value falls back to dayjs().subtract(1, 'days')
+            const startInput = screen.getByLabelText('date.select.start');
+            expect(startInput).toBeInTheDocument();
+            // The input should have a value (the fallback), not be empty
+            expect(startInput.value).not.toBe('');
+        });
+    });
+});

package/locales/en/translation.json

@@ -1,5 +1,7 @@
 {
     "*": "All values",
+    "Protected B": "Protected B",
+    "Unclassified//Official Use Only": "Unclassified//Official Use Only",
     "actions.error": "Action \"{{action}}\" had error(s): {{messages}}",
     "actions.running": "Action \"{{action}}\" is executing.",
     "actions.skipped": "Action \"{{action}}\" was skipped: {{messages}}",
@@ -190,6 +192,7 @@
     "hit.label.edit.add.error.duplicate": "Duplicated label not allowed",
     "hit.label.edit.add.error.empty": "Can't add an empty label",
     "hit.label.edit.add.label": "New label value",
+    "hit.label.edit.desc": "Add or remove labels",
     "hit.notebook.confirm.dialog": "A notebook with that name already exists in your environment, do you wish to overwrite it?",
     "hit.notebook.confirm.title": "Overwrite existing notebook?",
     "hit.notebook.error.failToPost": "Failed to send notebook to Jupyterhub, make sure your user environment is running.",
@@ -259,6 +262,7 @@
     "hit.summary.subtitle": "Limited to a maximum of 10 000 hits.",
     "hit.summary.title": "Summary of Hits Over Time",
     "hit.summary.zoom.reset": "Reset Zoom",
+    "hit.view.overview": "Overview",
     "hit.viewer.aggregate": "Summary",
     "hit.viewer.comments": "Comments",
     "hit.viewer.data": "Raw Data",
@@ -421,6 +425,7 @@
     "personalization.showbreadcrumbs": "Show Breadcrumbs",
     "personalization.sticky": "Sticky Topbar",
     "query": "Query",
+    "query.invalid": "Invalid query",
     "quicksearch.aria": "search",
     "quicksearch.placeholder": "Search ...",
     "rationale.default": "Hit assessed as {{assessment}}",
@@ -500,9 +505,11 @@
     "route.analytics.deleted": "Deleted Rule!",
     "route.analytics.detection.title": "Hits Ingested in the Last Three Months by Detection",
     "route.analytics.detections": "Detections:",
+    "route.analytics.dropdown.detection": "Detection",
     "route.analytics.escalation.title": "Escalation of Created Hits",
     "route.analytics.filter.rule": "Filter on Rules",
     "route.analytics.ingestion.title": "Number of Hits Created",
+    "route.analytics.manager.search": "Search Analytics",
     "route.analytics.overview.description": "Description",
     "route.analytics.overview.empty.description": "There are no existing hits for this analytic. Statistics cannot be shown.",
     "route.analytics.overview.empty.title": "No Statistics to Show",
@@ -598,8 +605,10 @@
     "route.help.actions": "Action Documentation",
     "route.help.api": "API Documentation",
     "route.help.auth": "Authentication",
+    "route.help.bundles": "Hit Bundles",
     "route.help.client": "Howler Client",
     "route.help.hit": "Hit Documentation",
+    "route.help.hit.banner": "Hit Banner Documentation",
     "route.help.main": "Dashboard",
     "route.help.notebook": "Notebook Documentation",
     "route.help.overviews": "Overviews",
@@ -667,15 +676,15 @@
     "route.templates.default": "Default",
     "route.templates.detection": "Choose Detection",
     "route.templates.global": "Global",
+    "route.templates.manager.error.action": "Click to open quick fix options",
+    "route.templates.manager.error.message": "Invalid Detection",
+    "route.templates.manager.error.modal.description": "The template fields are read only and will not be used. Do you want to remove the template?",
+    "route.templates.manager.error.modal.title": "Template detection no longer exists",
     "route.templates.manager.global": "Global",
     "route.templates.manager.open": "Open View",
     "route.templates.manager.personal": "Personal",
     "route.templates.manager.readonly": "Built-in",
     "route.templates.manager.search": "Search Templates",
-    "route.templates.manager.error.message": "Invalid Detection",
-    "route.templates.manager.error.action": "Click to open quick fix options",
-    "route.templates.manager.error.modal.title": "Template detection no longer exists",
-    "route.templates.manager.error.modal.description": "The template fields are read only and will not be used. Do you want to remove the template?",
     "route.templates.personal": "Personal",
     "route.templates.prompt": "Activate autocomplete using [ctrl + space].",
     "route.templates.readonly.warning": "This is a built-in template, and cannot be edited. To make changes to it, contact",
@@ -712,6 +721,7 @@
     "rule.interval.thirty.minutes": "Every thirty minutes",
     "rule.interval.three.hours": "Every three hours",
     "save": "Save",
+    "search.layout.settings": "Edit search result layout",
     "search.open": "Open Search",
     "search.result.showing": "Showing {{offset}} to {{length}} of {{total}} results",
     "search.result.showing.single": "No results",

package/locales/fr/translation.json

@@ -364,7 +364,6 @@
     "page.help": "Aide",
     "page.help.title": "Tableau de bord de l'aide",
     "page.login.button": "Se connecter",
-    "page.login.error": "Tapez simplement n'importe quoi dans les champs du nom d'utilisateur et du mot de passe ...",
     "page.login.password": "Mot de passe",
     "page.login.username": "Nom d'utilisateur",
     "page.logout": "Déconnexion de l'utilisateur actuel ... ",
@@ -445,6 +444,7 @@
     "route.actions.create": "Nouveau action",
     "route.actions.edit": "Modifier",
     "route.actions.execute": "Exécuter",
+    "route.actions.manager": "Gestion des actions",
     "route.actions.name": "Nom de l'action",
     "route.actions.open": "Ouvrir la requête",
     "route.actions.operation.add": "Ajouter une nouvelle opération",
@@ -505,9 +505,11 @@
     "route.analytics.deleted": "Règle supprimée!",
     "route.analytics.detection.title": "Hits ingérés au cours des trois derniers mois par détection",
     "route.analytics.detections": "Détections:",
+    "route.analytics.dropdown.detection": "Détection",
     "route.analytics.escalation.title": "Escalade des hits créés",
     "route.analytics.filter.rule": "Filtre sur les règles",
     "route.analytics.ingestion.title": "Nombre de hits créés",
+    "route.analytics.manager.search": "Rechercher les analyses",
     "route.analytics.overview.description": "Description",
     "route.analytics.overview.empty.description": "Il n'y a pas de résultats existants pour cette analyse. Les statistiques ne peuvent pas être affichées.",
     "route.analytics.overview.empty.title": "Pas de statistiques à montrer",
@@ -600,6 +602,7 @@
     "route.dossiers.search.prompt": "Recherche par titre, requête ou propriétaire.",
     "route.dossiers.view": "Voir le dossier",
     "route.help": "Aide",
+    "route.help.actions": "Documentation sur les actions",
     "route.help.api": "Documentation de l'API",
     "route.help.auth": "Authentification",
     "route.help.bundles": "Groupes des hits",
@@ -663,6 +666,7 @@
     "route.overviews.theme.dark": "Prévoyez en mode sombre",
     "route.overviews.theme.light": "Prévoyez en mode clair",
     "route.overviews.view": "Voir la vue d'ensemble",
+    "route.search": "Rechercher",
     "route.templates": "Modèles",
     "route.templates.analytic": "Choisir une analyse",
     "route.templates.builtin": "Intégré",
@@ -671,15 +675,16 @@
     "route.templates.create": "Nouvelle modèle",
     "route.templates.default": "Défaut",
     "route.templates.detection": "Choisir une détection",
-    "route.templates.global": "Général",
+    "route.templates.global": "Global",
+    "route.templates.manager.error.action": "Cliquez ici pour afficher les options de correction rapide",
+    "route.templates.manager.error.message": "Détection non valide",
+    "route.templates.manager.error.modal.description": "Les clés du modèle sont en lecture seule et ne seront pas utilisées. Voulez-vous supprimer le modèle ?",
+    "route.templates.manager.error.modal.title": "La détection du modèle n'existe plus",
     "route.templates.manager.global": "Global",
+    "route.templates.manager.open": "Ouvrir la vue",
     "route.templates.manager.personal": "Personnel",
     "route.templates.manager.readonly": "Intégré",
     "route.templates.manager.search": "Rechercher les modèles",
-    "route.templates.manager.error.message": "Détection non valide",
-    "route.templates.manager.error.action": "Cliquez ici pour afficher les options de correction rapide",
-    "route.templates.manager.error.modal.title": "La détection du modèle n'existe plus",
-    "route.templates.manager.error.modal.description": "Les clés du modèle sont en lecture seule et ne seront pas utilisées. Voulez-vous supprimer le modèle ?",
     "route.templates.personal": "Personnel",
     "route.templates.prompt": "Activer l'autocomplétion en utilisant [ctrl + espace].",
     "route.templates.readonly.warning": "Il s'agit d'un modèle intégré qui ne peut pas être modifié. Pour le modifier, veuillez contacter",
@@ -700,8 +705,10 @@
     "route.views.manager.personal": "Personnel",
     "route.views.manager.readonly": "Intégré",
     "route.views.manager.search": "Rechercher les vues",
+    "route.views.name": "Nom de la vue",
     "route.views.save": "Enregistrer cette requête comme vue",
     "route.views.saved": "Vues épinglées",
+    "route.views.search.prompt": "Rechercher par nom, requête ou propriétaire.",
     "route.views.show": "Voir les vues",
     "route.views.update.success": "Vue actualisée.",
     "rule.interval": "Intervalle d'exécution de la règle",
@@ -714,6 +721,7 @@
     "rule.interval.thirty.minutes": "Toutes les trente minutes",
     "rule.interval.three.hours": "Toutes les trois heures",
     "save": "Sauvegarder",
+    "search.layout.settings": "Modifier la présentation des résultats de recherche",
     "search.open": "Ouvrir la recherche",
     "search.result.showing": "Affichage de {{offset}} à {{length}} sur {{total}} articles",
     "search.result.showing.single": "Aucun articles",

package/package.json

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