@cccsaurora/howler-ui 2.19.0-dev.979 → 2.19.0-dev.989

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

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

package/components/elements/hit/HitBanner.js

@@ -12,9 +12,9 @@ import { Link } from 'react-router-dom';
 import { ESCALATION_COLORS, PROVIDER_COLORS } from '@cccsaurora/howler-ui/utils/constants';
 import { stringToColor } from '@cccsaurora/howler-ui/utils/utils';
 import PluginTypography from '../PluginTypography';
-import Assigned from './elements/Assigned';
 import EscalationChip from './elements/EscalationChip';
 import HitTimestamp from './elements/HitTimestamp';
+import HitUsers from './elements/HitUsers';
 import HitBannerTooltip from './HitBannerTooltip';
 import { HitLayout } from './HitLayout';
 const HitBanner = ({ hit, layout = HitLayout.NORMAL, showAssigned = true }) => {
@@ -115,7 +115,7 @@ const HitBanner = ({ hit, layout = HitLayout.NORMAL, showAssigned = true }) => {
                             width: theme.spacing(3)
                         }
                     }
-                ], children: [_jsx(HitTimestamp, { hit: hit, layout: layout }), showAssigned && _jsx(Assigned, { hit: hit, layout: layout }), hit.howler.links?.[0]?.href && (_jsx(Chip, { icon: _jsx(OpenInNew, {}), label: hit.howler.links[0].title || t('hit.header.link'), size: layout !== HitLayout.COMFY ? 'small' : 'medium', component: "a", href: hit.howler.links[0].href, target: "_blank", rel: "noopener noreferrer", sx: { [`.${chipClasses.label}`]: { cursor: 'pointer !important' } }, onClick: e => {
+                ], children: [_jsx(HitTimestamp, { hit: hit, layout: layout }), _jsx(HitUsers, { hit: hit, layout: layout, showAssigned: showAssigned }), hit.howler.links?.[0]?.href && (_jsx(Chip, { icon: _jsx(OpenInNew, {}), label: hit.howler.links[0].title || t('hit.header.link'), size: layout !== HitLayout.COMFY ? 'small' : 'medium', component: "a", href: hit.howler.links[0].href, target: "_blank", rel: "noopener noreferrer", sx: { [`.${chipClasses.label}`]: { cursor: 'pointer !important' } }, onClick: e => {
                             e.stopPropagation();
                         } })), _jsxs(Stack, { direction: "row", spacing: layout !== HitLayout.COMFY ? 0.5 : 1, children: [_jsx(EscalationChip, { hit: hit, layout: layout }), ['in-progress', 'on-hold'].includes(hit.howler.status) && (_jsx(Chip, { sx: { width: 'fit-content', display: 'inline-flex' }, label: hit.howler.status, size: layout !== HitLayout.COMFY ? 'small' : 'medium', color: "primary" })), hit.howler.is_bundle && (_jsx(Chip, { size: layout !== HitLayout.COMFY ? 'small' : 'medium', label: t('hit.header.bundlesize', { hits: hit.howler.hits.length }) }))] }), howlerPluginStore.plugins.flatMap(plugin => pluginStore.executeFunction(`${plugin}.status`, { hit, layout }))] })] }));
 };

package/components/elements/hit/elements/{Assigned.d.ts → HitUsers.d.ts}

@@ -1,9 +1,12 @@
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 import type { FC } from 'react';
 import { HitLayout } from '../HitLayout';
-declare const Assigned: FC<{
+type AssignedProps = FC<{
     hit: Hit;
     layout: HitLayout;
     hideLabel?: boolean;
+    showAssigned?: boolean;
+    showAssessor?: boolean;
 }>;
-export default Assigned;
+declare const HitUsers: AssignedProps;
+export default HitUsers;

package/components/elements/hit/elements/HitUsers.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { avatarClasses, AvatarGroup, Chip, Divider, Stack, Typography } from '@mui/material';
+import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import HowlerAvatar from '@cccsaurora/howler-ui/components/elements/display/HowlerAvatar';
+import { useTranslation } from 'react-i18next';
+import { HitLayout } from '../HitLayout';
+const AvatarChip = ({ userId, noUser, placeholder, layout, hideLabel }) => {
+    const userAvatar = (_jsx(HowlerAvatar, { userId: userId, sx: { height: layout !== HitLayout.COMFY ? 24 : 32, width: layout !== HitLayout.COMFY ? 24 : 32 } }));
+    return hideLabel ? (userAvatar) : (_jsx(Chip, { variant: "outlined", sx: {
+            width: 'fit-content',
+            '& .MuiChip-icon': {
+                marginLeft: 0
+            }
+        }, icon: userAvatar, label: userId && userId !== noUser ? userId : placeholder, size: layout !== HitLayout.COMFY ? 'small' : 'medium' }));
+};
+const HitUsers = ({ hit, layout, hideLabel = false, showAssigned = false, showAssessor = false }) => {
+    const { t } = useTranslation();
+    const { user } = useAppUser();
+    const assessorVisible = showAssessor || hit.howler.assessment != null;
+    const assigneeVisible = !hit.howler.assessor && (showAssigned || hit.howler.assignment !== 'unassigned');
+    return (_jsxs(Stack, { direction: hideLabel ? 'row' : 'column', spacing: 0.5, alignItems: "flex-start", children: [_jsxs(Stack, { display: "grid", gridTemplateColumns: "repeat(2, 1fr)", alignItems: "center", columnGap: 0.5, rowGap: 0.25, 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 })] })), assessorVisible && (_jsxs(_Fragment, { children: [!hideLabel && _jsxs(Typography, { variant: "caption", children: [t('app.drawer.hit.assessment.assessor'), ":"] }), _jsx(AvatarChip, { userId: hit.howler.assessor, noUser: "unknown", placeholder: t('app.drawer.hit.assessment.unknown.name'), layout: layout, hideLabel: hideLabel })] }))] }), hit.howler.viewers?.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,
+                            width: layout !== HitLayout.COMFY ? 24 : 32,
+                            fontSize: '12px'
+                        }
+                    }
+                }, children: [...new Set(hit?.howler.viewers)]
+                    .filter(viewer => viewer !== user.username)
+                    .map(viewer => (_jsx(HowlerAvatar, { userId: viewer, sx: { height: layout !== HitLayout.COMFY ? 24 : 32, width: layout !== HitLayout.COMFY ? 24 : 32 } }, viewer))) })] }));
+};
+export default HitUsers;

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

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

package/locales/en/translation.json

@@ -26,6 +26,9 @@
     "apikey.impersonate": "Impersonate",
     "apikey.read": "Read",
     "apikey.write": "Write",
+    "app.drawer.hit.assessment.assessor": "Assessor",
+    "app.drawer.hit.assessment.unknown.name": "Unknown",
+    "app.drawer.hit.assignment.assignee": "Assignee",
     "app.drawer.hit.assignment.autocomplete.label": "Choose Assignee",
     "app.drawer.hit.assignment.description": "Choose a user to assign this hit to.",
     "app.drawer.hit.assignment.success": "User assigned to hit sucessfully.",

package/locales/fr/translation.json

@@ -26,6 +26,9 @@
     "apikey.impersonate": "Imiter",
     "apikey.read": "Lire",
     "apikey.write": "Écrire",
+    "app.drawer.hit.assessment.assessor": "Évaluateur",
+    "app.drawer.hit.assessment.unknown.name": "Inconnu",
+    "app.drawer.hit.assignment.assignee": "Cessionnaire",
     "app.drawer.hit.assignment.autocomplete.label": "Choisissez le destinataire",
     "app.drawer.hit.assignment.description": "Choisissez un utilisateur à qui assigner ce hit.",
     "app.drawer.hit.assignment.success": "L'utilisateur a été assigné au hit avec succès.",

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

@@ -45,6 +45,7 @@ export interface Hit {
   aws?: Aws;
   azure?: Azure;
   cbs?: Cbs;
+  classification?: string;
   cloud?: Cloud;
   clue?: Clue;
   container?: Container;

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

@@ -13,6 +13,7 @@ import type { Votes } from './Votes';
 export interface Howler {
   analytic: string;
   assessment?: string;
+  assessor?: string;
   assignment: string;
   bundle_size?: number;
   bundles?: string[];

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

@@ -4,6 +4,7 @@ import type { Dashboard } from './Dashboard';
  * NOTE: This is an auto-generated file. Don't edit this manually.
  */
 export interface UserUser {
+  access_control?: string;
   api_quota?: number;
   classification?: string;
   dashboard?: Dashboard;
@@ -14,6 +15,7 @@ export interface UserUser {
   is_active?: boolean;
   name?: string;
   password?: string;
+  refresh_rate?: number;
   type?: string[];
   uname?: string;
 }

package/package.json

@@ -28,15 +28,15 @@
     "@monaco-editor/react": "^4.7.0",
     "ajv": "^8.20.0",
     "ajv-i18n": "^4.2.0",
-    "axios": "^1.16.1",
+    "axios": "^1.17.0",
     "axios-retry": "^3.9.1",
     "chart.js": "^4.5.1",
     "chartjs-adapter-dayjs-4": "^1.0.4",
     "chartjs-plugin-zoom": "^2.2.0",
     "dayjs": "^1.11.21",
-    "dompurify": "^3.4.7",
+    "dompurify": "^3.4.8",
     "flat": "^6.0.1",
-    "fuse.js": "^7.3.0",
+    "fuse.js": "^7.4.1",
     "handlebars": "^4.7.9",
     "handlebars-async-helpers": "^1.0.6",
     "i18next": "^23.16.8",
@@ -57,7 +57,7 @@
     "react-pluggable": "^0.4.3",
     "react-resize-detector": "^9.1.1",
     "react-router": "6.30.4",
-    "react-router-dom": "6.30.3",
+    "react-router-dom": "6.30.4",
     "react-syntax-highlighter": "^15.6.6",
     "rehype-raw": "^7.0.0",
     "remark": "^15.0.1",
@@ -96,7 +96,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.19.0-dev.979",
+  "version": "2.19.0-dev.989",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",

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

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { avatarClasses, AvatarGroup, Chip, Stack } from '@mui/material';
-import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import HowlerAvatar from '@cccsaurora/howler-ui/components/elements/display/HowlerAvatar';
-import { useTranslation } from 'react-i18next';
-import { HitLayout } from '../HitLayout';
-const Assigned = ({ hit, layout, hideLabel = false }) => {
-    const { t } = useTranslation();
-    const { user } = useAppUser();
-    const userAvatar = (_jsx(HowlerAvatar, { userId: hit.howler.assignment, sx: { height: layout !== HitLayout.COMFY ? 24 : 32, width: layout !== HitLayout.COMFY ? 24 : 32 } }));
-    return (_jsxs(Stack, { direction: "row", spacing: 0.5, children: [hideLabel ? (userAvatar) : (_jsx(Chip, { variant: "outlined", sx: {
-                    width: 'fit-content',
-                    '& .MuiChip-icon': {
-                        marginLeft: 0
-                    }
-                }, icon: userAvatar, label: !hideLabel &&
-                    (hit?.howler.assignment !== 'unassigned'
-                        ? hit?.howler.assignment
-                        : t('app.drawer.hit.assignment.unassigned.name')), size: layout !== HitLayout.COMFY ? 'small' : 'medium' })), _jsx(AvatarGroup, { max: 3, sx: { [`.${avatarClasses.root}`]: { border: 0, marginLeft: 0.5 } }, componentsProps: {
-                    additionalAvatar: {
-                        sx: {
-                            height: layout !== HitLayout.COMFY ? 24 : 32,
-                            width: layout !== HitLayout.COMFY ? 24 : 32,
-                            fontSize: '12px'
-                        }
-                    }
-                }, children: [...new Set(hit?.howler.viewers)]
-                    .filter(viewer => viewer !== user.username)
-                    .map(viewer => (_jsx(HowlerAvatar, { userId: viewer, sx: { height: layout !== HitLayout.COMFY ? 24 : 32, width: layout !== HitLayout.COMFY ? 24 : 32 } }, viewer))) })] }));
-};
-export default Assigned;