@byline/richtext-lexical 0.9.3

package/dist/field/plugins/link-plugin/link/floating-link-editor.js

@@ -0,0 +1,234 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { getClientConfig, resolveRoutes } from "@byline/core";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $findMatchingParent, mergeRegister } from "@lexical/utils";
+import { $getSelection, $isLineBreakNode, $isRangeSelection, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND } from "lexical";
+import { createPortal } from "react-dom";
+import { $isAutoLinkNode, $isLinkNode, OPEN_LINK_MODAL_COMMAND, TOGGLE_LINK_COMMAND } from "../../../nodes/link-nodes/index.js";
+import { getSelectedNode } from "../../../utils/getSelectedNode.js";
+import { setFloatingElemPositionForLinkEditor } from "../../../utils/setFloatingElemPositionForLinkEditor.js";
+import { sanitizeUrl } from "../../../utils/url.js";
+import { LinkModal } from "./link-modal.js";
+import "./floating-link-editor.css";
+function FloatingLinkEditor({ editor, isLink, setIsLink, anchorElem }) {
+    const editorRef = useRef(null);
+    const [linkEditorState, setLinkEditorState] = useState({
+        label: null,
+        url: ''
+    });
+    const [linkModalData, setLinkModalData] = useState(void 0);
+    const [modalOpen, setModalOpen] = useState(false);
+    const adminRoute = useMemo(()=>resolveRoutes(getClientConfig().routes).admin, []);
+    const $updateLinkEditor = useCallback(()=>{
+        const selection = $getSelection();
+        if ($isRangeSelection(selection)) {
+            const node = getSelectedNode(selection);
+            const linkParent = $findMatchingParent(node, $isLinkNode);
+            let data = {
+                text: '',
+                fields: {
+                    linkType: 'custom',
+                    url: '',
+                    newTab: void 0
+                }
+            };
+            const linkNode = linkParent ?? ($isLinkNode(node) ? node : null);
+            if (null != linkNode) {
+                data = {
+                    text: linkNode.getTextContent(),
+                    fields: linkNode.getAttributes()
+                };
+                if (data.fields?.linkType === 'internal') {
+                    const internal = data.fields;
+                    setLinkEditorState({
+                        label: `${internal.targetCollectionPath} · ${internal.targetDocumentId.slice(0, 8)}…`,
+                        url: `${adminRoute}/collections/${internal.targetCollectionPath}/${internal.targetDocumentId}`
+                    });
+                } else setLinkEditorState({
+                    label: null,
+                    url: data.fields?.url ?? ''
+                });
+            } else setLinkEditorState({
+                label: null,
+                url: ''
+            });
+            setLinkModalData(data);
+        }
+        const editorElem = editorRef.current;
+        const nativeSelection = window.getSelection();
+        const { activeElement } = document;
+        if (null === editorElem) return;
+        const rootElement = editor.getRootElement();
+        if (null !== selection && null !== nativeSelection && rootElement?.contains(nativeSelection.anchorNode) && editor.isEditable()) {
+            const domRect = nativeSelection.focusNode?.parentElement?.getBoundingClientRect();
+            if (null != domRect) {
+                domRect.y += 40;
+                setFloatingElemPositionForLinkEditor(domRect, editorElem, anchorElem);
+            }
+        } else if (null == activeElement || 'link-input' !== activeElement.className) {
+            if (null !== rootElement) setFloatingElemPositionForLinkEditor(null, editorElem, anchorElem);
+            setLinkEditorState({
+                label: null,
+                url: ''
+            });
+        }
+        return true;
+    }, [
+        anchorElem,
+        editor,
+        adminRoute
+    ]);
+    useEffect(()=>{
+        const scrollerElem = anchorElem.parentElement;
+        const update = ()=>{
+            editor.getEditorState().read(()=>{
+                $updateLinkEditor();
+            });
+        };
+        window.addEventListener('resize', update);
+        if (null != scrollerElem) scrollerElem.addEventListener('scroll', update);
+        return ()=>{
+            window.removeEventListener('resize', update);
+            if (null != scrollerElem) scrollerElem.removeEventListener('scroll', update);
+        };
+    }, [
+        anchorElem.parentElement,
+        editor,
+        $updateLinkEditor
+    ]);
+    useEffect(()=>mergeRegister(editor.registerUpdateListener(({ editorState })=>{
+            editorState.read(()=>{
+                $updateLinkEditor();
+            });
+        }), editor.registerCommand(SELECTION_CHANGE_COMMAND, ()=>{
+            $updateLinkEditor();
+            return true;
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ESCAPE_COMMAND, ()=>{
+            if (isLink) {
+                setIsLink(false);
+                return true;
+            }
+            return false;
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(OPEN_LINK_MODAL_COMMAND, ()=>{
+            setModalOpen(true);
+            return true;
+        }, COMMAND_PRIORITY_LOW)), [
+        editor,
+        $updateLinkEditor,
+        setIsLink,
+        isLink
+    ]);
+    useEffect(()=>{
+        editor.getEditorState().read(()=>{
+            $updateLinkEditor();
+        });
+    }, [
+        editor,
+        $updateLinkEditor
+    ]);
+    const handleModalSubmit = (data)=>{
+        const newAttributes = {
+            ...data.fields,
+            text: data.text ?? void 0
+        };
+        editor.dispatchCommand(TOGGLE_LINK_COMMAND, newAttributes);
+    };
+    return /*#__PURE__*/ jsx("div", {
+        ref: editorRef,
+        className: "link-editor",
+        children: isLink && /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "link-input",
+                    children: [
+                        /*#__PURE__*/ jsx("a", {
+                            href: sanitizeUrl(linkEditorState.url),
+                            target: "_blank",
+                            rel: "noopener noreferrer",
+                            children: null != linkEditorState.label && linkEditorState.label.length > 0 ? linkEditorState.label : linkEditorState.url
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            "aria-label": "Edit link",
+                            className: "link-edit",
+                            role: "button",
+                            tabIndex: 0,
+                            onMouseDown: (event)=>event.preventDefault(),
+                            onClick: ()=>setModalOpen(true),
+                            onKeyDown: (event)=>{
+                                if ('Enter' === event.key || ' ' === event.key) {
+                                    event.preventDefault();
+                                    setModalOpen(true);
+                                }
+                            }
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            "aria-label": "Remove link",
+                            className: "link-trash",
+                            role: "button",
+                            tabIndex: 0,
+                            onMouseDown: (event)=>event.preventDefault(),
+                            onClick: ()=>editor.dispatchCommand(TOGGLE_LINK_COMMAND, null),
+                            onKeyDown: (event)=>{
+                                if ('Enter' === event.key || ' ' === event.key) {
+                                    event.preventDefault();
+                                    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+                                }
+                            }
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(LinkModal, {
+                    isOpen: modalOpen,
+                    data: linkModalData,
+                    onSubmit: handleModalSubmit,
+                    onClose: ()=>setModalOpen(false)
+                })
+            ]
+        })
+    });
+}
+function useFloatingLinkEditor(editor, anchorElem) {
+    const [activeEditor, setActiveEditor] = useState(editor);
+    const [isLink, setIsLink] = useState(false);
+    useEffect(()=>{
+        const $determineIsLink = ()=>{
+            const selection = $getSelection();
+            if ($isRangeSelection(selection)) {
+                const focusNode = getSelectedNode(selection);
+                const focusLinkNode = $findMatchingParent(focusNode, $isLinkNode);
+                const focusAutoLinkNode = $findMatchingParent(focusNode, $isAutoLinkNode);
+                if (null == focusLinkNode && null == focusAutoLinkNode) return void setIsLink(false);
+                const invalidLinkNode = selection.getNodes().filter((node)=>!$isLineBreakNode(node)).find((node)=>{
+                    const linkNode = $findMatchingParent(node, $isLinkNode);
+                    const autoLinkNode = $findMatchingParent(node, $isAutoLinkNode);
+                    return focusLinkNode && !focusLinkNode.is(linkNode) || linkNode && !linkNode.is(focusLinkNode) || focusAutoLinkNode && !focusAutoLinkNode.is(autoLinkNode) || autoLinkNode && !autoLinkNode.is(focusAutoLinkNode);
+                });
+                setIsLink(null == invalidLinkNode);
+            }
+        };
+        return mergeRegister(editor.registerUpdateListener(({ editorState })=>{
+            editorState.read(()=>{
+                $determineIsLink();
+            });
+        }), editor.registerCommand(SELECTION_CHANGE_COMMAND, (_payload, newEditor)=>{
+            $determineIsLink();
+            setActiveEditor(newEditor);
+            return false;
+        }, COMMAND_PRIORITY_CRITICAL));
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(FloatingLinkEditor, {
+        editor: activeEditor,
+        anchorElem: anchorElem,
+        isLink: isLink,
+        setIsLink: setIsLink
+    }), anchorElem);
+}
+function FloatingLinkEditorPlugin({ anchorElem = document.body }) {
+    const [editor] = useLexicalComposerContext();
+    return useFloatingLinkEditor(editor, anchorElem);
+}
+export { FloatingLinkEditorPlugin };

package/dist/field/plugins/link-plugin/link/index.d.ts

@@ -0,0 +1,2 @@
+export declare function LinkPlugin(): null;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/plugins/link-plugin/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/plugins/link-plugin/link/index.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,UAAU,IAAI,IAAI,CAkEjC"}

package/dist/field/plugins/link-plugin/link/index.js

@@ -0,0 +1,43 @@
+"use client";
+import { useEffect } from "react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister } from "@lexical/utils";
+import { $getSelection, $isElementNode, $isRangeSelection, COMMAND_PRIORITY_LOW, PASTE_COMMAND } from "lexical";
+import { $toggleLink, LinkNode, TOGGLE_LINK_COMMAND } from "../../../nodes/link-nodes/index.js";
+import { validateUrl } from "../../../utils/url.js";
+function LinkPlugin() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(()=>{
+        if (!editor.hasNodes([
+            LinkNode
+        ])) throw new Error('LinkPlugin: LinkNode not registered on editor');
+        return mergeRegister(editor.registerCommand(TOGGLE_LINK_COMMAND, (payload)=>{
+            if (null === payload) {
+                $toggleLink(payload);
+                return true;
+            }
+            if ('custom' === payload.linkType) {
+                const url = payload.url ?? '';
+                if (!url.startsWith('/') && !validateUrl(url)) return false;
+            }
+            $toggleLink(payload);
+            return true;
+        }, COMMAND_PRIORITY_LOW), editor.registerCommand(PASTE_COMMAND, (event)=>{
+            const selection = $getSelection();
+            if (!$isRangeSelection(selection) || selection.isCollapsed() || !(event instanceof ClipboardEvent) || null == event.clipboardData) return false;
+            const clipboardText = event.clipboardData.getData('text');
+            if (!validateUrl(clipboardText)) return false;
+            if (selection.getNodes().some((node)=>$isElementNode(node))) return false;
+            editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
+                linkType: 'custom',
+                url: clipboardText
+            });
+            event.preventDefault();
+            return true;
+        }, COMMAND_PRIORITY_LOW));
+    }, [
+        editor
+    ]);
+    return null;
+}
+export { LinkPlugin };

package/dist/field/plugins/link-plugin/link/link-modal.d.ts

@@ -0,0 +1,11 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type * as React from 'react';
+import type { LinkModalProps } from './types';
+export declare const LinkModal: React.FC<LinkModalProps>;
+//# sourceMappingURL=link-modal.d.ts.map

package/dist/field/plugins/link-plugin/link/link-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-modal.d.ts","sourceRoot":"","sources":["../../../../../src/field/plugins/link-plugin/link/link-modal.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAyBnC,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,SAAS,CAAA;AA+DvD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqR9C,CAAA"}

package/dist/field/plugins/link-plugin/link/link-modal.js

@@ -0,0 +1,311 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { getClientConfig, getCollectionDefinition } from "@byline/core";
+import { RelationPicker } from "@byline/ui";
+import { Button, Checkbox, CloseIcon, IconButton, Input, Label, Modal, RadioGroup, RadioGroupItem, Select } from "@infonomic/uikit/react";
+import { useEditorConfig } from "../../../config/editor-config-context.js";
+import { useModalFormState } from "../../../shared/useModalFormState.js";
+import { validateUrl } from "../../../utils/url.js";
+function emptyState(linkable) {
+    return {
+        text: '',
+        linkType: linkable.length > 0 ? 'internal' : 'custom',
+        url: '',
+        newTab: false,
+        targetCollection: linkable[0]?.path ?? null,
+        picked: null
+    };
+}
+function fromLinkData(data, linkable) {
+    const base = emptyState(linkable);
+    if (!data) return base;
+    const fields = data.fields;
+    if (!fields) return base;
+    const url = 'internal' === fields.linkType ? '' : fields.url ?? '';
+    const isPlaceholderUrl = '' === url || 'https://' === url;
+    const wantsInternal = linkable.length > 0 && ('internal' === fields.linkType || isPlaceholderUrl);
+    const linkType = wantsInternal ? 'internal' : 'custom';
+    const picked = 'internal' === fields.linkType ? {
+        targetDocumentId: fields.targetDocumentId,
+        targetCollectionId: fields.targetCollectionId,
+        targetCollectionPath: fields.targetCollectionPath,
+        document: fields.document
+    } : null;
+    return {
+        text: data.text ?? '',
+        linkType,
+        url: isPlaceholderUrl ? '' : url,
+        newTab: fields.newTab ?? false,
+        targetCollection: picked?.targetCollectionPath ?? linkable[0]?.path ?? null,
+        picked
+    };
+}
+const LinkModal = ({ isOpen = false, onSubmit, onClose, data: dataFromProps })=>{
+    const linkable = useMemo(()=>getClientConfig().collections.filter((c)=>true === c.linksInEditor), []);
+    const [pickerOpen, setPickerOpen] = useState(false);
+    const [urlError, setUrlError] = useState(null);
+    const { config: editorSettings } = useEditorConfig();
+    const [state, setState] = useModalFormState(isOpen, ()=>fromLinkData(dataFromProps, linkable), ()=>setUrlError(null));
+    const targetDef = state.targetCollection ? getCollectionDefinition(state.targetCollection) : null;
+    const collectionItems = useMemo(()=>linkable.map((c)=>({
+                label: c.labels.singular,
+                value: c.path
+            })), [
+        linkable
+    ]);
+    const pickedLabel = useMemo(()=>{
+        if ('internal' !== state.linkType || !state.picked) return null;
+        const title = state.picked.document?.title;
+        if ('string' == typeof title && title.length > 0) return title;
+        const pickedDef = getCollectionDefinition(state.picked.targetCollectionPath);
+        const short = state.picked.targetDocumentId.slice(0, 8);
+        return `${pickedDef?.labels.singular ?? state.picked.targetCollectionPath} · ${short}…`;
+    }, [
+        state.linkType,
+        state.picked
+    ]);
+    const handlePickerSelect = (selection)=>{
+        setPickerOpen(false);
+        setState((s)=>{
+            const targetCollection = s.targetCollection;
+            const titleField = getCollectionDefinition(targetCollection)?.useAsTitle;
+            const title = titleField ? selection.record?.fields?.[titleField] : void 0;
+            const path = selection.record?.path;
+            const document = {};
+            if ('string' == typeof title && title.length > 0) document.title = title;
+            if ('string' == typeof path && path.length > 0) document.path = path;
+            return {
+                ...s,
+                picked: {
+                    targetDocumentId: selection.targetDocumentId,
+                    targetCollectionId: selection.targetCollectionId,
+                    targetCollectionPath: targetCollection,
+                    document: Object.keys(document).length > 0 ? document : void 0
+                }
+            };
+        });
+    };
+    const handleSave = ()=>{
+        if ('custom' === state.linkType) {
+            const url = state.url;
+            if (!url.startsWith('/') && !validateUrl(url)) return void setUrlError('Enter a valid URL or a root-relative path starting with /');
+        }
+        if ('internal' === state.linkType) {
+            if (!state.picked) return void setUrlError('Pick a target document');
+        }
+        const picked = state.picked;
+        const fields = 'custom' === state.linkType ? {
+            linkType: 'custom',
+            url: state.url,
+            newTab: state.newTab
+        } : {
+            linkType: 'internal',
+            newTab: state.newTab,
+            targetDocumentId: picked.targetDocumentId,
+            targetCollectionId: picked.targetCollectionId,
+            targetCollectionPath: picked.targetCollectionPath,
+            document: editorSettings.embedRelationsOnSave ? picked.document : void 0
+        };
+        onSubmit({
+            text: state.text.length > 0 ? state.text : null,
+            fields
+        });
+        onClose();
+    };
+    if (!isOpen) return null;
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Modal, {
+                isOpen: isOpen,
+                onDismiss: onClose,
+                closeOnOverlayClick: false,
+                children: /*#__PURE__*/ jsxs(Modal.Container, {
+                    style: {
+                        maxWidth: '480px',
+                        width: '100%'
+                    },
+                    children: [
+                        /*#__PURE__*/ jsxs(Modal.Header, {
+                            className: "flex items-center justify-between pt-4 mb-4",
+                            children: [
+                                /*#__PURE__*/ jsx("h3", {
+                                    className: "m-0 text-xl",
+                                    children: "Edit link"
+                                }),
+                                /*#__PURE__*/ jsx(IconButton, {
+                                    "aria-label": "Close",
+                                    size: "xs",
+                                    onClick: onClose,
+                                    children: /*#__PURE__*/ jsx(CloseIcon, {
+                                        width: "15px",
+                                        height: "15px",
+                                        svgClassName: "white-icon"
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Modal.Content, {
+                            children: /*#__PURE__*/ jsxs("div", {
+                                className: "flex flex-col gap-4",
+                                children: [
+                                    /*#__PURE__*/ jsx(Input, {
+                                        id: "link-text",
+                                        className: "mb-2",
+                                        name: "text",
+                                        label: "Link text",
+                                        placeholder: "Visible link text",
+                                        value: state.text,
+                                        onChange: (e)=>setState((s)=>({
+                                                    ...s,
+                                                    text: e.target.value
+                                                }))
+                                    }),
+                                    linkable.length > 0 && /*#__PURE__*/ jsxs(RadioGroup, {
+                                        id: "link-type",
+                                        name: "linkType",
+                                        "aria-label": "Link type",
+                                        direction: "row",
+                                        value: state.linkType,
+                                        onValueChange: (value)=>setState((s)=>({
+                                                    ...s,
+                                                    linkType: 'internal' === value ? 'internal' : 'custom'
+                                                })),
+                                        children: [
+                                            /*#__PURE__*/ jsx(RadioGroupItem, {
+                                                id: "link-type-internal",
+                                                value: "internal",
+                                                label: "Document"
+                                            }),
+                                            /*#__PURE__*/ jsx(RadioGroupItem, {
+                                                id: "link-type-custom",
+                                                value: "custom",
+                                                label: "Custom URL"
+                                            })
+                                        ]
+                                    }),
+                                    'custom' === state.linkType && /*#__PURE__*/ jsx(Input, {
+                                        id: "link-url",
+                                        name: "url",
+                                        label: "URL",
+                                        placeholder: "https://example.com or /path",
+                                        value: state.url,
+                                        errorText: urlError ?? void 0,
+                                        error: null != urlError,
+                                        onChange: (e)=>{
+                                            setUrlError(null);
+                                            setState((s)=>({
+                                                    ...s,
+                                                    url: e.target.value
+                                                }));
+                                        }
+                                    }),
+                                    'internal' === state.linkType && /*#__PURE__*/ jsxs("div", {
+                                        className: "flex flex-col gap-3 mt-2",
+                                        children: [
+                                            linkable.length > 1 && /*#__PURE__*/ jsxs("div", {
+                                                children: [
+                                                    /*#__PURE__*/ jsx(Label, {
+                                                        id: "link-target-collection",
+                                                        htmlFor: "link-target-collection",
+                                                        className: "mb-1",
+                                                        label: "Target collection"
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Select, {
+                                                        size: "sm",
+                                                        items: collectionItems,
+                                                        placeholder: "Target collection",
+                                                        value: state.targetCollection ?? void 0,
+                                                        onValueChange: (value)=>{
+                                                            if (null == value) return;
+                                                            setState((s)=>({
+                                                                    ...s,
+                                                                    targetCollection: value
+                                                                }));
+                                                        }
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: "border rounded p-3",
+                                                children: [
+                                                    /*#__PURE__*/ jsx(Label, {
+                                                        id: "link-target-document",
+                                                        htmlFor: "link-target-document",
+                                                        className: "mb-1",
+                                                        label: "Target document"
+                                                    }),
+                                                    /*#__PURE__*/ jsxs("div", {
+                                                        className: "flex items-center justify-between gap-2",
+                                                        children: [
+                                                            pickedLabel && /*#__PURE__*/ jsx("span", {
+                                                                className: "text-sm text-accent-400 truncate",
+                                                                children: pickedLabel
+                                                            }),
+                                                            /*#__PURE__*/ jsx(Button, {
+                                                                size: "sm",
+                                                                variant: "outlined",
+                                                                intent: "noeffect",
+                                                                type: "button",
+                                                                onClick: ()=>setPickerOpen(true),
+                                                                disabled: !state.targetCollection,
+                                                                children: pickedLabel ? 'Change' : `Pick ${targetDef?.labels.singular ?? 'document'}…`
+                                                            })
+                                                        ]
+                                                    })
+                                                ]
+                                            }),
+                                            urlError && 'internal' === state.linkType && /*#__PURE__*/ jsx("span", {
+                                                className: "text-xs text-red-400",
+                                                children: urlError
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsx(Checkbox, {
+                                        id: "link-new-tab",
+                                        name: "newTab",
+                                        label: "Open in new tab",
+                                        checked: state.newTab,
+                                        onCheckedChange: (checked)=>setState((s)=>({
+                                                    ...s,
+                                                    newTab: true === checked
+                                                }))
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsxs(Modal.Actions, {
+                            className: "flex gap-3",
+                            children: [
+                                /*#__PURE__*/ jsx(Button, {
+                                    size: "sm",
+                                    intent: "noeffect",
+                                    type: "button",
+                                    onClick: onClose,
+                                    className: "min-w-[70px]",
+                                    children: "Cancel"
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    size: "sm",
+                                    intent: "primary",
+                                    type: "button",
+                                    onClick: handleSave,
+                                    className: "min-w-[70px]",
+                                    children: "Save"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            'internal' === state.linkType && state.targetCollection && /*#__PURE__*/ jsx(RelationPicker, {
+                targetCollectionPath: state.targetCollection,
+                targetDefinition: targetDef,
+                isOpen: pickerOpen,
+                onSelect: handlePickerSelect,
+                onDismiss: ()=>setPickerOpen(false)
+            })
+        ]
+    });
+};
+export { LinkModal };

package/dist/field/plugins/link-plugin/link/types.d.ts

@@ -0,0 +1,19 @@
+import type { LinkAttributes } from '../../../nodes/link-nodes';
+/**
+ * The payload of a link node
+ * This can be delivered from the link node to the drawer, or from the drawer/anything to the TOGGLE_LINK_COMMAND
+ */
+export interface LinkData {
+    fields: LinkAttributes;
+    /**
+     * The text content of the link node - will be displayed in the drawer
+     */
+    text: null | string;
+}
+export interface LinkModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit: (data: LinkData) => void;
+    data?: LinkData;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/field/plugins/link-plugin/link/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/field/plugins/link-plugin/link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,cAAc,CAAA;IACtB;;OAEG;IACH,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAA;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB"}

package/dist/field/plugins/link-plugin/link/types.js

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

package/dist/field/plugins/link-plugin/populate.d.ts

@@ -0,0 +1,22 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+/**
+ * Server-side populate visitor for the link plugin. Pure / framework-
+ * agnostic — imported only from the package's `server` entry.
+ *
+ * Refreshes `attributes.document` on `link` nodes whose
+ * `attributes.linkType` is `'internal'`. Tight projection — `{ title,
+ * path }` only, matching what the link modal embeds at picker time.
+ *
+ * `linkType: 'custom'` links carry a literal URL and have no relation
+ * envelope; they're skipped. Auto-link nodes (`type: 'autolink'`) are
+ * also skipped — they're derived from URL patterns and never internal.
+ */
+import type { LexicalNodeVisitor } from '../../lexical-populate-shared';
+export declare const linkVisitor: LexicalNodeVisitor;
+//# sourceMappingURL=populate.d.ts.map

package/dist/field/plugins/link-plugin/populate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"populate.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/link-plugin/populate.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAmB,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAExF,eAAO,MAAM,WAAW,EAAE,kBAwBzB,CAAA"}