@cccsaurora/howler-ui 2.19.0-dev.1296 → 2.19.0-dev.1308

package/components/elements/display/HandlebarsMarkdown.js

@@ -80,15 +80,16 @@ const HandlebarsMarkdown = ({ md, object = {}, disableLinks = false }) => {
     }, [handlebars, helpers, mdComponents]);
     useEffect(() => {
         THROTTLER.debounce(async () => {
+            // Types are a bit muddled here due to the async helpers
             const compiled = handlebars.compile(md || '');
             try {
-                setRendered(compiled(object));
+                setRendered(await compiled(object));
             }
             catch (err) {
                 if (err.message?.startsWith('Missing helper')) {
                     const missingHelper = err.message.replace(/.+"(.+)"/, '$1');
                     handlebars.registerHelper(missingHelper, () => new Handlebars.SafeString(`<span style="color: red; font-weight: bold; font-family: monospace;">Missing helper ${missingHelper}</span>`));
-                    setRendered(compiled(object));
+                    setRendered(await compiled(object));
                     return;
                 }
                 if (err instanceof HowlerHandlebarsRenderError) {

package/components/elements/hit/elements/Assigned.js

@@ -1,5 +1,5 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { avatarClasses, AvatarGroup, Chip, Divider, Stack, Typography } from '@mui/material';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { avatarClasses, AvatarGroup, Chip, Divider, Stack } from '@mui/material';
 import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import { SocketContext } from '@cccsaurora/howler-ui/components/app/providers/SocketProvider';
 import HowlerAvatar from '@cccsaurora/howler-ui/components/elements/display/HowlerAvatar';
@@ -22,7 +22,7 @@ const Assigned = ({ hit, layout, hideLabel = false, showAssigned = false }) => {
     const { viewers } = useContext(SocketContext);
     const hitViewers = uniq(viewers[hit?.howler?.id] ?? []).filter(viewer => viewer !== user.username);
     const assigneeVisible = showAssigned || hit.howler.assignment !== 'unassigned';
-    return (_jsxs(Stack, { direction: "row", spacing: 0.5, children: [assigneeVisible && (_jsxs(_Fragment, { children: [!hideLabel && _jsxs(Typography, { variant: "caption", children: [t('app.drawer.hit.assignment.assignee'), ":"] }), _jsx(AvatarChip, { userId: hit?.howler.assignment, noUser: "unassigned", placeholder: t('app.drawer.hit.assignment.unassigned.name'), layout: layout, hideLabel: hideLabel })] })), hitViewers.length > 0 && hideLabel && _jsx(Divider, { orientation: "vertical", flexItem: true, variant: "middle" }), _jsx(AvatarGroup, { max: 3, sx: { [`.${avatarClasses.root}`]: { border: 0, marginLeft: 0.5 } }, componentsProps: {
+    return (_jsxs(Stack, { direction: "row", spacing: 0.5, children: [assigneeVisible && (_jsx(AvatarChip, { userId: hit?.howler.assignment, noUser: "unassigned", placeholder: t('app.drawer.hit.assignment.unassigned.name'), layout: layout, hideLabel: hideLabel })), hitViewers.length > 0 && hideLabel && _jsx(Divider, { orientation: "vertical", flexItem: true, variant: "middle" }), _jsx(AvatarGroup, { max: 3, sx: { [`.${avatarClasses.root}`]: { border: 0, marginLeft: 0.5 } }, componentsProps: {
                     additionalAvatar: {
                         sx: {
                             height: layout !== HitLayout.COMFY ? 24 : 32,

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

@@ -6,6 +6,7 @@ import { chunk, uniq } from 'lodash-es';
 import { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
+import { buildPathFromID } from '../utils';
 const AlertPanel = ({ case: _case }) => {
     const theme = useTheme();
     const { t } = useTranslation();
@@ -15,7 +16,7 @@ const AlertPanel = ({ case: _case }) => {
         return _jsx(Skeleton, { height: 240 });
     }
     return (_jsxs(Stack, { spacing: 1, children: [_jsxs(Stack, { direction: "row", children: [_jsx(Typography, { flex: 1, variant: "h4", children: t('page.cases.dashboard.alerts') }), _jsx(Pagination, { count: alertPages.length, page: alertPage, onChange: (_, page) => setAlertPage(page) })] }), _jsx(Divider, {}), alertPages?.length > 0 &&
-                alertPages[alertPage - 1].map(item => (_jsxs(Box, { position: "relative", children: [_jsx(HitCard, { layout: HitLayout.DENSE, id: item.value, lazy: true }), _jsx(Box, { component: Link, to: `/hits/${item.value}`, sx: {
+                alertPages[alertPage - 1].map(item => (_jsxs(Box, { position: "relative", children: [_jsx(HitCard, { layout: HitLayout.DENSE, id: item.value, lazy: true }), _jsx(Box, { component: Link, to: `/cases/${_case.case_id}/${buildPathFromID(_case, item.id)}`, sx: {
                                 position: 'absolute',
                                 top: 0,
                                 left: 0,

package/components/routes/cases/detail/AlertPanel.test.js

@@ -89,8 +89,8 @@ describe('AlertPanel', () => {
         const { container } = renderPanel(_case);
         const links = Array.from(container.querySelectorAll('a'));
         expect(links).toHaveLength(2);
-        expect(links[0]).toHaveAttribute('href', '/hits/hit-1');
-        expect(links[1]).toHaveAttribute('href', '/hits/hit-2');
+        expect(links[0]).toHaveAttribute('href', '/cases/case-3/hit-1');
+        expect(links[1]).toHaveAttribute('href', '/cases/case-3/hit-2');
     });
     it('shows pagination with multiple pages and switches to page 2 items', () => {
         const items = Array.from({ length: 6 }, (_, idx) => makeHitItem(`hit-${idx + 1}`, `/cases/test/hit-${idx + 1}`));

package/locales/en/translation.json

@@ -405,6 +405,7 @@
     "page.cases.dashboard.tasks.hide_child": "Hide child case tasks",
     "page.cases.dashboard.tasks.show_child": "Show child case tasks",
     "page.cases.dashboard.threat": "Threats",
+    "page.cases.detail.assignment": "Case Assignee(s)",
     "page.cases.detail.escalation": "Escalation",
     "page.cases.detail.participants": "Participants",
     "page.cases.detail.properties": "Properties",

package/locales/fr/translation.json

@@ -405,6 +405,7 @@
     "page.cases.dashboard.tasks.hide_child": "Masquer les tâches des cas enfants",
     "page.cases.dashboard.tasks.show_child": "Afficher les tâches des cas enfants",
     "page.cases.dashboard.threat": "Menaces",
+    "page.cases.detail.assignment": "Assigné(s) du cas",
     "page.cases.detail.escalation": "Escalade",
     "page.cases.detail.participants": "Participants",
     "page.cases.detail.properties": "Propriétés",

package/package.json

@@ -93,7 +93,7 @@
     "url": "https://github.com/CybercentreCanada/howler"
   },
   "type": "module",
-  "version": "2.19.0-dev.1296",
+  "version": "2.19.0-dev.1308",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",