@cccsaurora/howler-ui 2.14.0-dev.248 → 2.14.0-dev.254

package/components/routes/hits/search/InformationPane.js

@@ -1,204 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Clear, Code, Comment, DataObject, History, LinkSharp, OpenInNew, QueryStats } from '@mui/icons-material';
-import { Badge, Box, Divider, IconButton, Skeleton, Stack, Tab, Tabs, Tooltip, useTheme } from '@mui/material';
-import TuiIconButton from '@cccsaurora/howler-ui/components/elements/addons/buttons/CustomIconButton';
-import { Icon } from '@iconify/react/dist/iconify.js';
-import useMatchers from '@cccsaurora/howler-ui/components/app/hooks/useMatchers';
-import { HitContext } from '@cccsaurora/howler-ui/components/app/providers/HitProvider';
-import { ParameterContext } from '@cccsaurora/howler-ui/components/app/providers/ParameterProvider';
-import { SocketContext } from '@cccsaurora/howler-ui/components/app/providers/SocketProvider';
-import FlexOne from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexOne';
-import VSBox from '@cccsaurora/howler-ui/components/elements/addons/layout/vsbox/VSBox';
-import VSBoxContent from '@cccsaurora/howler-ui/components/elements/addons/layout/vsbox/VSBoxContent';
-import VSBoxHeader from '@cccsaurora/howler-ui/components/elements/addons/layout/vsbox/VSBoxHeader';
-import Phrase from '@cccsaurora/howler-ui/components/elements/addons/search/phrase/Phrase';
-import BundleButton from '@cccsaurora/howler-ui/components/elements/display/icons/BundleButton';
-import SocketBadge from '@cccsaurora/howler-ui/components/elements/display/icons/SocketBadge';
-import JSONViewer from '@cccsaurora/howler-ui/components/elements/display/json/JSONViewer';
-import HitActions from '@cccsaurora/howler-ui/components/elements/hit/HitActions';
-import HitBanner from '@cccsaurora/howler-ui/components/elements/hit/HitBanner';
-import HitComments from '@cccsaurora/howler-ui/components/elements/hit/HitComments';
-import HitDetails from '@cccsaurora/howler-ui/components/elements/hit/HitDetails';
-import HitLabels from '@cccsaurora/howler-ui/components/elements/hit/HitLabels';
-import { HitLayout } from '@cccsaurora/howler-ui/components/elements/hit/HitLayout';
-import HitNotebooks from '@cccsaurora/howler-ui/components/elements/hit/HitNotebooks';
-import HitOutline from '@cccsaurora/howler-ui/components/elements/hit/HitOutline';
-import HitOverview from '@cccsaurora/howler-ui/components/elements/hit/HitOverview';
-import HitRelated from '@cccsaurora/howler-ui/components/elements/hit/HitRelated';
-import HitSummary from '@cccsaurora/howler-ui/components/elements/hit/HitSummary';
-import HitWorklog from '@cccsaurora/howler-ui/components/elements/hit/HitWorklog';
-import PivotLink from '@cccsaurora/howler-ui/components/elements/hit/related/PivotLink';
-import RelatedLink from '@cccsaurora/howler-ui/components/elements/hit/related/RelatedLink';
-import useMyUserList from '@cccsaurora/howler-ui/components/hooks/useMyUserList';
-import ErrorBoundary from '@cccsaurora/howler-ui/components/routes/ErrorBoundary';
-import { uniqBy } from 'lodash-es';
-import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
-import { useContext, useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { usePluginStore } from 'react-pluggable';
-import { useLocation } from 'react-router-dom';
-import { useContextSelector } from 'use-context-selector';
-import { getUserList } from '@cccsaurora/howler-ui/utils/hitFunctions';
-import { validateRegex } from '@cccsaurora/howler-ui/utils/stringUtils';
-import { tryParse } from '@cccsaurora/howler-ui/utils/utils';
-import LeadRenderer from '../view/LeadRenderer';
-const InformationPane = ({ onClose }) => {
-    const { t, i18n } = useTranslation();
-    const theme = useTheme();
-    const location = useLocation();
-    const { emit, isOpen } = useContext(SocketContext);
-    const { getMatchingOverview, getMatchingDossiers, getMatchingAnalytic } = useMatchers();
-    const selected = useContextSelector(ParameterContext, ctx => ctx.selected);
-    const pluginStore = usePluginStore();
-    const getHit = useContextSelector(HitContext, ctx => ctx.getHit);
-    const [userIds, setUserIds] = useState(new Set());
-    const [analytic, setAnalytic] = useState();
-    const [hasOverview, setHasOverview] = useState(false);
-    const [tab, setTab] = useState('overview');
-    const [loading, setLoading] = useState(false);
-    const [filter, setFilter] = useState('');
-    // In order to properly check for dossiers, we split dossiers into two
-    const [_dossiers, setDossiers] = useState(null);
-    const dossiers = useMemo(() => _dossiers ?? [], [_dossiers]);
-    const users = useMyUserList(userIds);
-    const hit = useContextSelector(HitContext, ctx => ctx.hits[selected]);
-    howlerPluginStore.plugins.forEach(plugin => {
-        pluginStore.executeFunction(`${plugin}.on`, 'viewing');
-    });
-    useEffect(() => {
-        if (!selected) {
-            return;
-        }
-        if (!hit?.howler.data) {
-            setLoading(true);
-            getHit(selected, true).finally(() => setLoading(false));
-            return;
-        }
-        setUserIds(getUserList(hit));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [getHit, selected]);
-    useEffect(() => {
-        if (hit && !analytic) {
-            getMatchingAnalytic(hit).then(setAnalytic);
-        }
-    }, [analytic, getMatchingAnalytic, hit]);
-    useEffect(() => {
-        if (hit && !_dossiers) {
-            getMatchingDossiers(hit).then(setDossiers);
-        }
-    }, [_dossiers, getMatchingDossiers, hit]);
-    useEffect(() => {
-        getMatchingOverview(hit).then(_overview => setHasOverview(!!_overview));
-    }, [getMatchingOverview, hit]);
-    useEffect(() => {
-        if (tab === 'hit_aggregate' && !hit?.howler.is_bundle) {
-            setTab('overview');
-        }
-    }, [hit?.howler.is_bundle, tab]);
-    useEffect(() => {
-        if (selected && isOpen()) {
-            emit({
-                broadcast: false,
-                action: 'viewing',
-                id: selected
-            });
-            return () => emit({
-                broadcast: false,
-                action: 'stop_viewing',
-                id: selected
-            });
-        }
-    }, [emit, selected, isOpen]);
-    useEffect(() => {
-        if (hasOverview && tab === 'details') {
-            setTab('overview');
-        }
-        else if (!hasOverview && tab === 'overview') {
-            setTab('details');
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [hasOverview]);
-    /**
-     * What to show as the header? If loading a skeleton, then it depends on bundle or not. Bundles don't
-     * show anything while normal hits do
-     */
-    const header = useMemo(() => {
-        if (loading && !hit?.howler?.is_bundle) {
-            return _jsx(Skeleton, { variant: "rounded", height: 152 });
-        }
-        else if (!!hit && !hit.howler.is_bundle) {
-            return _jsx(HitBanner, { layout: HitLayout.DENSE, hit: hit });
-        }
-        else {
-            return null;
-        }
-    }, [hit, loading]);
-    const tabContent = useMemo(() => {
-        if (!tab) {
-            return;
-        }
-        return {
-            overview: () => _jsx(HitOverview, { hit: hit }),
-            details: () => _jsx(HitDetails, { hit: hit }),
-            hit_comments: () => _jsx(HitComments, { hit: hit, users: users }),
-            hit_raw: () => _jsx(JSONViewer, { data: !loading && hit, hideSearch: true, filter: filter }),
-            hit_data: () => (_jsx(JSONViewer, { data: !loading && hit?.howler?.data?.map(entry => tryParse(entry)), collapse: false, hideSearch: true, filter: filter })),
-            hit_worklog: () => _jsx(HitWorklog, { hit: !loading && hit, users: users }),
-            hit_aggregate: () => _jsx(HitSummary, { query: `howler.bundles:(${hit?.howler?.id})` }),
-            hit_related: () => _jsx(HitRelated, { hit: hit }),
-            ...Object.fromEntries((hit?.howler.dossier ?? []).map((lead, index) => [
-                'lead:' + index,
-                () => _jsx(LeadRenderer, { lead: lead, hit: hit })
-            ])),
-            ...Object.fromEntries(dossiers.flatMap((_dossier, dossierIndex) => (_dossier.leads ?? []).map((_lead, leadIndex) => [
-                `external-lead:${dossierIndex}:${leadIndex}`,
-                () => _jsx(LeadRenderer, { lead: _lead, hit: hit })
-            ])))
-        }[tab]?.();
-    }, [dossiers, filter, hit, loading, tab, users]);
-    const hasError = useMemo(() => !validateRegex(filter), [filter]);
-    return (_jsxs(VSBox, { top: 10, sx: { height: '100%', flex: 1 }, children: [_jsxs(Stack, { direction: "column", flex: 1, sx: { overflowY: 'auto', flexGrow: 1 }, position: "relative", spacing: 1, ml: 2, children: [_jsxs(Stack, { direction: "row", alignItems: "center", spacing: 0.5, flexShrink: 0, pr: 2, sx: [hit?.howler?.is_bundle && { position: 'absolute', top: 1, right: 0, zIndex: 1100 }], children: [_jsx(FlexOne, {}), onClose && !location.pathname.startsWith('/bundles') && (_jsx(TuiIconButton, { size: "small", onClick: onClose, tooltip: t('hit.panel.details.exit'), children: _jsx(Clear, {}) })), _jsx(SocketBadge, { size: "small" }), analytic && (_jsx(TuiIconButton, { size: "small", tooltip: t('hit.panel.analytic.open'), disabled: !analytic || loading, route: `/analytics/${analytic.analytic_id}`, children: _jsx(QueryStats, {}) })), hit?.howler.bundles?.length > 0 && _jsx(BundleButton, { ids: hit.howler.bundles, disabled: loading }), !!hit && !hit.howler.is_bundle && (_jsx(TuiIconButton, { tooltip: t('hit.panel.open'), href: `/hits/${selected}`, disabled: !hit || loading, size: "small", target: "_blank", children: _jsx(OpenInNew, {}) }))] }), _jsx(Box, { pr: 2, children: header }), !!hit &&
-                        !hit.howler.is_bundle &&
-                        (!loading ? (_jsxs(_Fragment, { children: [_jsx(HitOutline, { hit: hit, layout: HitLayout.DENSE }), _jsx(HitLabels, { hit: hit })] })) : (_jsx(Skeleton, { height: 124 }))), (hit?.howler?.links?.length > 0 ||
-                        analytic?.notebooks?.length > 0 ||
-                        dossiers.filter(_dossier => _dossier.pivots?.length > 0).length > 0) && (_jsxs(Stack, { direction: "row", spacing: 1, pr: 2, children: [analytic?.notebooks?.length > 0 && _jsx(HitNotebooks, { analytic: analytic, hit: hit }), hit?.howler?.links?.length > 0 &&
-                                uniqBy(hit.howler.links, 'href')
-                                    .slice(0, 3)
-                                    .map(l => _jsx(RelatedLink, { compact: true, ...l }, l.href)), dossiers.flatMap(_dossier => (_dossier.pivots ?? []).map((_pivot, index) => (
-                            // eslint-disable-next-line react/no-array-index-key
-                            _jsx(PivotLink, { pivot: _pivot, hit: hit, compact: true }, _dossier.dossier_id + index))))] })), _jsxs(VSBoxHeader, { ml: -1, mr: -1, pb: 1, sx: { top: '0px' }, children: [_jsxs(Tabs, { value: tab === 'overview' && !hasOverview ? 'details' : tab, sx: {
-                                    display: 'flex',
-                                    flexDirection: 'row',
-                                    pr: 2,
-                                    alignItems: 'center',
-                                    position: 'relative',
-                                    '& > .MuiTabScrollButton-root': {
-                                        position: 'absolute',
-                                        top: 0,
-                                        bottom: 0,
-                                        zIndex: 5,
-                                        backgroundColor: theme.palette.background.paper,
-                                        '&:not(.Mui-disabled)': {
-                                            opacity: 1
-                                        },
-                                        '&:first-of-type': {
-                                            left: 0
-                                        },
-                                        '&:last-of-type': {
-                                            right: 0
-                                        }
-                                    }
-                                }, variant: "scrollable", children: [_jsx(Tab, { sx: { px: 2, minWidth: 0 }, label: _jsx(Tooltip, { title: t('hit.viewer.comments'), children: _jsx(Badge, { sx: {
-                                                    '& > .MuiBadge-badge': {
-                                                        backgroundColor: theme.palette.divider,
-                                                        zIndex: 1,
-                                                        right: theme.spacing(-0.5)
-                                                    },
-                                                    '& > svg': { zIndex: 2 }
-                                                }, badgeContent: hit?.howler.comment?.length ?? 0, children: _jsx(Comment, {}) }) }), value: "hit_comments", onClick: () => setTab('hit_comments') }), hit?.howler?.is_bundle && (_jsx(Tab, { label: t('hit.viewer.aggregate'), value: "hit_aggregate", onClick: () => setTab('hit_aggregate') })), hasOverview && (_jsx(Tab, { label: t('hit.viewer.overview'), value: "overview", onClick: () => setTab('overview') })), _jsx(Tab, { label: t('hit.viewer.details'), value: "details", onClick: () => setTab('details') }), hit?.howler.dossier?.map((lead, index) => (_jsx(Tab
-                                    // eslint-disable-next-line react/no-array-index-key
-                                    , { label: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [lead.icon && _jsx(Icon, { icon: lead.icon }), _jsx("span", { children: i18n.language === 'en' ? lead.label.en : lead.label.fr })] }), value: 'lead:' + index, onClick: () => setTab('lead:' + index) }, 'lead:' + index))), dossiers.flatMap((_dossier, dossierIndex) => (_dossier.leads ?? []).map((_lead, leadIndex) => (_jsx(Tab
-                                    // eslint-disable-next-line react/no-array-index-key
-                                    , { label: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_lead.icon && _jsx(Icon, { icon: _lead.icon }), _jsx("span", { children: i18n.language === 'en' ? _lead.label.en : _lead.label.fr })] }), value: `external-lead:${dossierIndex}:${leadIndex}`, onClick: () => setTab(`external-lead:${dossierIndex}:${leadIndex}`) }, `external-lead:${dossierIndex}:${leadIndex}`)))), _jsx(FlexOne, {}), _jsx(Tab, { sx: { px: 2, minWidth: 0 }, label: _jsx(Tooltip, { title: t('hit.viewer.data'), children: _jsx(DataObject, {}) }), value: "hit_data", onClick: () => setTab('hit_data'), disabled: !hit?.howler?.data }), _jsx(Tab, { sx: { px: 2, minWidth: 0 }, label: _jsx(Tooltip, { title: t('hit.viewer.json'), children: _jsx(Code, {}) }), value: "hit_raw", onClick: () => setTab('hit_raw') }), _jsx(Tab, { sx: { px: 2, minWidth: 0 }, label: _jsx(Tooltip, { title: t('hit.viewer.worklog'), children: _jsx(History, {}) }), value: "hit_worklog", onClick: () => setTab('hit_worklog') }), _jsx(Tab, { sx: { px: 2, minWidth: 0 }, label: _jsx(Tooltip, { title: t('hit.viewer.related'), children: _jsx(LinkSharp, {}) }), value: "hit_related", onClick: () => setTab('hit_related') })] }), ['hit_raw', 'hit_data'].includes(tab) && (_jsx(Phrase, { sx: { mt: 1, pr: 1 }, value: filter, onChange: setFilter, error: hasError, label: t('json.viewer.search.label'), placeholder: t('json.viewer.search.prompt'), endAdornment: _jsx(IconButton, { onClick: () => setFilter(''), children: _jsx(Clear, {}) }) }))] }), _jsx(ErrorBoundary, { children: _jsx(VSBoxContent, { mr: -1, ml: -1, height: "100%", children: _jsx(Stack, { height: "100%", flex: 1, children: tabContent }) }) })] }), !!hit && hit?.howler && (_jsxs(Box, { pr: 2, bgcolor: theme.palette.background.default, position: "relative", children: [_jsx(Divider, { orientation: "horizontal" }), _jsx(HitActions, { hit: hit })] }))] }));
-};
-export default InformationPane;

package/components/routes/hits/search/SearchPane.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: React.NamedExoticComponent<{}>;
-export default _default;

package/components/routes/hits/search/SearchPane.js

@@ -1,132 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Close, ErrorOutline, List, SavedSearch, TableChart, Terminal } from '@mui/icons-material';
-import { Box, IconButton, LinearProgress, Stack, ToggleButton, ToggleButtonGroup, Tooltip, Typography, useMediaQuery, useTheme } from '@mui/material';
-import { grey } from '@mui/material/colors';
-import AppListEmpty from '@cccsaurora/howler-ui/commons/components/display/AppListEmpty';
-import PageCenter from '@cccsaurora/howler-ui/commons/components/pages/PageCenter';
-import { HitContext } from '@cccsaurora/howler-ui/components/app/providers/HitProvider';
-import { HitSearchContext } from '@cccsaurora/howler-ui/components/app/providers/HitSearchProvider';
-import { ParameterContext } from '@cccsaurora/howler-ui/components/app/providers/ParameterProvider';
-import { ViewContext } from '@cccsaurora/howler-ui/components/app/providers/ViewProvider';
-import FlexOne from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexOne';
-import FlexPort from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexPort';
-import VSBox from '@cccsaurora/howler-ui/components/elements/addons/layout/vsbox/VSBox';
-import VSBoxContent from '@cccsaurora/howler-ui/components/elements/addons/layout/vsbox/VSBoxContent';
-import VSBoxHeader from '@cccsaurora/howler-ui/components/elements/addons/layout/vsbox/VSBoxHeader';
-import SearchPagination from '@cccsaurora/howler-ui/components/elements/addons/search/SearchPagination';
-import SearchTotal from '@cccsaurora/howler-ui/components/elements/addons/search/SearchTotal';
-import HowlerCard from '@cccsaurora/howler-ui/components/elements/display/HowlerCard';
-import HitBanner from '@cccsaurora/howler-ui/components/elements/hit/HitBanner';
-import HitCard from '@cccsaurora/howler-ui/components/elements/hit/HitCard';
-import { HitLayout } from '@cccsaurora/howler-ui/components/elements/hit/HitLayout';
-import useHitSelection from '@cccsaurora/howler-ui/components/hooks/useHitSelection';
-import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
-import React, { memo, useCallback, useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link, useLocation, useNavigate, useParams } from 'react-router-dom';
-import { useContextSelector } from 'use-context-selector';
-import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
-import BundleParentMenu from './BundleParentMenu';
-import { BundleScroller } from './BundleScroller';
-import HitContextMenu from './HitContextMenu';
-import HitQuery from './HitQuery';
-import ViewLink from './ViewLink';
-import QuerySettings from './shared/QuerySettings';
-const Item = memo(({ hit, onClick }) => {
-    const theme = useTheme();
-    const selectedHits = useContextSelector(HitContext, ctx => ctx.selectedHits);
-    const selected = useContextSelector(ParameterContext, ctx => ctx.selected);
-    const layout = useContextSelector(HitSearchContext, ctx => ctx.layout);
-    const checkMiddleClick = useCallback((e, id) => {
-        if (e.button === 1) {
-            window.open(`${window.origin}/hits/${id}`, '_blank');
-            e.stopPropagation();
-            e.preventDefault();
-        }
-    }, []);
-    // Search result list item renderer.
-    return (_jsx(Box, { id: hit.howler.id, onAuxClick: e => checkMiddleClick(e, hit.howler.id), onClick: ev => onClick(ev, hit), sx: [
-            {
-                mb: 2,
-                cursor: 'pointer',
-                '& span,p,h6': {
-                    cursor: 'text'
-                },
-                '& .MuiPaper-root': {
-                    border: '4px solid transparent',
-                    boxShadow: `0px 0px 0px 0px transparent`,
-                    transition: theme.transitions.create(['border-color', 'box-shadow'])
-                },
-                '& .MuiCardContent-root': {
-                    p: 1,
-                    pb: 1
-                },
-                '& .MuiCardContent-root:last-child': {
-                    paddingBottom: 'inherit' // prevents slight height variation on selected card.
-                }
-            },
-            selectedHits.some(_hit => _hit.howler.id === hit.howler.id) && {
-                '& .MuiPaper-root': { borderColor: grey[500], boxShadow: `0px 0px 5px 2px ${grey[500]}` }
-            },
-            selected === hit.howler.id && {
-                '& .MuiPaper-root': {
-                    borderColor: 'primary.main',
-                    boxShadow: `0px 0px 5px 2px ${theme.palette.primary.main}`
-                }
-            }
-        ], children: _jsx(HitCard, { id: hit.howler.id, layout: layout }) }));
-});
-const SearchPane = () => {
-    const { t } = useTranslation();
-    const location = useLocation();
-    const navigate = useNavigate();
-    const routeParams = useParams();
-    const selected = useContextSelector(ParameterContext, ctx => ctx.selected);
-    const setSelected = useContextSelector(ParameterContext, ctx => ctx.setSelected);
-    const query = useContextSelector(ParameterContext, ctx => ctx.query);
-    const setOffset = useContextSelector(ParameterContext, ctx => ctx.setOffset);
-    const displayType = useContextSelector(HitSearchContext, ctx => ctx.displayType);
-    const setDisplayType = useContextSelector(HitSearchContext, ctx => ctx.setDisplayType);
-    const triggerSearch = useContextSelector(HitSearchContext, ctx => ctx.search);
-    const searching = useContextSelector(HitSearchContext, ctx => ctx.searching);
-    const response = useContextSelector(HitSearchContext, ctx => ctx.response);
-    const error = useContextSelector(HitSearchContext, ctx => ctx.error);
-    const viewId = useContextSelector(HitSearchContext, ctx => ctx.viewId);
-    const { onClick } = useHitSelection();
-    const getHit = useContextSelector(HitContext, ctx => ctx.getHit);
-    const clearSelectedHits = useContextSelector(HitContext, ctx => ctx.clearSelectedHits);
-    const bundleHit = useContextSelector(HitContext, ctx => location.pathname.startsWith('/bundles') ? ctx.hits[routeParams.id] : null);
-    const searchPaneWidth = useMyLocalStorageItem(StorageKey.SEARCH_PANE_WIDTH, null)[0];
-    const verticalSorters = useMediaQuery('(max-width: 1919px)') || (searchPaneWidth ?? Number.MAX_SAFE_INTEGER) < 900;
-    const selectedView = useContextSelector(ViewContext, ctx => ctx.views[viewId]);
-    const getSelectedId = useCallback((event) => {
-        const target = event.target;
-        const selectedElement = target.closest('[id]');
-        if (!selectedElement) {
-            return;
-        }
-        return selectedElement.id;
-    }, []);
-    useEffect(() => {
-        if (location.pathname.startsWith('/bundles')) {
-            getHit(routeParams.id);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [location.pathname, routeParams.id]);
-    return (_jsx(FlexPort, { id: "hitscrollbar", children: _jsx(PageCenter, { textAlign: "left", mt: 0, mb: 6, ml: 0, mr: 0, maxWidth: "1500px", children: _jsxs(VSBox, { top: 0, children: [_jsxs(Stack, { ml: -1, mr: -1, sx: { '& .overflowingContentWidgets > *': { zIndex: '2000 !important' } }, spacing: 1, children: [_jsx(ViewLink, {}), bundleHit && (_jsx(BundleScroller, { children: _jsx(HitContextMenu, { getSelectedId: () => bundleHit.howler.id, children: _jsx(Stack, { spacing: 1, sx: { mx: -1 }, children: _jsx(HowlerCard, { sx: [
-                                                { p: 1, border: '4px solid transparent', cursor: 'pointer' },
-                                                location.pathname.startsWith('/bundles') &&
-                                                    selected === routeParams.id && { borderColor: 'primary.main' }
-                                            ], onClick: () => {
-                                                clearSelectedHits(bundleHit.howler.id);
-                                                setSelected(bundleHit.howler.id);
-                                            }, children: _jsx(HitBanner, { hit: bundleHit, layout: HitLayout.DENSE, useListener: true }) }) }) }) })), _jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(Typography, { sx: { color: 'text.secondary', fontSize: '0.9em', fontStyle: 'italic', mb: 0.5 }, variant: "body2", children: t('hit.search.prompt') }), error && (_jsx(Tooltip, { title: `${t('route.advanced.error')}: ${error}`, children: _jsx(ErrorOutline, { fontSize: "small", color: "error" }) })), _jsx(FlexOne, {}), bundleHit?.howler.bundles.length > 0 && _jsx(BundleParentMenu, { bundle: bundleHit }), bundleHit && (_jsx(Tooltip, { title: t('hit.bundle.close'), children: _jsx(IconButton, { size: "small", onClick: () => navigate('/search'), children: _jsx(Close, {}) }) })), _jsx(Tooltip, { title: t('route.views.save'), children: _jsx(IconButton, { component: Link, disabled: !query, to: `/views/create?query=${query}`, children: _jsx(SavedSearch, {}) }) }), _jsx(Tooltip, { title: t('route.actions.save'), children: _jsx(IconButton, { component: Link, disabled: !query, to: `/action/execute?query=${query}`, children: _jsx(Terminal, {}) }) }), _jsxs(ToggleButtonGroup, { exclusive: true, value: displayType, onChange: (__, value) => setDisplayType(value), size: "small", children: [_jsx(ToggleButton, { value: "list", children: _jsx(List, {}) }), _jsx(ToggleButton, { value: "grid", children: _jsx(TableChart, {}) })] })] })] }), _jsxs(VSBoxHeader, { ml: -3, mr: -3, px: 2, pb: 1, sx: { zIndex: 999 }, children: [_jsxs(Stack, { sx: { pt: 1 }, children: [_jsxs(Stack, { sx: { position: 'relative', flex: 1 }, children: [_jsx(HitQuery, { disabled: viewId && !selectedView, searching: searching, triggerSearch: triggerSearch }), searching && (_jsx(LinearProgress, { sx: theme => ({
-                                                    position: 'absolute',
-                                                    left: 0,
-                                                    right: 0,
-                                                    bottom: 0,
-                                                    borderBottomLeftRadius: theme.shape.borderRadius,
-                                                    borderBottomRightRadius: theme.shape.borderRadius
-                                                }) }))] }), _jsx(QuerySettings, { verticalSorters: verticalSorters, boxSx: { position: 'relative', pt: 1.5 } })] }), response && (_jsxs(Stack, { direction: "row", alignItems: "center", sx: { pt: 1 }, children: [_jsx(SearchTotal, { total: response.total, pageLength: response.items.length, offset: response.offset, sx: theme => ({ color: theme.palette.text.secondary, fontSize: '0.9em', fontStyle: 'italic' }) }), _jsx(Box, { flex: 1 }), _jsx(SearchPagination, { total: response.total, limit: response.rows, offset: response.offset, onChange: nextOffset => setOffset(nextOffset) })] }))] }), _jsx(VSBoxContent, { mr: -1, ml: -1, mt: 1, children: _jsx(HitContextMenu, { getSelectedId: getSelectedId, children: !response ? (_jsx(AppListEmpty, {})) : (response.items.map(hit => _jsx(Item, { hit: hit, onClick: onClick }, hit.howler.id))) }) })] }) }) }));
-};
-export default memo(SearchPane);

package/components/routes/hits/search/ViewLink.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("react").NamedExoticComponent<{}>;
-export default _default;

package/components/routes/hits/search/ViewLink.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Close, Edit, SavedSearch } from '@mui/icons-material';
-import { Alert, IconButton, Stack, Tooltip, Typography } from '@mui/material';
-import { HitSearchContext } from '@cccsaurora/howler-ui/components/app/providers/HitSearchProvider';
-import { ParameterContext } from '@cccsaurora/howler-ui/components/app/providers/ParameterProvider';
-import { ViewContext } from '@cccsaurora/howler-ui/components/app/providers/ViewProvider';
-import { has } from 'lodash-es';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-import { useContextSelector } from 'use-context-selector';
-const ViewLink = () => {
-    const { t } = useTranslation();
-    const query = useContextSelector(ParameterContext, ctx => ctx.query);
-    const sort = useContextSelector(ParameterContext, ctx => ctx.sort);
-    const span = useContextSelector(ParameterContext, ctx => ctx.span);
-    const viewId = useContextSelector(HitSearchContext, ctx => ctx.viewId);
-    const viewsReady = useContextSelector(ViewContext, ctx => has(ctx.views, viewId));
-    const selectedView = useContextSelector(ViewContext, ctx => ctx.views[viewId]);
-    const viewUrl = useMemo(() => {
-        if (viewId) {
-            return `/views/${viewId}/edit`;
-        }
-        const keys = [];
-        if (query) {
-            keys.push(`query=${query}`);
-        }
-        if (sort) {
-            keys.push(`sort=${sort}`);
-        }
-        if (span) {
-            keys.push(`span=${span}`);
-        }
-        return keys.length > 0 ? `/views/create?${keys.join('&')}` : '/views/create';
-    }, [query, sort, span, viewId]);
-    const viewButton = useMemo(() => (_jsx(Tooltip, { title: viewId ? t('route.views.edit') : t('route.views.create'), children: _jsx(IconButton, { size: "small", component: Link, disabled: (!viewId && !query) || span?.endsWith('custom'), to: viewUrl, children: viewId ? _jsx(Edit, { fontSize: "small" }) : _jsx(SavedSearch, {}) }) })), [query, span, t, viewId, viewUrl]);
-    if (!viewId) {
-        return null;
-    }
-    return selectedView ? (_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(Tooltip, { title: selectedView.query, children: _jsx(Typography, { sx: { color: 'text.primary' }, variant: "body1", component: Link, to: `/views/${selectedView.view_id}/edit`, children: t(selectedView.title) }) }), viewButton] })) : (viewsReady && (_jsx(Alert, { variant: "outlined", severity: "error", action: _jsx(IconButton, { size: "small", component: Link, to: "/search", children: _jsx(Close, { fontSize: "small" }) }), children: t('view.notfound') })));
-};
-export default memo(ViewLink);

package/components/routes/hits/search/grid/AddColumnModal.d.ts

@@ -1,8 +0,0 @@
-declare const _default: import("react").NamedExoticComponent<{
-    open: boolean;
-    onClose: () => void;
-    anchorEl: HTMLElement;
-    addColumn: (key: string) => void;
-    columns: string[];
-}>;
-export default _default;

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

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Add, Check } from '@mui/icons-material';
-import { Autocomplete, Chip, Divider, Grid, IconButton, Popover, Stack, TextField } from '@mui/material';
-import useMatchers from '@cccsaurora/howler-ui/components/app/hooks/useMatchers';
-import { FieldContext } from '@cccsaurora/howler-ui/components/app/providers/FieldProvider';
-import { HitSearchContext } from '@cccsaurora/howler-ui/components/app/providers/HitSearchProvider';
-import { has, sortBy, uniq } from 'lodash-es';
-import { memo, useContext, useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useContextSelector } from 'use-context-selector';
-const AddColumnModal = ({ open, onClose, anchorEl, addColumn, columns }) => {
-    const { t } = useTranslation();
-    const { hitFields } = useContext(FieldContext);
-    const response = useContextSelector(HitSearchContext, ctx => ctx.response);
-    const { getMatchingTemplate } = useMatchers();
-    const [columnToAdd, setColumnToAdd] = useState(null);
-    const options = useMemo(() => hitFields.map(field => field.key), [hitFields]);
-    const [suggestions, setSuggestions] = useState([]);
-    useEffect(() => {
-        (async () => {
-            setSuggestions(uniq((await Promise.all((response?.items ?? []).map(async (_hit) => (has(_hit, '__template') ? _hit.__template?.keys : (await getMatchingTemplate(_hit))?.keys) ?? []))).flat()));
-        })();
-    }, [getMatchingTemplate, response?.items]);
-    return (_jsx(Popover, { open: open, onClose: onClose, anchorEl: anchorEl, anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, children: _jsxs(Stack, { spacing: 1, p: 1, width: "500px", children: [_jsxs(Stack, { direction: "row", spacing: 1, children: [_jsx(Autocomplete, { sx: { flex: 1 }, size: "small", options: options, value: columnToAdd, renderInput: params => _jsx(TextField, { fullWidth: true, placeholder: t('hit.fields'), ...params }), onChange: (_ev, value) => setColumnToAdd(value) }), _jsx(IconButton, { disabled: !columnToAdd, onClick: () => {
-                                addColumn(columnToAdd);
-                                setColumnToAdd(null);
-                            }, children: _jsx(Add, {}) })] }), _jsx(Divider, { orientation: "horizontal" }), _jsx(Grid, { container: true, spacing: 1, children: sortBy(suggestions.map(key => ({ key, used: columns.includes(key) })), 'used').map(({ key, used }) => {
-                        return (_jsx(Grid, { item: true, children: _jsx(Chip, { size: "small", variant: "outlined", color: used ? 'success' : 'default', label: key, icon: used ? _jsx(Check, {}) : _jsx(Add, {}), onClick: () => addColumn(key), disabled: used }) }, key));
-                    }) })] }) }));
-};
-export default memo(AddColumnModal);

package/components/routes/hits/search/grid/ColumnHeader.d.ts

@@ -1,8 +0,0 @@
-import { type FC, type SetStateAction } from 'react';
-declare const ColumnHeader: FC<{
-    width: string;
-    col: string;
-    setColumns: (val: SetStateAction<string[]>) => void;
-    onMouseDown: (col: string, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-}>;
-export default ColumnHeader;

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

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { DragIndicator, Remove } from '@mui/icons-material';
-import { Box, IconButton, Stack, TableCell, Tooltip, useTheme } from '@mui/material';
-import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
-import FlexOne from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexOne';
-import { useContext } from 'react';
-const ColumnHeader = ({ col, width, setColumns, onMouseDown }) => {
-    const theme = useTheme();
-    const { config } = useContext(ApiConfigContext);
-    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: col });
-    return (_jsx(TableCell, { ref: setNodeRef, sx: {
-            borderRight: 'thin solid',
-            borderRightColor: 'divider',
-            py: 0.5,
-            position: 'relative'
-        }, style: { transform: CSS.Translate.toString(transform), transition }, children: _jsxs(Stack, { className: `col-${col.replaceAll('.', '-')}`, direction: "row", spacing: 1, alignItems: "center", sx: [{ minWidth: '220px' }, !!width ? { width, maxWidth: width } : { maxWidth: '300px' }], children: [_jsx(Tooltip, { title: config.indexes.hit[col].description, children: _jsx("span", { children: col }) }), _jsx(FlexOne, {}), _jsx(IconButton, { size: "small", sx: { fontSize: '1rem' }, onClick: () => setColumns(_columns => _columns.filter(_col => _col !== col)), children: _jsx(Remove, { fontSize: "inherit" }) }), _jsx(DragIndicator, { fontSize: "small", sx: { cursor: 'grab' }, ...attributes, ...listeners }), _jsx(Box, { sx: {
-                        position: 'absolute',
-                        top: theme.spacing(0.75),
-                        bottom: theme.spacing(0.75),
-                        right: -3,
-                        width: '5px',
-                        borderRight: 'thin solid',
-                        borderLeft: 'thin solid',
-                        borderColor: 'divider',
-                        cursor: 'col-resize'
-                    }, onMouseDown: e => onMouseDown(col, e) })] }) }));
-};
-export default ColumnHeader;

package/components/routes/hits/search/grid/EnhancedCell.d.ts

@@ -1,8 +0,0 @@
-import { type SxProps } from '@mui/material';
-declare const _default: import("react").NamedExoticComponent<{
-    value: string;
-    sx?: SxProps;
-    className: string;
-    field: string;
-}>;
-export default _default;

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

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable react/no-array-index-key */
-import { Stack, TableCell } from '@mui/material';
-import PluginTypography from '@cccsaurora/howler-ui/components/elements/PluginTypography';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-const EnhancedCell = ({ value: rawValue, sx = {}, className, field }) => {
-    const { t } = useTranslation();
-    if (!rawValue) {
-        return _jsx(TableCell, { style: { borderBottom: 'none' }, children: t('none') });
-    }
-    const values = (Array.isArray(rawValue) ? rawValue : [rawValue]).filter(_value => !!_value);
-    return (_jsx(TableCell, { sx: { borderBottom: 'none', borderRight: 'thin solid', borderRightColor: 'divider', fontSize: '0.8rem' }, children: _jsx(Stack, { direction: "row", className: className, spacing: 0.5, sx: [
-                { display: 'flex', justifyContent: 'start', width: '100%', overflow: 'hidden' },
-                ...(Array.isArray(sx) ? sx : [sx])
-            ], children: values.map((value, index) => (_jsx(PluginTypography, { context: "table", sx: { fontSize: 'inherit', textOverflow: 'ellipsis' }, value: value, field: field, children: value }, value + index))) }) }));
-};
-export default memo(EnhancedCell);

package/components/routes/hits/search/grid/HitGrid.d.ts

@@ -1,3 +0,0 @@
-import { type FC } from 'react';
-declare const HitGrid: FC;
-export default HitGrid;