@cccsaurora/howler-ui 2.19.0-dev.1181 → 2.19.0-dev.1264

package/utils/constants.js

@@ -105,6 +105,12 @@ export const DATE_RANGES = [
     'date.range.all',
     'date.range.custom'
 ];
+export const DATE_RANGE_LUCENE = {
+    'date.range.1.day': 'now-1d/d',
+    'date.range.3.day': 'now-3d/d',
+    'date.range.1.week': 'now-7d/d',
+    'date.range.1.month': 'now-1M/M'
+};
 export const LABEL_TYPES = {
     insight: { icon: _jsx(PsychologyAlt, { fontSize: "small" }), color: '#FFFFFF' }, //brain icon
     mitigation: { icon: _jsx(LocalPolice, { fontSize: "small" }), color: blue[600] }, //police badge

package/utils/recordFunctions.d.ts

@@ -0,0 +1,3 @@
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+export declare const getUserList: (record: Hit | Event) => Set<string>;

package/utils/recordFunctions.js

@@ -0,0 +1,8 @@
+export const getUserList = (record) => {
+    const ids = new Set();
+    if (record) {
+        record.howler?.log?.forEach(l => ids.add(l.user));
+        record.howler?.comment?.forEach(c => ids.add(c.user), ids);
+    }
+    return ids;
+};

package/utils/recordFunctions.test.d.ts

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

package/utils/{hitFunctions.test.js → recordFunctions.test.js}

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { getUserList } from './hitFunctions';
+import { getUserList } from './recordFunctions';
 const makeHit = (howlerOverrides = {}) => ({
     howler: {
         log: [],

package/utils/socketUtils.d.ts

@@ -1,8 +1,22 @@
 import type { RecievedDataType } from '@cccsaurora/howler-ui/components/app/providers/SocketProvider';
+import type { CaseUpdate } from '@cccsaurora/howler-ui/models/socket/CaseUpdate';
 import type { HitUpdate } from '@cccsaurora/howler-ui/models/socket/HitUpdate';
+import type { ViewersUpdate } from '@cccsaurora/howler-ui/models/socket/ViewersUpdate';
 /**
  * Checks to see if the data recieved from the socket is a hit update
  * @param data The data recieved from the socket
  * @returns whether the data is a hit update
  */
 export declare const isHitUpdate: (data: any) => data is RecievedDataType<HitUpdate>;
+/**
+ * Checks to see if the data received from the socket is a case update
+ * @param data The data received from the socket
+ * @returns whether the data is a case update
+ */
+export declare const isCaseUpdate: (data: any) => data is RecievedDataType<CaseUpdate>;
+/**
+ * Checks to see if the data received from the socket is a viewers update
+ * @param data The data received from the socket
+ * @returns whether the data is a viewers update
+ */
+export declare const isViewersUpdate: (data: any) => data is RecievedDataType<ViewersUpdate>;

package/utils/socketUtils.js

@@ -4,5 +4,21 @@
  * @returns whether the data is a hit update
  */
 export const isHitUpdate = (data) => {
-    return data.version && data.hit;
+    return !!(data.version && data.hit);
+};
+/**
+ * Checks to see if the data received from the socket is a case update
+ * @param data The data received from the socket
+ * @returns whether the data is a case update
+ */
+export const isCaseUpdate = (data) => {
+    return !!(data.type === 'cases' && data.case);
+};
+/**
+ * Checks to see if the data received from the socket is a viewers update
+ * @param data The data received from the socket
+ * @returns whether the data is a viewers update
+ */
+export const isViewersUpdate = (data) => {
+    return !!(data.type === 'viewers_update' && data.viewers && data.id);
 };

package/utils/socketUtils.test.js

@@ -1,26 +1,59 @@
-/// <reference types="vitest" />
 import { describe, expect, it } from 'vitest';
-import { isHitUpdate } from './socketUtils';
+import { isCaseUpdate, isHitUpdate, isViewersUpdate } from './socketUtils';
 describe('isHitUpdate', () => {
-    it('returns truthy when data has both a truthy version and a hit', () => {
-        expect(isHitUpdate({ version: 1, hit: {} })).toBeTruthy();
+    it('returns true when data has version and hit', () => {
+        const data = { version: '1', hit: { howler: { id: 'h1' } }, type: 'hits', error: false, message: '', status: 200 };
+        expect(isHitUpdate(data)).toBeTruthy();
     });
-    it('returns truthy when version is a non-empty string', () => {
-        expect(isHitUpdate({ version: 'v1', hit: { howler: {} } })).toBeTruthy();
+    it('returns false when hit is missing', () => {
+        const data = { version: '1', type: 'hits', error: false, message: '', status: 200 };
+        expect(isHitUpdate(data)).toBeFalsy();
     });
-    it('returns falsy when version is missing', () => {
-        expect(isHitUpdate({ hit: {} })).toBeFalsy();
+    it('returns false when version is missing', () => {
+        const data = { hit: { howler: { id: 'h1' } }, type: 'hits', error: false, message: '', status: 200 };
+        expect(isHitUpdate(data)).toBeFalsy();
     });
-    it('returns falsy when hit is missing', () => {
-        expect(isHitUpdate({ version: 1 })).toBeFalsy();
+});
+describe('isCaseUpdate', () => {
+    it('returns true when type is cases and case is present', () => {
+        const data = { type: 'cases', case: { case_id: 'c1' }, error: false, message: '', status: 200 };
+        expect(isCaseUpdate(data)).toBeTruthy();
+    });
+    it('returns false when type is not cases', () => {
+        const data = { type: 'hits', case: { case_id: 'c1' }, error: false, message: '', status: 200 };
+        expect(isCaseUpdate(data)).toBeFalsy();
+    });
+    it('returns false when case is missing', () => {
+        const data = { type: 'cases', error: false, message: '', status: 200 };
+        expect(isCaseUpdate(data)).toBeFalsy();
+    });
+    it('returns false when case is null', () => {
+        const data = { type: 'cases', case: null, error: false, message: '', status: 200 };
+        expect(isCaseUpdate(data)).toBeFalsy();
+    });
+});
+describe('isViewersUpdate', () => {
+    it('returns true when type is viewers_update with id and viewers', () => {
+        const data = {
+            type: 'viewers_update',
+            id: 'entity-1',
+            viewers: ['alice', 'bob'],
+            error: false,
+            message: '',
+            status: 200
+        };
+        expect(isViewersUpdate(data)).toBeTruthy();
     });
-    it('returns falsy when both fields are missing', () => {
-        expect(isHitUpdate({})).toBeFalsy();
+    it('returns false when type is wrong', () => {
+        const data = { type: 'cases', id: 'entity-1', viewers: ['alice'], error: false, message: '', status: 200 };
+        expect(isViewersUpdate(data)).toBeFalsy();
     });
-    it('returns falsy when version is 0 (falsy)', () => {
-        expect(isHitUpdate({ version: 0, hit: {} })).toBeFalsy();
+    it('returns false when viewers is missing', () => {
+        const data = { type: 'viewers_update', id: 'entity-1', error: false, message: '', status: 200 };
+        expect(isViewersUpdate(data)).toBeFalsy();
     });
-    it('returns falsy when hit is null (falsy)', () => {
-        expect(isHitUpdate({ version: 1, hit: null })).toBeFalsy();
+    it('returns false when id is missing', () => {
+        const data = { type: 'viewers_update', viewers: ['alice'], error: false, message: '', status: 200 };
+        expect(isViewersUpdate(data)).toBeFalsy();
     });
 });

package/utils/typeUtils.d.ts

@@ -0,0 +1,7 @@
+import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
+export declare const isHit: (obj: WithMetadata<any>) => obj is Hit;
+export declare const isCase: (obj: WithMetadata<any>) => obj is Case;
+export declare const isEvent: (obj: WithMetadata<any>) => obj is Event;

package/utils/typeUtils.js

@@ -0,0 +1,27 @@
+export const isHit = (obj) => {
+    if (!obj) {
+        return false;
+    }
+    if (obj.__index === 'hit') {
+        return true;
+    }
+    return false;
+};
+export const isCase = (obj) => {
+    if (!obj) {
+        return false;
+    }
+    if (obj.__index === 'case') {
+        return true;
+    }
+    return false;
+};
+export const isEvent = (obj) => {
+    if (!obj) {
+        return false;
+    }
+    if (obj.__index === 'event') {
+        return true;
+    }
+    return false;
+};

package/utils/viewUtils.js

@@ -7,5 +7,8 @@ export const buildViewUrl = (view) => {
     if (view.sort) {
         params.set('sort', view.sort);
     }
+    if (view.indexes && view.indexes.length > 0) {
+        view.indexes.forEach(index => params.append('index', index));
+    }
     return `/search?${params.toString()}`;
 };

package/api/analytic/rules.d.ts

@@ -1,4 +0,0 @@
-import { type HowlerRefreshParam } from '@cccsaurora/howler-ui/api';
-import type { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
-export declare const uri: () => string;
-export declare const post: (body: Pick<Analytic, "description" | "name" | "rule" | "rule_type" | "rule_crontab">, refresh?: HowlerRefreshParam) => Promise<Analytic>;

package/api/analytic/rules.js

@@ -1,8 +0,0 @@
-import { hpost, joinUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/analytic';
-export const uri = () => {
-    return joinUri(parentUri(), 'rules');
-};
-export const post = (body, refresh) => {
-    return hpost(uri(), body, undefined, refresh ? new URLSearchParams({ refresh }) : undefined);
-};

package/components/app/providers/HitProvider.d.ts

@@ -1,22 +0,0 @@
-import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
-import type { FC, PropsWithChildren } from 'react';
-export interface HitContextType {
-    hits: {
-        [index: string]: Hit;
-    };
-    selectedHits: Hit[];
-    addHitToSelection: (id: string) => void;
-    removeHitFromSelection: (id: string) => void;
-    clearSelectedHits: (except?: string) => void;
-    loadHits: (hits: Hit[]) => void;
-    updateHit: (newHit: Hit) => void;
-    getHit: (id: string, force?: boolean) => Promise<WithMetadata<Hit>>;
-}
-export declare const HitContext: import("use-context-selector").Context<HitContextType>;
-/**
- * Central repository for storing individual hit data across the application. Allows efficient retrieval of hits across componenents.
- */
-declare const HitProvider: FC<PropsWithChildren>;
-export declare const useHitContextSelector: <Selected>(selector: (value: HitContextType) => Selected) => Selected;
-export default HitProvider;

package/components/elements/display/icons/BundleButton.d.ts

@@ -1,6 +0,0 @@
-import type { FC } from 'react';
-declare const BundleButton: FC<{
-    ids: string[];
-    disabled?: boolean;
-}>;
-export default BundleButton;

package/components/elements/display/icons/BundleButton.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { AccountTree } from '@mui/icons-material';
-import { ListItemText, Menu, MenuItem, Typography } from '@mui/material';
-import TuiIconButton from '@cccsaurora/howler-ui/components/elements/addons/buttons/CustomIconButton';
-import { useCallback, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
-const BundleButton = ({ ids, disabled = false }) => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const [anchorEl, setAnchorEl] = useState(null);
-    const onClick = useCallback((event) => {
-        if (ids.length === 1) {
-            navigate(`/bundles/${ids[0]}`);
-        }
-        else {
-            setAnchorEl(event.currentTarget);
-        }
-    }, [ids, navigate]);
-    const handleClose = useCallback(() => setAnchorEl(null), []);
-    return (_jsxs(_Fragment, { children: [_jsx(TuiIconButton, { size: "small", tooltip: t(`hit.panel.bundles.open${ids.length > 1 ? '' : '.prompt'}`), onClick: onClick, disabled: disabled, "aria-disabled": disabled, "aria-haspopup": "true", "aria-controls": anchorEl ? 'bundle-action-menu' : undefined, "aria-expanded": anchorEl ? 'true' : undefined, children: _jsx(AccountTree, {}) }), _jsx(Menu, { id: "bundle-action-menu", anchorEl: anchorEl, open: !!anchorEl, onClose: handleClose, MenuListProps: {
-                    dense: true,
-                    'aria-labelledby': `bundle-button`
-                }, anchorOrigin: {
-                    vertical: 'bottom',
-                    horizontal: 'right'
-                }, transformOrigin: {
-                    vertical: 'top',
-                    horizontal: 'right'
-                }, children: ids.map(id => (_jsx(MenuItem, { onClick: () => navigate(`/bundles/${id}`), children: _jsx(ListItemText, { primary: t('hit.panel.bundles.open.prompt'), secondary: _jsx(Typography, { variant: "caption", color: "text.secondary", children: id }) }) }, id))) })] }));
-};
-export default BundleButton;

package/components/elements/hit/HitContextMenu.js

@@ -1,239 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { AddCircleOutline, Assignment, Edit, HowToVote, KeyboardArrowRight, OpenInNew, QueryStats, RemoveCircleOutline, SettingsSuggest, Terminal } from '@mui/icons-material';
-import { Box, Divider, Fade, ListItemIcon, ListItemText, Menu, MenuItem, MenuList, Paper } from '@mui/material';
-import api from '@cccsaurora/howler-ui/api';
-import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
-import useMatchers from '@cccsaurora/howler-ui/components/app/hooks/useMatchers';
-import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
-import { HitContext } from '@cccsaurora/howler-ui/components/app/providers/HitProvider';
-import { ParameterContext } from '@cccsaurora/howler-ui/components/app/providers/ParameterProvider';
-import { TOP_ROW, VOTE_OPTIONS } from '@cccsaurora/howler-ui/components/elements/hit/actions/SharedComponents';
-import useHitActions from '@cccsaurora/howler-ui/components/hooks/useHitActions';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import useMyActionFunctions from '@cccsaurora/howler-ui/components/routes/action/useMyActionFunctions';
-import { capitalize, get, groupBy, isEmpty, toString } from 'lodash-es';
-import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
-import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { usePluginStore } from 'react-pluggable';
-import { Link } from 'react-router-dom';
-import { useContextSelector } from 'use-context-selector';
-import { DEFAULT_QUERY } from '@cccsaurora/howler-ui/utils/constants';
-import { sanitizeLuceneQuery } from '@cccsaurora/howler-ui/utils/stringUtils';
-/**
- * Order in which action types should be displayed in the context menu
- */
-const ORDER = ['assessment', 'vote', 'action'];
-/**
- * The margin at the bottom of the screen by which the context menu should be inverted.
- * That is, if right clicking within this many pixels of the bottom, render the context menu to the top right
- * of the pointer instead of the bottom right.
- */
-const CONTEXTMENU_MARGIN = 350;
-/**
- * Icon mapping for different action types
- */
-const ICON_MAP = {
-    assessment: _jsx(Assignment, {}),
-    vote: _jsx(HowToVote, {}),
-    action: _jsx(Edit, {})
-};
-/**
- * Context menu component for hit operations.
- * Provides quick access to common hit actions including assessment, voting,
- * transitions, and exclusion filters based on template fields.
- */
-const HitContextMenu = ({ children, getSelectedId, Component = Box }) => {
-    const { t } = useTranslation();
-    const { dispatchApi } = useMyApi();
-    const { executeAction } = useMyActionFunctions();
-    const appUser = useAppUser();
-    const { config } = useContext(ApiConfigContext);
-    const pluginStore = usePluginStore();
-    const { getMatchingAnalytic, getMatchingTemplate } = useMatchers();
-    const query = useContextSelector(ParameterContext, ctx => ctx?.query);
-    const setQuery = useContextSelector(ParameterContext, ctx => ctx?.setQuery);
-    const [id, setId] = useState(null);
-    const hit = useContextSelector(HitContext, ctx => ctx.hits[id]);
-    const selectedHits = useContextSelector(HitContext, ctx => ctx.selectedHits);
-    const [analytic, setAnalytic] = useState(null);
-    const [template, setTemplate] = useState(null);
-    const [anchorEl, setAnchorEl] = useState();
-    const [transformProps, setTransformProps] = useState({});
-    const [actions, setActions] = useState([]);
-    const [show, setShow] = useState({});
-    const hits = useMemo(() => (selectedHits.some(_hit => _hit.howler.id === hit?.howler.id) ? selectedHits : [hit]), [hit, selectedHits]);
-    const { availableTransitions, canVote, canAssess, assess, vote } = useHitActions(hits);
-    /**
-     * Checks if the current user has permission to run actions.
-     * Users must have one of the automation or actionrunner roles, or be an admin.
-     */
-    const canRunActions = useCallback(() => {
-        const roles = ['admin', 'automation_advanced', 'automation_basic', 'actionrunner_advanced', 'actionrunner_basic'];
-        return roles.some((role) => appUser.user?.roles?.includes(role));
-    }, [appUser.user?.roles]);
-    /**
-     * Handles right-click context menu events.
-     * Opens the context menu at the click location and loads available actions.
-     */
-    const onContextMenu = useCallback(async (event) => {
-        if (anchorEl) {
-            event.preventDefault();
-            setAnchorEl(null);
-            return;
-        }
-        event.preventDefault();
-        const _id = getSelectedId(event);
-        setId(_id);
-        if (window.innerHeight - event.clientY < 300) {
-            setTransformProps({
-                position: 'fixed',
-                bottom: `${window.innerHeight - event.clientY}px !important`,
-                top: 'unset !important',
-                left: `${event.clientX}px !important`
-            });
-        }
-        else {
-            setTransformProps({
-                position: 'fixed',
-                top: `${event.clientY}px !important`,
-                left: `${event.clientX}px !important`
-            });
-        }
-        setAnchorEl(event.target);
-        // TODO: Bumping the number of rows is a temporary fix - we'll need to improve this.
-        const _actions = (await dispatchApi(api.search.action.post({ query: 'action_id:*', rows: 100, sort: 'name asc' }), {
-            throwError: false
-        }))?.items;
-        if (_actions) {
-            setActions(_actions);
-        }
-    }, [anchorEl, dispatchApi, getSelectedId]);
-    const rowStatus = useMemo(() => ({
-        assessment: canAssess,
-        vote: canVote
-    }), [canAssess, canVote]);
-    const pluginActions = howlerPluginStore.plugins.flatMap(plugin => pluginStore.executeFunction(`${plugin}.actions`, hits));
-    /**
-     * Generates grouped action entries for the context menu.
-     * Combines transitions, plugin actions, votes, and assessments based on permissions.
-     */
-    const entries = useMemo(() => {
-        let _actions = [...availableTransitions, ...pluginActions];
-        if (canVote) {
-            _actions = [
-                ..._actions,
-                ...VOTE_OPTIONS.map(option => ({ ...option, actionFunction: () => vote(option.name.toLowerCase()) }))
-            ];
-        }
-        if (config.lookups?.['howler.assessment'] && canAssess) {
-            _actions = [
-                ..._actions,
-                ...config.lookups['howler.assessment']
-                    .filter(_assessment => analytic?.triage_settings?.valid_assessments
-                    ? analytic.triage_settings?.valid_assessments.includes(_assessment)
-                    : true)
-                    .sort((a, b) => +TOP_ROW.includes(b) - +TOP_ROW.includes(a))
-                    .map(assessment => ({
-                    type: 'assessment',
-                    name: assessment,
-                    actionFunction: async () => {
-                        await assess(assessment, analytic?.triage_settings?.skip_rationale);
-                    }
-                }))
-            ];
-        }
-        return Object.entries(groupBy(_actions, 'type')).sort(([a], [b]) => ORDER.indexOf(a) - ORDER.indexOf(b));
-    }, [analytic, assess, availableTransitions, canAssess, canVote, config.lookups, vote, pluginActions]);
-    /**
-     * Calculates appropriate styles for submenu positioning.
-     * Adjusts position based on available screen space to prevent overflow.
-     */
-    const calculateSubMenuStyles = useCallback((parent) => {
-        const baseStyles = { position: 'absolute', maxHeight: '300px', overflow: 'auto' };
-        const defaultStyles = { ...baseStyles, top: 0, left: '100%' };
-        if (!parent) {
-            return defaultStyles;
-        }
-        const parentBounds = parent.getBoundingClientRect();
-        if (window.innerHeight - parentBounds.y < CONTEXTMENU_MARGIN) {
-            return { ...baseStyles, bottom: 0, left: '100%' };
-        }
-        return defaultStyles;
-    }, []);
-    // Load analytic and template data when a hit is selected
-    useEffect(() => {
-        if (!hit?.howler.analytic) {
-            return;
-        }
-        getMatchingAnalytic(hit).then(setAnalytic);
-        getMatchingTemplate(hit).then(setTemplate);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [hit]);
-    // Reset menu state when context menu is closed
-    useEffect(() => {
-        if (!anchorEl) {
-            setShow({});
-            setAnalytic(null);
-        }
-    }, [anchorEl]);
-    return (_jsxs(Component, { id: "contextMenu", onContextMenu: onContextMenu, children: [children, _jsxs(Menu, { id: "hit-menu", open: !!anchorEl, anchorEl: anchorEl, onClose: () => setAnchorEl(null), slotProps: {
-                    paper: {
-                        sx: {
-                            ...transformProps,
-                            overflow: 'visible !important'
-                        }
-                    }
-                }, MenuListProps: { dense: true, sx: { minWidth: '250px' } }, anchorOrigin: { vertical: 'top', horizontal: 'left' }, onClick: () => setAnchorEl(null), children: [_jsxs(MenuItem, { component: Link, to: `/hits/${hit?.howler.id}`, disabled: !hit, children: [_jsx(ListItemIcon, { children: _jsx(OpenInNew, {}) }), _jsx(ListItemText, { children: t('hit.panel.open') })] }), _jsxs(MenuItem, { component: Link, to: `/analytics/${analytic?.analytic_id}`, disabled: !analytic, children: [_jsx(ListItemIcon, { children: _jsx(QueryStats, {}) }), _jsx(ListItemText, { children: t('hit.panel.analytic.open') })] }), _jsx(Divider, {}), entries.map(([type, items]) => (_jsxs(MenuItem, { id: `${type}-menu-item`, sx: { position: 'relative' }, onMouseEnter: ev => setShow(_show => ({ ..._show, [type]: ev.target })), onMouseLeave: () => setShow(_show => ({ ..._show, [type]: null })), disabled: rowStatus[type] === false, children: [_jsx(ListItemIcon, { children: ICON_MAP[type] ?? _jsx(Terminal, {}) }), _jsx(ListItemText, { sx: { flex: 1 }, children: t(`hit.details.actions.${type}`) }), rowStatus[type] !== false && (_jsx(KeyboardArrowRight, { fontSize: "small", sx: { color: 'text.secondary', mr: -1 } })), _jsx(Fade, { in: !!show[type], unmountOnExit: true, children: _jsx(Paper, { id: `${type}-submenu`, sx: calculateSubMenuStyles(show[type]), elevation: 8, children: _jsx(MenuList, { sx: { p: 0, borderTopLeftRadius: 0 }, dense: true, role: "group", children: items.map(a => (_jsx(MenuItem, { value: a.name, onClick: a.actionFunction, children: a.i18nKey ? t(a.i18nKey) : capitalize(a.name) }, a.name))) }) }) })] }, type))), _jsxs(MenuItem, { id: "actions-menu-item", sx: { position: 'relative' }, onMouseEnter: ev => setShow(_show => ({ ..._show, actions: ev.target })), onMouseLeave: () => setShow(_show => ({ ..._show, actions: null })), disabled: actions.length < 1 || !canRunActions(), children: [_jsx(ListItemIcon, { children: _jsx(SettingsSuggest, {}) }), _jsx(ListItemText, { sx: { flex: 1 }, children: t('route.actions.change') }), actions.length > 0 && _jsx(KeyboardArrowRight, { fontSize: "small", sx: { color: 'text.secondary', mr: -1 } }), _jsx(Fade, { in: !!show.actions, unmountOnExit: true, children: _jsx(Paper, { id: "actions-submenu", sx: calculateSubMenuStyles(show.actions), elevation: 8, children: _jsx(MenuList, { sx: { p: 0 }, dense: true, role: "group", children: actions.map(action => (_jsx(MenuItem, { onClick: () => executeAction(action.action_id, `howler.id:${hit?.howler.id}`), children: _jsx(ListItemText, { children: action.name }) }, action.action_id))) }) }) })] }), !isEmpty(template?.keys ?? []) && setQuery && (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsxs(MenuItem, { id: "excludes-menu-item", sx: { position: 'relative' }, onMouseEnter: ev => setShow(_show => ({ ..._show, excludes: ev.target })), onMouseLeave: () => setShow(_show => ({ ..._show, excludes: null })), children: [_jsx(ListItemIcon, { children: _jsx(RemoveCircleOutline, {}) }), _jsx(ListItemText, { sx: { flex: 1 }, children: t('hit.panel.exclude') }), _jsx(KeyboardArrowRight, { fontSize: "small", sx: { color: 'text.secondary', mr: -1 } }), _jsx(Fade, { in: !!show.excludes, unmountOnExit: true, children: _jsx(Paper, { id: "excludes-submenu", sx: calculateSubMenuStyles(show.excludes), elevation: 8, children: _jsx(MenuList, { sx: { p: 0 }, dense: true, role: "group", children: template?.keys.map(key => {
-                                                    // Build exclusion query based on current query and field value
-                                                    let newQuery = '';
-                                                    if (query !== DEFAULT_QUERY) {
-                                                        newQuery = `(${query}) AND `;
-                                                    }
-                                                    const value = get(hit, key);
-                                                    if (!value) {
-                                                        return null;
-                                                    }
-                                                    else if (Array.isArray(value)) {
-                                                        // Handle array values by excluding all items
-                                                        const sanitizedValues = value
-                                                            .map(toString)
-                                                            .filter(val => !!val)
-                                                            .map(val => `"${sanitizeLuceneQuery(val)}"`);
-                                                        if (sanitizedValues.length < 1) {
-                                                            return null;
-                                                        }
-                                                        newQuery += `-${key}:(${sanitizedValues.join(' OR ')})`;
-                                                    }
-                                                    else {
-                                                        // Handle single value
-                                                        newQuery += `-${key}:"${sanitizeLuceneQuery(value.toString())}"`;
-                                                    }
-                                                    return (_jsx(MenuItem, { onClick: () => setQuery(newQuery), children: _jsx(ListItemText, { children: key }) }, key));
-                                                }) }) }) })] }), _jsxs(MenuItem, { id: "includes-menu-item", sx: { position: 'relative' }, onMouseEnter: ev => setShow(_show => ({ ..._show, includes: ev.target })), onMouseLeave: () => setShow(_show => ({ ..._show, includes: null })), children: [_jsx(ListItemIcon, { children: _jsx(AddCircleOutline, {}) }), _jsx(ListItemText, { sx: { flex: 1 }, children: t('hit.panel.include') }), _jsx(KeyboardArrowRight, { fontSize: "small", sx: { color: 'text.secondary', mr: -1 } }), _jsx(Fade, { in: !!show.includes, unmountOnExit: true, children: _jsx(Paper, { id: "includes-submenu", sx: calculateSubMenuStyles(show.includes), elevation: 8, children: _jsx(MenuList, { sx: { p: 0 }, dense: true, role: "group", children: template?.keys.map(key => {
-                                                    // Build inclusion query based on current query and field
-                                                    // If default, we include default query
-                                                    let newQuery = `(${query}) AND `;
-                                                    const value = get(hit, key);
-                                                    if (!value) {
-                                                        return null;
-                                                    }
-                                                    else if (Array.isArray(value)) {
-                                                        // Handle array values by including all items
-                                                        const sanitizedValues = value
-                                                            .map(toString)
-                                                            .filter(val => !!val)
-                                                            .map(val => `"${sanitizeLuceneQuery(val)}"`);
-                                                        if (sanitizedValues.length < 1) {
-                                                            return null;
-                                                        }
-                                                        newQuery += `${key}:(${sanitizedValues.join(' OR ')})`;
-                                                    }
-                                                    else {
-                                                        // Handle single value
-                                                        newQuery += `${key}:"${sanitizeLuceneQuery(value.toString())}"`;
-                                                    }
-                                                    return (_jsx(MenuItem, { onClick: () => setQuery(newQuery), children: _jsx(ListItemText, { children: key }) }, key));
-                                                }) }) }) })] })] }))] })] }));
-};
-export default HitContextMenu;

package/components/elements/hit/HitRelated.d.ts

@@ -1,6 +0,0 @@
-import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { FC } from 'react';
-declare const HitRelated: FC<{
-    hit: Hit;
-}>;
-export default HitRelated;

package/components/elements/hit/HitRelated.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Grid } from '@mui/material';
-import RelatedLink from './related/RelatedLink';
-const HitRelated = ({ hit }) => {
-    return (_jsx(Grid, { container: true, spacing: 1, pr: 2, children: hit?.howler.links?.map(l => (_jsx(Grid, { item: true, xs: 6, sm: 4, md: 3, children: _jsx(RelatedLink, { ...l }) }, l.title + l.href))) }));
-};
-export default HitRelated;

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

@@ -1,33 +0,0 @@
-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/advanced/RuleModal.d.ts

@@ -1,7 +0,0 @@
-import type { FC } from 'react';
-declare const RuleModal: FC<{
-    onSubmit: () => void;
-    fileData: string;
-    type: 'eql' | 'lucene' | 'yaml';
-}>;
-export default RuleModal;