@eightyfourthousand/lib-editing 2026.4.0 → 2026.4.1

package/lib/components/editor/menus/selectors/ParagraphButtons.js

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '@eightyfourthousand/lib-utils';
+import { useEditorState } from '@tiptap/react';
+import { Button } from '@eightyfourthousand/design-system';
+import { ArrowUpToLineIcon, IndentIcon } from 'lucide-react';
+const items = [
+    {
+        icon: ArrowUpToLineIcon,
+        onClick: (editor) => {
+            editor.chain().focus().toggleLeadingSpace().run();
+        },
+        isActive: (state) => state.hasLeadingSpace,
+    },
+    {
+        icon: IndentIcon,
+        onClick: (editor) => {
+            editor.chain().focus().toggleIndent().run();
+        },
+        isActive: (state) => state.hasIndent,
+    },
+];
+export const ParagraphButtons = ({ editor }) => {
+    const editorState = useEditorState({
+        editor,
+        selector: (instance) => {
+            const atts = {
+                hasIndent: !!instance.editor.getAttributes('paragraph')['hasIndent'],
+                hasLeadingSpace: !!instance.editor.getAttributes('paragraph')['hasLeadingSpace'],
+            };
+            return atts;
+        },
+    });
+    return (_jsx(_Fragment, { children: items.map((item, i) => {
+            return (_jsx(Button, { variant: "ghost", size: "icon", className: cn('rounded-none flex-shrink-0', item.isActive(editorState)
+                    ? 'text-foreground'
+                    : 'text-muted-foreground'), onClick: () => {
+                    item.onClick(editor);
+                }, children: _jsx(item.icon, { className: cn('size-4'), strokeWidth: 2.5 }) }, i));
+        }) }));
+};
+//# sourceMappingURL=ParagraphButtons.js.map

package/lib/components/editor/menus/selectors/ParagraphButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParagraphButtons.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/menus/selectors/ParagraphButtons.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAEnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO7D,MAAM,KAAK,GAAG;IACZ;QACE,IAAI,EAAE,iBAAiB;QACvB,OAAO,EAAE,CAAC,MAAc,EAAE,EAAE;YAC1B,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,kBAAkB,EAAE,CAAC,GAAG,EAAE,CAAC;QACpD,CAAC;QACD,QAAQ,EAAE,CAAC,KAAmC,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe;KACzE;IACD;QACE,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,CAAC,MAAc,EAAE,EAAE;YAC1B,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,EAAE,CAAC,GAAG,EAAE,CAAC;QAC9C,CAAC;QACD,QAAQ,EAAE,CAAC,KAA6B,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS;KAC7D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAsB,EAAE,EAAE;IACjE,MAAM,WAAW,GAAG,cAAc,CAAiB;QACjD,MAAM;QACN,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE;YACrB,MAAM,IAAI,GAAG;gBACX,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC;gBACpE,eAAe,EACb,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,iBAAiB,CAAC;aAClE,CAAC;YACF,OAAO,IAAI,CAAC;QACd,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,CACL,4BACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACrB,OAAO,CACL,KAAC,MAAM,IAEL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;oBACxB,CAAC,CAAC,iBAAiB;oBACnB,CAAC,CAAC,uBAAuB,CAC5B,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBACvB,CAAC,YAED,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,GAAG,GAAI,IAbnD,CAAC,CAcC,CACV,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/editor/menus/selectors/SelectorInputField.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from '@tiptap/core';
+export declare const SelectorInputField: ({ editor, type, attr, placeholder, onSubmit, }: {
+    editor: Editor;
+    type: string;
+    attr: string;
+    placeholder: string;
+    onSubmit: (value?: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/editor/menus/selectors/SelectorInputField.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input } from '@eightyfourthousand/design-system';
+import { useEditorState } from '@tiptap/react';
+import { CheckIcon, Trash2Icon } from 'lucide-react';
+import { useRef } from 'react';
+export const SelectorInputField = ({ editor, type, attr, placeholder, onSubmit, }) => {
+    const inputRef = useRef(null);
+    const editorState = useEditorState({
+        editor,
+        selector: (instance) => ({
+            isActive: instance.editor.isActive(type),
+            getValue: instance.editor.getAttributes(type)[attr],
+        }),
+    });
+    return (_jsxs("div", { className: "flex space-x-1 items-center", children: [_jsx(Input, { ref: inputRef, placeholder: placeholder, value: editorState.getValue, onKeyDown: (e) => {
+                    var _a;
+                    if (e.key === 'Enter') {
+                        e.preventDefault();
+                        onSubmit((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value);
+                    }
+                } }), _jsx(Button, { size: "icon", variant: "ghost", disabled: !!inputRef.current, onClick: () => { var _a; return onSubmit((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value); }, children: _jsx(CheckIcon, { className: "size-4" }) }), _jsx(Button, { variant: "ghost", size: "icon", type: "button", disabled: !editorState.isActive, onClick: () => {
+                    if (inputRef.current) {
+                        inputRef.current.value = '';
+                    }
+                    onSubmit();
+                }, children: _jsx(Trash2Icon, { className: "size-4 text-destructive" }) })] }));
+};
+//# sourceMappingURL=SelectorInputField.js.map

package/lib/components/editor/menus/selectors/SelectorInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectorInputField.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/menus/selectors/SelectorInputField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,QAAQ,GAOT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,cAAc,CAAC;QACjC,MAAM;QACN,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YACvB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;YACxC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;SACpD,CAAC;KACH,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,CAAC,QAAQ,EAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;;oBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,QAAQ,CAAC,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,CAAC,CAAC;oBACpC,CAAC;gBACH,CAAC,GACD,EACF,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,EAC5B,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,QAAQ,CAAC,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,CAAC,CAAA,EAAA,YAEhD,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GACzB,EACT,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,WAAW,CAAC,QAAQ,EAC/B,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;wBACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;oBAC9B,CAAC;oBACD,QAAQ,EAAE,CAAC;gBACb,CAAC,YAED,KAAC,UAAU,IAAC,SAAS,EAAC,yBAAyB,GAAG,GAC3C,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/editor/menus/selectors/TextAlignSelector.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/core';
+export declare const TextAlignSelector: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/editor/menus/selectors/TextAlignSelector.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Popover, PopoverContent, PopoverTrigger, } from '@eightyfourthousand/design-system';
+import { useEditorState } from '@tiptap/react';
+import { AlignCenterIcon, AlignLeftIcon, AlignRightIcon, CheckIcon, ChevronDownIcon, } from 'lucide-react';
+const items = [
+    {
+        title: 'Left',
+        icon: AlignLeftIcon,
+        onClick: (editor) => editor.chain().focus().setTextAlign('left').run(),
+        isActive: (state) => state.isLeft,
+    },
+    {
+        title: 'Center',
+        icon: AlignCenterIcon,
+        onClick: (editor) => editor.chain().focus().setTextAlign('center').run(),
+        isActive: (state) => state.isCenter,
+    },
+    {
+        title: 'Right',
+        icon: AlignRightIcon,
+        onClick: (editor) => {
+            editor.chain().focus().setTextAlign('right').run();
+        },
+        isActive: (state) => state.isRight,
+    },
+];
+export const TextAlignSelector = ({ editor }) => {
+    var _a;
+    const editorState = useEditorState({
+        editor,
+        selector: (instance) => ({
+            isLeft: instance.editor.isActive({ textAlign: 'left' }),
+            isCenter: instance.editor.isActive({ textAlign: 'center' }),
+            isRight: instance.editor.isActive({ textAlign: 'right' }),
+        }),
+    });
+    const activeItem = (_a = items.find((item) => item.isActive(editorState))) !== null && _a !== void 0 ? _a : items[0];
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "rounded-none", children: [_jsx(activeItem.icon, { className: "size-4 me-2", strokeWidth: 2.5 }), _jsx(ChevronDownIcon, { className: "size-3" })] }) }), _jsx(PopoverContent, { className: "p-1 shadow-xl w-32", align: "end", noPortal: true, children: items.map((item, i) => {
+                    return (_jsxs("div", { onClick: () => item.onClick(editor), className: "flex space-x-2 items-center rounded-md hover:bg-muted px-2 py-1.5 text-foreground cursor-pointer", children: [_jsx(item.icon, { className: "size-4" }), _jsx("span", { className: "text-sm", children: item.title }), _jsx("div", { className: "flex-1" }), item.isActive(editorState) && _jsx(CheckIcon, { className: "size-3.5" })] }, i));
+                }) })] }));
+};
+//# sourceMappingURL=TextAlignSelector.js.map

package/lib/components/editor/menus/selectors/TextAlignSelector.js.map

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

package/lib/components/editor/menus/selectors/TextButtons.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/core';
+export declare const TextButtons: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/editor/menus/selectors/TextButtons.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@eightyfourthousand/lib-utils';
+import { useEditorState } from '@tiptap/react';
+import { Button } from '@eightyfourthousand/design-system';
+import { BoldIcon, ItalicIcon, StrikethroughIcon, UnderlineIcon, } from 'lucide-react';
+import { LinkSelector } from './LinkSelector';
+const items = [
+    {
+        icon: BoldIcon,
+        onClick: (editor) => {
+            editor.chain().focus().toggleBold().run();
+        },
+        isActive: (state) => state.isBold,
+    },
+    {
+        icon: ItalicIcon,
+        onClick: (editor) => {
+            editor.chain().focus().toggleItalic().run();
+        },
+        isActive: (state) => state.isItalic,
+    },
+    {
+        icon: UnderlineIcon,
+        onClick: (editor) => {
+            editor.chain().focus().toggleUnderline().run();
+        },
+        isActive: (state) => state.isUnderline,
+    },
+    {
+        icon: StrikethroughIcon,
+        onClick: (editor) => {
+            editor.chain().focus().toggleStrike().run();
+        },
+        isActive: (state) => state.isStrike,
+    },
+];
+export const TextButtons = ({ editor }) => {
+    const editorState = useEditorState({
+        editor,
+        selector: (instance) => ({
+            isBold: instance.editor.isActive('bold'),
+            isItalic: instance.editor.isActive('italic'),
+            isUnderline: instance.editor.isActive('underline'),
+            isStrike: instance.editor.isActive('strike'),
+        }),
+    });
+    return (_jsxs(_Fragment, { children: [items.map((item, i) => {
+                return (_jsx(Button, { variant: "ghost", size: "icon", className: "rounded-none flex-shrink-0", onClick: () => {
+                        item.onClick(editor);
+                    }, children: _jsx(item.icon, { className: cn('size-4', {
+                            'text-foreground': item.isActive(editorState),
+                        }), strokeWidth: 2.5 }) }, i));
+            }), _jsx(LinkSelector, { editor: editor })] }));
+};
+//# sourceMappingURL=TextButtons.js.map

package/lib/components/editor/menus/selectors/TextButtons.js.map

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

package/lib/components/editor/menus/selectors/TranslationNodeSelector.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/core';
+export declare const TranslationNodeSelector: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/editor/menus/selectors/TranslationNodeSelector.js

@@ -0,0 +1,75 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Popover, PopoverContent, PopoverTrigger, } from '@eightyfourthousand/design-system';
+import { useEditorState } from '@tiptap/react';
+import { CheckIcon, ChevronDownIcon, Heading1, Heading2, Heading3, LetterTextIcon, ListEndIcon, ListStartIcon, QuoteIcon, } from 'lucide-react';
+const items = [
+    {
+        name: 'Text',
+        icon: LetterTextIcon,
+        onClick: (editor) => editor.chain().focus().toggleNode('paragraph', 'paragraph').run(),
+        isActive: (state) => state.isParagraph,
+    },
+    {
+        name: 'Heading 1',
+        icon: Heading1,
+        onClick: (editor) => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+        isActive: (state) => state.isHeading1,
+    },
+    {
+        name: 'Heading 2',
+        icon: Heading2,
+        onClick: (editor) => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+        isActive: (state) => state.isHeading2,
+    },
+    {
+        name: 'Heading 3',
+        icon: Heading3,
+        onClick: (editor) => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+        isActive: (state) => state.isHeading3,
+    },
+    {
+        name: 'Line Group',
+        icon: ListStartIcon,
+        onClick: (editor) => editor.chain().focus().toggleLineGroup().run(),
+        isActive: (state) => state.isLineGroup,
+    },
+    {
+        name: 'Quote',
+        icon: QuoteIcon,
+        onClick: (editor) => editor
+            .chain()
+            .focus()
+            .toggleNode('paragraph', 'paragraph')
+            .toggleBlockquote()
+            .run(),
+        isActive: (state) => state.isBlockquote,
+    },
+    {
+        name: 'Trailer',
+        icon: ListEndIcon,
+        onClick: (editor) => editor.chain().focus().toggleTrailer().run(),
+        isActive: (state) => state.isTrailer,
+    },
+];
+export const TranslationNodeSelector = ({ editor }) => {
+    var _a, _b;
+    const editorState = useEditorState({
+        editor,
+        selector: (instance) => ({
+            isParagraph: instance.editor.isActive('paragraph'),
+            isHeading1: instance.editor.isActive('heading', { level: 1 }),
+            isHeading2: instance.editor.isActive('heading', { level: 2 }),
+            isHeading3: instance.editor.isActive('heading', { level: 3 }),
+            isLineGroup: instance.editor.isActive('lineGroup'),
+            isBlockquote: instance.editor.isActive('blockquote'),
+            isTrailer: instance.editor.isActive('trailer'),
+        }),
+    });
+    const activeItems = items.filter((item) => item.isActive(editorState));
+    const name = activeItems.length > 1 ? 'Multiple' : ((_b = (_a = activeItems.pop()) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'Text');
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "rounded-none", children: [_jsx("span", { className: "whitespace-nowrap text-sm me-2", children: name }), _jsx(ChevronDownIcon, { className: "size-3" })] }) }), _jsx(PopoverContent, { className: "w-48 p-1 shadow-xl", align: "start", noPortal: true, children: items.map((item, i) => {
+                    return (_jsxs("div", { onClick: () => item.onClick(editor), className: "flex items-center text-sm rounded-md hover:bg-muted text-foreground px-2 py-1.5 cursor-pointer", children: [_jsx(item.icon, { className: "size-3.5 me-2" }), _jsx("span", { children: item.name }), _jsx("div", { className: "flex-1" }), item.isActive(editorState) && (_jsx(CheckIcon, { className: "size-3.5 ms-4" }))] }, i));
+                }) })] }));
+};
+//# sourceMappingURL=TranslationNodeSelector.js.map

package/lib/components/editor/menus/selectors/TranslationNodeSelector.js.map

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

package/lib/components/editor/menus/selectors/TranslationTextButtons.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/core';
+export declare const TranslationTextButtons: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/editor/menus/selectors/TranslationTextButtons.js

@@ -0,0 +1,75 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@eightyfourthousand/lib-utils';
+import { useEditorState } from '@tiptap/react';
+import { BoldIcon, CaseUpperIcon, ItalicIcon, SubscriptIcon, SuperscriptIcon, UnderlineIcon, } from 'lucide-react';
+import { Button, Separator } from '@eightyfourthousand/design-system';
+import { LinkSelector } from './LinkSelector';
+import { MantraSelector } from './MantraSelector';
+import { EndNoteSelector } from './EndNoteSelector';
+import { GlossarySelector } from './GlossarySelector';
+const items = [
+    {
+        icon: BoldIcon,
+        onClick: (editor, state) => state.isBold
+            ? editor.chain().focus().unsetBold().run()
+            : editor.chain().focus().setBold().run(),
+        isActive: (state) => state.isBold,
+    },
+    {
+        icon: ItalicIcon,
+        onClick: (editor, state) => state.isItalic
+            ? editor.chain().focus().unsetItalic().run()
+            : editor.chain().focus().setItalic().run(),
+        isActive: (state) => state.isItalic,
+    },
+    {
+        icon: UnderlineIcon,
+        onClick: (editor, state) => state.isUnderline
+            ? editor.chain().focus().unsetUnderline().run()
+            : editor.chain().focus().setUnderline().run(),
+        isActive: (state) => state.isUnderline,
+    },
+    {
+        icon: SubscriptIcon,
+        onClick: (editor, state) => state.isSubscript
+            ? editor.chain().focus().unsetSubscript().run()
+            : editor.chain().focus().setSubscript().run(),
+        isActive: (state) => state.isSubscript,
+    },
+    {
+        icon: SuperscriptIcon,
+        onClick: (editor, state) => state.isSuperscript
+            ? editor.chain().focus().unsetSuperscript().run()
+            : editor.chain().focus().setSuperscript().run(),
+        isActive: (state) => state.isSuperscript,
+    },
+    {
+        icon: CaseUpperIcon,
+        onClick: (editor, state) => state.isSmallCaps
+            ? editor.chain().focus().unsetSmallCaps().run()
+            : editor.chain().focus().setSmallCaps().run(),
+        isActive: (state) => state.isSmallCaps,
+    },
+];
+export const TranslationTextButtons = ({ editor }) => {
+    const editorState = useEditorState({
+        editor,
+        selector: (instance) => ({
+            isBold: instance.editor.isActive('bold'),
+            isItalic: instance.editor.isActive('italic'),
+            isUnderline: instance.editor.isActive('underline'),
+            isSmallCaps: instance.editor.isActive('smallCaps'),
+            isSubscript: instance.editor.isActive('subscript'),
+            isSuperscript: instance.editor.isActive('superscript'),
+        }),
+    });
+    return (_jsxs(_Fragment, { children: [items.map((item, i) => {
+                return (_jsx(Button, { variant: "ghost", size: "icon", className: "rounded-none flex-shrink-0", onClick: () => {
+                        item.onClick(editor, editorState);
+                    }, children: _jsx(item.icon, { className: cn('size-4', item.isActive(editorState)
+                            ? 'text-foreground'
+                            : 'text-muted-foreground'), strokeWidth: 2.5 }) }, i));
+            }), _jsx(MantraSelector, { editor: editor }), _jsx(Separator, { orientation: "vertical", className: "h-10" }), _jsx(GlossarySelector, { editor: editor }), _jsx(LinkSelector, { editor: editor }), _jsx(EndNoteSelector, { editor: editor })] }));
+};
+//# sourceMappingURL=TranslationTextButtons.js.map

package/lib/components/editor/menus/selectors/TranslationTextButtons.js.map

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

package/lib/components/editor/menus/selectors/index.js

@@ -0,0 +1,6 @@
+export * from './LinkSelector';
+export * from './TextAlignSelector';
+export * from './TextButtons';
+export * from './TranslationNodeSelector';
+export * from './NodeSelector';
+//# sourceMappingURL=index.js.map

package/lib/components/editor/menus/selectors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/lib-editing/src/lib/components/editor/menus/selectors/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC"}

package/lib/components/editor/save-filter.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Compute which passage UUIDs should be saved and which should be deleted.
+ * Passages that are both dirty and deleted are excluded from the save list
+ * (they no longer exist in the editor).
+ */
+export declare const computeSavePayload: ({ dirtyUuids, deletedUuids, }: {
+    dirtyUuids: Set<string>;
+    deletedUuids: Set<string>;
+}) => {
+    uuidsToSave: string[];
+    uuidsToDelete: string[];
+    hasChanges: boolean;
+};

package/lib/components/editor/save-filter.js

@@ -0,0 +1,15 @@
+/**
+ * Compute which passage UUIDs should be saved and which should be deleted.
+ * Passages that are both dirty and deleted are excluded from the save list
+ * (they no longer exist in the editor).
+ */
+export const computeSavePayload = ({ dirtyUuids, deletedUuids, }) => {
+    const uuidsToDelete = Array.from(deletedUuids);
+    const uuidsToSave = Array.from(dirtyUuids).filter((uuid) => !deletedUuids.has(uuid));
+    return {
+        uuidsToSave,
+        uuidsToDelete,
+        hasChanges: uuidsToSave.length > 0 || uuidsToDelete.length > 0,
+    };
+};
+//# sourceMappingURL=save-filter.js.map

package/lib/components/editor/save-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-filter.js","sourceRoot":"","sources":["../../../../../../libs/lib-editing/src/lib/components/editor/save-filter.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,UAAU,EACV,YAAY,GAIb,EAIC,EAAE;IACF,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAC/C,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAClC,CAAC;IAEF,OAAO;QACL,WAAW;QACX,aAAa;QACb,UAAU,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;KAC/D,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/editor/util.d.ts

@@ -0,0 +1,98 @@
+import { MarkViewProps, NodeViewProps, NodeViewRendererProps } from '@tiptap/react';
+import { Editor } from '@tiptap/core';
+import { HTMLElementType } from 'react';
+/**
+ * Registers an editor for a DOM element.
+ * Call this when creating mark/node views to enable hover card functionality.
+ */
+export declare const registerEditorElement: (element: HTMLElement, editor: Editor) => void;
+/**
+ * Gets the editor associated with a DOM element.
+ */
+export declare const getEditorForElement: (element: HTMLElement) => Editor | undefined;
+/**
+ * Validates and updates the attributes of a Node.
+ * Specifically, it ensures that the node has a unique 'uuid' attribute.
+ * If the 'uuid' is missing or duplicates the previous node's 'uuid',
+ * a new UUID is generated and assigned. In the case of duplication, all
+ * global attributes are set to their default values.
+ */
+export declare const validateAttrs: ({ node, editor, getPos, updateAttributes, }: Partial<NodeViewProps>) => void;
+/**
+ * Finds the range of a given mark in the editor's document by its reference.
+ * Returns an object with 'from' and 'to' positions if found, otherwise undefined.
+ */
+export declare const findMarkRange: ({ editor, mark }: Partial<MarkViewProps>) => undefined;
+/**
+ * Finds a mark in the editor's document by its UUID attribute.
+ * Returns an object with 'from', 'to', and 'mark' if found, otherwise undefined.
+ */
+export declare const findMarkByUuid: ({ editor, uuid, markType, comparator, }: {
+    editor: {
+        state: {
+            doc: MarkViewProps["editor"]["state"]["doc"];
+            tr: MarkViewProps["editor"]["state"]["tr"];
+        };
+    };
+    uuid: string;
+    markType: string;
+    comparator?: (mark: MarkViewProps["mark"], uuid: string) => boolean;
+}) => {
+    from: number;
+    to: number;
+    mark: MarkViewProps["mark"];
+} | undefined;
+export declare const findEndnoteMarkByUuid: ({ editor, uuid, }: {
+    editor: {
+        state: {
+            doc: MarkViewProps["editor"]["state"]["doc"];
+            tr: MarkViewProps["editor"]["state"]["tr"];
+        };
+    };
+    uuid: string;
+}) => {
+    from: number;
+    to: number;
+    mark: MarkViewProps["mark"];
+} | undefined;
+/**
+ * Find a passage node in any editor by UUID.
+ * Returns { pos, node } or undefined.
+ */
+export declare const findPassageNode: (editor: Editor, passageUuid: string) => {
+    pos: number;
+    node: any;
+} | undefined;
+/**
+ * Creates a function to update the attributes of a given HTML element.
+ * The returned function takes an object of attributes and sets them on the element.
+ */
+export declare const createUpdateAttributes: (element: HTMLElement) => (attrs: {
+    [key: string]: unknown;
+}) => void;
+/**
+ * Creates a NodeView DOM element for a given node and extension.
+ * It sets up the element with merged attributes and validates them.
+ */
+export declare const createNodeViewDom: ({ editor, getPos, node, extension, HTMLAttributes, element, className, }: Partial<NodeViewRendererProps> & {
+    element: HTMLElementType;
+    className?: string;
+}) => {
+    dom: HTMLElement;
+    updateAttributes: (attrs: {
+        [key: string]: unknown;
+    }) => void;
+};
+/**
+ * Creates a MarkView DOM element for a given mark and extension.
+ * It sets up the element with merged attributes.
+ */
+export declare const createMarkViewDom: ({ mark, extension, HTMLAttributes, element, className, }: Partial<MarkViewProps> & {
+    element: HTMLElementType;
+    className?: string;
+}) => {
+    dom: HTMLElement;
+    updateAttributes: (attrs: {
+        [key: string]: unknown;
+    }) => void;
+};