@cccsaurora/howler-ui 2.19.0-dev.999 → 2.20.0-dev.1352

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/localStorage.js

@@ -25,7 +25,7 @@ export const getStored = (name) => {
     try {
         return JSON.parse(localStorage.getItem(buildName(name)));
     }
-    catch (e) {
+    catch {
         // Migrating from the old system, some values were not JSON encoded. Decoding them will cause an exception.
         // Obviously, this is not optimal, but it's the only way to get Typescript to play nice.
         // When this is called, T will be type string.

package/utils/menuUtils.js

@@ -55,7 +55,6 @@ class AppMenuBuilder {
         const target = this.menuFromIndex(menuLocation.index, menuLocation.subIndex);
         if (!Array.isArray(target) && this.isGroupElement(target)) {
             if (item.type === 'divider') {
-                console.warn(`Skipping DIVIDER Operation: INSERT on Target: ${targetId}, Dividers cannot be inserted to sub-menus`);
                 return;
             }
             const group = target.element;
@@ -69,7 +68,6 @@ class AppMenuBuilder {
         }
         if (menuLocation.index !== -1 && isNil(menuLocation.subIndex)) {
             if (item.type === 'divider') {
-                console.warn(`Skipping DIVIDER Operation: INSERT on Target: ${targetId}, Dividers cannot be inserted to sub-menus`);
                 return;
             }
             if (!this.isItemElement(target)) {
@@ -103,7 +101,6 @@ class AppMenuBuilder {
         const menuLocation = this.indexOfMenuId(targetId);
         if (!isNil(menuLocation.subIndex)) {
             if (item.type === 'divider') {
-                console.warn(`Skipping DIVIDER Operation: INSERT on Target: ${targetId}, Dividers cannot be inserted to sub-menus`);
                 return;
             }
             const parentElement = this.menuFromIndex(menuLocation.index);
@@ -134,7 +131,6 @@ class AppMenuBuilder {
         const menuLocation = this.indexOfMenuId(targetId);
         if (!isNil(menuLocation.subIndex)) {
             if (item.type === 'divider') {
-                console.warn(`Skipping DIVIDER Operation: INSERT on Target: ${targetId}, Dividers cannot be inserted to sub-menus`);
                 return;
             }
             const parentElement = this.menuFromIndex(menuLocation.index);

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/stringUtils.d.ts

@@ -6,3 +6,4 @@ export declare const sanitizeLuceneQuery: (query: string) => string;
 export declare const safeStringPropertyCompare: (propertyPath: string) => (a: unknown, b: unknown) => any;
 export declare const sanitizeMultilineLucene: (query: string) => string;
 export declare const validateRegex: (regex: string) => boolean;
+export declare const parsePixelSizeStringToInt: (size: string) => number;

package/utils/stringUtils.js

@@ -45,3 +45,10 @@ export const validateRegex = (regex) => {
         return false;
     }
 };
+export const parsePixelSizeStringToInt = (size) => {
+    const match = size.match(/^(\d+(\.\d+)?)(px)?$/);
+    if (match) {
+        return parseInt(match[1]);
+    }
+    return null;
+};

package/utils/stringUtils.test.js

@@ -1,6 +1,6 @@
 /// <reference types="vitest" />
 import { describe, expect, it } from 'vitest';
-import { maxLenStr, nameToInitials, safeFieldValue, safeFieldValueURI, safeStringPropertyCompare, sanitizeLuceneQuery, sanitizeMultilineLucene, validateRegex } from './stringUtils';
+import { maxLenStr, nameToInitials, parsePixelSizeStringToInt, safeFieldValue, safeFieldValueURI, safeStringPropertyCompare, sanitizeLuceneQuery, sanitizeMultilineLucene, validateRegex } from './stringUtils';
 describe('nameToInitials', () => {
     it('returns initials from a standard first-last name', () => {
         expect(nameToInitials('John Doe')).toEqual(['J', 'D']);
@@ -54,7 +54,7 @@ describe('safeFieldValue', () => {
         expect(safeFieldValue(true)).toBe('"true"');
     });
     it('escapes backslash before escaping quotes (order matters)', () => {
-        expect(safeFieldValue('\\"')).toBe('"\\\\\\"\"');
+        expect(safeFieldValue('\\"')).toBe('"\\\\\\""');
     });
 });
 describe('safeFieldValueURI', () => {
@@ -157,3 +157,23 @@ describe('validateRegex', () => {
         expect(validateRegex('a{2,5}')).toBe(true);
     });
 });
+describe('parsePixelSizeStringToInt', () => {
+    it('parses a pixel size string with "px" suffix', () => {
+        expect(parsePixelSizeStringToInt('100px')).toBe(100);
+    });
+    it('parses a pixel size string without "px" suffix', () => {
+        expect(parsePixelSizeStringToInt('200')).toBe(200);
+    });
+    it('parses a pixel size string with decimal value', () => {
+        expect(parsePixelSizeStringToInt('150.5px')).toBe(150);
+    });
+    it('returns null for a non-numeric string', () => {
+        expect(parsePixelSizeStringToInt('abc')).toBeNull();
+    });
+    it('returns null for an empty string', () => {
+        expect(parsePixelSizeStringToInt('')).toBeNull();
+    });
+    it('returns null for a string with an invalid unit', () => {
+        expect(parsePixelSizeStringToInt('50rem')).toBeNull();
+    });
+});

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/utils.d.ts

@@ -11,8 +11,8 @@ export declare const delay: (ms: number, rejectOnCancel?: boolean) => {
     cancel: () => void;
     then<TResult1 = void, TResult2 = never>(onfulfilled?: (value: void) => TResult1 | PromiseLike<TResult1>, onrejected?: (reason: any) => TResult2 | PromiseLike<TResult2>): Promise<TResult1 | TResult2>;
     catch<TResult = never>(onrejected?: (reason: any) => TResult | PromiseLike<TResult>): Promise<void | TResult>;
-    finally(onfinally?: () => void): Promise<void>;
     readonly [Symbol.toStringTag]: string;
+    finally(onfinally?: () => void): Promise<void>;
 };
 type Timestamp = {
     timestamp?: string;

package/utils/utils.js

@@ -105,7 +105,7 @@ export const searchObject = (o, query, returnFlat = false) => {
         const filteredData = Object.fromEntries(Object.entries(flatten(o)).filter(([k, v]) => regex.test(k) || regex.test(v))) ?? {};
         return returnFlat ? filteredData : unflatten(filteredData);
     }
-    catch (e) {
+    catch {
         return returnFlat ? flatten(o) : o;
     }
 };
@@ -140,7 +140,7 @@ export const tryParse = (json) => {
     try {
         return JSON.parse(json);
     }
-    catch (e) {
+    catch {
         return json;
     }
 };

package/utils/utils.test.js

@@ -1,6 +1,6 @@
 /// <reference types="vitest" />
-import { describe, expect, it } from 'vitest';
-import { bytesToSize, compareTimestamp, convertCustomDateRangeToLucene, convertDateToLucene, convertLuceneToDate, flattenDeep, formatDate, getTimeRange, hashCode, humanReadableNumber, removeEmpty, searchObject, sortByTimestamp, tryParse, twitterShort } from './utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { bytesToSize, compareTimestamp, convertCustomDateRangeToLucene, convertDateToLucene, convertLuceneToDate, delay, flattenDeep, formatDate, getProvider, getTimeRange, hashCode, humanReadableNumber, removeEmpty, searchObject, searchResultsDisplay, sortByTimestamp, stringToColor, tryParse, twitterShort } from './utils';
 describe('bytesToSize', () => {
     it('returns "0 B" for 0', () => {
         expect(bytesToSize(0)).toBe('0 B');
@@ -290,3 +290,120 @@ describe('twitterShort', () => {
         expect(result).toMatch(/year/);
     });
 });
+describe('stringToColor', () => {
+    it('returns a non-empty string for any input', () => {
+        const result = stringToColor('hello');
+        expect(typeof result).toBe('string');
+        expect(result.length).toBeGreaterThan(0);
+    });
+    it('returns the same color for the same input', () => {
+        expect(stringToColor('alice')).toBe(stringToColor('alice'));
+    });
+    it('returns different colors for different inputs', () => {
+        // Not guaranteed for all pairs, but statistically very likely for distinct words
+        const colors = ['alice', 'bob', 'carol', 'dave'].map(stringToColor);
+        const unique = new Set(colors);
+        expect(unique.size).toBeGreaterThan(1);
+    });
+    it('handles an empty string without throwing', () => {
+        expect(() => stringToColor('')).not.toThrow();
+    });
+});
+describe('delay', () => {
+    it('resolves after the specified time', async () => {
+        vi.useFakeTimers();
+        const promise = delay(100);
+        vi.advanceTimersByTime(100);
+        await expect(promise).resolves.toBeUndefined();
+        vi.useRealTimers();
+    });
+    it('does not resolve before the specified time', async () => {
+        vi.useFakeTimers();
+        let resolved = false;
+        void delay(200).then(() => {
+            resolved = true;
+        });
+        vi.advanceTimersByTime(100);
+        expect(resolved).toBe(false);
+        vi.advanceTimersByTime(100);
+        await Promise.resolve(); // flush microtasks
+        expect(resolved).toBe(true);
+        vi.useRealTimers();
+    });
+    it('can be cancelled via the .cancel() method without rejecting by default', () => {
+        vi.useFakeTimers();
+        const d = delay(100);
+        expect(() => d.cancel()).not.toThrow();
+        vi.useRealTimers();
+    });
+    it('rejects on cancel when rejectOnCancel=true', async () => {
+        vi.useFakeTimers();
+        const d = delay(100, true);
+        const rejection = expect(d).rejects.toBeUndefined();
+        d.cancel();
+        await rejection;
+        vi.useRealTimers();
+    });
+});
+describe('getProvider', () => {
+    const originalLocation = window.location;
+    afterEach(() => {
+        Object.defineProperty(window, 'location', { value: originalLocation, writable: true });
+    });
+    it('returns the provider from the search params when not in oauth path', () => {
+        Object.defineProperty(window, 'location', {
+            writable: true,
+            value: { pathname: '/login', search: '?provider=azure', href: 'http://localhost/login?provider=azure' }
+        });
+        expect(getProvider()).toBe('azure');
+    });
+    it('returns null when no provider param is present and path is not oauth', () => {
+        Object.defineProperty(window, 'location', {
+            writable: true,
+            value: { pathname: '/hits', search: '', href: 'http://localhost/hits' }
+        });
+        expect(getProvider()).toBeNull();
+    });
+});
+describe('searchResultsDisplay', () => {
+    const originalLocation = window.location;
+    afterEach(() => {
+        Object.defineProperty(window, 'location', { value: originalLocation, writable: true });
+    });
+    it('returns count as string when below the max', () => {
+        Object.defineProperty(window, 'location', {
+            writable: true,
+            value: { pathname: '/', search: '', href: 'http://localhost/' }
+        });
+        expect(searchResultsDisplay(500)).toBe('500');
+    });
+    it('appends "+" when count equals the default max (10000) and no track_total_hits param', () => {
+        Object.defineProperty(window, 'location', {
+            writable: true,
+            value: { pathname: '/', search: '', href: 'http://localhost/' }
+        });
+        expect(searchResultsDisplay(10000)).toBe('10000+');
+    });
+    it('appends "+" when count matches the explicit track_total_hits param', () => {
+        Object.defineProperty(window, 'location', {
+            writable: true,
+            value: { pathname: '/', search: '?track_total_hits=500', href: 'http://localhost/?track_total_hits=500' }
+        });
+        expect(searchResultsDisplay(500)).toBe('500+');
+    });
+    it('does not append "+" when count does not equal track_total_hits', () => {
+        Object.defineProperty(window, 'location', {
+            writable: true,
+            value: { pathname: '/', search: '?track_total_hits=1000', href: 'http://localhost/?track_total_hits=1000' }
+        });
+        expect(searchResultsDisplay(500)).toBe('500');
+    });
+    it('uses a custom max when provided', () => {
+        Object.defineProperty(window, 'location', {
+            writable: true,
+            value: { pathname: '/', search: '', href: 'http://localhost/' }
+        });
+        expect(searchResultsDisplay(500, 500)).toBe('500+');
+        expect(searchResultsDisplay(499, 500)).toBe('499');
+    });
+});

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/utils/xsrf.js

@@ -7,7 +7,7 @@ const getXSRFCookie = () => {
                 .find(row => row.startsWith('XSRF-TOKEN'))
                 .split('=')[1];
         }
-        catch (ex) {
+        catch {
             // Ignore... we will return null
         }
     }

package/api/analytic/rules.d.ts

@@ -1,3 +0,0 @@
-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">) => 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) => {
-    return hpost(uri(), body);
-};

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/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;