@cccsaurora/howler-ui 2.18.0-dev.799 → 2.18.0-dev.822

package/utils/constants.js

@@ -104,12 +104,6 @@ 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/hitFunctions.d.ts

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

package/utils/hitFunctions.js

@@ -1,8 +1,8 @@
-export const getUserList = (record) => {
+export const getUserList = (hit) => {
     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);
+    if (hit) {
+        hit.howler?.log?.forEach(l => ids.add(l.user));
+        hit.howler?.comment?.forEach(c => ids.add(c.user), ids);
     }
     return ids;
 };

package/utils/socketUtils.d.ts

@@ -1,22 +1,8 @@
 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,21 +4,5 @@
  * @returns whether the data is a hit update
  */
 export const isHitUpdate = (data) => {
-    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);
+    return data.version && data.hit;
 };

package/utils/viewUtils.js

@@ -7,8 +7,5 @@ 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/search/case.d.ts

@@ -1,4 +0,0 @@
-import type { HowlerSearchRequest, HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-export declare const uri: () => string;
-export declare const post: (request?: HowlerSearchRequest) => Promise<HowlerSearchResponse<Case>>;

package/api/search/case.js

@@ -1,8 +0,0 @@
-import { hpost, joinUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/search';
-export const uri = () => {
-    return joinUri(parentUri(), 'case');
-};
-export const post = (request) => {
-    return hpost(uri(), { ...(request || {}), query: request?.query || 'case_id:*' });
-};

package/api/socket/index.d.ts

@@ -1,3 +0,0 @@
-import * as viewers from '@cccsaurora/howler-ui/api/socket/viewers';
-export declare const uri: () => string;
-export { viewers };

package/api/socket/index.js

@@ -1,6 +0,0 @@
-import { joinAllUri } from '@cccsaurora/howler-ui/api';
-import * as viewers from '@cccsaurora/howler-ui/api/socket/viewers';
-export const uri = () => {
-    return joinAllUri('/socket', 'v1');
-};
-export { viewers };

package/api/socket/viewers.d.ts

@@ -1,2 +0,0 @@
-export declare const uri: (entityId?: string) => string;
-export declare const get: (entityId: string) => Promise<string[]>;

package/api/socket/viewers.js

@@ -1,8 +0,0 @@
-import { hget, joinAllUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/socket';
-export const uri = (entityId) => {
-    return entityId ? joinAllUri(parentUri(), 'viewers', entityId) : joinAllUri(parentUri(), 'viewers');
-};
-export const get = async (entityId) => {
-    return hget(uri(entityId));
-};

package/api/socket/viewers.test.js

@@ -1,44 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-// ---------------------------------------------------------------------------
-// Hoisted mocks
-// ---------------------------------------------------------------------------
-const mockHget = vi.hoisted(() => vi.fn());
-vi.mock('api', async () => {
-    const urlJoin = (await import('url-join')).default;
-    return {
-        hget: mockHget,
-        joinAllUri: (...parts) => urlJoin(...parts)
-    };
-});
-// ---------------------------------------------------------------------------
-// Import after mocks
-// ---------------------------------------------------------------------------
-// eslint-disable-next-line
-import { get } from './viewers';
-// ---------------------------------------------------------------------------
-// Setup
-// ---------------------------------------------------------------------------
-beforeEach(() => {
-    mockHget.mockReset();
-});
-// ---------------------------------------------------------------------------
-// Tests
-// ---------------------------------------------------------------------------
-describe('viewers API', () => {
-    describe('get', () => {
-        it('calls hget with the correct URI', async () => {
-            mockHget.mockResolvedValue(['alice', 'bob']);
-            await get('entity-1');
-            expect(mockHget).toHaveBeenCalledWith('/socket/v1/viewers/entity-1');
-        });
-        it('returns the result from hget', async () => {
-            mockHget.mockResolvedValue(['alice', 'bob']);
-            const result = await get('entity-1');
-            expect(result).toEqual(['alice', 'bob']);
-        });
-        it('propagates errors from hget', async () => {
-            mockHget.mockRejectedValue(new Error('not found'));
-            await expect(get('entity-1')).rejects.toThrow('not found');
-        });
-    });
-});

package/api/v2/case/index.d.ts

@@ -1,8 +0,0 @@
-import * as items from '@cccsaurora/howler-ui/api/v2/case/items';
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-export declare const uri: (id?: string) => string;
-export declare const get: (id: string) => Promise<Case>;
-export declare const post: (newData: Partial<Case>) => Promise<Case>;
-export declare const put: (id: string, _case: Partial<Case>) => Promise<Case>;
-export declare const del: (id: string) => Promise<void>;
-export { items };

package/api/v2/case/index.js

@@ -1,20 +0,0 @@
-// eslint-disable-next-line import/no-cycle
-import { hdelete, hget, hpost, hput, joinAllUri, joinUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
-import * as items from '@cccsaurora/howler-ui/api/v2/case/items';
-export const uri = (id) => {
-    return id ? joinAllUri(parentUri(), 'case', id) : joinUri(parentUri(), 'case');
-};
-export const get = (id) => {
-    return hget(uri(id));
-};
-export const post = (newData) => {
-    return hpost(uri(), newData);
-};
-export const put = (id, _case) => {
-    return hput(uri(id), _case);
-};
-export const del = (id) => {
-    return hdelete(uri(id));
-};
-export { items };

package/api/v2/case/items.d.ts

@@ -1,6 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import type { Item } from '@cccsaurora/howler-ui/models/entities/generated/Item';
-export declare const uri: (id: string) => string;
-export declare const post: (id: string, newData: Item) => Promise<Case>;
-export declare const del: (id: string, values: string | string[]) => Promise<Case>;
-export declare const patch: (id: string, value: string, newPath: string) => Promise<Case>;

package/api/v2/case/items.js

@@ -1,18 +0,0 @@
-// eslint-disable-next-line import/no-cycle
-import { hdelete, hpatch, hpost, joinUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2/case';
-export const uri = (id) => {
-    return joinUri(parentUri(id), 'items');
-};
-export const post = (id, newData) => {
-    return hpost(uri(id), newData);
-};
-export const del = (id, values) => {
-    if (!Array.isArray(values)) {
-        values = [values];
-    }
-    return hdelete(uri(id), { values });
-};
-export const patch = (id, value, newPath) => {
-    return hpatch(uri(id), { value, new_path: newPath });
-};

package/api/v2/index.d.ts

@@ -1,4 +0,0 @@
-import * as case_ from '@cccsaurora/howler-ui/api/v2/case';
-import * as search from '@cccsaurora/howler-ui/api/v2/search';
-export declare const uri: () => string;
-export { case_ as case, search };

package/api/v2/index.js

@@ -1,6 +0,0 @@
-import * as case_ from '@cccsaurora/howler-ui/api/v2/case';
-import * as search from '@cccsaurora/howler-ui/api/v2/search';
-export const uri = () => {
-    return '/api/v2';
-};
-export { case_ as case, search };

package/api/v2/search/facet.d.ts

@@ -1,3 +0,0 @@
-import type { HowlerFacetSearchRequest, HowlerFacetSearchResponse } from '@cccsaurora/howler-ui/api/search/facet';
-export declare const uri: (indexes: string[]) => string;
-export declare const post: (indexes: string | string[], request?: HowlerFacetSearchRequest) => Promise<HowlerFacetSearchResponse>;

package/api/v2/search/facet.js

@@ -1,12 +0,0 @@
-// eslint-disable-next-line import/no-cycle
-import { hpost, joinAllUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
-export const uri = (indexes) => {
-    return joinAllUri(parentUri(), 'search', 'facet', indexes.join(','));
-};
-export const post = (indexes, request) => {
-    if (typeof indexes === 'string') {
-        indexes = indexes.split(',');
-    }
-    return hpost(uri(indexes), { ...(request || {}), query: request?.query || 'howler.id:*' });
-};

package/api/v2/search/index.d.ts

@@ -1,5 +0,0 @@
-import type { HowlerSearchRequest, HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
-import * as facet from './facet';
-export declare const uri: (indexes: string[]) => string;
-export declare const post: <T = any>(indexes: string | string[], request?: HowlerSearchRequest) => Promise<HowlerSearchResponse<T>>;
-export { facet };

package/api/v2/search/index.js

@@ -1,24 +0,0 @@
-// eslint-disable-next-line import/no-cycle
-import { hpost, joinAllUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
-import { identity, isNil } from 'lodash-es';
-import * as facet from './facet';
-export const uri = (indexes) => {
-    return joinAllUri(parentUri(), 'search', indexes.join(','));
-};
-export const post = (indexes, request) => {
-    if (isNil(indexes)) {
-        throw new Error('Indexes cannot be null or undefined.');
-    }
-    if (typeof indexes === 'string') {
-        indexes = indexes.split(',').filter(identity);
-    }
-    if (indexes.some(index => !['hit', 'observable', 'case'].includes(index))) {
-        throw new Error('Only hit, case, and observable indexes should be used currently.');
-    }
-    if (indexes.length < 1) {
-        throw new Error('indexes must have length of at least 1.');
-    }
-    return hpost(uri(indexes), { ...(request || {}), query: request?.query || 'howler.id:*' });
-};
-export { facet };

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

@@ -1,23 +0,0 @@
-import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
-import type { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
-import type { FC, PropsWithChildren } from 'react';
-export interface RecordContextType {
-    records: {
-        [index: string]: Hit | Observable;
-    };
-    selectedRecords: (Hit | Observable)[];
-    addRecordToSelection: (id: string) => void;
-    removeRecordFromSelection: (id: string) => void;
-    clearSelectedRecords: (except?: string) => void;
-    loadRecords: (hits: (Hit | Observable)[]) => void;
-    updateRecord: (newHit: Hit | Observable) => void;
-    getRecord: (id: string, force?: boolean) => Promise<WithMetadata<Hit | Observable>>;
-}
-export declare const RecordContext: import("use-context-selector").Context<RecordContextType>;
-/**
- * Central repository for storing individual hit data across the application. Allows efficient retrieval of hits across componenents.
- */
-declare const RecordProvider: FC<PropsWithChildren>;
-export declare const useHitContextSelector: <Selected>(selector: (value: RecordContextType) => Selected) => Selected;
-export default RecordProvider;

package/components/elements/ContextMenu.d.ts

@@ -1,56 +0,0 @@
-import { type SxProps } from '@mui/material';
-import type { ElementType, FC, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
-export type ContextMenuDivider = {
-    kind: 'divider';
-    id: string;
-    sx?: SxProps;
-};
-export type ContextMenuLeafItem = {
-    kind: 'item';
-    id: string;
-    icon?: ReactNode;
-    label: ReactNode;
-    disabled?: boolean;
-    onClick?: () => void;
-    /** When provided the item renders as a router Link instead of a button. */
-    to?: string;
-};
-export type ContextMenuSubItem = {
-    key: string;
-    label: ReactNode;
-    disabled?: boolean;
-    onClick?: () => void;
-};
-export type ContextMenuSubmenuItem = {
-    kind: 'submenu';
-    /**
-     * Identifier for this submenu. Used to derive:
-     *  - the MenuItem's DOM id (`${id}-menu-item`)
-     *  - the submenu Paper's DOM id (`${id}-submenu`)
-     */
-    id: string;
-    icon?: ReactNode;
-    label: ReactNode;
-    disabled?: boolean;
-    items: ContextMenuSubItem[];
-};
-export type ContextMenuEntry = ContextMenuDivider | ContextMenuLeafItem | ContextMenuSubmenuItem;
-interface ContextMenuProps {
-    items: ContextMenuEntry[];
-    /** Called after the menu opens, with the triggering event. */
-    onOpen?: MouseEventHandler<HTMLElement>;
-    /** Called when the menu closes. */
-    onClose?: () => void;
-    /** Wraps children + menu in this element. Defaults to Box. */
-    Component?: ElementType;
-    /** id applied to the wrapper element */
-    id?: string;
-}
-/**
- * Generic context menu component that renders a MUI Menu from a declarative
- * items structure supporting leaf items, dividers, and single-level submenus.
- *
- * Submenus appear on hover and are positioned to avoid screen overflow.
- */
-declare const ContextMenu: FC<PropsWithChildren<ContextMenuProps>>;
-export default ContextMenu;

package/components/elements/ContextMenu.js

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KeyboardArrowRight } from '@mui/icons-material';
-import { Box, Divider, Fade, ListItemIcon, ListItemText, Menu, MenuItem, MenuList, Paper, useTheme } from '@mui/material';
-import { useCallback, useEffect, useState } from 'react';
-import { Link } from 'react-router-dom';
-/**
- * The margin at the bottom of the screen by which a submenu should be inverted.
- * If hovering within this many pixels of the bottom, the submenu renders upward.
- */
-const CONTEXTMENU_MARGIN = 350;
-/**
- * Generic context menu component that renders a MUI Menu from a declarative
- * items structure supporting leaf items, dividers, and single-level submenus.
- *
- * Submenus appear on hover and are positioned to avoid screen overflow.
- */
-const ContextMenu = ({ items, onOpen, onClose, Component = Box, id, children }) => {
-    const theme = useTheme();
-    const [show, setShow] = useState({});
-    const [anchorEl, setAnchorEl] = useState(null);
-    const [transformProps, setTransformProps] = useState({});
-    const handleClose = useCallback(() => {
-        setAnchorEl(null);
-        onClose?.();
-    }, [onClose]);
-    const handleContextMenu = useCallback(event => {
-        if (anchorEl) {
-            event.preventDefault();
-            handleClose();
-            return;
-        }
-        event.preventDefault();
-        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);
-        onOpen?.(event);
-    }, [anchorEl, handleClose, onOpen]);
-    /**
-     * Calculates positioning styles for a submenu based on the parent element's
-     * position relative to the viewport bottom.
-     */
-    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;
-    }, []);
-    // Reset submenu visibility whenever the menu is closed
-    useEffect(() => {
-        if (!anchorEl) {
-            setShow({});
-        }
-    }, [anchorEl]);
-    return (_jsxs(Component, { id: id, onContextMenu: handleContextMenu, children: [children, _jsx(Menu, { id: "record-menu", open: !!anchorEl, anchorEl: anchorEl, onClose: handleClose, slotProps: {
-                    paper: {
-                        sx: {
-                            ...transformProps,
-                            overflow: 'visible !important'
-                        },
-                        elevation: 2
-                    }
-                }, MenuListProps: {
-                    dense: true,
-                    sx: {
-                        minWidth: '250px',
-                        paddingY: '0 !important',
-                        '& > :first-child': {
-                            borderTopLeftRadius: theme.shape.borderRadius,
-                            borderTopRightRadius: theme.shape.borderRadius
-                        },
-                        '& > :last-child': {
-                            borderBottomLeftRadius: theme.shape.borderRadius,
-                            borderBottomRightRadius: theme.shape.borderRadius
-                        }
-                    }
-                }, anchorOrigin: { vertical: 'top', horizontal: 'left' }, onClick: handleClose, children: items.map(entry => {
-                    if (entry.kind === 'divider') {
-                        return _jsx(Divider, { sx: { my: '0 !important' } }, entry.id);
-                    }
-                    if (entry.kind === 'item') {
-                        if (entry.to) {
-                            return (_jsxs(MenuItem, { component: Link, to: entry.to, disabled: entry.disabled, children: [entry.icon && _jsx(ListItemIcon, { children: entry.icon }), _jsx(ListItemText, { children: entry.label })] }, entry.id));
-                        }
-                        return (_jsxs(MenuItem, { disabled: entry.disabled, onClick: entry.onClick, children: [entry.icon && _jsx(ListItemIcon, { children: entry.icon }), _jsx(ListItemText, { children: entry.label })] }, entry.id));
-                    }
-                    const { id: entryId, icon, label, disabled, items: subItems } = entry;
-                    return (_jsxs(MenuItem, { id: `${entryId}-menu-item`, sx: { position: 'relative' }, onMouseEnter: ev => setShow(_show => ({ ..._show, [entryId]: ev.target })), onMouseLeave: () => setShow(_show => ({ ..._show, [entryId]: null })), disabled: disabled, children: [icon && _jsx(ListItemIcon, { children: icon }), _jsx(ListItemText, { sx: { flex: 1 }, children: label }), !disabled && _jsx(KeyboardArrowRight, { fontSize: "small", sx: { color: 'text.secondary', mr: -1 } }), _jsx(Fade, { in: !!show[entryId], unmountOnExit: true, children: _jsx(Paper, { id: `${entryId}-submenu`, sx: calculateSubMenuStyles(show[entryId]), elevation: 2, children: _jsx(MenuList, { sx: { p: 0, borderTopLeftRadius: 0 }, dense: true, role: "group", children: subItems.map(subItem => (_jsx(MenuItem, { onClick: subItem.onClick, disabled: subItem.disabled, children: _jsx(ListItemText, { children: subItem.label }) }, subItem.key))) }) }) })] }, entryId));
-                }) })] }));
-};
-export default ContextMenu;

package/components/elements/ContextMenu.test.d.ts

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