@eightyfourthousand/lib-search 2026.3.1 → 2026.4.1

package/index.js

@@ -0,0 +1,4 @@
+export * from './lib/data';
+export * from './lib/types';
+export * from './lib/ui';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../libs/lib-search/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}

package/lib/data/index.js

@@ -0,0 +1,2 @@
+export * from './search';
+//# sourceMappingURL=index.js.map

package/lib/data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/lib-search/src/lib/data/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/data/search.d.ts

@@ -0,0 +1,5 @@
+export declare const search: ({ text, uuid, toh, }: {
+    text: string;
+    uuid: string;
+    toh: string;
+}) => Promise<import("../types").SearchResults | undefined>;

package/lib/data/search.js

@@ -0,0 +1,18 @@
+'use server';
+import { __awaiter } from "tslib";
+import { createServerClient } from '@eightyfourthousand/data-access/ssr';
+import { searchResultsFromDTO } from '../types';
+export const search = (_a) => __awaiter(void 0, [_a], void 0, function* ({ text, uuid, toh, }) {
+    const client = yield createServerClient();
+    const { data, error } = yield client.rpc('translation_search', {
+        search_term: text,
+        work_uuid: uuid,
+        toh: toh,
+    });
+    if (error) {
+        console.error('Search error:', error);
+        return;
+    }
+    return searchResultsFromDTO(data);
+});
+//# sourceMappingURL=search.js.map

package/lib/data/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../../libs/lib-search/src/lib/data/search.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,CAAC,MAAM,MAAM,GAAG,KAQnB,EAAE,4CARwB,EAC3B,IAAI,EACJ,IAAI,EACJ,GAAG,GAKJ;IACC,MAAM,MAAM,GAAG,MAAM,kBAAkB,EAAE,CAAC;IAC1C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,GAAG,CAAC,oBAAoB,EAAE;QAC7D,WAAW,EAAE,IAAI;QACjB,SAAS,EAAE,IAAI;QACf,GAAG,EAAE,GAAG;KACT,CAAC,CAAC;IAEH,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;QACtC,OAAO;IACT,CAAC;IAED,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAA,CAAC"}

package/lib/types/index.js

@@ -0,0 +1,2 @@
+export * from './search';
+//# sourceMappingURL=index.js.map

package/lib/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/lib-search/src/lib/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/types/search.d.ts

@@ -0,0 +1,71 @@
+import { GlossaryTermInstance, GlossaryTermInstanceDTO } from "@eightyfourthousand/data-access";
+export declare const RESULTS_ENTITIES: readonly ["alignments", "passages", "bibliographies", "glossaries"];
+export type ResultsEntity = (typeof RESULTS_ENTITIES)[number];
+export declare const RESULTS_ENTITY_LABELS: Record<ResultsEntity, string>;
+export type BibliographySearchMatchDTO = {
+    bibliography_uuid: string;
+    content: string;
+};
+export type GlossarySearchMatchDTO = {
+    authority_uuid: string;
+    glossary_uuid: string;
+    content: string;
+    entry: GlossaryTermInstanceDTO;
+};
+export type PassageSearchMatchDTO = {
+    passage_uuid: string;
+    type: ResultsEntity;
+    label: string;
+    content: string;
+};
+export type AlignmentSearchMatchDTO = {
+    passage_uuid: string;
+    english_label: string;
+    english: string;
+    tibetan: string;
+    tibetan_volume_number: string;
+    tibetan_folio_number: string;
+};
+export type SearchMatch = {
+    type: string;
+    uuid: string;
+    content: string;
+};
+export type PassageMatch = SearchMatch & {
+    type: 'passage';
+    section: string;
+    label: string;
+};
+export type AlignmentMatch = SearchMatch & {
+    type: 'alignment';
+    section: 'translation';
+    label: string;
+    source: string;
+    volume: string;
+    folio: string;
+};
+export type BibliographyMatch = SearchMatch & {
+    type: 'bibliography';
+};
+export type GlossaryMatch = SearchMatch & {
+    type: 'glossary';
+    entry: GlossaryTermInstance;
+};
+export type SearchResultsDTO = {
+    passage_matches: PassageSearchMatchDTO[];
+    alignment_matches: AlignmentSearchMatchDTO[];
+    bibliography_matches: BibliographySearchMatchDTO[];
+    glossary_matches: GlossarySearchMatchDTO[];
+};
+export type SearchResult = SearchMatch | PassageMatch | AlignmentMatch | BibliographyMatch | GlossaryMatch;
+export type SearchResults = {
+    passages: PassageMatch[];
+    alignments: AlignmentMatch[];
+    bibliographies: SearchMatch[];
+    glossaries: SearchMatch[];
+};
+export declare const bibliographyMatchFromDTO: (dto: BibliographySearchMatchDTO) => BibliographyMatch;
+export declare const glossaryMatchFromDTO: (dto: GlossarySearchMatchDTO) => GlossaryMatch;
+export declare const passageMatchFromDTO: (dto: PassageSearchMatchDTO) => PassageMatch;
+export declare const alignmentMatchFromDTO: (dto: AlignmentSearchMatchDTO) => AlignmentMatch;
+export declare const searchResultsFromDTO: (dto: SearchResultsDTO) => SearchResults;

package/lib/types/search.js

@@ -0,0 +1,58 @@
+import { glossaryTermInstanceFromDTO } from "@eightyfourthousand/data-access";
+export const RESULTS_ENTITIES = [
+    'alignments',
+    'passages',
+    'bibliographies',
+    'glossaries',
+];
+export const RESULTS_ENTITY_LABELS = {
+    alignments: 'Translation Passages',
+    passages: 'Other Passages',
+    bibliographies: 'Bibliographies',
+    glossaries: 'Glossaries',
+};
+export const bibliographyMatchFromDTO = (dto) => {
+    return {
+        type: 'bibliography',
+        uuid: dto.bibliography_uuid,
+        content: dto.content,
+    };
+};
+export const glossaryMatchFromDTO = (dto) => {
+    return {
+        type: 'glossary',
+        uuid: dto.authority_uuid,
+        content: dto.content,
+        entry: glossaryTermInstanceFromDTO(dto.entry),
+    };
+};
+export const passageMatchFromDTO = (dto) => {
+    return {
+        type: 'passage',
+        uuid: dto.passage_uuid,
+        section: dto.type,
+        label: dto.label,
+        content: dto.content,
+    };
+};
+export const alignmentMatchFromDTO = (dto) => {
+    return {
+        type: 'alignment',
+        section: 'translation',
+        uuid: dto.passage_uuid,
+        label: dto.english_label,
+        content: dto.english,
+        source: dto.tibetan,
+        volume: dto.tibetan_volume_number,
+        folio: dto.tibetan_folio_number,
+    };
+};
+export const searchResultsFromDTO = (dto) => {
+    return {
+        passages: dto.passage_matches.map(passageMatchFromDTO),
+        alignments: dto.alignment_matches.map(alignmentMatchFromDTO),
+        bibliographies: dto.bibliography_matches.map(bibliographyMatchFromDTO),
+        glossaries: dto.glossary_matches.map(glossaryMatchFromDTO),
+    };
+};
+//# sourceMappingURL=search.js.map

package/lib/types/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../../libs/lib-search/src/lib/types/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiD,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAE7H,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,YAAY;IACZ,UAAU;IACV,gBAAgB;IAChB,YAAY;CACJ,CAAC;AAIX,MAAM,CAAC,MAAM,qBAAqB,GAAkC;IAClE,UAAU,EAAE,sBAAsB;IAClC,QAAQ,EAAE,gBAAgB;IAC1B,cAAc,EAAE,gBAAgB;IAChC,UAAU,EAAE,YAAY;CAChB,CAAC;AAiFX,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,GAA+B,EACZ,EAAE;IACrB,OAAO;QACL,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,GAAG,CAAC,iBAAiB;QAC3B,OAAO,EAAE,GAAG,CAAC,OAAO;KACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,GAA2B,EACZ,EAAE;IACjB,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,GAAG,CAAC,cAAc;QACxB,OAAO,EAAE,GAAG,CAAC,OAAO;QACpB,KAAK,EAAE,2BAA2B,CAAC,GAAG,CAAC,KAAK,CAAC;KAC9C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,GAA0B,EACZ,EAAE;IAChB,OAAO;QACL,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,GAAG,CAAC,YAAY;QACtB,OAAO,EAAE,GAAG,CAAC,IAAI;QACjB,KAAK,EAAE,GAAG,CAAC,KAAK;QAChB,OAAO,EAAE,GAAG,CAAC,OAAO;KACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,GAA4B,EACZ,EAAE;IAClB,OAAO;QACL,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,aAAa;QACtB,IAAI,EAAE,GAAG,CAAC,YAAY;QACtB,KAAK,EAAE,GAAG,CAAC,aAAa;QACxB,OAAO,EAAE,GAAG,CAAC,OAAO;QACpB,MAAM,EAAE,GAAG,CAAC,OAAO;QACnB,MAAM,EAAE,GAAG,CAAC,qBAAqB;QACjC,KAAK,EAAE,GAAG,CAAC,oBAAoB;KAChC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,GAAqB,EAAiB,EAAE;IAC3E,OAAO;QACL,QAAQ,EAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,mBAAmB,CAAC;QACtD,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,qBAAqB,CAAC;QAC5D,cAAc,EAAE,GAAG,CAAC,oBAAoB,CAAC,GAAG,CAAC,wBAAwB,CAAC;QACtE,UAAU,EAAE,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,oBAAoB,CAAC;KAC3D,CAAC;AACJ,CAAC,CAAC"}

package/lib/ui/SearchButton.d.ts

@@ -0,0 +1,35 @@
+import type { PassageOccurrence } from '@eightyfourthousand/data-access';
+import type { ReactNode } from 'react';
+import type { PassageMatch, SearchResult } from '../types';
+export type SearchPendingSelection = {
+    kind: 'index';
+    index: number;
+} | {
+    kind: 'cursor';
+    start: number;
+    passageUuid: string;
+};
+export interface SearchActionContext {
+    activeOccurrence?: PassageOccurrence;
+    activeOccurrenceIndex: number;
+    activePassageLabel?: string;
+    activePassageUuid?: string;
+    moveActiveOccurrence: (direction: 'next' | 'previous') => void;
+    passageOccurrences: PassageOccurrence[];
+    passages: PassageMatch[];
+    refreshSearch: (options?: {
+        nextSelection?: SearchPendingSelection | null;
+    }) => Promise<void>;
+    searchQuery: string;
+    searching: boolean;
+    scrollActiveOccurrenceIntoView: () => void;
+    setActiveOccurrenceIndex: (index: number) => void;
+    setShouldScrollActiveOccurrence: (shouldScroll: boolean) => void;
+}
+export interface SearchButtonProps {
+    onResultSelected: (result: SearchResult) => void;
+    renderActions?: (context: SearchActionContext) => ReactNode;
+    toh?: string;
+    workUuid?: string;
+}
+export declare const SearchButton: ({ renderActions, workUuid, toh, onResultSelected, }: SearchButtonProps) => import("react/jsx-runtime").JSX.Element;

package/lib/ui/SearchButton.js

@@ -0,0 +1,224 @@
+'use client';
+import { __awaiter } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getPassageOccurrences } from '@eightyfourthousand/data-access';
+import { Button, Dialog, DialogContent, DialogDescription, DialogTitle, DialogTrigger, Input, Tabs, TabsContent, } from '@eightyfourthousand/design-system';
+import { Loader2Icon, SearchIcon, XIcon } from 'lucide-react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { search } from '../data';
+import { RESULTS_ENTITIES } from '../types';
+import { SearchResultsList } from './SearchResultsList';
+import { SearchResultTabs } from './SearchResultTab';
+const DEFAULT_RESULTS_TAB = 'alignments';
+const getFirstResultsTab = (results) => {
+    var _a;
+    return ((_a = RESULTS_ENTITIES.find((tab) => { var _a; return ((_a = results === null || results === void 0 ? void 0 : results[tab].length) !== null && _a !== void 0 ? _a : 0) > 0; })) !== null && _a !== void 0 ? _a : DEFAULT_RESULTS_TAB);
+};
+const getOccurrenceResultsTab = (occurrence) => {
+    if (!occurrence) {
+        return undefined;
+    }
+    return occurrence.type === 'alignment' ? 'alignments' : 'passages';
+};
+export const SearchButton = ({ renderActions, workUuid, toh, onResultSelected, }) => {
+    var _a, _b;
+    const [open, setOpen] = useState(false);
+    const [searching, setSearching] = useState(false);
+    const [hasResults, setHasResults] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [results, setResults] = useState();
+    const [activeOccurrenceIndex, setActiveOccurrenceIndexState] = useState(0);
+    const [activeResultsTab, setActiveResultsTab] = useState(DEFAULT_RESULTS_TAB);
+    const [shouldScrollActiveOccurrence, setShouldScrollActiveOccurrence] = useState(false);
+    const pendingOccurrenceSelectionRef = useRef(null);
+    const passageOccurrences = useMemo(() => getPassageOccurrences([...((results === null || results === void 0 ? void 0 : results.alignments) || []), ...((results === null || results === void 0 ? void 0 : results.passages) || [])], searchQuery), [results === null || results === void 0 ? void 0 : results.alignments, results === null || results === void 0 ? void 0 : results.passages, searchQuery]);
+    const activeOccurrence = passageOccurrences[activeOccurrenceIndex];
+    const activeOccurrenceStart = (_a = activeOccurrence === null || activeOccurrence === void 0 ? void 0 : activeOccurrence.start) !== null && _a !== void 0 ? _a : null;
+    const activePassageUuid = activeOccurrence === null || activeOccurrence === void 0 ? void 0 : activeOccurrence.passageUuid;
+    const activePassageLabel = (_b = results === null || results === void 0 ? void 0 : results.passages.find((passage) => passage.uuid === activePassageUuid)) === null || _b === void 0 ? void 0 : _b.label;
+    const passageOrder = useMemo(() => new Map(((results === null || results === void 0 ? void 0 : results.passages) || []).map((passage, index) => [
+        passage.uuid,
+        index,
+    ])), [results === null || results === void 0 ? void 0 : results.passages]);
+    const scrollActiveOccurrenceIntoView = useCallback(() => {
+        requestAnimationFrame(() => {
+            var _a;
+            (_a = document
+                .querySelector('[data-search-result-active="true"]')) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+                behavior: 'smooth',
+                block: 'start',
+            });
+        });
+    }, []);
+    const refreshSearch = useCallback((...args_1) => __awaiter(void 0, [...args_1], void 0, function* (options = {}) {
+        var _a;
+        if (!searchQuery || !workUuid || !toh) {
+            setResults(undefined);
+            setHasResults(false);
+            return;
+        }
+        setSearching(true);
+        const nextResults = yield search({
+            text: searchQuery,
+            uuid: workUuid,
+            toh,
+        });
+        setHasResults(!!nextResults &&
+            (nextResults.passages.length > 0 ||
+                nextResults.alignments.length > 0 ||
+                nextResults.bibliographies.length > 0 ||
+                nextResults.glossaries.length > 0));
+        setResults(nextResults);
+        if ('nextSelection' in options) {
+            pendingOccurrenceSelectionRef.current = (_a = options.nextSelection) !== null && _a !== void 0 ? _a : null;
+        }
+        setSearching(false);
+    }), [searchQuery, toh, workUuid]);
+    const setActiveOccurrenceIndex = useCallback((nextIndex) => {
+        pendingOccurrenceSelectionRef.current = null;
+        setActiveOccurrenceIndexState(Math.max(0, Math.min(nextIndex, Math.max(passageOccurrences.length - 1, 0))));
+    }, [passageOccurrences.length]);
+    const moveActiveOccurrence = useCallback((direction) => {
+        if (passageOccurrences.length === 0) {
+            return;
+        }
+        pendingOccurrenceSelectionRef.current = null;
+        setActiveOccurrenceIndexState((current) => {
+            if (direction === 'previous') {
+                return Math.max(current - 1, 0);
+            }
+            return Math.min(current + 1, passageOccurrences.length - 1);
+        });
+    }, [passageOccurrences.length]);
+    useEffect(() => {
+        const debounce = setTimeout(() => {
+            void refreshSearch();
+        }, 300);
+        return () => clearTimeout(debounce);
+    }, [refreshSearch]);
+    useEffect(() => {
+        setResults(undefined);
+        setSearchQuery('');
+        setActiveOccurrenceIndexState(0);
+        setShouldScrollActiveOccurrence(false);
+        pendingOccurrenceSelectionRef.current = null;
+    }, [open]);
+    useEffect(() => {
+        if (!results) {
+            setActiveResultsTab(DEFAULT_RESULTS_TAB);
+            return;
+        }
+        setActiveResultsTab((currentTab) => results[currentTab].length > 0 ? currentTab : getFirstResultsTab(results));
+    }, [results]);
+    useEffect(() => {
+        if (passageOccurrences.length === 0) {
+            setActiveOccurrenceIndexState(0);
+            pendingOccurrenceSelectionRef.current = null;
+            return;
+        }
+        const pendingSelection = pendingOccurrenceSelectionRef.current;
+        if (pendingSelection) {
+            if (pendingSelection.kind === 'index') {
+                setActiveOccurrenceIndexState(Math.min(pendingSelection.index, passageOccurrences.length - 1));
+                pendingOccurrenceSelectionRef.current = null;
+                return;
+            }
+            const nextIndex = passageOccurrences.findIndex((occurrence) => {
+                if (pendingSelection.kind === 'cursor' &&
+                    occurrence.passageUuid === pendingSelection.passageUuid &&
+                    occurrence.start >= pendingSelection.start) {
+                    return true;
+                }
+                return false;
+            });
+            if (nextIndex >= 0) {
+                setActiveOccurrenceIndexState(nextIndex);
+                pendingOccurrenceSelectionRef.current = null;
+                return;
+            }
+            const currentPassageOrder = pendingSelection.kind === 'cursor'
+                ? passageOrder.get(pendingSelection.passageUuid)
+                : undefined;
+            const nextPassageIndex = pendingSelection.kind === 'cursor' && currentPassageOrder != null
+                ? passageOccurrences.findIndex((occurrence) => {
+                    const occurrenceOrder = passageOrder.get(occurrence.passageUuid);
+                    return (occurrenceOrder != null && occurrenceOrder > currentPassageOrder);
+                })
+                : -1;
+            setActiveOccurrenceIndexState(nextPassageIndex >= 0 ? nextPassageIndex : 0);
+            pendingOccurrenceSelectionRef.current = null;
+            return;
+        }
+        setActiveOccurrenceIndexState((current) => Math.min(current, passageOccurrences.length - 1));
+    }, [passageOccurrences, passageOrder]);
+    useEffect(() => {
+        if (!shouldScrollActiveOccurrence || !activeOccurrence || !results) {
+            return;
+        }
+        const occurrenceTab = getOccurrenceResultsTab(activeOccurrence);
+        if (occurrenceTab && results[occurrenceTab].length > 0) {
+            setActiveResultsTab(occurrenceTab);
+        }
+    }, [activeOccurrence, results, shouldScrollActiveOccurrence]);
+    useEffect(() => {
+        if (!shouldScrollActiveOccurrence ||
+            !activePassageUuid ||
+            activeOccurrenceStart == null) {
+            return;
+        }
+        scrollActiveOccurrenceIntoView();
+    }, [
+        activeOccurrenceStart,
+        activeResultsTab,
+        activePassageUuid,
+        scrollActiveOccurrenceIntoView,
+        shouldScrollActiveOccurrence,
+    ]);
+    const onCardClick = (result) => {
+        setOpen(false);
+        onResultSelected(result);
+    };
+    const actionContext = useMemo(() => ({
+        activeOccurrence,
+        activeOccurrenceIndex,
+        activePassageLabel,
+        activePassageUuid,
+        moveActiveOccurrence,
+        passageOccurrences,
+        passages: (results === null || results === void 0 ? void 0 : results.passages) || [],
+        refreshSearch,
+        searchQuery,
+        searching,
+        scrollActiveOccurrenceIntoView,
+        setActiveOccurrenceIndex,
+        setShouldScrollActiveOccurrence,
+    }), [
+        activeOccurrence,
+        activeOccurrenceIndex,
+        activePassageLabel,
+        activePassageUuid,
+        moveActiveOccurrence,
+        passageOccurrences,
+        refreshSearch,
+        results === null || results === void 0 ? void 0 : results.passages,
+        scrollActiveOccurrenceIntoView,
+        searchQuery,
+        searching,
+        setActiveOccurrenceIndex,
+    ]);
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "bg-background my-auto [&_svg]:size-6 [&_svg]:stroke-1 hover:bg-background cursor-pointer text-base text-accent hover:text-accent/80", children: _jsx(SearchIcon, {}) }) }), _jsxs(DialogContent, { showCloseButton: false, className: "bg-transparent top-4 max-w-4xl shadow-none border-0 text-secondary translate-y-0", children: [_jsx(DialogTitle, { className: "hidden", children: "Search" }), _jsx(DialogDescription, { className: "hidden", children: "Search this translation" }), _jsxs("div", { className: "flex flex-col justify-start gap-2 h-[calc(100vh-2.5rem)]", children: [_jsxs("div", { className: "w-full flex flex-col gap-2 text-foreground shrink-0", children: [_jsx("div", { className: "flex justify-end", children: _jsx(Button, { className: "text-secondary-foreground -me-3", variant: "ghost", size: "icon", onClick: () => setOpen(false), children: _jsx(XIcon, { className: "size-3 my-auto" }) }) }), _jsx(Input, { autoFocus: true, placeholder: "Type to search...", value: searchQuery, className: "w-full text-foreground px-4 py-6", onChange: (e) => {
+                                            const nextValue = e.target.value;
+                                            if (nextValue === searchQuery) {
+                                                return;
+                                            }
+                                            setActiveOccurrenceIndexState(0);
+                                            pendingOccurrenceSelectionRef.current = null;
+                                            setSearchQuery(nextValue);
+                                        } }), searchQuery && (renderActions === null || renderActions === void 0 ? void 0 : renderActions(actionContext))] }), searchQuery && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-col gap-3 text-sm text-secondary-foreground", children: _jsxs("div", { children: ["Showing results for \"", _jsx("strong", { children: searchQuery }), "\"", searching && (_jsx(Loader2Icon, { className: "size-4 ml-2 animate-spin inline-block" }))] }) }), results && hasResults ? (_jsxs(Tabs, { value: activeResultsTab, onValueChange: (tab) => {
+                                            setActiveResultsTab(tab);
+                                        }, className: "flex flex-col grow min-h-0 pt-2", children: [_jsx(SearchResultTabs, { results: results }), RESULTS_ENTITIES.map((tab) => results[tab].length > 0 && (_jsx(TabsContent, { className: "grow min-h-0", value: tab, children: _jsx(SearchResultsList, { activeOccurrenceStart: activeOccurrenceStart != null &&
+                                                        shouldScrollActiveOccurrence
+                                                        ? activeOccurrenceStart
+                                                        : undefined, activePassageUuid: activePassageUuid, query: searchQuery, results: results[tab], onCardClick: onCardClick }) }, tab)))] })) : (_jsx("div", { className: "mt-4 text-secondary-foreground", children: "No results found." }))] }))] })] })] }));
+};
+//# sourceMappingURL=SearchButton.js.map

package/lib/ui/SearchButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchButton.js","sourceRoot":"","sources":["../../../../../libs/lib-search/src/lib/ui/SearchButton.tsx"],"names":[],"mappings":"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"}

package/lib/ui/SearchResultCard.d.ts

@@ -0,0 +1,26 @@
+import { AlignmentMatch, BibliographyMatch, GlossaryMatch, PassageMatch, SearchResult } from '../types';
+export declare const PassageResult: ({ activeOccurrenceStart, match, query, }: {
+    activeOccurrenceStart?: number;
+    match: PassageMatch;
+    query: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AlignmentResult: ({ activeOccurrenceStart, match, query, }: {
+    activeOccurrenceStart?: number;
+    match: AlignmentMatch;
+    query: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BibliographyResult: ({ match, query, }: {
+    match: BibliographyMatch;
+    query: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const GlossaryResult: ({ match, query, }: {
+    match: GlossaryMatch;
+    query: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchResultCard: ({ isActive, activeOccurrenceStart, match, query, onClick, }: {
+    isActive?: boolean;
+    activeOccurrenceStart?: number;
+    match: SearchResult;
+    query: string;
+    onClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/ui/SearchResultCard.js

@@ -0,0 +1,67 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { highlightText, removeDiacritics, removeHtmlTags, useIsMobile } from '@eightyfourthousand/lib-utils';
+import { Separator } from '@eightyfourthousand/design-system';
+const renderPassageHighlight = ({ activeOccurrenceStart, query, text, }) => {
+    if (!query.trim()) {
+        return text;
+    }
+    const escapedQuery = query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    const parts = text.split(new RegExp(`(${escapedQuery})`, 'gi'));
+    let offset = 0;
+    return parts.map((part, index) => {
+        const isMatch = part.toLowerCase() === query.toLowerCase();
+        if (!isMatch) {
+            offset += part.length;
+            return part;
+        }
+        const start = offset;
+        offset += part.length;
+        return (_jsx("mark", { className: start === activeOccurrenceStart
+                ? 'bg-accent/20 text-foreground font-semibold ring-2 ring-accent ring-offset-1 ring-offset-background rounded-sm'
+                : 'bg-highlight text-foreground font-semibold', children: part }, index));
+    });
+};
+export const PassageResult = ({ activeOccurrenceStart, match, query, }) => {
+    return (_jsx("div", { children: renderPassageHighlight({
+            activeOccurrenceStart,
+            query,
+            text: match.content,
+        }) }));
+};
+export const AlignmentResult = ({ activeOccurrenceStart, match, query, }) => {
+    return (_jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [_jsx("div", { children: renderPassageHighlight({
+                    activeOccurrenceStart,
+                    query,
+                    text: match.content,
+                }) }), _jsx("div", { className: "text-lg", children: highlightText(match.source, query) })] }));
+};
+export const BibliographyResult = ({ match, query, }) => {
+    return _jsx("div", { children: highlightText(removeHtmlTags(match.content), query) });
+};
+export const GlossaryResult = ({ match, query, }) => {
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: 'text-primary font-bold', children: highlightText(removeDiacritics(match.content), removeDiacritics(query)) }), match.entry.definition && _jsx("div", { className: "glossary-instance-definition", dangerouslySetInnerHTML: { __html: match.entry.definition } })] }));
+};
+export const SearchResultCard = ({ isActive = false, activeOccurrenceStart, match, query, onClick, }) => {
+    const isMobile = useIsMobile();
+    // cast as passage but treat properties as optional
+    const passage = match;
+    const renderInner = (match) => {
+        switch (match.type) {
+            case 'passage':
+                return (_jsx(PassageResult, { activeOccurrenceStart: isActive ? activeOccurrenceStart : undefined, match: match, query: query }));
+            case 'alignment':
+                return (_jsx(AlignmentResult, { activeOccurrenceStart: isActive ? activeOccurrenceStart : undefined, match: match, query: query }));
+            case 'bibliography':
+                return (_jsx(BibliographyResult, { match: match, query: query }));
+            case 'glossary':
+                return _jsx(GlossaryResult, { match: match, query: query });
+            default:
+                return null;
+        }
+    };
+    return (_jsxs("div", { onClick: onClick, "data-search-result-active": isActive ? 'true' : undefined, className: `flex flex-col md:flex-row gap-4 py-6 px-4 md:px-6 font-serif text-sm text-foreground rounded-lg bg-background cursor-pointer border transition-colors ${isActive
+            ? 'border-accent border-2 scroll-mt-4'
+            : 'border-transparent hover:border-secondary border-2'}`, children: [_jsxs("div", { className: "md:w-28 shrink-0 flex md:flex-col gap-1 md:gap-2 md:text-right text-xs md:text-sm", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-secondary capitalize", children: passage.type }), passage.section && (_jsx("span", { className: "text-foreground/50 capitalize", children: passage.section.replace('Header', '') }))] }), _jsx("div", { className: "grow" }), passage.label && (_jsx("span", { className: "text-accent mt-auto", children: passage.label }))] }), _jsx(Separator, { orientation: isMobile ? 'horizontal' : 'vertical' }), renderInner(match)] }));
+};
+//# sourceMappingURL=SearchResultCard.js.map

package/lib/ui/SearchResultCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResultCard.js","sourceRoot":"","sources":["../../../../../libs/lib-search/src/lib/ui/SearchResultCard.tsx"],"names":[],"mappings":"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"}

package/lib/ui/SearchResultTab.d.ts

@@ -0,0 +1,4 @@
+import { SearchResults } from '../types';
+export declare const SearchResultTabs: ({ results }: {
+    results: SearchResults;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/ui/SearchResultTab.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TabsList, TabsTrigger } from '@eightyfourthousand/design-system';
+import { RESULTS_ENTITIES, RESULTS_ENTITY_LABELS } from '../types';
+export const SearchResultTabs = ({ results }) => {
+    return (_jsx(TabsList, { className: "h-24 gap-4 flex-shrink-0 rounded-lg p-0 w-full bg-transparent sm:p-0", children: RESULTS_ENTITIES.map((tab) => results[tab].length > 0 && (_jsx(TabsTrigger, { value: tab, className: "h-full border border-border rounded-xl flex-grow data-[state=inactive]:bg-muted data-[state=active]:border-secondary data-[state=active]:border-3 border-2", children: _jsxs("div", { className: "flex flex-col gap-1 items-center", children: [_jsx("span", { className: "text-secondary font-bold", children: RESULTS_ENTITY_LABELS[tab] }), _jsxs("span", { className: "text-primary font-bold", children: [results[tab].length, " matches"] })] }) }, tab))) }));
+};
+//# sourceMappingURL=SearchResultTab.js.map

package/lib/ui/SearchResultTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResultTab.js","sourceRoot":"","sources":["../../../../../libs/lib-search/src/lib/ui/SearchResultTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAiB,MAAM,UAAU,CAAC;AAElF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAA8B,EAAE,EAAE;IAC1E,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAC,sEAAsE,YACvF,gBAAgB,CAAC,GAAG,CACnB,CAAC,GAAG,EAAE,EAAE,CACN,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,KAAC,WAAW,IAEV,KAAK,EAAE,GAAG,EACV,SAAS,EAAC,4JAA4J,YAEtK,eAAK,SAAS,EAAC,kCAAkC,aAC/C,eAAM,SAAS,EAAC,0BAA0B,YACvC,qBAAqB,CAAC,GAAG,CAAC,GACtB,EACP,gBAAM,SAAS,EAAC,wBAAwB,aACrC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,gBACf,IACH,IAXD,GAAG,CAYI,CACf,CACJ,GACQ,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/lib/ui/SearchResultsList.d.ts

@@ -0,0 +1,8 @@
+import { SearchResult } from '../types';
+export declare const SearchResultsList: ({ activeOccurrenceStart, activePassageUuid, query, results, onCardClick, }: {
+    activeOccurrenceStart?: number;
+    activePassageUuid?: string;
+    query: string;
+    results: SearchResult[];
+    onCardClick: (result: SearchResult) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/ui/SearchResultsList.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SearchResultCard } from './SearchResultCard';
+export const SearchResultsList = ({ activeOccurrenceStart, activePassageUuid, query, results, onCardClick, }) => {
+    return (_jsx("div", { className: "h-full flex flex-col gap-3 pb-4 overflow-y-auto min-h-0", children: results.map((result, index) => {
+            const start = result.uuid === activePassageUuid ? activeOccurrenceStart : undefined;
+            const isActive = !!start;
+            return (_jsx(SearchResultCard, { activeOccurrenceStart: start, isActive: isActive, match: result, query: query, onClick: () => onCardClick(result) }, index));
+        }) }));
+};
+//# sourceMappingURL=SearchResultsList.js.map

package/lib/ui/SearchResultsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchResultsList.js","sourceRoot":"","sources":["../../../../../libs/lib-search/src/lib/ui/SearchResultsList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,qBAAqB,EACrB,iBAAiB,EACjB,KAAK,EACL,OAAO,EACP,WAAW,GAOZ,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAC,yDAAyD,YACrE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,KAAK,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC;YACpF,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;YACzB,OAAO,CACL,KAAC,gBAAgB,IAEf,qBAAqB,EAAE,KAAK,EAC5B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,IAL7B,KAAK,CAMV,CACH,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/ui/index.js

@@ -0,0 +1,2 @@
+export * from './SearchButton';
+//# sourceMappingURL=index.js.map

package/lib/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/lib-search/src/lib/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}