@payloadcms/richtext-lexical 3.0.0-beta.78 → 3.0.0-beta.79

package/dist/features/link/plugins/floatingLinkEditor/LinkEditor/index.js

@@ -1,299 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
-import { $findMatchingParent, mergeRegister } from '@lexical/utils';
-import { getTranslation } from '@payloadcms/translations';
-import { formatDrawerSlug, useConfig, useEditDepth, useModal, useTranslation } from '@payloadcms/ui';
-import { $getSelection, $isLineBreakNode, $isRangeSelection, COMMAND_PRIORITY_HIGH, COMMAND_PRIORITY_LOW, KEY_ESCAPE_COMMAND, SELECTION_CHANGE_COMMAND } from 'lexical';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js';
-import { getSelectedNode } from '../../../../../lexical/utils/getSelectedNode.js';
-import { setFloatingElemPositionForLinkEditor } from '../../../../../lexical/utils/setFloatingElemPositionForLinkEditor.js';
-import { FieldsDrawer } from '../../../../../utilities/fieldsDrawer/Drawer.js';
-import { $isAutoLinkNode } from '../../../nodes/AutoLinkNode.js';
-import { $createLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from '../../../nodes/LinkNode.js';
-import { TOGGLE_LINK_WITH_MODAL_COMMAND } from './commands.js';
-export function LinkEditor({ anchorElem }) {
-    const [editor] = useLexicalComposerContext();
-    const editorRef = useRef(null);
-    const [linkUrl, setLinkUrl] = useState(null);
-    const [linkLabel, setLinkLabel] = useState(null);
-    const { uuid } = useEditorConfigContext();
-    const config = useConfig();
-    const { i18n, t } = useTranslation();
-    const [stateData, setStateData] = useState(null);
-    const { closeModal, toggleModal } = useModal();
-    const editDepth = useEditDepth();
-    const [isLink, setIsLink] = useState(false);
-    const [selectedNodes, setSelectedNodes] = useState([]);
-    const [isAutoLink, setIsAutoLink] = useState(false);
-    const drawerSlug = formatDrawerSlug({
-        slug: `lexical-rich-text-link-` + uuid,
-        depth: editDepth
-    });
-    const setNotLink = useCallback(()=>{
-        setIsLink(false);
-        if (editorRef && editorRef.current) {
-            editorRef.current.style.opacity = '0';
-            editorRef.current.style.transform = 'translate(-10000px, -10000px)';
-        }
-        setIsAutoLink(false);
-        setLinkUrl(null);
-        setLinkLabel(null);
-        setSelectedNodes([]);
-        setStateData(null);
-    }, [
-        setIsLink,
-        setLinkUrl,
-        setLinkLabel,
-        setSelectedNodes
-    ]);
-    const $updateLinkEditor = useCallback(()=>{
-        const selection = $getSelection();
-        let selectedNodeDomRect = null;
-        if (!$isRangeSelection(selection) || !selection) {
-            setNotLink();
-            return;
-        }
-        // Handle the data displayed in the floating link editor & drawer when you click on a link node
-        const focusNode = getSelectedNode(selection);
-        selectedNodeDomRect = editor.getElementByKey(focusNode.getKey())?.getBoundingClientRect();
-        const focusLinkParent = $findMatchingParent(focusNode, $isLinkNode);
-        // Prevent link modal from showing if selection spans further than the link: https://github.com/facebook/lexical/issues/4064
-        const badNode = selection.getNodes().filter((node)=>!$isLineBreakNode(node)).find((node)=>{
-            const linkNode = $findMatchingParent(node, $isLinkNode);
-            return focusLinkParent && !focusLinkParent.is(linkNode) || linkNode && !linkNode.is(focusLinkParent);
-        });
-        if (focusLinkParent == null || badNode) {
-            setNotLink();
-            return;
-        }
-        // Initial state:
-        const data = {
-            doc: undefined,
-            linkType: undefined,
-            newTab: undefined,
-            url: '',
-            ...focusLinkParent.getFields(),
-            id: focusLinkParent.getID(),
-            text: focusLinkParent.getTextContent()
-        };
-        if (focusLinkParent.getFields()?.linkType === 'custom') {
-            setLinkUrl(focusLinkParent.getFields()?.url ?? null);
-            setLinkLabel(null);
-        } else {
-            // internal link
-            setLinkUrl(`/admin/collections/${focusLinkParent.getFields()?.doc?.relationTo}/${focusLinkParent.getFields()?.doc?.value}`);
-            const relatedField = config.collections.find((coll)=>coll.slug === focusLinkParent.getFields()?.doc?.relationTo);
-            if (!relatedField) {
-                // Usually happens if the user removed all default fields. In this case, we let them specify the label or do not display the label at all.
-                // label could be a virtual field the user added. This is useful if they want to use the link feature for things other than links.
-                setLinkLabel(focusLinkParent.getFields()?.label ? String(focusLinkParent.getFields()?.label) : null);
-                setLinkUrl(focusLinkParent.getFields()?.url ? String(focusLinkParent.getFields()?.url) : null);
-            } else {
-                const label = t('fields:linkedTo', {
-                    label: getTranslation(relatedField.labels.singular, i18n)
-                }).replace(/<[^>]*>?/g, '');
-                setLinkLabel(label);
-            }
-        }
-        setStateData(data);
-        setIsLink(true);
-        setSelectedNodes(selection ? selection?.getNodes() : []);
-        if ($isAutoLinkNode(focusLinkParent)) {
-            setIsAutoLink(true);
-        } else {
-            setIsAutoLink(false);
-        }
-        const editorElem = editorRef.current;
-        const nativeSelection = window.getSelection();
-        const { activeElement } = document;
-        if (editorElem === null) {
-            return;
-        }
-        const rootElement = editor.getRootElement();
-        if (nativeSelection !== null && rootElement !== null && rootElement.contains(nativeSelection.anchorNode)) {
-            if (!selectedNodeDomRect) {
-                // Get the DOM rect of the selected node using the native selection. This sometimes produces the wrong
-                // result, which is why we use lexical's selection preferably.
-                selectedNodeDomRect = nativeSelection.getRangeAt(0).getBoundingClientRect();
-            }
-            if (selectedNodeDomRect != null) {
-                selectedNodeDomRect.y += 40;
-                setFloatingElemPositionForLinkEditor(selectedNodeDomRect, editorElem, anchorElem);
-            }
-        } else if (activeElement == null || activeElement.className !== 'link-input') {
-            if (rootElement !== null) {
-                setFloatingElemPositionForLinkEditor(null, editorElem, anchorElem);
-            }
-            setLinkUrl(null);
-            setLinkLabel(null);
-        }
-        return true;
-    }, [
-        editor,
-        setNotLink,
-        config.collections,
-        t,
-        i18n,
-        anchorElem
-    ]);
-    useEffect(()=>{
-        return mergeRegister(editor.registerCommand(TOGGLE_LINK_WITH_MODAL_COMMAND, (payload)=>{
-            editor.dispatchCommand(TOGGLE_LINK_COMMAND, payload);
-            // Now, open the modal
-            $updateLinkEditor();
-            toggleModal(drawerSlug);
-            return true;
-        }, COMMAND_PRIORITY_LOW));
-    }, [
-        editor,
-        $updateLinkEditor,
-        toggleModal,
-        drawerSlug
-    ]);
-    useEffect(()=>{
-        const scrollerElem = anchorElem.parentElement;
-        const update = ()=>{
-            editor.getEditorState().read(()=>{
-                void $updateLinkEditor();
-            });
-        };
-        window.addEventListener('resize', update);
-        if (scrollerElem != null) {
-            scrollerElem.addEventListener('scroll', update);
-        }
-        return ()=>{
-            window.removeEventListener('resize', update);
-            if (scrollerElem != null) {
-                scrollerElem.removeEventListener('scroll', update);
-            }
-        };
-    }, [
-        anchorElem.parentElement,
-        editor,
-        $updateLinkEditor
-    ]);
-    useEffect(()=>{
-        return mergeRegister(editor.registerUpdateListener(({ editorState })=>{
-            editorState.read(()=>{
-                void $updateLinkEditor();
-            });
-        }), editor.registerCommand(SELECTION_CHANGE_COMMAND, ()=>{
-            void $updateLinkEditor();
-            return true;
-        }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_ESCAPE_COMMAND, ()=>{
-            if (isLink) {
-                setNotLink();
-                return true;
-            }
-            return false;
-        }, COMMAND_PRIORITY_HIGH));
-    }, [
-        editor,
-        $updateLinkEditor,
-        isLink,
-        setNotLink
-    ]);
-    useEffect(()=>{
-        editor.getEditorState().read(()=>{
-            void $updateLinkEditor();
-        });
-    }, [
-        editor,
-        $updateLinkEditor
-    ]);
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: "link-editor",
-                ref: editorRef,
-                children: /*#__PURE__*/ _jsxs("div", {
-                    className: "link-input",
-                    children: [
-                        linkUrl && linkUrl.length > 0 ? /*#__PURE__*/ _jsx("a", {
-                            href: linkUrl,
-                            rel: "noopener noreferrer",
-                            target: "_blank",
-                            children: linkLabel != null && linkLabel.length > 0 ? linkLabel : linkUrl
-                        }) : linkLabel != null && linkLabel.length > 0 ? /*#__PURE__*/ _jsx("span", {
-                            className: "link-input__label-pure",
-                            children: linkLabel
-                        }) : null,
-                        editor.isEditable() && /*#__PURE__*/ _jsxs(React.Fragment, {
-                            children: [
-                                /*#__PURE__*/ _jsx("button", {
-                                    "aria-label": "Edit link",
-                                    className: "link-edit",
-                                    onClick: ()=>{
-                                        toggleModal(drawerSlug);
-                                    },
-                                    onMouseDown: (event)=>{
-                                        event.preventDefault();
-                                    },
-                                    tabIndex: 0,
-                                    type: "button"
-                                }),
-                                !isAutoLink && /*#__PURE__*/ _jsx("button", {
-                                    "aria-label": "Remove link",
-                                    className: "link-trash",
-                                    onClick: ()=>{
-                                        editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
-                                    },
-                                    onMouseDown: (event)=>{
-                                        event.preventDefault();
-                                    },
-                                    tabIndex: 0,
-                                    type: "button"
-                                })
-                            ]
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ _jsx(FieldsDrawer, {
-                className: "lexical-link-edit-drawer",
-                data: stateData,
-                drawerSlug: drawerSlug,
-                drawerTitle: t('fields:editLink'),
-                featureKey: "link",
-                handleDrawerSubmit: (fields, data)=>{
-                    closeModal(drawerSlug);
-                    const newLinkPayload = data;
-                    const bareLinkFields = {
-                        ...newLinkPayload
-                    };
-                    delete bareLinkFields.text;
-                    // See: https://github.com/facebook/lexical/pull/5536. This updates autolink nodes to link nodes whenever a change was made (which is good!).
-                    editor.update(()=>{
-                        const selection = $getSelection();
-                        let linkParent = null;
-                        if ($isRangeSelection(selection)) {
-                            linkParent = getSelectedNode(selection).getParent();
-                        } else {
-                            if (selectedNodes.length) {
-                                linkParent = selectedNodes[0].getParent();
-                            }
-                        }
-                        if (linkParent && $isAutoLinkNode(linkParent)) {
-                            const linkNode = $createLinkNode({
-                                fields: bareLinkFields
-                            });
-                            linkParent.replace(linkNode, true);
-                        }
-                    });
-                    // Needs to happen AFTER a potential auto link => link node conversion, as otherwise, the updated text to display may be lost due to
-                    // it being applied to the auto link node instead of the link node.
-                    editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
-                        fields: bareLinkFields,
-                        selectedNodes,
-                        text: newLinkPayload.text
-                    });
-                },
-                schemaPathSuffix: "fields"
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=index.js.map

package/dist/features/link/plugins/floatingLinkEditor/LinkEditor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/features/link/plugins/floatingLinkEditor/LinkEditor/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalNode } from 'lexical'\nimport type { Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatDrawerSlug, useConfig, useEditDepth, useModal, useTranslation } from '@payloadcms/ui'\nimport {\n  $getSelection,\n  $isLineBreakNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_HIGH,\n  COMMAND_PRIORITY_LOW,\n  KEY_ESCAPE_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n} from 'lexical'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { LinkNode } from '../../../nodes/LinkNode.js'\nimport type { LinkFields } from '../../../nodes/types.js'\nimport type { LinkPayload } from '../types.js'\n\nimport { useEditorConfigContext } from '../../../../../lexical/config/client/EditorConfigProvider.js'\nimport { getSelectedNode } from '../../../../../lexical/utils/getSelectedNode.js'\nimport { setFloatingElemPositionForLinkEditor } from '../../../../../lexical/utils/setFloatingElemPositionForLinkEditor.js'\nimport { FieldsDrawer } from '../../../../../utilities/fieldsDrawer/Drawer.js'\nimport { $isAutoLinkNode } from '../../../nodes/AutoLinkNode.js'\nimport { $createLinkNode, $isLinkNode, TOGGLE_LINK_COMMAND } from '../../../nodes/LinkNode.js'\nimport { TOGGLE_LINK_WITH_MODAL_COMMAND } from './commands.js'\n\nexport function LinkEditor({ anchorElem }: { anchorElem: HTMLElement }): React.ReactNode {\n  const [editor] = useLexicalComposerContext()\n\n  const editorRef = useRef<HTMLDivElement | null>(null)\n  const [linkUrl, setLinkUrl] = useState(null)\n  const [linkLabel, setLinkLabel] = useState(null)\n\n  const { uuid } = useEditorConfigContext()\n\n  const config = useConfig()\n\n  const { i18n, t } = useTranslation()\n\n  const [stateData, setStateData] = useState<{ id?: string; text: string } & LinkFields>(null)\n\n  const { closeModal, toggleModal } = useModal()\n  const editDepth = useEditDepth()\n  const [isLink, setIsLink] = useState(false)\n  const [selectedNodes, setSelectedNodes] = useState<LexicalNode[]>([])\n\n  const [isAutoLink, setIsAutoLink] = useState(false)\n\n  const drawerSlug = formatDrawerSlug({\n    slug: `lexical-rich-text-link-` + uuid,\n    depth: editDepth,\n  })\n\n  const setNotLink = useCallback(() => {\n    setIsLink(false)\n    if (editorRef && editorRef.current) {\n      editorRef.current.style.opacity = '0'\n      editorRef.current.style.transform = 'translate(-10000px, -10000px)'\n    }\n    setIsAutoLink(false)\n    setLinkUrl(null)\n    setLinkLabel(null)\n    setSelectedNodes([])\n    setStateData(null)\n  }, [setIsLink, setLinkUrl, setLinkLabel, setSelectedNodes])\n\n  const $updateLinkEditor = useCallback(() => {\n    const selection = $getSelection()\n    let selectedNodeDomRect: DOMRect | undefined = null\n\n    if (!$isRangeSelection(selection) || !selection) {\n      setNotLink()\n      return\n    }\n\n    // Handle the data displayed in the floating link editor & drawer when you click on a link node\n\n    const focusNode = getSelectedNode(selection)\n    selectedNodeDomRect = editor.getElementByKey(focusNode.getKey())?.getBoundingClientRect()\n    const focusLinkParent: LinkNode = $findMatchingParent(focusNode, $isLinkNode)\n\n    // Prevent link modal from showing if selection spans further than the link: https://github.com/facebook/lexical/issues/4064\n    const badNode = selection\n      .getNodes()\n      .filter((node) => !$isLineBreakNode(node))\n      .find((node) => {\n        const linkNode = $findMatchingParent(node, $isLinkNode)\n        return (\n          (focusLinkParent && !focusLinkParent.is(linkNode)) ||\n          (linkNode && !linkNode.is(focusLinkParent))\n        )\n      })\n\n    if (focusLinkParent == null || badNode) {\n      setNotLink()\n      return\n    }\n\n    // Initial state:\n    const data: { text: string } & LinkFields = {\n      doc: undefined,\n      linkType: undefined,\n      newTab: undefined,\n      url: '',\n      ...focusLinkParent.getFields(),\n      id: focusLinkParent.getID(),\n      text: focusLinkParent.getTextContent(),\n    }\n\n    if (focusLinkParent.getFields()?.linkType === 'custom') {\n      setLinkUrl(focusLinkParent.getFields()?.url ?? null)\n      setLinkLabel(null)\n    } else {\n      // internal link\n      setLinkUrl(\n        `/admin/collections/${focusLinkParent.getFields()?.doc?.relationTo}/${\n          focusLinkParent.getFields()?.doc?.value\n        }`,\n      )\n\n      const relatedField = config.collections.find(\n        (coll) => coll.slug === focusLinkParent.getFields()?.doc?.relationTo,\n      )\n      if (!relatedField) {\n        // Usually happens if the user removed all default fields. In this case, we let them specify the label or do not display the label at all.\n        // label could be a virtual field the user added. This is useful if they want to use the link feature for things other than links.\n        setLinkLabel(\n          focusLinkParent.getFields()?.label ? String(focusLinkParent.getFields()?.label) : null,\n        )\n        setLinkUrl(\n          focusLinkParent.getFields()?.url ? String(focusLinkParent.getFields()?.url) : null,\n        )\n      } else {\n        const label = t('fields:linkedTo', {\n          label: getTranslation(relatedField.labels.singular, i18n),\n        }).replace(/<[^>]*>?/g, '')\n        setLinkLabel(label)\n      }\n    }\n\n    setStateData(data)\n    setIsLink(true)\n    setSelectedNodes(selection ? selection?.getNodes() : [])\n\n    if ($isAutoLinkNode(focusLinkParent)) {\n      setIsAutoLink(true)\n    } else {\n      setIsAutoLink(false)\n    }\n\n    const editorElem = editorRef.current\n    const nativeSelection = window.getSelection()\n    const { activeElement } = document\n\n    if (editorElem === null) {\n      return\n    }\n\n    const rootElement = editor.getRootElement()\n\n    if (\n      nativeSelection !== null &&\n      rootElement !== null &&\n      rootElement.contains(nativeSelection.anchorNode)\n    ) {\n      if (!selectedNodeDomRect) {\n        // Get the DOM rect of the selected node using the native selection. This sometimes produces the wrong\n        // result, which is why we use lexical's selection preferably.\n        selectedNodeDomRect = nativeSelection.getRangeAt(0).getBoundingClientRect()\n      }\n\n      if (selectedNodeDomRect != null) {\n        selectedNodeDomRect.y += 40\n        setFloatingElemPositionForLinkEditor(selectedNodeDomRect, editorElem, anchorElem)\n      }\n    } else if (activeElement == null || activeElement.className !== 'link-input') {\n      if (rootElement !== null) {\n        setFloatingElemPositionForLinkEditor(null, editorElem, anchorElem)\n      }\n      setLinkUrl(null)\n      setLinkLabel(null)\n    }\n\n    return true\n  }, [editor, setNotLink, config.collections, t, i18n, anchorElem])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerCommand(\n        TOGGLE_LINK_WITH_MODAL_COMMAND,\n        (payload: LinkPayload) => {\n          editor.dispatchCommand(TOGGLE_LINK_COMMAND, payload)\n\n          // Now, open the modal\n          $updateLinkEditor()\n          toggleModal(drawerSlug)\n\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, $updateLinkEditor, toggleModal, drawerSlug])\n\n  useEffect(() => {\n    const scrollerElem = anchorElem.parentElement\n\n    const update = (): void => {\n      editor.getEditorState().read(() => {\n        void $updateLinkEditor()\n      })\n    }\n\n    window.addEventListener('resize', update)\n\n    if (scrollerElem != null) {\n      scrollerElem.addEventListener('scroll', update)\n    }\n\n    return () => {\n      window.removeEventListener('resize', update)\n\n      if (scrollerElem != null) {\n        scrollerElem.removeEventListener('scroll', update)\n      }\n    }\n  }, [anchorElem.parentElement, editor, $updateLinkEditor])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => {\n        editorState.read(() => {\n          void $updateLinkEditor()\n        })\n      }),\n\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          void $updateLinkEditor()\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        KEY_ESCAPE_COMMAND,\n        () => {\n          if (isLink) {\n            setNotLink()\n\n            return true\n          }\n          return false\n        },\n        COMMAND_PRIORITY_HIGH,\n      ),\n    )\n  }, [editor, $updateLinkEditor, isLink, setNotLink])\n\n  useEffect(() => {\n    editor.getEditorState().read(() => {\n      void $updateLinkEditor()\n    })\n  }, [editor, $updateLinkEditor])\n\n  return (\n    <React.Fragment>\n      <div className=\"link-editor\" ref={editorRef}>\n        <div className=\"link-input\">\n          {linkUrl && linkUrl.length > 0 ? (\n            <a href={linkUrl} rel=\"noopener noreferrer\" target=\"_blank\">\n              {linkLabel != null && linkLabel.length > 0 ? linkLabel : linkUrl}\n            </a>\n          ) : linkLabel != null && linkLabel.length > 0 ? (\n            <span className=\"link-input__label-pure\">{linkLabel}</span>\n          ) : null}\n\n          {editor.isEditable() && (\n            <React.Fragment>\n              <button\n                aria-label=\"Edit link\"\n                className=\"link-edit\"\n                onClick={() => {\n                  toggleModal(drawerSlug)\n                }}\n                onMouseDown={(event) => {\n                  event.preventDefault()\n                }}\n                tabIndex={0}\n                type=\"button\"\n              />\n              {!isAutoLink && (\n                <button\n                  aria-label=\"Remove link\"\n                  className=\"link-trash\"\n                  onClick={() => {\n                    editor.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n                  }}\n                  onMouseDown={(event) => {\n                    event.preventDefault()\n                  }}\n                  tabIndex={0}\n                  type=\"button\"\n                />\n              )}\n            </React.Fragment>\n          )}\n        </div>\n      </div>\n      <FieldsDrawer\n        className=\"lexical-link-edit-drawer\"\n        data={stateData}\n        drawerSlug={drawerSlug}\n        drawerTitle={t('fields:editLink')}\n        featureKey=\"link\"\n        handleDrawerSubmit={(fields: FormState, data: Data) => {\n          closeModal(drawerSlug)\n\n          const newLinkPayload = data as { text: string } & LinkFields\n\n          const bareLinkFields: LinkFields = {\n            ...newLinkPayload,\n          }\n          delete bareLinkFields.text\n\n          // See: https://github.com/facebook/lexical/pull/5536. This updates autolink nodes to link nodes whenever a change was made (which is good!).\n          editor.update(() => {\n            const selection = $getSelection()\n            let linkParent = null\n            if ($isRangeSelection(selection)) {\n              linkParent = getSelectedNode(selection).getParent()\n            } else {\n              if (selectedNodes.length) {\n                linkParent = selectedNodes[0].getParent()\n              }\n            }\n\n            if (linkParent && $isAutoLinkNode(linkParent)) {\n              const linkNode = $createLinkNode({\n                fields: bareLinkFields,\n              })\n              linkParent.replace(linkNode, true)\n            }\n          })\n\n          // Needs to happen AFTER a potential auto link => link node conversion, as otherwise, the updated text to display may be lost due to\n          // it being applied to the auto link node instead of the link node.\n          editor.dispatchCommand(TOGGLE_LINK_COMMAND, {\n            fields: bareLinkFields,\n            selectedNodes,\n            text: newLinkPayload.text,\n          })\n        }}\n        schemaPathSuffix=\"fields\"\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useLexicalComposerContext","$findMatchingParent","mergeRegister","getTranslation","formatDrawerSlug","useConfig","useEditDepth","useModal","useTranslation","$getSelection","$isLineBreakNode","$isRangeSelection","COMMAND_PRIORITY_HIGH","COMMAND_PRIORITY_LOW","KEY_ESCAPE_COMMAND","SELECTION_CHANGE_COMMAND","React","useCallback","useEffect","useRef","useState","useEditorConfigContext","getSelectedNode","setFloatingElemPositionForLinkEditor","FieldsDrawer","$isAutoLinkNode","$createLinkNode","$isLinkNode","TOGGLE_LINK_COMMAND","TOGGLE_LINK_WITH_MODAL_COMMAND","LinkEditor","anchorElem","editor","editorRef","linkUrl","setLinkUrl","linkLabel","setLinkLabel","uuid","config","i18n","t","stateData","setStateData","closeModal","toggleModal","editDepth","isLink","setIsLink","selectedNodes","setSelectedNodes","isAutoLink","setIsAutoLink","drawerSlug","slug","depth","setNotLink","current","style","opacity","transform","$updateLinkEditor","selection","selectedNodeDomRect","focusNode","getElementByKey","getKey","getBoundingClientRect","focusLinkParent","badNode","getNodes","filter","node","find","linkNode","is","data","doc","undefined","linkType","newTab","url","getFields","id","getID","text","getTextContent","relationTo","value","relatedField","collections","coll","label","String","labels","singular","replace","editorElem","nativeSelection","window","getSelection","activeElement","document","rootElement","getRootElement","contains","anchorNode","getRangeAt","y","className","registerCommand","payload","dispatchCommand","scrollerElem","parentElement","update","getEditorState","read","addEventListener","removeEventListener","registerUpdateListener","editorState","Fragment","div","ref","length","a","href","rel","target","span","isEditable","button","aria-label","onClick","onMouseDown","event","preventDefault","tabIndex","type","drawerTitle","featureKey","handleDrawerSubmit","fields","newLinkPayload","bareLinkFields","linkParent","getParent","schemaPathSuffix"],"mappings":"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"}

package/dist/features/link/plugins/floatingLinkEditor/index.d.ts

@@ -1,5 +0,0 @@
-import type { PluginComponentWithAnchor } from '../../../typesClient.js';
-import type { ClientProps } from '../../feature.client.js';
-import './index.scss';
-export declare const FloatingLinkEditorPlugin: PluginComponentWithAnchor<ClientProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/features/link/plugins/floatingLinkEditor/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/link/plugins/floatingLinkEditor/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAG1D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,wBAAwB,EAAE,yBAAyB,CAAC,WAAW,CAI3E,CAAA"}

package/dist/features/link/plugins/floatingLinkEditor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/features/link/plugins/floatingLinkEditor/index.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\n\nimport type { PluginComponentWithAnchor } from '../../../typesClient.js'\nimport type { ClientProps } from '../../feature.client.js'\n\nimport { LinkEditor } from './LinkEditor/index.js'\nimport './index.scss'\n\nexport const FloatingLinkEditorPlugin: PluginComponentWithAnchor<ClientProps> = (props) => {\n  const { anchorElem = document.body } = props\n\n  return createPortal(<LinkEditor anchorElem={anchorElem} />, anchorElem)\n}\n"],"names":["React","createPortal","LinkEditor","FloatingLinkEditorPlugin","props","anchorElem","document","body"],"mappings":"AAAA;;AACA,YAAYA,WAAW,QAAO;AAC9B,SAASC,YAAY,QAAQ,YAAW;AAKxC,SAASC,UAAU,QAAQ,wBAAuB;AAGlD,OAAO,MAAMC,2BAAmE,CAACC;IAC/E,MAAM,EAAEC,aAAaC,SAASC,IAAI,EAAE,GAAGH;IAEvC,qBAAOH,2BAAa,KAACC;QAAWG,YAAYA;QAAgBA;AAC9D,EAAC"}

package/dist/features/link/plugins/floatingLinkEditor/types.d.ts

@@ -1,15 +0,0 @@
-import type { LexicalNode } from 'lexical';
-import type { LinkFields } from '../../nodes/types.js';
-/**
- * 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 type LinkPayload = {
-    fields: LinkFields;
-    selectedNodes?: LexicalNode[];
-    /**
-     * The text content of the link node - will be displayed in the drawer
-     */
-    text: null | string;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/features/link/plugins/floatingLinkEditor/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/link/plugins/floatingLinkEditor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,UAAU,CAAA;IAClB,aAAa,CAAC,EAAE,WAAW,EAAE,CAAA;IAC7B;;OAEG;IACH,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;CACpB,CAAA"}

package/dist/features/link/plugins/floatingLinkEditor/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/features/link/plugins/floatingLinkEditor/types.ts"],"sourcesContent":["import type { LexicalNode } from 'lexical'\n\nimport type { LinkFields } from '../../nodes/types.js'\n\n/**\n * The payload of a link node\n * This can be delivered from the link node to the drawer, or from the drawer/anything to the TOGGLE_LINK_COMMAND\n */\nexport type LinkPayload = {\n  fields: LinkFields\n  selectedNodes?: LexicalNode[]\n  /**\n   * The text content of the link node - will be displayed in the drawer\n   */\n  text: null | string\n}\n"],"names":[],"mappings":"AAIA;;;CAGC,GACD,WAOC"}

package/dist/features/link/plugins/floatingLinkEditor/utilities.d.ts

@@ -1,9 +0,0 @@
-import type { CollectionSlug, Field, FieldAffectingData, SanitizedConfig } from 'payload';
-/**
- * This function is run to enrich the basefields which every link has with potential, custom user-added fields.
- */
-export declare function transformExtraFields(customFieldSchema: ((args: {
-    config: SanitizedConfig;
-    defaultFields: FieldAffectingData[];
-}) => (Field | FieldAffectingData)[]) | Field[], config: SanitizedConfig, enabledCollections?: CollectionSlug[], disabledCollections?: CollectionSlug[], maxDepth?: number): Field[];
-//# sourceMappingURL=utilities.d.ts.map

package/dist/features/link/plugins/floatingLinkEditor/utilities.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../../../src/features/link/plugins/floatingLinkEditor/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAIzF;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,iBAAiB,EACb,CAAC,CAAC,IAAI,EAAE;IACN,MAAM,EAAE,eAAe,CAAA;IACvB,aAAa,EAAE,kBAAkB,EAAE,CAAA;CACpC,KAAK,CAAC,KAAK,GAAG,kBAAkB,CAAC,EAAE,CAAC,GACrC,KAAK,EAAE,EACX,MAAM,EAAE,eAAe,EACvB,kBAAkB,CAAC,EAAE,cAAc,EAAE,EACrC,mBAAmB,CAAC,EAAE,cAAc,EAAE,EACtC,QAAQ,CAAC,EAAE,MAAM,GAChB,KAAK,EAAE,CAmBT"}

package/dist/features/link/plugins/floatingLinkEditor/utilities.js

@@ -1,20 +0,0 @@
-import { getBaseFields } from '../../drawer/baseFields.js';
-/**
- * This function is run to enrich the basefields which every link has with potential, custom user-added fields.
- */ export function transformExtraFields(customFieldSchema, config, enabledCollections, disabledCollections, maxDepth) {
-    const baseFields = getBaseFields(config, enabledCollections, disabledCollections, maxDepth);
-    let fields;
-    if (typeof customFieldSchema === 'function') {
-        fields = customFieldSchema({
-            config,
-            defaultFields: baseFields
-        });
-    } else if (Array.isArray(customFieldSchema)) {
-        fields = customFieldSchema;
-    } else {
-        fields = baseFields;
-    }
-    return fields;
-}
-
-//# sourceMappingURL=utilities.js.map

package/dist/features/link/plugins/floatingLinkEditor/utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/features/link/plugins/floatingLinkEditor/utilities.ts"],"sourcesContent":["import type { CollectionSlug, Field, FieldAffectingData, SanitizedConfig } from 'payload'\n\nimport { getBaseFields } from '../../drawer/baseFields.js'\n\n/**\n * This function is run to enrich the basefields which every link has with potential, custom user-added fields.\n */\nexport function transformExtraFields(\n  customFieldSchema:\n    | ((args: {\n        config: SanitizedConfig\n        defaultFields: FieldAffectingData[]\n      }) => (Field | FieldAffectingData)[])\n    | Field[],\n  config: SanitizedConfig,\n  enabledCollections?: CollectionSlug[],\n  disabledCollections?: CollectionSlug[],\n  maxDepth?: number,\n): Field[] {\n  const baseFields: FieldAffectingData[] = getBaseFields(\n    config,\n    enabledCollections,\n    disabledCollections,\n    maxDepth,\n  )\n\n  let fields: (Field | FieldAffectingData)[]\n\n  if (typeof customFieldSchema === 'function') {\n    fields = customFieldSchema({ config, defaultFields: baseFields })\n  } else if (Array.isArray(customFieldSchema)) {\n    fields = customFieldSchema\n  } else {\n    fields = baseFields\n  }\n\n  return fields as Field[]\n}\n"],"names":["getBaseFields","transformExtraFields","customFieldSchema","config","enabledCollections","disabledCollections","maxDepth","baseFields","fields","defaultFields","Array","isArray"],"mappings":"AAEA,SAASA,aAAa,QAAQ,6BAA4B;AAE1D;;CAEC,GACD,OAAO,SAASC,qBACdC,iBAKW,EACXC,MAAuB,EACvBC,kBAAqC,EACrCC,mBAAsC,EACtCC,QAAiB;IAEjB,MAAMC,aAAmCP,cACvCG,QACAC,oBACAC,qBACAC;IAGF,IAAIE;IAEJ,IAAI,OAAON,sBAAsB,YAAY;QAC3CM,SAASN,kBAAkB;YAAEC;YAAQM,eAAeF;QAAW;IACjE,OAAO,IAAIG,MAAMC,OAAO,CAACT,oBAAoB;QAC3CM,SAASN;IACX,OAAO;QACLM,SAASD;IACX;IAEA,OAAOC;AACT"}

package/dist/features/link/plugins/link/index.d.ts

@@ -1,4 +0,0 @@
-import type { PluginComponent } from '../../../typesClient.js';
-import type { ClientProps } from '../../feature.client.js';
-export declare const LinkPlugin: PluginComponent<ClientProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/features/link/plugins/link/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/link/plugins/link/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAO1D,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,WAAW,CA2DnD,CAAA"}

package/dist/features/link/plugins/link/index.js

@@ -1,53 +0,0 @@
-'use client';
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
-import { mergeRegister } from '@lexical/utils';
-import { $getSelection, $isElementNode, $isRangeSelection, COMMAND_PRIORITY_LOW, PASTE_COMMAND } from 'lexical';
-import { useEffect } from 'react';
-import { validateUrl } from '../../../../lexical/utils/url.js';
-import { $toggleLink, LinkNode, TOGGLE_LINK_COMMAND } from '../../nodes/LinkNode.js';
-export const 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)=>{
-            $toggleLink(payload);
-            return true;
-        }, COMMAND_PRIORITY_LOW), validateUrl !== undefined ? editor.registerCommand(PASTE_COMMAND, (event)=>{
-            const selection = $getSelection();
-            if (!$isRangeSelection(selection) || selection.isCollapsed() || !(event instanceof ClipboardEvent) || event.clipboardData == null) {
-                return false;
-            }
-            const clipboardText = event.clipboardData.getData('text');
-            if (!validateUrl(clipboardText)) {
-                return false;
-            }
-            // If we select nodes that are elements then avoid applying the link.
-            if (!selection.getNodes().some((node)=>$isElementNode(node))) {
-                const linkFields = {
-                    doc: null,
-                    linkType: 'custom',
-                    newTab: false,
-                    url: clipboardText
-                };
-                editor.dispatchCommand(TOGGLE_LINK_COMMAND, {
-                    fields: linkFields,
-                    text: null
-                });
-                event.preventDefault();
-                return true;
-            }
-            return false;
-        }, COMMAND_PRIORITY_LOW) : ()=>{
-        // Don't paste arbitrary text as a link when there's no validate function
-        });
-    }, [
-        editor
-    ]);
-    return null;
-};
-
-//# sourceMappingURL=index.js.map

package/dist/features/link/plugins/link/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/features/link/plugins/link/index.tsx"],"sourcesContent":["'use client'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { mergeRegister } from '@lexical/utils'\nimport {\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_LOW,\n  PASTE_COMMAND,\n} from 'lexical'\nimport { useEffect } from 'react'\n\nimport type { PluginComponent } from '../../../typesClient.js'\nimport type { ClientProps } from '../../feature.client.js'\nimport type { LinkFields } from '../../nodes/types.js'\nimport type { LinkPayload } from '../floatingLinkEditor/types.js'\n\nimport { validateUrl } from '../../../../lexical/utils/url.js'\nimport { $toggleLink, LinkNode, TOGGLE_LINK_COMMAND } from '../../nodes/LinkNode.js'\n\nexport const LinkPlugin: PluginComponent<ClientProps> = () => {\n  const [editor] = useLexicalComposerContext()\n\n  useEffect(() => {\n    if (!editor.hasNodes([LinkNode])) {\n      throw new Error('LinkPlugin: LinkNode not registered on editor')\n    }\n    return mergeRegister(\n      editor.registerCommand(\n        TOGGLE_LINK_COMMAND,\n        (payload: LinkPayload) => {\n          $toggleLink(payload)\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      validateUrl !== undefined\n        ? editor.registerCommand(\n            PASTE_COMMAND,\n            (event) => {\n              const selection = $getSelection()\n              if (\n                !$isRangeSelection(selection) ||\n                selection.isCollapsed() ||\n                !(event instanceof ClipboardEvent) ||\n                event.clipboardData == null\n              ) {\n                return false\n              }\n              const clipboardText = event.clipboardData.getData('text')\n              if (!validateUrl(clipboardText)) {\n                return false\n              }\n              // If we select nodes that are elements then avoid applying the link.\n              if (!selection.getNodes().some((node) => $isElementNode(node))) {\n                const linkFields: LinkFields = {\n                  doc: null,\n                  linkType: 'custom',\n                  newTab: false,\n                  url: clipboardText,\n                }\n                editor.dispatchCommand(TOGGLE_LINK_COMMAND, {\n                  fields: linkFields,\n                  text: null,\n                })\n                event.preventDefault()\n                return true\n              }\n              return false\n            },\n            COMMAND_PRIORITY_LOW,\n          )\n        : () => {\n            // Don't paste arbitrary text as a link when there's no validate function\n          },\n    )\n  }, [editor])\n\n  return null\n}\n"],"names":["useLexicalComposerContext","mergeRegister","$getSelection","$isElementNode","$isRangeSelection","COMMAND_PRIORITY_LOW","PASTE_COMMAND","useEffect","validateUrl","$toggleLink","LinkNode","TOGGLE_LINK_COMMAND","LinkPlugin","editor","hasNodes","Error","registerCommand","payload","undefined","event","selection","isCollapsed","ClipboardEvent","clipboardData","clipboardText","getData","getNodes","some","node","linkFields","doc","linkType","newTab","url","dispatchCommand","fields","text","preventDefault"],"mappings":"AAAA;AACA,SAASA,yBAAyB,QAAQ,2CAA0C;AACpF,SAASC,aAAa,QAAQ,iBAAgB;AAC9C,SACEC,aAAa,EACbC,cAAc,EACdC,iBAAiB,EACjBC,oBAAoB,EACpBC,aAAa,QACR,UAAS;AAChB,SAASC,SAAS,QAAQ,QAAO;AAOjC,SAASC,WAAW,QAAQ,mCAAkC;AAC9D,SAASC,WAAW,EAAEC,QAAQ,EAAEC,mBAAmB,QAAQ,0BAAyB;AAEpF,OAAO,MAAMC,aAA2C;IACtD,MAAM,CAACC,OAAO,GAAGb;IAEjBO,UAAU;QACR,IAAI,CAACM,OAAOC,QAAQ,CAAC;YAACJ;SAAS,GAAG;YAChC,MAAM,IAAIK,MAAM;QAClB;QACA,OAAOd,cACLY,OAAOG,eAAe,CACpBL,qBACA,CAACM;YACCR,YAAYQ;YACZ,OAAO;QACT,GACAZ,uBAEFG,gBAAgBU,YACZL,OAAOG,eAAe,CACpBV,eACA,CAACa;YACC,MAAMC,YAAYlB;YAClB,IACE,CAACE,kBAAkBgB,cACnBA,UAAUC,WAAW,MACrB,CAAEF,CAAAA,iBAAiBG,cAAa,KAChCH,MAAMI,aAAa,IAAI,MACvB;gBACA,OAAO;YACT;YACA,MAAMC,gBAAgBL,MAAMI,aAAa,CAACE,OAAO,CAAC;YAClD,IAAI,CAACjB,YAAYgB,gBAAgB;gBAC/B,OAAO;YACT;YACA,qEAAqE;YACrE,IAAI,CAACJ,UAAUM,QAAQ,GAAGC,IAAI,CAAC,CAACC,OAASzB,eAAeyB,QAAQ;gBAC9D,MAAMC,aAAyB;oBAC7BC,KAAK;oBACLC,UAAU;oBACVC,QAAQ;oBACRC,KAAKT;gBACP;gBACAX,OAAOqB,eAAe,CAACvB,qBAAqB;oBAC1CwB,QAAQN;oBACRO,MAAM;gBACR;gBACAjB,MAAMkB,cAAc;gBACpB,OAAO;YACT;YACA,OAAO;QACT,GACAhC,wBAEF;QACE,yEAAyE;QAC3E;IAER,GAAG;QAACQ;KAAO;IAEX,OAAO;AACT,EAAC"}

package/dist/features/link/validate.d.ts

@@ -1,6 +0,0 @@
-import type { Field } from 'payload';
-import type { NodeValidation } from '../typesServer.js';
-import type { LinkFeatureServerProps } from './feature.server.js';
-import type { SerializedAutoLinkNode, SerializedLinkNode } from './nodes/types.js';
-export declare const linkValidation: (props: LinkFeatureServerProps, sanitizedFieldsWithoutText: Field[]) => NodeValidation<SerializedAutoLinkNode | SerializedLinkNode>;
-//# sourceMappingURL=validate.d.ts.map

package/dist/features/link/validate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"validate.d.ts","sourceRoot":"","sources":["../../../src/features/link/validate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAElF,eAAO,MAAM,cAAc,UAClB,sBAAsB,8BACD,KAAK,EAAE,KAClC,cAAc,CAAC,sBAAsB,GAAG,kBAAkB,CAmC5D,CAAA"}

package/dist/features/link/validate.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/features/link/validate.ts"],"sourcesContent":["import type { Field } from 'payload'\n\nimport { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema'\n\nimport type { NodeValidation } from '../typesServer.js'\nimport type { LinkFeatureServerProps } from './feature.server.js'\nimport type { SerializedAutoLinkNode, SerializedLinkNode } from './nodes/types.js'\n\nexport const linkValidation = (\n  props: LinkFeatureServerProps,\n  sanitizedFieldsWithoutText: Field[],\n): NodeValidation<SerializedAutoLinkNode | SerializedLinkNode> => {\n  return async ({\n    node,\n    validation: {\n      options: { id, collectionSlug, operation, preferences, req },\n    },\n  }) => {\n    /**\n     * Run buildStateFromSchema as that properly validates link fields and link sub-fields\n     */\n\n    const result = await buildStateFromSchema({\n      id,\n      collectionSlug,\n      data: node.fields,\n      fieldSchema: sanitizedFieldsWithoutText, // Sanitized in feature.server.ts\n      operation: operation === 'create' || operation === 'update' ? operation : 'update',\n      preferences,\n      req,\n      siblingData: node.fields,\n    })\n\n    let errorPaths = []\n    for (const fieldKey in result) {\n      if (result[fieldKey].errorPaths) {\n        errorPaths = errorPaths.concat(result[fieldKey].errorPaths)\n      }\n    }\n\n    if (errorPaths.length) {\n      return 'The following fields are invalid: ' + errorPaths.join(', ')\n    }\n\n    return true\n  }\n}\n"],"names":["buildStateFromSchema","linkValidation","props","sanitizedFieldsWithoutText","node","validation","options","id","collectionSlug","operation","preferences","req","result","data","fields","fieldSchema","siblingData","errorPaths","fieldKey","concat","length","join"],"mappings":"AAEA,SAASA,oBAAoB,QAAQ,4CAA2C;AAMhF,OAAO,MAAMC,iBAAiB,CAC5BC,OACAC;IAEA,OAAO,OAAO,EACZC,IAAI,EACJC,YAAY,EACVC,SAAS,EAAEC,EAAE,EAAEC,cAAc,EAAEC,SAAS,EAAEC,WAAW,EAAEC,GAAG,EAAE,EAC7D,EACF;QACC;;KAEC,GAED,MAAMC,SAAS,MAAMZ,qBAAqB;YACxCO;YACAC;YACAK,MAAMT,KAAKU,MAAM;YACjBC,aAAaZ;YACbM,WAAWA,cAAc,YAAYA,cAAc,WAAWA,YAAY;YAC1EC;YACAC;YACAK,aAAaZ,KAAKU,MAAM;QAC1B;QAEA,IAAIG,aAAa,EAAE;QACnB,IAAK,MAAMC,YAAYN,OAAQ;YAC7B,IAAIA,MAAM,CAACM,SAAS,CAACD,UAAU,EAAE;gBAC/BA,aAAaA,WAAWE,MAAM,CAACP,MAAM,CAACM,SAAS,CAACD,UAAU;YAC5D;QACF;QAEA,IAAIA,WAAWG,MAAM,EAAE;YACrB,OAAO,uCAAuCH,WAAWI,IAAI,CAAC;QAChE;QAEA,OAAO;IACT;AACF,EAAC"}

package/dist/features/lists/checklist/feature.client.d.ts

@@ -1,5 +0,0 @@
-export declare const ChecklistFeatureClient: import("react").FC<{
-    featureKey: string;
-    order: number;
-}>;
-//# sourceMappingURL=feature.client.d.ts.map

package/dist/features/lists/checklist/feature.client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature.client.d.ts","sourceRoot":"","sources":["../../../../src/features/lists/checklist/feature.client.tsx"],"names":[],"mappings":"AAwDA,eAAO,MAAM,sBAAsB;;;EA8CjC,CAAA"}

package/dist/features/lists/checklist/feature.client.js

@@ -1,100 +0,0 @@
-'use client';
-import { $isListNode, INSERT_CHECK_LIST_COMMAND, ListItemNode, ListNode } from '@lexical/list';
-import { $isRangeSelection } from 'lexical';
-import { ChecklistIcon } from '../../../lexical/ui/icons/Checklist/index.js';
-import { createClientFeature } from '../../../utilities/createClientFeature.js';
-import { toolbarTextDropdownGroupWithItems } from '../../shared/toolbar/textDropdownGroup.js';
-import { LexicalListPlugin } from '../plugin/index.js';
-import { slashMenuListGroupWithItems } from '../shared/slashMenuListGroup.js';
-import { CHECK_LIST } from './markdownTransformers.js';
-import { LexicalCheckListPlugin } from './plugin/index.js';
-const toolbarGroups = [
-    toolbarTextDropdownGroupWithItems([
-        {
-            ChildComponent: ChecklistIcon,
-            isActive: ({ selection })=>{
-                if (!$isRangeSelection(selection)) {
-                    return false;
-                }
-                for (const node of selection.getNodes()){
-                    if ($isListNode(node) && node.getListType() === 'check') {
-                        continue;
-                    }
-                    const parent = node.getParent();
-                    if ($isListNode(parent) && parent.getListType() === 'check') {
-                        continue;
-                    }
-                    const parentParent = parent?.getParent();
-                    // Example scenario: Node = textNode, parent = listItemNode, parentParent = listNode
-                    if ($isListNode(parentParent) && parentParent.getListType() === 'check') {
-                        continue;
-                    }
-                    return false;
-                }
-                return true;
-            },
-            key: 'checklist',
-            label: ({ i18n })=>{
-                return i18n.t('lexical:checklist:label');
-            },
-            onSelect: ({ editor })=>{
-                editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, undefined);
-            },
-            order: 12
-        }
-    ])
-];
-export const ChecklistFeatureClient = createClientFeature(({ featureProviderMap })=>{
-    const plugins = [
-        {
-            Component: LexicalCheckListPlugin,
-            position: 'normal'
-        }
-    ];
-    if (!featureProviderMap.has('unorderedList') && !featureProviderMap.has('orderedList')) {
-        plugins.push({
-            Component: LexicalListPlugin,
-            position: 'normal'
-        });
-    }
-    return {
-        markdownTransformers: [
-            CHECK_LIST
-        ],
-        nodes: featureProviderMap.has('unorderedList') || featureProviderMap.has('orderedList') ? [] : [
-            ListNode,
-            ListItemNode
-        ],
-        plugins,
-        slashMenu: {
-            groups: [
-                slashMenuListGroupWithItems([
-                    {
-                        Icon: ChecklistIcon,
-                        key: 'checklist',
-                        keywords: [
-                            'check list',
-                            'check',
-                            'checklist',
-                            'cl'
-                        ],
-                        label: ({ i18n })=>{
-                            return i18n.t('lexical:checklist:label');
-                        },
-                        onSelect: ({ editor })=>{
-                            editor.dispatchCommand(INSERT_CHECK_LIST_COMMAND, undefined);
-                        }
-                    }
-                ])
-            ]
-        },
-        toolbarFixed: {
-            groups: toolbarGroups
-        },
-        toolbarInline: {
-            groups: toolbarGroups
-        }
-    };
-});
-
-//# sourceMappingURL=feature.client.js.map