@eightyfourthousand/lib-editing 2026.4.0 → 2026.4.1

package/lib/components/shared/SearchReplacePanel.js

@@ -0,0 +1,136 @@
+'use client';
+import { __awaiter } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createGraphQLClient, replace, } from '@eightyfourthousand/client-graphql';
+import { Button, Collapsible, CollapsibleContent, CollapsibleTrigger, Input, } from '@eightyfourthousand/design-system';
+import { ChevronDownIcon, ChevronRightIcon } from 'lucide-react';
+import { useEffect, useMemo, useState } from 'react';
+const REPLACE_CHUNK_SIZE = 200;
+export const SearchReplacePanel = ({ canReplace, onPassagesReplaced, replaceDisabledReason, searchContext, }) => {
+    const client = useMemo(() => createGraphQLClient(), []);
+    const [replaceOpen, setReplaceOpen] = useState(false);
+    const [replaceQuery, setReplaceQuery] = useState('');
+    const [replacing, setReplacing] = useState(false);
+    const canRunReplace = canReplace &&
+        !replaceDisabledReason &&
+        !!searchContext.searchQuery &&
+        !!replaceQuery &&
+        searchContext.passageOccurrences.length > 0 &&
+        !replacing;
+    const canStepBackward = replaceOpen && searchContext.activeOccurrenceIndex > 0;
+    const canStepForward = replaceOpen &&
+        searchContext.activeOccurrenceIndex <
+            searchContext.passageOccurrences.length - 1;
+    useEffect(() => {
+        searchContext.setShouldScrollActiveOccurrence(replaceOpen);
+        return () => {
+            searchContext.setShouldScrollActiveOccurrence(false);
+        };
+    }, [replaceOpen, searchContext]);
+    useEffect(() => {
+        if (!replaceOpen || searchContext.passageOccurrences.length === 0) {
+            return;
+        }
+        const handleKeyDown = (event) => {
+            if (event.key === 'ArrowUp') {
+                event.preventDefault();
+                searchContext.moveActiveOccurrence('previous');
+            }
+            if (event.key === 'ArrowDown') {
+                event.preventDefault();
+                searchContext.moveActiveOccurrence('next');
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [replaceOpen, searchContext]);
+    if (!canReplace || !searchContext.searchQuery) {
+        return null;
+    }
+    const runReplace = (_a) => __awaiter(void 0, [_a], void 0, function* ({ replaceAll }) {
+        var _b, _c;
+        if (!canRunReplace) {
+            return;
+        }
+        setReplacing(true);
+        try {
+            if (replaceAll) {
+                const targetUuids = searchContext.passages.map((passage) => passage.uuid);
+                if (targetUuids.length === 0) {
+                    return;
+                }
+                const allReplacedPassages = [];
+                for (let i = 0; i < targetUuids.length; i += REPLACE_CHUNK_SIZE) {
+                    const chunk = targetUuids.slice(i, i + REPLACE_CHUNK_SIZE);
+                    const response = yield replace({
+                        client,
+                        searchText: searchContext.searchQuery,
+                        replaceText: replaceQuery,
+                        targetUuids: chunk,
+                    });
+                    if (!response.success) {
+                        console.error(`Replace failed: ${(_b = response.error) !== null && _b !== void 0 ? _b : 'unknown error'}`);
+                        return;
+                    }
+                    allReplacedPassages.push(...response.passages);
+                }
+                yield (onPassagesReplaced === null || onPassagesReplaced === void 0 ? void 0 : onPassagesReplaced(allReplacedPassages));
+                yield searchContext.refreshSearch({ nextSelection: { kind: 'index', index: 0 } });
+                return;
+            }
+            // Single replace: target only the active passage and use its exact position as the cursor.
+            const activeOccurrence = searchContext.activeOccurrence;
+            if (!activeOccurrence) {
+                return;
+            }
+            const response = yield replace({
+                client,
+                searchText: searchContext.searchQuery,
+                replaceText: replaceQuery,
+                targetUuids: [activeOccurrence.passageUuid],
+                cursorPassageUuid: activeOccurrence.passageUuid,
+                cursorStart: activeOccurrence.start,
+            });
+            if (!response.success) {
+                console.error(`Replace failed: ${(_c = response.error) !== null && _c !== void 0 ? _c : 'unknown error'}`);
+                return;
+            }
+            yield (onPassagesReplaced === null || onPassagesReplaced === void 0 ? void 0 : onPassagesReplaced(response.passages));
+            const nextSelection = response.nextPassageUuid != null && response.nextOccurrenceStart != null
+                ? {
+                    kind: 'cursor',
+                    passageUuid: response.nextPassageUuid,
+                    start: response.nextOccurrenceStart,
+                }
+                : {
+                    kind: 'index',
+                    index: Math.min(searchContext.activeOccurrenceIndex + 1, Math.max(searchContext.passageOccurrences.length - 1, 0)),
+                };
+            yield searchContext.refreshSearch({ nextSelection });
+        }
+        catch (error) {
+            console.error('Replace failed:', error);
+        }
+        finally {
+            setReplacing(false);
+        }
+    });
+    return (_jsxs(Collapsible, { open: replaceOpen, onOpenChange: setReplaceOpen, className: "bg-background border rounded-lg px-4 py-3 text-foreground", children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "group/collapsible flex w-full items-center justify-start gap-2 text-left text-sm font-medium cursor-pointer", children: [_jsx(ChevronRightIcon, { className: "size-4 transition-transform group-data-[state=open]/collapsible:rotate-90" }), _jsx("span", { children: "Replace" })] }) }), _jsx(CollapsibleContent, { className: "pt-3", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(Input, { id: "replace-query", placeholder: "Replace with...", value: replaceQuery, onChange: (e) => {
+                                const nextValue = e.target.value;
+                                if (nextValue === replaceQuery) {
+                                    return;
+                                }
+                                setReplaceQuery(nextValue);
+                                if (nextValue) {
+                                    searchContext.scrollActiveOccurrenceIntoView();
+                                }
+                            } }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm text-secondary-foreground", children: [_jsx("span", { children: searchContext.passageOccurrences.length > 0 &&
+                                        searchContext.activePassageUuid
+                                        ? `Occurrence ${searchContext.activeOccurrenceIndex + 1} of ${searchContext.passageOccurrences.length} in ${searchContext.activePassageLabel || searchContext.activePassageUuid}`
+                                        : 'No exact passage occurrences available for replacement.' }), replaceDisabledReason && _jsx("span", { children: replaceDisabledReason })] }), _jsx("div", { className: "text-sm text-muted-foreground pb-4", children: "Replace is case sensitive and is only applied to passages." }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { size: "sm", disabled: !canRunReplace, onClick: () => void runReplace({ replaceAll: false }), children: replacing ? 'Replacing…' : 'Replace' }), _jsx(Button, { size: "sm", variant: "outline", disabled: !canRunReplace, onClick: () => void runReplace({ replaceAll: true }), children: "Replace all" }), _jsxs("div", { className: "ml-auto flex items-center gap-2", children: [_jsxs(Button, { size: "icon", variant: "ghost", className: "size-8", disabled: !canStepBackward, onClick: () => {
+                                                searchContext.moveActiveOccurrence('previous');
+                                            }, children: [_jsx(ChevronRightIcon, { className: "size-4 rotate-[-90deg]" }), _jsx("span", { className: "sr-only", children: "Previous occurrence" })] }), _jsxs(Button, { size: "icon", variant: "ghost", className: "size-8", disabled: !canStepForward, onClick: () => {
+                                                searchContext.moveActiveOccurrence('next');
+                                            }, children: [_jsx(ChevronDownIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Next occurrence" })] })] })] })] }) })] }));
+};
+//# sourceMappingURL=SearchReplacePanel.js.map

package/lib/components/shared/SearchReplacePanel.js.map

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

package/lib/components/shared/SourceReader.d.ts

@@ -0,0 +1 @@
+export declare const SourceReader: () => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/SourceReader.js

@@ -0,0 +1,49 @@
+'use client';
+import { __awaiter } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useInView } from 'motion/react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useNavigation } from './NavigationProvider';
+import { createGraphQLClient, getWorkFolios, } from '@eightyfourthousand/client-graphql';
+import { LabeledElement } from './LabeledElement';
+import { PassageSkeleton } from './PassageSkeleton';
+import { LotusPond } from '@eightyfourthousand/design-system';
+const PAGE_SIZE = 10;
+export const SourceReader = () => {
+    const [page, setPage] = useState(0);
+    const [hasMore, setHasMore] = useState(true);
+    const [folios, setFolios] = useState([]);
+    const { toh, uuid } = useNavigation();
+    const loadMoreRef = useRef(null);
+    const shouldLoadMore = useInView(loadMoreRef);
+    const graphqlClient = createGraphQLClient();
+    const fetchMore = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!toh || !uuid)
+            return;
+        const folios = yield getWorkFolios({
+            client: graphqlClient,
+            uuid,
+            toh,
+            page,
+            size: PAGE_SIZE,
+        });
+        if (folios.length) {
+            setPage((prevPage) => prevPage + 1);
+            setFolios((prevFolios) => [...prevFolios, ...folios]);
+            setHasMore(folios.length >= PAGE_SIZE);
+        }
+    }), [toh, uuid, page, graphqlClient]);
+    useEffect(() => {
+        if (shouldLoadMore && hasMore) {
+            fetchMore();
+        }
+    }, [shouldLoadMore, hasMore, fetchMore]);
+    useEffect(() => {
+        // Reset when uuid or toh changes
+        setFolios([]);
+        setPage(0);
+        setHasMore(true);
+    }, [toh, uuid]);
+    return (_jsxs("div", { className: "pt-12 flex flex-col gap-5 mx-auto max-w-readable 2xl:max-w-380", children: [folios.map((folio, index) => (_jsx(LabeledElement, { id: folio.uuid, label: `f.${folio.folio}.${folio.side}\nvol.${folio.volume}`, className: "mt-0.5", contentType: "source", children: folio.content ? (_jsx("div", { className: "leading-7 min-h-8 font-tibetan text-lg 2xl:whitespace-pre-wrap whitespace-normal", children: folio.content })) : (_jsx("div", { className: "h-12 text-center text-muted-foreground", children: "[blank]" })) }, index))), _jsx("div", { ref: loadMoreRef, className: "h-0" }), hasMore ? (_jsx(_Fragment, { children: Array.from({ length: 3 }).map((_, i) => (_jsx(PassageSkeleton, {}, i))) })) : (_jsx("div", { className: "w-full pt-16 pb-6", children: _jsx(LotusPond, { className: "mx-auto w-96" }) }))] }));
+};
+//# sourceMappingURL=SourceReader.js.map

package/lib/components/shared/SourceReader.js.map

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

package/lib/components/shared/SuggestRevisionForm.d.ts

@@ -0,0 +1,6 @@
+export declare const SuggestRevisionForm: ({ toh, type, label, onClose, }: {
+    toh: string;
+    type: string;
+    label: string;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/SuggestRevisionForm.js

@@ -0,0 +1,44 @@
+'use client';
+import { __awaiter } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@eightyfourthousand/design-system';
+import { parseToh } from '@eightyfourthousand/lib-utils';
+import { useState } from 'react';
+export const SuggestRevisionForm = ({ toh, type, label, onClose, }) => {
+    const [body, setBody] = useState('');
+    const [status, setStatus] = useState('idle');
+    const [errorMessage, setErrorMessage] = useState('');
+    const handleSubmit = (e) => __awaiter(void 0, void 0, void 0, function* () {
+        e.preventDefault();
+        if (!body.trim()) {
+            setStatus('error');
+            setErrorMessage('Please enter a message.');
+            return;
+        }
+        setStatus('loading');
+        setErrorMessage('');
+        try {
+            const res = yield fetch('/api/feedback', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ toh, type, label, body: body.trim() }),
+            });
+            if (!res.ok) {
+                const data = yield res.json().catch(() => ({}));
+                throw new Error(data.error || 'Failed to send feedback');
+            }
+            setStatus('success');
+            setTimeout(() => onClose(), 1500);
+        }
+        catch (err) {
+            setStatus('error');
+            setErrorMessage(err instanceof Error ? err.message : 'Failed to send feedback');
+        }
+    });
+    return (_jsxs("div", { className: "p-1", children: [_jsx("p", { className: "text-sm font-semibold", children: "Suggest a Revision" }), _jsxs("p", { className: "text-primary text-xs capitalize py-2", children: [parseToh(toh), " \u00B7 ", type, " ", label] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx("textarea", { className: "border-input bg-background placeholder:text-muted-foreground w-full rounded-md border px-3 py-2 text-sm shadow-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring min-h-24 resize-y", placeholder: "Describe the revision you'd like to suggest...", value: body, onChange: (e) => {
+                            setBody(e.target.value);
+                            if (status === 'error')
+                                setStatus('idle');
+                        } }), status === 'error' && (_jsx("p", { className: "text-destructive text-sm mt-1", children: errorMessage })), status === 'success' && (_jsx("p", { className: "text-green-600 text-sm mt-1", children: "Feedback sent. Thank you!" })), _jsxs("div", { className: "flex justify-end gap-2 mt-2", children: [_jsx(Button, { variant: "outline", size: "sm", type: "button", onClick: onClose, children: "Cancel" }), _jsx(Button, { variant: "default", size: "sm", type: "submit", className: "px-3", disabled: status === 'loading' || status === 'success', children: status === 'loading' ? 'Sending...' : 'Submit' })] })] })] }));
+};
+//# sourceMappingURL=SuggestRevisionForm.js.map

package/lib/components/shared/SuggestRevisionForm.js.map

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

package/lib/components/shared/TableOfContents.d.ts

@@ -0,0 +1,13 @@
+import { Toc, TocEntry, Work } from '@eightyfourthousand/data-access';
+import { PanelName } from './types';
+export declare const TableOfContentsSection: ({ node, className, depth, panel, }: {
+    node: TocEntry;
+    className?: string;
+    depth?: number;
+    panel?: PanelName;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TableOfContents: ({ toc, work, limitWhenNoTranslation, }: {
+    toc?: Toc;
+    work: Work;
+    limitWhenNoTranslation?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/TableOfContents.js

@@ -0,0 +1,135 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, } from '@eightyfourthousand/design-system';
+import { cn, parseToh } from '@eightyfourthousand/lib-utils';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { useNavigation } from './NavigationProvider';
+import { TAB_FOR_SECTION, PANEL_FOR_SECTION, } from './types';
+import { BookOpenIcon, HashIcon, LibraryBigIcon } from 'lucide-react';
+export const TableOfContentsSection = ({ node, className, depth = 0, panel, }) => {
+    var _a;
+    const { updatePanel } = useNavigation();
+    const baseStyle = 'w-full py-0.75 font-light leading-5 text-sm hover:text-foreground/40 hover:no-underline hover:cursor-pointer';
+    const onClick = useCallback((entry) => {
+        const { section } = entry;
+        updatePanel({
+            name: PANEL_FOR_SECTION[section] || panel,
+            state: {
+                open: true,
+                tab: TAB_FOR_SECTION[section] || 'translation',
+                hash: entry.uuid,
+            },
+        });
+    }, [updatePanel, panel]);
+    if (!((_a = node.children) === null || _a === void 0 ? void 0 : _a.length)) {
+        return null;
+    }
+    return (_jsx(Accordion, { type: "multiple", className: cn(depth && 'pl-5'), children: node.children.map((child, index) => {
+            var _a;
+            // 'The Translation' is always bold
+            const maybeBold = child.content === 'The Translation' ? 'font-bold' : '';
+            // Show dividers above and below the top-level introduction section
+            const isIntroduction = depth === 0 && child.section === 'introduction';
+            const prevChild = node.children[index - 1];
+            const prevWasIntroduction = depth === 0 && (prevChild === null || prevChild === void 0 ? void 0 : prevChild.section) === 'introduction';
+            const showDividerBefore = isIntroduction && !prevWasIntroduction;
+            return ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length) ? (_jsxs(React.Fragment, { children: [showDividerBefore && _jsx(Separator, { className: "my-4" }), _jsxs(AccordionItem, { value: child.uuid, className: "border-b-0", children: [_jsx(AccordionTrigger, { className: cn(baseStyle, className), children: _jsx("span", { className: cn('line-clamp-2', maybeBold), onClick: () => onClick(child), children: child.content }) }), _jsx(AccordionContent, { className: "border-l border-dotted py-0", children: _jsx(TableOfContentsSection, { node: child, depth: depth + 1 }) })] })] }, child.uuid)) : (_jsxs(React.Fragment, { children: [showDividerBefore && _jsx(Separator, { className: "my-4" }), _jsx("div", { className: baseStyle, children: _jsx("span", { className: cn('line-clamp-2', maybeBold), onClick: () => onClick(child), children: child.content }) })] }, child.uuid));
+        }) }));
+};
+export const TableOfContents = ({ toc, work, limitWhenNoTranslation = false, }) => {
+    var _a, _b, _c, _d;
+    const { toh, imprint, setToh, hasTranslationContent, setHasTranslationContent, } = useNavigation();
+    const [localToh, setLocalToh] = useState(work.toh[0] || '');
+    const title = ((_a = imprint === null || imprint === void 0 ? void 0 : imprint.mainTitles) === null || _a === void 0 ? void 0 : _a.en) || work.title;
+    useEffect(() => {
+        const currentToh = toh || work.toh[0] || '';
+        setLocalToh(currentToh);
+    }, [toh, work.toh, setToh]);
+    const baseStyle = 'w-full py-2 leading-6 text-sm font-light text-foreground';
+    const inferredHasTranslationContent = useMemo(() => {
+        var _a;
+        if (!toc) {
+            return hasTranslationContent;
+        }
+        return (((_a = toc.body) === null || _a === void 0 ? void 0 : _a.length) || 0) > 0;
+    }, [toc, hasTranslationContent]);
+    const allowTranslationSections = limitWhenNoTranslation
+        ? inferredHasTranslationContent
+        : true;
+    const imprintEntry = {
+        uuid: 'imprint',
+        content: 'Imprint',
+        sort: 0,
+        level: 0,
+        section: 'imprint',
+        children: [],
+    };
+    const frontMatterChildren = allowTranslationSections
+        ? [imprintEntry, ...((toc === null || toc === void 0 ? void 0 : toc.frontMatter) || [])]
+        : [imprintEntry];
+    const frontMatter = {
+        uuid: 'front-matter',
+        content: 'Front Matter',
+        sort: 0,
+        level: 0,
+        section: 'front',
+        children: frontMatterChildren,
+    };
+    const body = {
+        uuid: 'root',
+        content: 'Body',
+        sort: 0,
+        level: 0,
+        section: 'translation',
+        children: (toc === null || toc === void 0 ? void 0 : toc.body) || [],
+    };
+    const endnotes = (_b = toc === null || toc === void 0 ? void 0 : toc.backMatter) === null || _b === void 0 ? void 0 : _b.find((entry) => entry.section === 'endnotes');
+    const abbreviations = (_c = toc === null || toc === void 0 ? void 0 : toc.backMatter) === null || _c === void 0 ? void 0 : _c.find((entry) => entry.section === 'abbreviations');
+    const otherBackMatter = (_d = toc === null || toc === void 0 ? void 0 : toc.backMatter) === null || _d === void 0 ? void 0 : _d.filter((entry) => entry.section !== 'endnotes' && entry.section !== 'abbreviations');
+    const backMatter = {
+        uuid: 'back-matter',
+        content: 'Back Matter',
+        sort: 0,
+        level: 0,
+        section: 'back',
+        children: [
+            ...(endnotes ? [endnotes] : []),
+            ...(otherBackMatter || []),
+            {
+                uuid: 'glossary',
+                content: 'Glossary',
+                sort: 0,
+                level: 0,
+                section: 'glossary',
+                children: [],
+            },
+            {
+                uuid: 'bibliography',
+                content: 'Bibliography',
+                sort: 0,
+                level: 0,
+                section: 'bibliography',
+                children: [],
+            },
+            ...(abbreviations ? [abbreviations] : []),
+        ],
+    };
+    useEffect(() => {
+        if (!toc || !limitWhenNoTranslation) {
+            return;
+        }
+        setHasTranslationContent(inferredHasTranslationContent);
+    }, [
+        toc,
+        inferredHasTranslationContent,
+        limitWhenNoTranslation,
+        setHasTranslationContent,
+    ]);
+    return (_jsxs("div", { children: [_jsxs("div", { className: cn(baseStyle, 'flex gap-2 mt-6'), children: [_jsx("div", { className: "size-5 text-primary [&_svg]:stroke-1 [&_svg]:size-5 my-auto", children: _jsx(LibraryBigIcon, {}) }), _jsx("span", { className: "my-auto font-light", children: (imprint === null || imprint === void 0 ? void 0 : imprint.section) || work.section })] }), _jsxs("div", { className: cn(baseStyle, 'flex gap-2'), children: [_jsx("div", { className: "size-5 text-primary [&_svg]:stroke-1 [&_svg]:size-5 my-auto", children: _jsx(BookOpenIcon, {}) }), _jsx("span", { className: "my-auto font-bold", children: title })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("div", { className: "size-5 text-primary [&_svg]:stroke-1 [&_svg]:size-5 my-auto", children: _jsx(HashIcon, {}) }), work.toh.length > 1 ? (_jsxs(Select, { value: localToh, onValueChange: (value) => {
+                            setToh(value);
+                        }, children: [_jsx(SelectTrigger, { className: cn(baseStyle, 'p-0 font-light bg-transparent border-none'), children: _jsx(SelectValue, { placeholder: "Select TOH" }) }), _jsx(SelectContent, { children: work.toh.map((tohEntry) => {
+                                    const parsedToh = parseToh(tohEntry);
+                                    return (_jsx(SelectItem, { value: tohEntry, children: parsedToh }, tohEntry));
+                                }) })] })) : (_jsx("div", { className: cn(baseStyle, 'font-light'), children: parseToh(localToh || '') }))] }), _jsx(Separator, { className: "my-4" }), _jsx(TableOfContentsSection, { node: frontMatter, panel: "left" }), allowTranslationSections && (_jsxs(_Fragment, { children: [_jsx(Separator, { className: "my-4" }), _jsx(TableOfContentsSection, { node: body, panel: "main" }), _jsx(Separator, { className: "my-4" }), _jsx(TableOfContentsSection, { node: backMatter, panel: "right" })] }))] }));
+};
+//# sourceMappingURL=TableOfContents.js.map

package/lib/components/shared/TableOfContents.js.map

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

package/lib/components/shared/ThreeColumnRenderer.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare const ThreeColumnRenderer: ({ withHeader, children, }: {
+    withHeader?: boolean;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/ThreeColumnRenderer.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThreeColumns } from '@eightyfourthousand/design-system';
+import { useMemo } from 'react';
+import { useNavigation } from './NavigationProvider';
+import { cn } from '@eightyfourthousand/lib-utils';
+import { TranslationHeader } from './TranslationHeader';
+import { ReaderSearchButton } from './ReaderSearchButton';
+import { GatedFeature } from '@eightyfourthousand/lib-instr';
+export const ThreeColumnRenderer = ({ withHeader = false, children, }) => {
+    const { panels, updatePanel, hasTranslationContent } = useNavigation();
+    const rightPanelEnabled = hasTranslationContent;
+    const searchButton = useMemo(() => _jsx(ReaderSearchButton, {}), []);
+    return (_jsxs("div", { className: cn('fixed flex flex-col size-full p-2 bg-canvas', withHeader ? 'pb-20' : ''), children: [_jsx(GatedFeature, { flag: 'show-reader-header', children: _jsx("div", { className: "pb-2.5", children: _jsx(TranslationHeader, { className: "rounded-full shadow-lg" }) }) }), _jsx(ThreeColumns, { leftPanelOpen: panels.left.open, rightPanelOpen: rightPanelEnabled ? panels.right.open : false, rightPanelEnabled: rightPanelEnabled, mainPanelActions: searchButton, onLeftPanelOpenChange: (open) => {
+                    updatePanel({
+                        name: 'left',
+                        state: { open, tab: panels.left.tab },
+                    });
+                }, onRightPanelOpenChange: rightPanelEnabled
+                    ? (open) => {
+                        updatePanel({
+                            name: 'right',
+                            state: { open, tab: panels.right.tab },
+                        });
+                    }
+                    : undefined, children: children })] }));
+};
+//# sourceMappingURL=ThreeColumnRenderer.js.map

package/lib/components/shared/ThreeColumnRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreeColumnRenderer.js","sourceRoot":"","sources":["../../../../../../libs/lib-editing/src/lib/components/shared/ThreeColumnRenderer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,UAAU,GAAG,KAAK,EAClB,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,qBAAqB,EAAE,GAAG,aAAa,EAAE,CAAC;IACvE,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;IAEhD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAC,kBAAkB,KAAG,EAAE,EAAE,CAAC,CAAC;IAE/D,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,6CAA6C,EAC7C,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAC1B,aAED,KAAC,YAAY,IAAC,IAAI,EAAC,oBAAoB,YACrC,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,iBAAiB,IAAC,SAAS,EAAC,wBAAwB,GAAG,GACpD,GACO,EACf,KAAC,YAAY,IACX,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EAC/B,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC7D,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,YAAY,EAC9B,qBAAqB,EAAE,CAAC,IAAI,EAAE,EAAE;oBAC9B,WAAW,CAAC;wBACV,IAAI,EAAE,MAAM;wBACZ,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE;qBACtC,CAAC,CAAC;gBACL,CAAC,EACD,sBAAsB,EACpB,iBAAiB;oBACf,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;wBACT,WAAW,CAAC;4BACV,IAAI,EAAE,OAAO;4BACb,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE;yBACvC,CAAC,CAAC;oBACL,CAAC;oBACD,CAAC,CAAC,SAAS,YAGd,QAAQ,GACI,IACX,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/shared/TranslationHeader.d.ts

@@ -0,0 +1,3 @@
+export declare const TranslationHeader: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/TranslationHeader.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MiniLogo } from '@eightyfourthousand/design-system';
+import { useNavigation } from './NavigationProvider';
+import { cn } from '@eightyfourthousand/lib-utils';
+export const TranslationHeader = ({ className }) => {
+    var _a, _b;
+    const { imprint } = useNavigation();
+    return (_jsx("div", { className: cn('h-11 w-full px-0 lg:px-3 flex justify-between text-lg bg-background', className), children: _jsxs("div", { className: "flex gap-2 md:gap-5 min-w-0", children: [_jsx(MiniLogo, { className: "ms-3 me-1 my-auto", width: 32, height: 32 }), _jsx("span", { className: "font-serif truncate text-darkgray text-xs sm:text-sm my-auto flex-shrink", children: `${((_a = imprint === null || imprint === void 0 ? void 0 : imprint.mainTitles) === null || _a === void 0 ? void 0 : _a.en) ? `${(_b = imprint === null || imprint === void 0 ? void 0 : imprint.mainTitles) === null || _b === void 0 ? void 0 : _b.en}` : ''}${(imprint === null || imprint === void 0 ? void 0 : imprint.section) ? ` from ${imprint === null || imprint === void 0 ? void 0 : imprint.section}` : ''}` })] }) }));
+};
+//# sourceMappingURL=TranslationHeader.js.map

package/lib/components/shared/TranslationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationHeader.js","sourceRoot":"","sources":["../../../../../../libs/lib-editing/src/lib/components/shared/TranslationHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAEnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE;;IACzE,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IAEpC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,SAAS,CACV,YAED,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,QAAQ,IAAC,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACjE,eAAM,SAAS,EAAC,0EAA0E,YACvF,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,0CAAE,EAAE,EAAC,CAAC,CAAC,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,0CAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAC,CAAC,CAAC,SAAS,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,GAClH,IACH,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/shared/TranslationHoverCard.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare const TranslationHoverCard: ({ anchor, className, children, setCard, }: {
+    anchor: HTMLElement;
+    className?: string;
+    children: ReactNode;
+    setCard: (card: HTMLElement | null) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/TranslationHoverCard.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { autoUpdate, flip, inline, offset, shift, useFloating, } from '@floating-ui/react';
+import { useEffect, useRef, useState } from 'react';
+import { cn } from '@eightyfourthousand/lib-utils';
+import { DEFAULT_HOVER_CARD_SIDE_OFFSET } from '@eightyfourthousand/design-system';
+export const TranslationHoverCard = ({ anchor, className = '', children, setCard, }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const { refs, floatingStyles } = useFloating({
+        placement: 'bottom-start',
+        middleware: [
+            inline(),
+            offset(DEFAULT_HOVER_CARD_SIDE_OFFSET),
+            flip(),
+            shift(),
+        ],
+        whileElementsMounted: autoUpdate,
+    });
+    const innerRef = useRef(null);
+    useEffect(() => {
+        refs.setReference(anchor);
+    }, [anchor, refs]);
+    useEffect(() => {
+        setCard(innerRef.current);
+        return () => {
+            setCard(null);
+        };
+    }, [innerRef, setCard]);
+    useEffect(() => {
+        if (!refs.floating.current) {
+            return;
+        }
+        requestAnimationFrame(() => {
+            setIsVisible(true);
+        });
+        return () => {
+            setIsVisible(false);
+        };
+    }, [refs]);
+    return (_jsx("div", { ref: refs.setFloating, style: Object.assign(Object.assign({}, floatingStyles), { pointerEvents: 'auto', cursor: 'default' }), className: "z-100", children: _jsx("div", { ref: innerRef, className: cn('bg-popover text-popover-foreground rounded-md border p-4 shadow-md outline-hidden hover:cursor-default', 'transition-[opacity,scale] duration-150 origin-center ease-out', isVisible ? 'opacity-100 scale-100' : 'opacity-0 scale-99', className), children: children }) }));
+};
+//# sourceMappingURL=TranslationHoverCard.js.map

package/lib/components/shared/TranslationHoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationHoverCard.js","sourceRoot":"","sources":["../../../../../../libs/lib-editing/src/lib/components/shared/TranslationHoverCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,EACL,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AAEnF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,MAAM,EACN,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,OAAO,GAMR,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC;QAC3C,SAAS,EAAE,cAAc;QACzB,UAAU,EAAE;YACV,MAAM,EAAE;YACR,MAAM,CAAC,8BAA8B,CAAC;YACtC,IAAI,EAAE;YACN,KAAK,EAAE;SACR;QACD,oBAAoB,EAAE,UAAU;KACjC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE1B,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,qBAAqB,CAAC,GAAG,EAAE;YACzB,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,cACE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,KAAK,kCAAO,cAAc,KAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,KACpE,SAAS,EAAC,OAAO,YAEjB,cACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,gEAAgE,EAChE,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,oBAAoB,EAC1D,SAAS,CACV,YAEA,QAAQ,GACL,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/shared/TranslationSkeleton.d.ts

@@ -0,0 +1,3 @@
+export declare const TranslationSkeleton: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/TranslationSkeleton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from '@eightyfourthousand/design-system';
+import { cn } from '@eightyfourthousand/lib-utils';
+export const TranslationSkeleton = ({ className }) => {
+    return (_jsx("div", { className: cn('flex h-full', className), children: _jsxs("div", { className: "flex flex-col gap-6 pt-8", children: [_jsx(Skeleton, { className: "h-12 mb-4" }), _jsx(Skeleton, { className: "h-20 w-1/2" }), _jsx(Skeleton, { className: "h-48" }), _jsx(Skeleton, { className: "h-24 w-5/6" }), _jsx(Skeleton, { className: "h-64" })] }) }));
+};
+//# sourceMappingURL=TranslationSkeleton.js.map

package/lib/components/shared/TranslationSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationSkeleton.js","sourceRoot":"","sources":["../../../../../../libs/lib-editing/src/lib/components/shared/TranslationSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAEnD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE;IAC3E,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,YAC1C,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,EAClC,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EACnC,KAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,GAAG,EAC7B,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EACnC,KAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,GAAG,IACzB,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/shared/TranslationTable.d.ts

@@ -0,0 +1,4 @@
+import { Work } from '@eightyfourthousand/data-access';
+export declare const TranslationsTable: ({ works }: {
+    works: Work[];
+}) => import("react/jsx-runtime").JSX.Element;