@payloadcms/richtext-lexical 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
 import { useLexicalEditable } from '@lexical/react/useLexicalEditable';
 import { $findMatchingParent, mergeRegister } from '@lexical/utils';
@@ -248,34 +248,50 @@ export function LinkEditor({ anchorElem }) {
         editor,
         $updateLinkEditor
     ]);
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
+    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: "link-editor",
                 ref: editorRef,
-                children: /*#__PURE__*/ _jsxs("div", {
+                children: /*#__PURE__*/ _jsxDEV("div", {
                     className: "link-input",
                     children: [
-                        linkUrl && linkUrl.length > 0 ? /*#__PURE__*/ _jsxs("a", {
+                        linkUrl && linkUrl.length > 0 ? /*#__PURE__*/ _jsxDEV("a", {
                             href: linkUrl,
                             rel: "noopener noreferrer",
                             target: "_blank",
                             children: [
-                                linkNode?.__fields.newTab ? /*#__PURE__*/ _jsx(ExternalLinkIcon, {}) : null,
+                                linkNode?.__fields.newTab ? /*#__PURE__*/ _jsxDEV(ExternalLinkIcon, {}, void 0, false, {
+                                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                                    lineNumber: 348,
+                                    columnNumber: 44
+                                }, this) : null,
                                 linkLabel != null && linkLabel.length > 0 ? linkLabel : linkUrl
                             ]
-                        }) : linkLabel != null && linkLabel.length > 0 ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        }, void 0, true, {
+                            fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                            lineNumber: 347,
+                            columnNumber: 13
+                        }, this) : linkLabel != null && linkLabel.length > 0 ? /*#__PURE__*/ _jsxDEV(_Fragment, {
                             children: [
-                                linkNode?.__fields.newTab ? /*#__PURE__*/ _jsx(ExternalLinkIcon, {}) : null,
-                                /*#__PURE__*/ _jsx("span", {
+                                linkNode?.__fields.newTab ? /*#__PURE__*/ _jsxDEV(ExternalLinkIcon, {}, void 0, false, {
+                                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                                    lineNumber: 353,
+                                    columnNumber: 44
+                                }, this) : null,
+                                /*#__PURE__*/ _jsxDEV("span", {
                                     className: "link-input__label-pure",
                                     children: linkLabel
-                                })
+                                }, void 0, false, {
+                                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                                    lineNumber: 354,
+                                    columnNumber: 15
+                                }, this)
                             ]
-                        }) : null,
-                        isEditable && /*#__PURE__*/ _jsxs(React.Fragment, {
+                        }, void 0, true) : null,
+                        isEditable && /*#__PURE__*/ _jsxDEV(React.Fragment, {
                             children: [
-                                /*#__PURE__*/ _jsx("button", {
+                                /*#__PURE__*/ _jsxDEV("button", {
                                     "aria-label": "Edit link",
                                     className: "link-edit",
                                     onClick: (event)=>{
@@ -285,9 +301,17 @@ export function LinkEditor({ anchorElem }) {
                                     onMouseDown: preventDefault,
                                     tabIndex: 0,
                                     type: "button",
-                                    children: /*#__PURE__*/ _jsx(EditIcon, {})
-                                }),
-                                !isAutoLink && /*#__PURE__*/ _jsx("button", {
+                                    children: /*#__PURE__*/ _jsxDEV(EditIcon, {}, void 0, false, {
+                                        fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                                        lineNumber: 371,
+                                        columnNumber: 17
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                                    lineNumber: 360,
+                                    columnNumber: 15
+                                }, this),
+                                !isAutoLink && /*#__PURE__*/ _jsxDEV("button", {
                                     "aria-label": "Remove link",
                                     className: "link-trash",
                                     onClick: ()=>{
@@ -296,14 +320,34 @@ export function LinkEditor({ anchorElem }) {
                                     onMouseDown: preventDefault,
                                     tabIndex: 0,
                                     type: "button",
-                                    children: /*#__PURE__*/ _jsx(CloseMenuIcon, {})
-                                })
+                                    children: /*#__PURE__*/ _jsxDEV(CloseMenuIcon, {}, void 0, false, {
+                                        fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                                        lineNumber: 384,
+                                        columnNumber: 19
+                                    }, this)
+                                }, void 0, false, {
+                                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                                    lineNumber: 374,
+                                    columnNumber: 17
+                                }, this)
                             ]
-                        })
+                        }, void 0, true, {
+                            fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                            lineNumber: 359,
+                            columnNumber: 13
+                        }, this)
                     ]
-                })
-            }),
-            /*#__PURE__*/ _jsx(FieldsDrawer, {
+                }, void 0, true, {
+                    fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                    lineNumber: 345,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                lineNumber: 344,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(FieldsDrawer, {
                 className: "lexical-link-edit-drawer",
                 data: stateData,
                 drawerSlug: drawerSlug,
@@ -343,9 +387,17 @@ export function LinkEditor({ anchorElem }) {
                 },
                 schemaPath: schemaPath,
                 schemaPathSuffix: "fields"
-            })
+            }, void 0, false, {
+                fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+                lineNumber: 391,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx",
+        lineNumber: 343,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementNode, LexicalNode } from 'lexical'\nimport type { Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  CloseMenuIcon,\n  EditIcon,\n  ExternalLinkIcon,\n  formatDrawerSlug,\n  useConfig,\n  useEditDepth,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { requests } from '@payloadcms/ui/shared'\nimport {\n  $getSelection,\n  $isLineBreakNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_HIGH,\n  COMMAND_PRIORITY_LOW,\n  getDOMSelection,\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 { useLexicalDrawer } from '../../../../../../utilities/fieldsDrawer/useLexicalDrawer.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\nfunction preventDefault(\n  event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLElement>,\n): void {\n  event.preventDefault()\n}\n\nexport function LinkEditor({ anchorElem }: { anchorElem: HTMLElement }): React.ReactNode {\n  const [editor] = useLexicalComposerContext()\n  // TO-DO: There are several states that should not be state, because they\n  // are derived from linkNode (linkUrl, linkLabel, stateData, isLink, isAutoLink...)\n  const [linkNode, setLinkNode] = useState<LinkNode>()\n\n  const editorRef = useRef<HTMLDivElement | null>(null)\n  const [linkUrl, setLinkUrl] = useState<null | string>(null)\n  const [linkLabel, setLinkLabel] = useState<null | string>(null)\n\n  const {\n    fieldProps: { schemaPath },\n    uuid,\n  } = useEditorConfigContext()\n  const isEditable = useLexicalEditable()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const { i18n, t } = useTranslation<object, 'lexical:link:loadingWithEllipsis'>()\n\n  const [stateData, setStateData] = useState<\n    ({ id?: string; text: string } & LinkFields) | undefined\n  >()\n\n  const editDepth = useEditDepth()\n  const [isLink, setIsLink] = useState(false)\n  const [selectedNodes, setSelectedNodes] = useState<LexicalNode[]>([])\n  const locale = useLocale()\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 { toggleDrawer } = useLexicalDrawer(drawerSlug)\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(undefined)\n  }, [setIsLink, setLinkUrl, setLinkLabel, setSelectedNodes])\n\n  const $updateLinkEditor = useCallback(() => {\n    const selection = $getSelection()\n    let selectedNodeDomRect: DOMRect | undefined\n\n    if (!$isRangeSelection(selection) || !selection) {\n      void 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 = $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    setLinkNode(focusLinkParent)\n\n    const fields = focusLinkParent.getFields()\n\n    // Initial state:\n    const data: { text: string } & LinkFields = {\n      ...fields,\n      id: focusLinkParent.getID(),\n      text: focusLinkParent.getTextContent(),\n    }\n\n    if (fields?.linkType === 'custom') {\n      setLinkUrl(fields?.url ?? null)\n      setLinkLabel(null)\n    } else {\n      // internal link\n      setLinkUrl(\n        `${config.routes.admin === '/' ? '' : config.routes.admin}/collections/${fields?.doc?.relationTo}/${\n          fields?.doc?.value\n        }`,\n      )\n\n      const relatedField = fields?.doc?.relationTo\n        ? getEntityConfig({ collectionSlug: fields?.doc?.relationTo })\n        : undefined\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(fields?.label ? String(fields?.label) : null)\n        setLinkUrl(fields?.url ? String(fields?.url) : null)\n      } else {\n        const id = typeof fields.doc?.value === 'object' ? fields.doc.value.id : fields.doc?.value\n        const collection = fields.doc?.relationTo\n        if (!id || !collection) {\n          throw new Error(`Focus link parent is missing doc.value or doc.relationTo`)\n        }\n\n        const loadingLabel = t('fields:linkedTo', {\n          label: `${getTranslation(relatedField.labels.singular, i18n)} - ${t('lexical:link:loadingWithEllipsis', i18n)}`,\n        }).replace(/<[^>]*>?/g, '')\n        setLinkLabel(loadingLabel)\n\n        requests\n          .get(`${config.serverURL}${config.routes.api}/${collection}/${id}`, {\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n            params: {\n              depth: 0,\n              locale: locale?.code,\n            },\n          })\n          .then(async (res) => {\n            if (!res.ok) {\n              throw new Error(`HTTP error! Status: ${res.status}`)\n            }\n            const data = await res.json()\n            const useAsTitle = relatedField?.admin?.useAsTitle || 'id'\n            const title = data[useAsTitle]\n            const label = t('fields:linkedTo', {\n              label: `${getTranslation(relatedField.labels.singular, i18n)} - ${title}`,\n            }).replace(/<[^>]*>?/g, '')\n            setLinkLabel(label)\n          })\n          .catch(() => {\n            const label = t('fields:linkedTo', {\n              label: `${getTranslation(relatedField.labels.singular, i18n)} - ${t('general:untitled', i18n)} - ID: ${id}`,\n            }).replace(/<[^>]*>?/g, '')\n            setLinkLabel(label)\n          })\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 = getDOMSelection(editor._window)\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  }, [\n    editor,\n    setNotLink,\n    config.routes.admin,\n    config.routes.api,\n    config.serverURL,\n    getEntityConfig,\n    t,\n    i18n,\n    locale?.code,\n    anchorElem,\n  ])\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          toggleDrawer()\n\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, $updateLinkEditor, toggleDrawer, 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              {linkNode?.__fields.newTab ? <ExternalLinkIcon /> : null}\n              {linkLabel != null && linkLabel.length > 0 ? linkLabel : linkUrl}\n            </a>\n          ) : linkLabel != null && linkLabel.length > 0 ? (\n            <>\n              {linkNode?.__fields.newTab ? <ExternalLinkIcon /> : null}\n              <span className=\"link-input__label-pure\">{linkLabel}</span>\n            </>\n          ) : null}\n\n          {isEditable && (\n            <React.Fragment>\n              <button\n                aria-label=\"Edit link\"\n                className=\"link-edit\"\n                onClick={(event) => {\n                  event.preventDefault()\n                  toggleDrawer()\n                }}\n                onMouseDown={preventDefault}\n                tabIndex={0}\n                type=\"button\"\n              >\n                <EditIcon />\n              </button>\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={preventDefault}\n                  tabIndex={0}\n                  type=\"button\"\n                >\n                  <CloseMenuIcon />\n                </button>\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          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: ElementNode | null = null\n            if ($isRangeSelection(selection)) {\n              linkParent = getSelectedNode(selection).getParent()\n            } else {\n              if (selectedNodes.length) {\n                linkParent = selectedNodes[0]?.getParent() ?? null\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        schemaPath={schemaPath}\n        schemaPathSuffix=\"fields\"\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","$findMatchingParent","mergeRegister","getTranslation","CloseMenuIcon","EditIcon","ExternalLinkIcon","formatDrawerSlug","useConfig","useEditDepth","useLocale","useTranslation","requests","$getSelection","$isLineBreakNode","$isRangeSelection","COMMAND_PRIORITY_HIGH","COMMAND_PRIORITY_LOW","getDOMSelection","KEY_ESCAPE_COMMAND","SELECTION_CHANGE_COMMAND","React","useCallback","useEffect","useRef","useState","useEditorConfigContext","getSelectedNode","setFloatingElemPositionForLinkEditor","FieldsDrawer","useLexicalDrawer","$isAutoLinkNode","$createLinkNode","$isLinkNode","TOGGLE_LINK_COMMAND","TOGGLE_LINK_WITH_MODAL_COMMAND","preventDefault","event","LinkEditor","anchorElem","editor","linkNode","setLinkNode","editorRef","linkUrl","setLinkUrl","linkLabel","setLinkLabel","fieldProps","schemaPath","uuid","isEditable","config","getEntityConfig","i18n","t","stateData","setStateData","editDepth","isLink","setIsLink","selectedNodes","setSelectedNodes","locale","isAutoLink","setIsAutoLink","drawerSlug","slug","depth","toggleDrawer","setNotLink","current","style","opacity","transform","undefined","$updateLinkEditor","selection","selectedNodeDomRect","focusNode","getElementByKey","getKey","getBoundingClientRect","focusLinkParent","badNode","getNodes","filter","node","find","is","fields","getFields","data","id","getID","text","getTextContent","linkType","url","routes","admin","doc","relationTo","value","relatedField","collectionSlug","label","String","collection","Error","loadingLabel","labels","singular","replace","get","serverURL","api","headers","language","params","code","then","res","ok","status","json","useAsTitle","title","catch","editorElem","nativeSelection","_window","activeElement","document","rootElement","getRootElement","contains","anchorNode","getRangeAt","y","className","registerCommand","payload","dispatchCommand","scrollerElem","parentElement","update","getEditorState","read","window","addEventListener","removeEventListener","registerUpdateListener","editorState","Fragment","div","ref","length","a","href","rel","target","__fields","newTab","span","button","aria-label","onClick","onMouseDown","tabIndex","type","drawerTitle","featureKey","handleDrawerSubmit","newLinkPayload","bareLinkFields","linkParent","getParent","schemaPathSuffix"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../src/features/link/client/plugins/floatingLinkEditor/LinkEditor/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementNode, LexicalNode } from 'lexical'\nimport type { Data, FormState } from 'payload'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { useLexicalEditable } from '@lexical/react/useLexicalEditable'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  CloseMenuIcon,\n  EditIcon,\n  ExternalLinkIcon,\n  formatDrawerSlug,\n  useConfig,\n  useEditDepth,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { requests } from '@payloadcms/ui/shared'\nimport {\n  $getSelection,\n  $isLineBreakNode,\n  $isRangeSelection,\n  COMMAND_PRIORITY_HIGH,\n  COMMAND_PRIORITY_LOW,\n  getDOMSelection,\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 { useLexicalDrawer } from '../../../../../../utilities/fieldsDrawer/useLexicalDrawer.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\nfunction preventDefault(\n  event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLElement>,\n): void {\n  event.preventDefault()\n}\n\nexport function LinkEditor({ anchorElem }: { anchorElem: HTMLElement }): React.ReactNode {\n  const [editor] = useLexicalComposerContext()\n  // TO-DO: There are several states that should not be state, because they\n  // are derived from linkNode (linkUrl, linkLabel, stateData, isLink, isAutoLink...)\n  const [linkNode, setLinkNode] = useState<LinkNode>()\n\n  const editorRef = useRef<HTMLDivElement | null>(null)\n  const [linkUrl, setLinkUrl] = useState<null | string>(null)\n  const [linkLabel, setLinkLabel] = useState<null | string>(null)\n\n  const {\n    fieldProps: { schemaPath },\n    uuid,\n  } = useEditorConfigContext()\n  const isEditable = useLexicalEditable()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const { i18n, t } = useTranslation<object, 'lexical:link:loadingWithEllipsis'>()\n\n  const [stateData, setStateData] = useState<\n    ({ id?: string; text: string } & LinkFields) | undefined\n  >()\n\n  const editDepth = useEditDepth()\n  const [isLink, setIsLink] = useState(false)\n  const [selectedNodes, setSelectedNodes] = useState<LexicalNode[]>([])\n  const locale = useLocale()\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 { toggleDrawer } = useLexicalDrawer(drawerSlug)\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(undefined)\n  }, [setIsLink, setLinkUrl, setLinkLabel, setSelectedNodes])\n\n  const $updateLinkEditor = useCallback(() => {\n    const selection = $getSelection()\n    let selectedNodeDomRect: DOMRect | undefined\n\n    if (!$isRangeSelection(selection) || !selection) {\n      void 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 = $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    setLinkNode(focusLinkParent)\n\n    const fields = focusLinkParent.getFields()\n\n    // Initial state:\n    const data: { text: string } & LinkFields = {\n      ...fields,\n      id: focusLinkParent.getID(),\n      text: focusLinkParent.getTextContent(),\n    }\n\n    if (fields?.linkType === 'custom') {\n      setLinkUrl(fields?.url ?? null)\n      setLinkLabel(null)\n    } else {\n      // internal link\n      setLinkUrl(\n        `${config.routes.admin === '/' ? '' : config.routes.admin}/collections/${fields?.doc?.relationTo}/${\n          fields?.doc?.value\n        }`,\n      )\n\n      const relatedField = fields?.doc?.relationTo\n        ? getEntityConfig({ collectionSlug: fields?.doc?.relationTo })\n        : undefined\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(fields?.label ? String(fields?.label) : null)\n        setLinkUrl(fields?.url ? String(fields?.url) : null)\n      } else {\n        const id = typeof fields.doc?.value === 'object' ? fields.doc.value.id : fields.doc?.value\n        const collection = fields.doc?.relationTo\n        if (!id || !collection) {\n          throw new Error(`Focus link parent is missing doc.value or doc.relationTo`)\n        }\n\n        const loadingLabel = t('fields:linkedTo', {\n          label: `${getTranslation(relatedField.labels.singular, i18n)} - ${t('lexical:link:loadingWithEllipsis', i18n)}`,\n        }).replace(/<[^>]*>?/g, '')\n        setLinkLabel(loadingLabel)\n\n        requests\n          .get(`${config.serverURL}${config.routes.api}/${collection}/${id}`, {\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n            params: {\n              depth: 0,\n              locale: locale?.code,\n            },\n          })\n          .then(async (res) => {\n            if (!res.ok) {\n              throw new Error(`HTTP error! Status: ${res.status}`)\n            }\n            const data = await res.json()\n            const useAsTitle = relatedField?.admin?.useAsTitle || 'id'\n            const title = data[useAsTitle]\n            const label = t('fields:linkedTo', {\n              label: `${getTranslation(relatedField.labels.singular, i18n)} - ${title}`,\n            }).replace(/<[^>]*>?/g, '')\n            setLinkLabel(label)\n          })\n          .catch(() => {\n            const label = t('fields:linkedTo', {\n              label: `${getTranslation(relatedField.labels.singular, i18n)} - ${t('general:untitled', i18n)} - ID: ${id}`,\n            }).replace(/<[^>]*>?/g, '')\n            setLinkLabel(label)\n          })\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 = getDOMSelection(editor._window)\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  }, [\n    editor,\n    setNotLink,\n    config.routes.admin,\n    config.routes.api,\n    config.serverURL,\n    getEntityConfig,\n    t,\n    i18n,\n    locale?.code,\n    anchorElem,\n  ])\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          toggleDrawer()\n\n          return true\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, $updateLinkEditor, toggleDrawer, 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              {linkNode?.__fields.newTab ? <ExternalLinkIcon /> : null}\n              {linkLabel != null && linkLabel.length > 0 ? linkLabel : linkUrl}\n            </a>\n          ) : linkLabel != null && linkLabel.length > 0 ? (\n            <>\n              {linkNode?.__fields.newTab ? <ExternalLinkIcon /> : null}\n              <span className=\"link-input__label-pure\">{linkLabel}</span>\n            </>\n          ) : null}\n\n          {isEditable && (\n            <React.Fragment>\n              <button\n                aria-label=\"Edit link\"\n                className=\"link-edit\"\n                onClick={(event) => {\n                  event.preventDefault()\n                  toggleDrawer()\n                }}\n                onMouseDown={preventDefault}\n                tabIndex={0}\n                type=\"button\"\n              >\n                <EditIcon />\n              </button>\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={preventDefault}\n                  tabIndex={0}\n                  type=\"button\"\n                >\n                  <CloseMenuIcon />\n                </button>\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          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: ElementNode | null = null\n            if ($isRangeSelection(selection)) {\n              linkParent = getSelectedNode(selection).getParent()\n            } else {\n              if (selectedNodes.length) {\n                linkParent = selectedNodes[0]?.getParent() ?? null\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        schemaPath={schemaPath}\n        schemaPathSuffix=\"fields\"\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["useLexicalComposerContext","useLexicalEditable","$findMatchingParent","mergeRegister","getTranslation","CloseMenuIcon","EditIcon","ExternalLinkIcon","formatDrawerSlug","useConfig","useEditDepth","useLocale","useTranslation","requests","$getSelection","$isLineBreakNode","$isRangeSelection","COMMAND_PRIORITY_HIGH","COMMAND_PRIORITY_LOW","getDOMSelection","KEY_ESCAPE_COMMAND","SELECTION_CHANGE_COMMAND","React","useCallback","useEffect","useRef","useState","useEditorConfigContext","getSelectedNode","setFloatingElemPositionForLinkEditor","FieldsDrawer","useLexicalDrawer","$isAutoLinkNode","$createLinkNode","$isLinkNode","TOGGLE_LINK_COMMAND","TOGGLE_LINK_WITH_MODAL_COMMAND","preventDefault","event","LinkEditor","anchorElem","editor","linkNode","setLinkNode","editorRef","linkUrl","setLinkUrl","linkLabel","setLinkLabel","fieldProps","schemaPath","uuid","isEditable","config","getEntityConfig","i18n","t","stateData","setStateData","editDepth","isLink","setIsLink","selectedNodes","setSelectedNodes","locale","isAutoLink","setIsAutoLink","drawerSlug","slug","depth","toggleDrawer","setNotLink","current","style","opacity","transform","undefined","$updateLinkEditor","selection","selectedNodeDomRect","focusNode","getElementByKey","getKey","getBoundingClientRect","focusLinkParent","badNode","getNodes","filter","node","find","is","fields","getFields","data","id","getID","text","getTextContent","linkType","url","routes","admin","doc","relationTo","value","relatedField","collectionSlug","label","String","collection","Error","loadingLabel","labels","singular","replace","get","serverURL","api","headers","language","params","code","then","res","ok","status","json","useAsTitle","title","catch","editorElem","nativeSelection","_window","activeElement","document","rootElement","getRootElement","contains","anchorNode","getRangeAt","y","className","registerCommand","payload","dispatchCommand","scrollerElem","parentElement","update","getEditorState","read","window","addEventListener","removeEventListener","registerUpdateListener","editorState","Fragment","div","ref","length","a","href","rel","target","__fields","newTab","span","button","aria-label","onClick","onMouseDown","tabIndex","type","drawerTitle","featureKey","handleDrawerSubmit","newLinkPayload","bareLinkFields","linkParent","getParent","schemaPathSuffix"],"mappings":"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"}

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

@@ -1,14 +1,18 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import './index.scss';
 import { LinkEditor } from './LinkEditor/index.js';
 export const FloatingLinkEditorPlugin = (props)=>{
     const { anchorElem = document.body } = props;
-    return /*#__PURE__*/ createPortal(/*#__PURE__*/ _jsx(LinkEditor, {
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ _jsxDEV(LinkEditor, {
         anchorElem: anchorElem
-    }), anchorElem);
+    }, void 0, false, {
+        fileName: "src/features/link/client/plugins/floatingLinkEditor/index.tsx",
+        lineNumber: 14,
+        columnNumber: 23
+    }, this), anchorElem);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/link/client/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 '../../index.js'\n\nimport './index.scss'\nimport { LinkEditor } from './LinkEditor/index.js'\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,OAAO,eAAc;AACrB,SAASC,UAAU,QAAQ,wBAAuB;AAElD,OAAO,MAAMC,2BAAmE,CAACC;IAC/E,MAAM,EAAEC,aAAaC,SAASC,IAAI,EAAE,GAAGH;IAEvC,qBAAOH,2BAAa,KAACC;QAAWG,YAAYA;QAAgBA;AAC9D,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/link/client/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 '../../index.js'\n\nimport './index.scss'\nimport { LinkEditor } from './LinkEditor/index.js'\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,OAAO,eAAc;AACrB,SAASC,UAAU,QAAQ,wBAAuB;AAElD,OAAO,MAAMC,2BAAmE,CAACC;IAC/E,MAAM,EAAEC,aAAaC,SAASC,IAAI,EAAE,GAAGH;IAEvC,qBAAOH,2BAAa,QAACC;QAAWG,YAAYA;;;;;cAAgBA;AAC9D,EAAC"}

package/dist/features/link/client/plugins/floatingLinkEditor/index.scss

@@ -0,0 +1,92 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .link-editor {
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    background: var(--theme-input-bg);
+    padding: 4px 4px 4px 12px;
+    vertical-align: middle;
+    position: absolute;
+    top: 0;
+    left: 0;
+    opacity: 0;
+    border-radius: $style-radius-m;
+    transition: opacity 0.2s;
+    will-change: transform;
+    box-shadow:
+      0px 1px 2px 1px rgba(0, 0, 0, 0.1),
+      0px 4px 16px 0px rgba(0, 0, 0, 0.1),
+      0px -4px 16px 0px rgba(0, 0, 0, 0.1);
+
+    .link-input {
+      display: flex;
+      align-items: center;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      min-height: 28px;
+      box-sizing: border-box;
+      @extend %body;
+      border: 0;
+      outline: 0;
+      position: relative;
+      font-family: var(--font-body);
+
+      .icon--externalLink {
+        margin-right: 5px;
+      }
+
+      &__label-pure {
+        color: var(--theme-elevation-1000);
+        margin-right: 15px;
+        display: block;
+        white-space: nowrap;
+        overflow: hidden;
+      }
+
+      a {
+        text-decoration: underline;
+        display: block;
+        white-space: nowrap;
+        overflow: hidden;
+        margin-right: base(0.4);
+        text-overflow: ellipsis;
+        color: var(--theme-success-750);
+
+        &:hover {
+          color: var(--theme-success-850);
+        }
+      }
+    }
+
+    button {
+      all: unset;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-size: 16px;
+      background-position: center;
+      background-repeat: no-repeat;
+      width: 30px;
+      height: 30px;
+      cursor: pointer;
+      color: var(--theme-elevation-600);
+      border-radius: $style-radius-m;
+
+      &:hover:not([disabled]) {
+        color: var(--theme-elevation-800);
+        background-color: var(--theme-elevation-100);
+      }
+    }
+  }
+
+  html[data-theme='light'] {
+    .link-editor {
+      box-shadow:
+        0px 1px 2px 1px rgba(0, 0, 0, 0.05),
+        0px 4px 8px 0px rgba(0, 0, 0, 0.05),
+        0px -4px 16px 0px rgba(0, 0, 0, 0.05);
+    }
+  }
+}

package/dist/features/lists/checklist/client/plugin/index.js

@@ -1,9 +1,13 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin.js';
 import React from 'react';
 export const LexicalCheckListPlugin = ()=>{
-    return /*#__PURE__*/ _jsx(CheckListPlugin, {});
+    return /*#__PURE__*/ _jsxDEV(CheckListPlugin, {}, void 0, false, {
+        fileName: "src/features/lists/checklist/client/plugin/index.tsx",
+        lineNumber: 8,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/features/lists/checklist/client/plugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/lists/checklist/client/plugin/index.tsx"],"sourcesContent":["'use client'\nimport { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin.js'\nimport React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nexport const LexicalCheckListPlugin: PluginComponent<undefined> = () => {\n  return <CheckListPlugin />\n}\n"],"names":["CheckListPlugin","React","LexicalCheckListPlugin"],"mappings":"AAAA;;AACA,SAASA,eAAe,QAAQ,2CAA0C;AAC1E,OAAOC,WAAW,QAAO;AAIzB,OAAO,MAAMC,yBAAqD;IAChE,qBAAO,KAACF;AACV,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/lists/checklist/client/plugin/index.tsx"],"sourcesContent":["'use client'\nimport { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin.js'\nimport React from 'react'\n\nimport type { PluginComponent } from '../../../../typesClient.js'\n\nexport const LexicalCheckListPlugin: PluginComponent<undefined> = () => {\n  return <CheckListPlugin />\n}\n"],"names":["CheckListPlugin","React","LexicalCheckListPlugin"],"mappings":"AAAA;;AACA,SAASA,eAAe,QAAQ,2CAA0C;AAC1E,OAAOC,WAAW,QAAO;AAIzB,OAAO,MAAMC,yBAAqD;IAChE,qBAAO,QAACF;;;;;AACV,EAAC"}

package/dist/features/lists/plugin/index.js

@@ -1,9 +1,13 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { ListPlugin } from '@lexical/react/LexicalListPlugin.js';
 import React from 'react';
 export const LexicalListPlugin = ()=>{
-    return /*#__PURE__*/ _jsx(ListPlugin, {});
+    return /*#__PURE__*/ _jsxDEV(ListPlugin, {}, void 0, false, {
+        fileName: "src/features/lists/plugin/index.tsx",
+        lineNumber: 23,
+        columnNumber: 10
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

package/dist/features/lists/plugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/features/lists/plugin/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  SerializedListItemNode as _SerializedListItemNode,\n  SerializedListNode as _SerializedListNode,\n} from '@lexical/list'\nimport type { SerializedLexicalNode } from 'lexical'\n\nimport { ListPlugin } from '@lexical/react/LexicalListPlugin.js'\nimport React from 'react'\n\nimport type { StronglyTypedElementNode } from '../../../nodeTypes.js'\nimport type { PluginComponent } from '../../typesClient.js'\n\nexport type SerializedListItemNode<T extends SerializedLexicalNode = SerializedLexicalNode> = {\n  checked?: boolean\n} & StronglyTypedElementNode<_SerializedListItemNode, 'listitem', T>\n\nexport type SerializedListNode<T extends SerializedLexicalNode = SerializedLexicalNode> = {\n  checked?: boolean\n} & StronglyTypedElementNode<_SerializedListNode, 'list', T>\n\nexport const LexicalListPlugin: PluginComponent<undefined> = () => {\n  return <ListPlugin />\n}\n"],"names":["ListPlugin","React","LexicalListPlugin"],"mappings":"AAAA;;AAOA,SAASA,UAAU,QAAQ,sCAAqC;AAChE,OAAOC,WAAW,QAAO;AAazB,OAAO,MAAMC,oBAAgD;IAC3D,qBAAO,KAACF;AACV,EAAC"}
+{"version":3,"sources":["../../../../src/features/lists/plugin/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  SerializedListItemNode as _SerializedListItemNode,\n  SerializedListNode as _SerializedListNode,\n} from '@lexical/list'\nimport type { SerializedLexicalNode } from 'lexical'\n\nimport { ListPlugin } from '@lexical/react/LexicalListPlugin.js'\nimport React from 'react'\n\nimport type { StronglyTypedElementNode } from '../../../nodeTypes.js'\nimport type { PluginComponent } from '../../typesClient.js'\n\nexport type SerializedListItemNode<T extends SerializedLexicalNode = SerializedLexicalNode> = {\n  checked?: boolean\n} & StronglyTypedElementNode<_SerializedListItemNode, 'listitem', T>\n\nexport type SerializedListNode<T extends SerializedLexicalNode = SerializedLexicalNode> = {\n  checked?: boolean\n} & StronglyTypedElementNode<_SerializedListNode, 'list', T>\n\nexport const LexicalListPlugin: PluginComponent<undefined> = () => {\n  return <ListPlugin />\n}\n"],"names":["ListPlugin","React","LexicalListPlugin"],"mappings":"AAAA;;AAOA,SAASA,UAAU,QAAQ,sCAAqC;AAChE,OAAOC,WAAW,QAAO;AAazB,OAAO,MAAMC,oBAAgD;IAC3D,qBAAO,QAACF;;;;;AACV,EAAC"}

package/dist/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/Component.js

@@ -1,17 +1,25 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 export const UnknownConvertedNodeComponent = (props)=>{
     const { data } = props;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         children: [
             "Unknown converted payload-plugin-lexical node: ",
-            /*#__PURE__*/ _jsx("strong", {
+            /*#__PURE__*/ _jsxDEV("strong", {
                 children: data?.nodeType
-            })
+            }, void 0, false, {
+                fileName: "src/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/Component.tsx",
+                lineNumber: 17,
+                columnNumber: 54
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/Component.tsx",
+        lineNumber: 16,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=Component.js.map

package/dist/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/Component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/Component.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { UnknownConvertedNodeData } from './index.js'\n\nimport './index.scss'\n\ntype Props = {\n  data: UnknownConvertedNodeData\n}\n\nexport const UnknownConvertedNodeComponent: React.FC<Props> = (props) => {\n  const { data } = props\n\n  return (\n    <div>\n      Unknown converted payload-plugin-lexical node: <strong>{data?.nodeType}</strong>\n    </div>\n  )\n}\n"],"names":["React","UnknownConvertedNodeComponent","props","data","div","strong","nodeType"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,OAAO,eAAc;AAMrB,OAAO,MAAMC,gCAAiD,CAACC;IAC7D,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,qBACE,MAACE;;YAAI;0BAC4C,KAACC;0BAAQF,MAAMG;;;;AAGpE,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/Component.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { UnknownConvertedNodeData } from './index.js'\n\nimport './index.scss'\n\ntype Props = {\n  data: UnknownConvertedNodeData\n}\n\nexport const UnknownConvertedNodeComponent: React.FC<Props> = (props) => {\n  const { data } = props\n\n  return (\n    <div>\n      Unknown converted payload-plugin-lexical node: <strong>{data?.nodeType}</strong>\n    </div>\n  )\n}\n"],"names":["React","UnknownConvertedNodeComponent","props","data","div","strong","nodeType"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,OAAO,eAAc;AAMrB,OAAO,MAAMC,gCAAiD,CAACC;IAC7D,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,qBACE,QAACE;;YAAI;0BAC4C,QAACC;0BAAQF,MAAMG;;;;;;;;;;;;AAGpE,EAAC"}

package/dist/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { addClassNamesToElement } from '@lexical/utils';
 import { $applyNodeReplacement, DecoratorNode } from 'lexical';
 import * as React from 'react';
@@ -38,9 +38,13 @@ const Component = /*#__PURE__*/ React.lazy(()=>import('./Component.js').then((mo
         return element;
     }
     decorate() {
-        return /*#__PURE__*/ _jsx(Component, {
+        return /*#__PURE__*/ _jsxDEV(Component, {
             data: this.__data
-        });
+        }, void 0, false, {
+            fileName: "src/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/index.tsx",
+            lineNumber: 66,
+            columnNumber: 12
+        }, this);
     }
     exportJSON() {
         return {

package/dist/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/index.tsx"],"sourcesContent":["import type { EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport { $applyNodeReplacement, DecoratorNode } from 'lexical'\nimport * as React from 'react'\n\nexport type UnknownConvertedNodeData = {\n  nodeData: unknown\n  nodeType: string\n}\n\nexport type SerializedUnknownConvertedNode = Spread<\n  {\n    data: UnknownConvertedNodeData\n  },\n  SerializedLexicalNode\n>\n\nconst Component = React.lazy(() =>\n  import('./Component.js').then((module) => ({\n    default: module.UnknownConvertedNodeComponent,\n  })),\n)\n\n/** @noInheritDoc */\nexport class UnknownConvertedNode extends DecoratorNode<JSX.Element> {\n  __data: UnknownConvertedNodeData\n\n  constructor({ data, key }: { data: UnknownConvertedNodeData; key?: NodeKey }) {\n    super(key)\n    this.__data = data\n  }\n\n  static override clone(node: UnknownConvertedNode): UnknownConvertedNode {\n    return new this({\n      data: node.__data,\n      key: node.__key,\n    })\n  }\n\n  static override getType(): string {\n    return 'unknownConverted'\n  }\n\n  static override importJSON(serializedNode: SerializedUnknownConvertedNode): UnknownConvertedNode {\n    const node = $createUnknownConvertedNode({ data: serializedNode.data })\n    return node\n  }\n\n  canInsertTextAfter(): true {\n    return true\n  }\n\n  canInsertTextBefore(): true {\n    return true\n  }\n\n  override createDOM(config: EditorConfig): HTMLElement {\n    const element = document.createElement('span')\n    addClassNamesToElement(element, 'unknownConverted')\n    return element\n  }\n\n  override decorate(): JSX.Element {\n    return <Component data={this.__data} />\n  }\n\n  override exportJSON(): SerializedUnknownConvertedNode {\n    return {\n      type: this.getType(),\n      data: this.__data,\n      version: 1,\n    }\n  }\n\n  // Mutation\n\n  override isInline(): boolean {\n    return true\n  }\n\n  override updateDOM(prevNode: this, dom: HTMLElement): boolean {\n    return false\n  }\n}\n\nexport function $createUnknownConvertedNode({\n  data,\n}: {\n  data: UnknownConvertedNodeData\n}): UnknownConvertedNode {\n  return $applyNodeReplacement(\n    new UnknownConvertedNode({\n      data,\n    }),\n  )\n}\n\nexport function $isUnknownConvertedNode(\n  node: LexicalNode | null | undefined,\n): node is UnknownConvertedNode {\n  return node instanceof UnknownConvertedNode\n}\n"],"names":["addClassNamesToElement","$applyNodeReplacement","DecoratorNode","React","Component","lazy","then","module","default","UnknownConvertedNodeComponent","UnknownConvertedNode","__data","constructor","data","key","clone","node","__key","getType","importJSON","serializedNode","$createUnknownConvertedNode","canInsertTextAfter","canInsertTextBefore","createDOM","config","element","document","createElement","decorate","exportJSON","type","version","isInline","updateDOM","prevNode","dom","$isUnknownConvertedNode"],"mappings":";AAGA,SAASA,sBAAsB,QAAQ,iBAAgB;AACvD,SAASC,qBAAqB,EAAEC,aAAa,QAAQ,UAAS;AAC9D,YAAYC,WAAW,QAAO;AAc9B,MAAMC,0BAAYD,MAAME,IAAI,CAAC,IAC3B,MAAM,CAAC,kBAAkBC,IAAI,CAAC,CAACC,SAAY,CAAA;YACzCC,SAASD,OAAOE,6BAA6B;QAC/C,CAAA;AAGF,kBAAkB,GAClB,OAAO,MAAMC,6BAA6BR;IACxCS,OAAgC;IAEhCC,YAAY,EAAEC,IAAI,EAAEC,GAAG,EAAqD,CAAE;QAC5E,KAAK,CAACA;QACN,IAAI,CAACH,MAAM,GAAGE;IAChB;IAEA,OAAgBE,MAAMC,IAA0B,EAAwB;QACtE,OAAO,IAAI,IAAI,CAAC;YACdH,MAAMG,KAAKL,MAAM;YACjBG,KAAKE,KAAKC,KAAK;QACjB;IACF;IAEA,OAAgBC,UAAkB;QAChC,OAAO;IACT;IAEA,OAAgBC,WAAWC,cAA8C,EAAwB;QAC/F,MAAMJ,OAAOK,4BAA4B;YAAER,MAAMO,eAAeP,IAAI;QAAC;QACrE,OAAOG;IACT;IAEAM,qBAA2B;QACzB,OAAO;IACT;IAEAC,sBAA4B;QAC1B,OAAO;IACT;IAESC,UAAUC,MAAoB,EAAe;QACpD,MAAMC,UAAUC,SAASC,aAAa,CAAC;QACvC5B,uBAAuB0B,SAAS;QAChC,OAAOA;IACT;IAESG,WAAwB;QAC/B,qBAAO,KAACzB;YAAUS,MAAM,IAAI,CAACF,MAAM;;IACrC;IAESmB,aAA6C;QACpD,OAAO;YACLC,MAAM,IAAI,CAACb,OAAO;YAClBL,MAAM,IAAI,CAACF,MAAM;YACjBqB,SAAS;QACX;IACF;IAEA,WAAW;IAEFC,WAAoB;QAC3B,OAAO;IACT;IAESC,UAAUC,QAAc,EAAEC,GAAgB,EAAW;QAC5D,OAAO;IACT;AACF;AAEA,OAAO,SAASf,4BAA4B,EAC1CR,IAAI,EAGL;IACC,OAAOZ,sBACL,IAAIS,qBAAqB;QACvBG;IACF;AAEJ;AAEA,OAAO,SAASwB,wBACdrB,IAAoC;IAEpC,OAAOA,gBAAgBN;AACzB"}
+{"version":3,"sources":["../../../../../../src/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/index.tsx"],"sourcesContent":["import type { EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical'\nimport type { JSX } from 'react'\n\nimport { addClassNamesToElement } from '@lexical/utils'\nimport { $applyNodeReplacement, DecoratorNode } from 'lexical'\nimport * as React from 'react'\n\nexport type UnknownConvertedNodeData = {\n  nodeData: unknown\n  nodeType: string\n}\n\nexport type SerializedUnknownConvertedNode = Spread<\n  {\n    data: UnknownConvertedNodeData\n  },\n  SerializedLexicalNode\n>\n\nconst Component = React.lazy(() =>\n  import('./Component.js').then((module) => ({\n    default: module.UnknownConvertedNodeComponent,\n  })),\n)\n\n/** @noInheritDoc */\nexport class UnknownConvertedNode extends DecoratorNode<JSX.Element> {\n  __data: UnknownConvertedNodeData\n\n  constructor({ data, key }: { data: UnknownConvertedNodeData; key?: NodeKey }) {\n    super(key)\n    this.__data = data\n  }\n\n  static override clone(node: UnknownConvertedNode): UnknownConvertedNode {\n    return new this({\n      data: node.__data,\n      key: node.__key,\n    })\n  }\n\n  static override getType(): string {\n    return 'unknownConverted'\n  }\n\n  static override importJSON(serializedNode: SerializedUnknownConvertedNode): UnknownConvertedNode {\n    const node = $createUnknownConvertedNode({ data: serializedNode.data })\n    return node\n  }\n\n  canInsertTextAfter(): true {\n    return true\n  }\n\n  canInsertTextBefore(): true {\n    return true\n  }\n\n  override createDOM(config: EditorConfig): HTMLElement {\n    const element = document.createElement('span')\n    addClassNamesToElement(element, 'unknownConverted')\n    return element\n  }\n\n  override decorate(): JSX.Element {\n    return <Component data={this.__data} />\n  }\n\n  override exportJSON(): SerializedUnknownConvertedNode {\n    return {\n      type: this.getType(),\n      data: this.__data,\n      version: 1,\n    }\n  }\n\n  // Mutation\n\n  override isInline(): boolean {\n    return true\n  }\n\n  override updateDOM(prevNode: this, dom: HTMLElement): boolean {\n    return false\n  }\n}\n\nexport function $createUnknownConvertedNode({\n  data,\n}: {\n  data: UnknownConvertedNodeData\n}): UnknownConvertedNode {\n  return $applyNodeReplacement(\n    new UnknownConvertedNode({\n      data,\n    }),\n  )\n}\n\nexport function $isUnknownConvertedNode(\n  node: LexicalNode | null | undefined,\n): node is UnknownConvertedNode {\n  return node instanceof UnknownConvertedNode\n}\n"],"names":["addClassNamesToElement","$applyNodeReplacement","DecoratorNode","React","Component","lazy","then","module","default","UnknownConvertedNodeComponent","UnknownConvertedNode","__data","constructor","data","key","clone","node","__key","getType","importJSON","serializedNode","$createUnknownConvertedNode","canInsertTextAfter","canInsertTextBefore","createDOM","config","element","document","createElement","decorate","exportJSON","type","version","isInline","updateDOM","prevNode","dom","$isUnknownConvertedNode"],"mappings":";AAGA,SAASA,sBAAsB,QAAQ,iBAAgB;AACvD,SAASC,qBAAqB,EAAEC,aAAa,QAAQ,UAAS;AAC9D,YAAYC,WAAW,QAAO;AAc9B,MAAMC,0BAAYD,MAAME,IAAI,CAAC,IAC3B,MAAM,CAAC,kBAAkBC,IAAI,CAAC,CAACC,SAAY,CAAA;YACzCC,SAASD,OAAOE,6BAA6B;QAC/C,CAAA;AAGF,kBAAkB,GAClB,OAAO,MAAMC,6BAA6BR;IACxCS,OAAgC;IAEhCC,YAAY,EAAEC,IAAI,EAAEC,GAAG,EAAqD,CAAE;QAC5E,KAAK,CAACA;QACN,IAAI,CAACH,MAAM,GAAGE;IAChB;IAEA,OAAgBE,MAAMC,IAA0B,EAAwB;QACtE,OAAO,IAAI,IAAI,CAAC;YACdH,MAAMG,KAAKL,MAAM;YACjBG,KAAKE,KAAKC,KAAK;QACjB;IACF;IAEA,OAAgBC,UAAkB;QAChC,OAAO;IACT;IAEA,OAAgBC,WAAWC,cAA8C,EAAwB;QAC/F,MAAMJ,OAAOK,4BAA4B;YAAER,MAAMO,eAAeP,IAAI;QAAC;QACrE,OAAOG;IACT;IAEAM,qBAA2B;QACzB,OAAO;IACT;IAEAC,sBAA4B;QAC1B,OAAO;IACT;IAESC,UAAUC,MAAoB,EAAe;QACpD,MAAMC,UAAUC,SAASC,aAAa,CAAC;QACvC5B,uBAAuB0B,SAAS;QAChC,OAAOA;IACT;IAESG,WAAwB;QAC/B,qBAAO,QAACzB;YAAUS,MAAM,IAAI,CAACF,MAAM;;;;;;IACrC;IAESmB,aAA6C;QACpD,OAAO;YACLC,MAAM,IAAI,CAACb,OAAO;YAClBL,MAAM,IAAI,CAACF,MAAM;YACjBqB,SAAS;QACX;IACF;IAEA,WAAW;IAEFC,WAAoB;QAC3B,OAAO;IACT;IAESC,UAAUC,QAAc,EAAEC,GAAgB,EAAW;QAC5D,OAAO;IACT;AACF;AAEA,OAAO,SAASf,4BAA4B,EAC1CR,IAAI,EAGL;IACC,OAAOZ,sBACL,IAAIS,qBAAqB;QACvBG;IACF;AAEJ;AAEA,OAAO,SAASwB,wBACdrB,IAAoC;IAEpC,OAAOA,gBAAgBN;AACzB"}

package/dist/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/index.scss

@@ -0,0 +1,16 @@
+@layer payload-default {
+  span.unknownConverted {
+    text-transform: uppercase;
+    font-family: 'Roboto Mono', monospace;
+    letter-spacing: 2px;
+    font-size: calc(var(--base) * 0.5);
+    margin: 0 0 var(--base);
+    background: red;
+    color: white;
+    display: inline-block;
+
+    div {
+      background: red;
+    }
+  }
+}

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.js

@@ -1,17 +1,25 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 export const UnknownConvertedNodeComponent = (props)=>{
     const { data } = props;
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxDEV("div", {
         children: [
             "Unknown converted Slate node: ",
-            /*#__PURE__*/ _jsx("strong", {
+            /*#__PURE__*/ _jsxDEV("strong", {
                 children: data?.nodeType
-            })
+            }, void 0, false, {
+                fileName: "src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx",
+                lineNumber: 17,
+                columnNumber: 37
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx",
+        lineNumber: 16,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=Component.js.map

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { UnknownConvertedNodeData } from './index.js'\n\nimport './index.scss'\n\ntype Props = {\n  data: UnknownConvertedNodeData\n}\n\nexport const UnknownConvertedNodeComponent: React.FC<Props> = (props) => {\n  const { data } = props\n\n  return (\n    <div>\n      Unknown converted Slate node: <strong>{data?.nodeType}</strong>\n    </div>\n  )\n}\n"],"names":["React","UnknownConvertedNodeComponent","props","data","div","strong","nodeType"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,OAAO,eAAc;AAMrB,OAAO,MAAMC,gCAAiD,CAACC;IAC7D,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,qBACE,MAACE;;YAAI;0BAC2B,KAACC;0BAAQF,MAAMG;;;;AAGnD,EAAC"}
+{"version":3,"sources":["../../../../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { UnknownConvertedNodeData } from './index.js'\n\nimport './index.scss'\n\ntype Props = {\n  data: UnknownConvertedNodeData\n}\n\nexport const UnknownConvertedNodeComponent: React.FC<Props> = (props) => {\n  const { data } = props\n\n  return (\n    <div>\n      Unknown converted Slate node: <strong>{data?.nodeType}</strong>\n    </div>\n  )\n}\n"],"names":["React","UnknownConvertedNodeComponent","props","data","div","strong","nodeType"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,OAAO,eAAc;AAMrB,OAAO,MAAMC,gCAAiD,CAACC;IAC7D,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,qBACE,QAACE;;YAAI;0BAC2B,QAACC;0BAAQF,MAAMG;;;;;;;;;;;;AAGnD,EAAC"}

package/dist/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { addClassNamesToElement } from '@lexical/utils';
 import { $applyNodeReplacement, DecoratorNode } from 'lexical';
 import * as React from 'react';
@@ -38,9 +38,13 @@ const Component = /*#__PURE__*/ React.lazy(()=>import('./Component.js').then((mo
         return element;
     }
     decorate() {
-        return /*#__PURE__*/ _jsx(Component, {
+        return /*#__PURE__*/ _jsxDEV(Component, {
             data: this.__data
-        });
+        }, void 0, false, {
+            fileName: "src/features/migrations/slateToLexical/nodes/unknownConvertedNode/index.tsx",
+            lineNumber: 66,
+            columnNumber: 12
+        }, this);
     }
     exportJSON() {
         return {