@payloadcms/richtext-lexical 3.0.0-canary.95fcd13 → 3.0.0-canary.9beaa28

package/dist/lexical/plugins/handles/AddBlockHandlePlugin/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js';
 import { $createParagraphNode } from 'lexical';
@@ -17,141 +19,174 @@ import { setHandlePosition } from '../utils/setHandlePosition.js';
 const ADD_BLOCK_MENU_CLASSNAME = 'add-block-menu';
 let prevIndex = Infinity;
 function getCurrentIndex(keysLength) {
-    if (keysLength === 0) {
-        return Infinity;
-    }
-    if (prevIndex >= 0 && prevIndex < keysLength) {
-        return prevIndex;
-    }
-    return Math.floor(keysLength / 2);
+  if (keysLength === 0) {
+    return Infinity;
+  }
+  if (prevIndex >= 0 && prevIndex < keysLength) {
+    return prevIndex;
+  }
+  return Math.floor(keysLength / 2);
 }
 function useAddBlockHandle(editor, anchorElem, isEditable) {
-    const scrollerElem = anchorElem.parentElement;
-    const { editorConfig } = useEditorConfigContext();
-    const blockHandleHorizontalOffset = editorConfig?.admin?.hideGutter ? -24 : 12;
-    const menuRef = useRef(null);
-    const [hoveredElement, setHoveredElement] = useState(null);
-    useEffect(()=>{
-        function onDocumentMouseMove(event) {
-            const target = event.target;
-            if (!isHTMLElement(target)) {
-                return;
-            }
-            const distanceFromScrollerElem = calculateDistanceFromScrollerElem(scrollerElem, event.pageX, event.pageY, target);
-            if (distanceFromScrollerElem === -1) {
-                setHoveredElement(null);
-                return;
-            }
-            if (isOnHandleElement(target, ADD_BLOCK_MENU_CLASSNAME)) {
-                return;
-            }
-            const topLevelNodeKeys = getTopLevelNodeKeys(editor);
-            const { blockElem: _emptyBlockElem, blockNode, foundAtIndex } = getNodeCloseToPoint({
-                anchorElem,
-                cache_threshold: 0,
-                editor,
-                horizontalOffset: -distanceFromScrollerElem,
-                point: new Point(event.x, event.y),
-                returnEmptyParagraphs: true,
-                startIndex: getCurrentIndex(topLevelNodeKeys.length),
-                useEdgeAsDefault: false
-            });
-            prevIndex = foundAtIndex;
-            if (!_emptyBlockElem) {
-                return;
-            }
-            if (hoveredElement?.node !== blockNode || hoveredElement?.elem !== _emptyBlockElem) {
-                setHoveredElement({
-                    elem: _emptyBlockElem,
-                    node: blockNode
-                });
-            }
+  const $ = _c(15);
+  const scrollerElem = anchorElem.parentElement;
+  const {
+    editorConfig
+  } = useEditorConfigContext();
+  const blockHandleHorizontalOffset = editorConfig?.admin?.hideGutter ? -24 : 12;
+  const menuRef = useRef(null);
+  const [hoveredElement, setHoveredElement] = useState(null);
+  let t0;
+  let t1;
+  if ($[0] !== scrollerElem || $[1] !== editor || $[2] !== anchorElem || $[3] !== hoveredElement) {
+    t0 = () => {
+      const onDocumentMouseMove = function onDocumentMouseMove(event) {
+        const target = event.target;
+        if (!isHTMLElement(target)) {
+          return;
         }
-        // Since the draggableBlockElem is outside the actual editor, we need to listen to the document
-        // to be able to detect when the mouse is outside the editor and respect a buffer around
-        // the scrollerElem to avoid the draggableBlockElem disappearing too early.
-        document?.addEventListener('mousemove', onDocumentMouseMove);
-        return ()=>{
-            document?.removeEventListener('mousemove', onDocumentMouseMove);
-        };
-    }, [
-        scrollerElem,
-        anchorElem,
-        editor,
-        hoveredElement
-    ]);
-    useEffect(()=>{
-        if (menuRef.current && hoveredElement?.node) {
-            setHandlePosition(hoveredElement?.elem, menuRef.current, anchorElem, blockHandleHorizontalOffset);
+        const distanceFromScrollerElem = calculateDistanceFromScrollerElem(scrollerElem, event.pageX, event.pageY, target);
+        if (distanceFromScrollerElem === -1) {
+          setHoveredElement(null);
+          return;
         }
-    }, [
-        anchorElem,
-        hoveredElement,
-        blockHandleHorizontalOffset
-    ]);
-    const handleAddClick = useCallback((event)=>{
-        let hoveredElementToUse = hoveredElement;
-        if (!hoveredElementToUse?.node) {
-            return;
+        if (isOnHandleElement(target, ADD_BLOCK_MENU_CLASSNAME)) {
+          return;
         }
-        // 1. Update hoveredElement.node to a new paragraph node if the hoveredElement.node is not a paragraph node
-        editor.update(()=>{
-            // Check if blockNode is an empty text node
-            let isEmptyParagraph = true;
-            if (hoveredElementToUse.node.getType() !== 'paragraph' || hoveredElementToUse.node.getTextContent() !== '') {
-                isEmptyParagraph = false;
-            }
-            if (!isEmptyParagraph) {
-                const newParagraph = $createParagraphNode();
-                hoveredElementToUse.node.insertAfter(newParagraph);
-                setTimeout(()=>{
-                    hoveredElementToUse = {
-                        elem: editor.getElementByKey(newParagraph.getKey()),
-                        node: newParagraph
-                    };
-                    setHoveredElement(hoveredElementToUse);
-                }, 0);
-            }
+        const topLevelNodeKeys = getTopLevelNodeKeys(editor);
+        const {
+          blockElem: _emptyBlockElem,
+          blockNode,
+          foundAtIndex
+        } = getNodeCloseToPoint({
+          anchorElem,
+          cache_threshold: 0,
+          editor,
+          horizontalOffset: -distanceFromScrollerElem,
+          point: new Point(event.x, event.y),
+          returnEmptyParagraphs: true,
+          startIndex: getCurrentIndex(topLevelNodeKeys.length),
+          useEdgeAsDefault: false
         });
-        // 2. Focus on the new paragraph node
-        setTimeout(()=>{
-            editor.update(()=>{
-                editor.focus();
-                if (hoveredElementToUse.node && 'select' in hoveredElementToUse.node && typeof hoveredElementToUse.node.select === 'function') {
-                    hoveredElementToUse.node.select();
-                }
-            });
-        }, 1);
-        // Make sure this is called AFTER the focusing has been processed by the browser
-        // Otherwise, this won't work
-        setTimeout(()=>{
-            editor.dispatchCommand(ENABLE_SLASH_MENU_COMMAND, {
-                node: hoveredElementToUse.node
-            });
-        }, 2);
-        event.stopPropagation();
-        event.preventDefault();
-    }, [
-        editor,
-        hoveredElement
-    ]);
-    return /*#__PURE__*/ createPortal(/*#__PURE__*/ _jsx(React.Fragment, {
-        children: /*#__PURE__*/ _jsx("button", {
-            className: "icon add-block-menu",
-            onClick: (event)=>{
-                handleAddClick(event);
-            },
-            ref: menuRef,
-            type: "button",
-            children: /*#__PURE__*/ _jsx("div", {
-                className: isEditable ? 'icon' : ''
-            })
-        })
-    }), anchorElem);
+        prevIndex = foundAtIndex;
+        if (!_emptyBlockElem) {
+          return;
+        }
+        if (hoveredElement?.node !== blockNode || hoveredElement?.elem !== _emptyBlockElem) {
+          setHoveredElement({
+            elem: _emptyBlockElem,
+            node: blockNode
+          });
+        }
+      };
+      document?.addEventListener("mousemove", onDocumentMouseMove);
+      return () => {
+        document?.removeEventListener("mousemove", onDocumentMouseMove);
+      };
+    };
+    t1 = [scrollerElem, anchorElem, editor, hoveredElement];
+    $[0] = scrollerElem;
+    $[1] = editor;
+    $[2] = anchorElem;
+    $[3] = hoveredElement;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t0 = $[4];
+    t1 = $[5];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[6] !== anchorElem || $[7] !== hoveredElement || $[8] !== blockHandleHorizontalOffset) {
+    t2 = [anchorElem, hoveredElement, blockHandleHorizontalOffset];
+    $[6] = anchorElem;
+    $[7] = hoveredElement;
+    $[8] = blockHandleHorizontalOffset;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  useEffect(() => {
+    if (menuRef.current && hoveredElement?.node) {
+      setHandlePosition(hoveredElement?.elem, menuRef.current, anchorElem, blockHandleHorizontalOffset);
+    }
+  }, t2);
+  let t3;
+  if ($[10] !== hoveredElement || $[11] !== editor) {
+    t3 = event_0 => {
+      let hoveredElementToUse;
+      hoveredElementToUse = hoveredElement;
+      if (!hoveredElementToUse?.node) {
+        return;
+      }
+      editor.update(() => {
+        let isEmptyParagraph = true;
+        if (hoveredElementToUse.node.getType() !== "paragraph" || hoveredElementToUse.node.getTextContent() !== "") {
+          isEmptyParagraph = false;
+        }
+        if (!isEmptyParagraph) {
+          const newParagraph = $createParagraphNode();
+          hoveredElementToUse.node.insertAfter(newParagraph);
+          setTimeout(() => {
+            hoveredElementToUse = {
+              elem: editor.getElementByKey(newParagraph.getKey()),
+              node: newParagraph
+            };
+            setHoveredElement(hoveredElementToUse);
+          }, 0);
+        }
+      });
+      setTimeout(() => {
+        editor.update(() => {
+          editor.focus();
+          if (hoveredElementToUse.node && "select" in hoveredElementToUse.node && typeof hoveredElementToUse.node.select === "function") {
+            hoveredElementToUse.node.select();
+          }
+        });
+      }, 1);
+      setTimeout(() => {
+        editor.dispatchCommand(ENABLE_SLASH_MENU_COMMAND, {
+          node: hoveredElementToUse.node
+        });
+      }, 2);
+      event_0.stopPropagation();
+      event_0.preventDefault();
+    };
+    $[10] = hoveredElement;
+    $[11] = editor;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  const handleAddClick = t3;
+  let t4;
+  if ($[13] !== handleAddClick) {
+    t4 = event_1 => {
+      handleAddClick(event_1);
+    };
+    $[13] = handleAddClick;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return createPortal(_jsx(React.Fragment, {
+    children: _jsx("button", {
+      className: "icon add-block-menu",
+      onClick: t4,
+      ref: menuRef,
+      type: "button",
+      children: _jsx("div", {
+        className: isEditable ? "icon" : ""
+      })
+    })
+  }), anchorElem);
 }
-export function AddBlockHandlePlugin({ anchorElem = document.body }) {
-    const [editor] = useLexicalComposerContext();
-    return useAddBlockHandle(editor, anchorElem, editor._editable);
+export function AddBlockHandlePlugin(t0) {
+  const {
+    anchorElem: t1
+  } = t0;
+  const anchorElem = t1 === undefined ? document.body : t1;
+  const [editor] = useLexicalComposerContext();
+  return useAddBlockHandle(editor, anchorElem, editor._editable);
 }
-
 //# sourceMappingURL=index.js.map

package/dist/lexical/plugins/handles/AddBlockHandlePlugin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lexical/plugins/handles/AddBlockHandlePlugin/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor, LexicalNode, ParagraphNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $createParagraphNode } from 'lexical'\nimport * as React from 'react'\nimport { type JSX, useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEditorConfigContext } from '../../../config/client/EditorConfigProvider.js'\nimport { isHTMLElement } from '../../../utils/guard.js'\nimport { Point } from '../../../utils/point.js'\nimport { ENABLE_SLASH_MENU_COMMAND } from '../../SlashMenu/LexicalTypeaheadMenuPlugin/index.js'\nimport { calculateDistanceFromScrollerElem } from '../utils/calculateDistanceFromScrollerElem.js'\nimport { getNodeCloseToPoint } from '../utils/getNodeCloseToPoint.js'\nimport { getTopLevelNodeKeys } from '../utils/getTopLevelNodeKeys.js'\nimport { isOnHandleElement } from '../utils/isOnHandleElement.js'\nimport { setHandlePosition } from '../utils/setHandlePosition.js'\nimport './index.scss'\n\nconst ADD_BLOCK_MENU_CLASSNAME = 'add-block-menu'\n\nlet prevIndex = Infinity\n\nfunction getCurrentIndex(keysLength: number): number {\n  if (keysLength === 0) {\n    return Infinity\n  }\n  if (prevIndex >= 0 && prevIndex < keysLength) {\n    return prevIndex\n  }\n\n  return Math.floor(keysLength / 2)\n}\n\nfunction useAddBlockHandle(\n  editor: LexicalEditor,\n  anchorElem: HTMLElement,\n  isEditable: boolean,\n): React.ReactElement {\n  const scrollerElem = anchorElem.parentElement\n\n  const { editorConfig } = useEditorConfigContext()\n  const blockHandleHorizontalOffset = editorConfig?.admin?.hideGutter ? -24 : 12\n\n  const menuRef = useRef<HTMLButtonElement>(null)\n  const [hoveredElement, setHoveredElement] = useState<{\n    elem: HTMLElement\n    node: LexicalNode\n  } | null>(null)\n\n  useEffect(() => {\n    function onDocumentMouseMove(event: MouseEvent) {\n      const target = event.target\n      if (!isHTMLElement(target)) {\n        return\n      }\n\n      const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n        scrollerElem,\n        event.pageX,\n        event.pageY,\n        target,\n      )\n\n      if (distanceFromScrollerElem === -1) {\n        setHoveredElement(null)\n        return\n      }\n\n      if (isOnHandleElement(target, ADD_BLOCK_MENU_CLASSNAME)) {\n        return\n      }\n      const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n      const {\n        blockElem: _emptyBlockElem,\n        blockNode,\n        foundAtIndex,\n      } = getNodeCloseToPoint({\n        anchorElem,\n        cache_threshold: 0,\n        editor,\n        horizontalOffset: -distanceFromScrollerElem,\n        point: new Point(event.x, event.y),\n        returnEmptyParagraphs: true,\n        startIndex: getCurrentIndex(topLevelNodeKeys.length),\n        useEdgeAsDefault: false,\n      })\n\n      prevIndex = foundAtIndex\n\n      if (!_emptyBlockElem) {\n        return\n      }\n      if (hoveredElement?.node !== blockNode || hoveredElement?.elem !== _emptyBlockElem) {\n        setHoveredElement({\n          elem: _emptyBlockElem,\n          node: blockNode,\n        })\n      }\n    }\n\n    // Since the draggableBlockElem is outside the actual editor, we need to listen to the document\n    // to be able to detect when the mouse is outside the editor and respect a buffer around\n    // the scrollerElem to avoid the draggableBlockElem disappearing too early.\n    document?.addEventListener('mousemove', onDocumentMouseMove)\n\n    return () => {\n      document?.removeEventListener('mousemove', onDocumentMouseMove)\n    }\n  }, [scrollerElem, anchorElem, editor, hoveredElement])\n\n  useEffect(() => {\n    if (menuRef.current && hoveredElement?.node) {\n      setHandlePosition(\n        hoveredElement?.elem,\n        menuRef.current,\n        anchorElem,\n        blockHandleHorizontalOffset,\n      )\n    }\n  }, [anchorElem, hoveredElement, blockHandleHorizontalOffset])\n\n  const handleAddClick = useCallback(\n    (event) => {\n      let hoveredElementToUse = hoveredElement\n      if (!hoveredElementToUse?.node) {\n        return\n      }\n\n      // 1. Update hoveredElement.node to a new paragraph node if the hoveredElement.node is not a paragraph node\n      editor.update(() => {\n        // Check if blockNode is an empty text node\n        let isEmptyParagraph = true\n        if (\n          hoveredElementToUse.node.getType() !== 'paragraph' ||\n          hoveredElementToUse.node.getTextContent() !== ''\n        ) {\n          isEmptyParagraph = false\n        }\n\n        if (!isEmptyParagraph) {\n          const newParagraph = $createParagraphNode()\n          hoveredElementToUse.node.insertAfter(newParagraph)\n\n          setTimeout(() => {\n            hoveredElementToUse = {\n              elem: editor.getElementByKey(newParagraph.getKey()),\n              node: newParagraph,\n            }\n            setHoveredElement(hoveredElementToUse)\n          }, 0)\n        }\n      })\n\n      // 2. Focus on the new paragraph node\n      setTimeout(() => {\n        editor.update(() => {\n          editor.focus()\n\n          if (\n            hoveredElementToUse.node &&\n            'select' in hoveredElementToUse.node &&\n            typeof hoveredElementToUse.node.select === 'function'\n          ) {\n            hoveredElementToUse.node.select()\n          }\n        })\n      }, 1)\n\n      // Make sure this is called AFTER the focusing has been processed by the browser\n      // Otherwise, this won't work\n      setTimeout(() => {\n        editor.dispatchCommand(ENABLE_SLASH_MENU_COMMAND, {\n          node: hoveredElementToUse.node as ParagraphNode,\n        })\n      }, 2)\n\n      event.stopPropagation()\n      event.preventDefault()\n    },\n    [editor, hoveredElement],\n  )\n\n  return createPortal(\n    <React.Fragment>\n      <button\n        className=\"icon add-block-menu\"\n        onClick={(event) => {\n          handleAddClick(event)\n        }}\n        ref={menuRef}\n        type=\"button\"\n      >\n        <div className={isEditable ? 'icon' : ''} />\n      </button>\n    </React.Fragment>,\n    anchorElem,\n  )\n}\n\nexport function AddBlockHandlePlugin({\n  anchorElem = document.body,\n}: {\n  anchorElem?: HTMLElement\n}): React.ReactElement {\n  const [editor] = useLexicalComposerContext()\n  return useAddBlockHandle(editor, anchorElem, editor._editable)\n}\n"],"names":["useLexicalComposerContext","$createParagraphNode","React","useCallback","useEffect","useRef","useState","createPortal","useEditorConfigContext","isHTMLElement","Point","ENABLE_SLASH_MENU_COMMAND","calculateDistanceFromScrollerElem","getNodeCloseToPoint","getTopLevelNodeKeys","isOnHandleElement","setHandlePosition","ADD_BLOCK_MENU_CLASSNAME","prevIndex","Infinity","getCurrentIndex","keysLength","Math","floor","useAddBlockHandle","editor","anchorElem","isEditable","scrollerElem","parentElement","editorConfig","blockHandleHorizontalOffset","admin","hideGutter","menuRef","hoveredElement","setHoveredElement","onDocumentMouseMove","event","target","distanceFromScrollerElem","pageX","pageY","topLevelNodeKeys","blockElem","_emptyBlockElem","blockNode","foundAtIndex","cache_threshold","horizontalOffset","point","x","y","returnEmptyParagraphs","startIndex","length","useEdgeAsDefault","node","elem","document","addEventListener","removeEventListener","current","handleAddClick","hoveredElementToUse","update","isEmptyParagraph","getType","getTextContent","newParagraph","insertAfter","setTimeout","getElementByKey","getKey","focus","select","dispatchCommand","stopPropagation","preventDefault","Fragment","button","className","onClick","ref","type","div","AddBlockHandlePlugin","body","_editable"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$createParagraphNode","React","useCallback","useEffect","useRef","useState","createPortal","useEditorConfigContext","isHTMLElement","Point","ENABLE_SLASH_MENU_COMMAND","calculateDistanceFromScrollerElem","getNodeCloseToPoint","getTopLevelNodeKeys","isOnHandleElement","setHandlePosition","ADD_BLOCK_MENU_CLASSNAME","prevIndex","Infinity","getCurrentIndex","keysLength","Math","floor","useAddBlockHandle","editor","anchorElem","isEditable","$","scrollerElem","parentElement","editorConfig","blockHandleHorizontalOffset","admin","hideGutter","menuRef","hoveredElement","setHoveredElement","t0","t1","onDocumentMouseMove","event","target","distanceFromScrollerElem","pageX","pageY","topLevelNodeKeys","blockElem","_emptyBlockElem","blockNode","foundAtIndex","cache_threshold","horizontalOffset","point","x","y","returnEmptyParagraphs","startIndex","length","useEdgeAsDefault","node","elem","document","addEventListener","removeEventListener","t2","current","t3","event_0","hoveredElementToUse","update","isEmptyParagraph","getType","getTextContent","newParagraph","insertAfter","setTimeout","getElementByKey","getKey","focus","select","dispatchCommand","stopPropagation","preventDefault","handleAddClick","t4","event_1","_jsx","Fragment","children","className","onClick","ref","type","AddBlockHandlePlugin","undefined","body","_editable"],"sources":["../../../../../src/lexical/plugins/handles/AddBlockHandlePlugin/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalEditor, LexicalNode, ParagraphNode } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $createParagraphNode } from 'lexical'\nimport * as React from 'react'\nimport { type JSX, useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { useEditorConfigContext } from '../../../config/client/EditorConfigProvider.js'\nimport { isHTMLElement } from '../../../utils/guard.js'\nimport { Point } from '../../../utils/point.js'\nimport { ENABLE_SLASH_MENU_COMMAND } from '../../SlashMenu/LexicalTypeaheadMenuPlugin/index.js'\nimport { calculateDistanceFromScrollerElem } from '../utils/calculateDistanceFromScrollerElem.js'\nimport { getNodeCloseToPoint } from '../utils/getNodeCloseToPoint.js'\nimport { getTopLevelNodeKeys } from '../utils/getTopLevelNodeKeys.js'\nimport { isOnHandleElement } from '../utils/isOnHandleElement.js'\nimport { setHandlePosition } from '../utils/setHandlePosition.js'\nimport './index.scss'\n\nconst ADD_BLOCK_MENU_CLASSNAME = 'add-block-menu'\n\nlet prevIndex = Infinity\n\nfunction getCurrentIndex(keysLength: number): number {\n  if (keysLength === 0) {\n    return Infinity\n  }\n  if (prevIndex >= 0 && prevIndex < keysLength) {\n    return prevIndex\n  }\n\n  return Math.floor(keysLength / 2)\n}\n\nfunction useAddBlockHandle(\n  editor: LexicalEditor,\n  anchorElem: HTMLElement,\n  isEditable: boolean,\n): React.ReactElement {\n  const scrollerElem = anchorElem.parentElement\n\n  const { editorConfig } = useEditorConfigContext()\n  const blockHandleHorizontalOffset = editorConfig?.admin?.hideGutter ? -24 : 12\n\n  const menuRef = useRef<HTMLButtonElement>(null)\n  const [hoveredElement, setHoveredElement] = useState<{\n    elem: HTMLElement\n    node: LexicalNode\n  } | null>(null)\n\n  useEffect(() => {\n    function onDocumentMouseMove(event: MouseEvent) {\n      const target = event.target\n      if (!isHTMLElement(target)) {\n        return\n      }\n\n      const distanceFromScrollerElem = calculateDistanceFromScrollerElem(\n        scrollerElem,\n        event.pageX,\n        event.pageY,\n        target,\n      )\n\n      if (distanceFromScrollerElem === -1) {\n        setHoveredElement(null)\n        return\n      }\n\n      if (isOnHandleElement(target, ADD_BLOCK_MENU_CLASSNAME)) {\n        return\n      }\n      const topLevelNodeKeys = getTopLevelNodeKeys(editor)\n\n      const {\n        blockElem: _emptyBlockElem,\n        blockNode,\n        foundAtIndex,\n      } = getNodeCloseToPoint({\n        anchorElem,\n        cache_threshold: 0,\n        editor,\n        horizontalOffset: -distanceFromScrollerElem,\n        point: new Point(event.x, event.y),\n        returnEmptyParagraphs: true,\n        startIndex: getCurrentIndex(topLevelNodeKeys.length),\n        useEdgeAsDefault: false,\n      })\n\n      prevIndex = foundAtIndex\n\n      if (!_emptyBlockElem) {\n        return\n      }\n      if (hoveredElement?.node !== blockNode || hoveredElement?.elem !== _emptyBlockElem) {\n        setHoveredElement({\n          elem: _emptyBlockElem,\n          node: blockNode,\n        })\n      }\n    }\n\n    // Since the draggableBlockElem is outside the actual editor, we need to listen to the document\n    // to be able to detect when the mouse is outside the editor and respect a buffer around\n    // the scrollerElem to avoid the draggableBlockElem disappearing too early.\n    document?.addEventListener('mousemove', onDocumentMouseMove)\n\n    return () => {\n      document?.removeEventListener('mousemove', onDocumentMouseMove)\n    }\n  }, [scrollerElem, anchorElem, editor, hoveredElement])\n\n  useEffect(() => {\n    if (menuRef.current && hoveredElement?.node) {\n      setHandlePosition(\n        hoveredElement?.elem,\n        menuRef.current,\n        anchorElem,\n        blockHandleHorizontalOffset,\n      )\n    }\n  }, [anchorElem, hoveredElement, blockHandleHorizontalOffset])\n\n  const handleAddClick = useCallback(\n    (event) => {\n      let hoveredElementToUse = hoveredElement\n      if (!hoveredElementToUse?.node) {\n        return\n      }\n\n      // 1. Update hoveredElement.node to a new paragraph node if the hoveredElement.node is not a paragraph node\n      editor.update(() => {\n        // Check if blockNode is an empty text node\n        let isEmptyParagraph = true\n        if (\n          hoveredElementToUse.node.getType() !== 'paragraph' ||\n          hoveredElementToUse.node.getTextContent() !== ''\n        ) {\n          isEmptyParagraph = false\n        }\n\n        if (!isEmptyParagraph) {\n          const newParagraph = $createParagraphNode()\n          hoveredElementToUse.node.insertAfter(newParagraph)\n\n          setTimeout(() => {\n            hoveredElementToUse = {\n              elem: editor.getElementByKey(newParagraph.getKey()),\n              node: newParagraph,\n            }\n            setHoveredElement(hoveredElementToUse)\n          }, 0)\n        }\n      })\n\n      // 2. Focus on the new paragraph node\n      setTimeout(() => {\n        editor.update(() => {\n          editor.focus()\n\n          if (\n            hoveredElementToUse.node &&\n            'select' in hoveredElementToUse.node &&\n            typeof hoveredElementToUse.node.select === 'function'\n          ) {\n            hoveredElementToUse.node.select()\n          }\n        })\n      }, 1)\n\n      // Make sure this is called AFTER the focusing has been processed by the browser\n      // Otherwise, this won't work\n      setTimeout(() => {\n        editor.dispatchCommand(ENABLE_SLASH_MENU_COMMAND, {\n          node: hoveredElementToUse.node as ParagraphNode,\n        })\n      }, 2)\n\n      event.stopPropagation()\n      event.preventDefault()\n    },\n    [editor, hoveredElement],\n  )\n\n  return createPortal(\n    <React.Fragment>\n      <button\n        className=\"icon add-block-menu\"\n        onClick={(event) => {\n          handleAddClick(event)\n        }}\n        ref={menuRef}\n        type=\"button\"\n      >\n        <div className={isEditable ? 'icon' : ''} />\n      </button>\n    </React.Fragment>,\n    anchorElem,\n  )\n}\n\nexport function AddBlockHandlePlugin({\n  anchorElem = document.body,\n}: {\n  anchorElem?: HTMLElement\n}): React.ReactElement {\n  const [editor] = useLexicalComposerContext()\n  return useAddBlockHandle(editor, anchorElem, editor._editable)\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,oBAAoB,QAAQ;AACrC,YAAYC,KAAA,MAAW;AACvB,SAAmBC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AACnE,SAASC,YAAY,QAAQ;AAE7B,SAASC,sBAAsB,QAAQ;AACvC,SAASC,aAAa,QAAQ;AAC9B,SAASC,KAAK,QAAQ;AACtB,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,iCAAiC,QAAQ;AAClD,SAASC,mBAAmB,QAAQ;AACpC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,iBAAiB,QAAQ;AAClC,SAASC,iBAAiB,QAAQ;AAGlC,MAAMC,wBAAA,GAA2B;AAEjC,IAAIC,SAAA,GAAYC,QAAA;AAEhB,SAASC,gBAAgBC,UAAkB;EACzC,IAAIA,UAAA,KAAe,GAAG;IACpB,OAAOF,QAAA;EACT;EACA,IAAID,SAAA,IAAa,KAAKA,SAAA,GAAYG,UAAA,EAAY;IAC5C,OAAOH,SAAA;EACT;EAEA,OAAOI,IAAA,CAAKC,KAAK,CAACF,UAAA,GAAa;AACjC;AAEA,SAAAG,kBAAAC,MAAA,EAAAC,UAAA,EAAAC,UAAA;EAAA,MAAAC,CAAA,GAAA7B,EAAA;EAKE,MAAA8B,YAAA,GAAqBH,UAAA,CAAAI,aAAA;EAErB;IAAAC;EAAA,IAAyBvB,sBAAA;EACzB,MAAAwB,2BAAA,GAAoCD,YAAA,EAAAE,KAAA,EAAAC,UAAA,WAAwC;EAE5E,MAAAC,OAAA,GAAgB9B,MAAA,KAA0B;EAC1C,OAAA+B,cAAA,EAAAC,iBAAA,IAA4C/B,QAAA,KAGlC;EAAA,IAAAgC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAX,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAH,MAAA,IAAAG,CAAA,QAAAF,UAAA,IAAAE,CAAA,QAAAQ,cAAA;IAEAE,EAAA,GAAAA,CAAA;MACR,MAAAE,mBAAA,YAAAA,oBAAAC,KAAA;QACE,MAAAC,MAAA,GAAeD,KAAA,CAAAC,MAAA;QAAY,KACtBjC,aAAA,CAAciC,MAAA;UAAA;QAAA;QAInB,MAAAC,wBAAA,GAAiC/B,iCAAA,CAC/BiB,YAAA,EACAY,KAAA,CAAAG,KAAA,EACAH,KAAA,CAAAI,KAAA,EACAH,MAAA;QAAA,IAGEC,wBAAA,OAA8B;UAChCN,iBAAA,KAAkB;UAAA;QAAA;QAAA,IAIhBtB,iBAAA,CAAkB2B,MAAA,EAAAzB,wBAAQ;UAAA;QAAA;QAG9B,MAAA6B,gBAAA,GAAyBhC,mBAAA,CAAoBW,MAAA;QAE7C;UAAAsB,SAAA,EAAAC,eAAA;UAAAC,SAAA;UAAAC;QAAA,IAIIrC,mBAAA;UAAAa,UAAA;UAAAyB,eAAA;UAAA1B,MAAA;UAAA2B,gBAAA,GAIiBT,wBAAA;UAAAU,KAAA,MAAA3C,KAAA,CACF+B,KAAA,CAAAa,CAAA,EAASb,KAAA,CAAAc,CAAA;UAAAC,qBAAA;UAAAC,UAAA,EAEdrC,eAAA,CAAgB0B,gBAAA,CAAAY,MAAuB;UAAAC,gBAAA;QAAA,CAErD;QAAAzC,SAAA,GAEYgC,YAAA;QAAA,KAEPF,eAAA;UAAA;QAAA;QAAA,IAGDZ,cAAA,EAAAwB,IAAA,KAAyBX,SAAA,IAAab,cAAA,EAAAyB,IAAA,KAAyBb,eAAA;UACjEX,iBAAA;YAAAwB,IAAA,EACQb,eAAA;YAAAY,IAAA,EACAX;UAAA,CACR;QAAA;MAAA;MAEJa,QAAA,EAAAC,gBAAA,CAK2B,aAAavB,mBAAA;MAAA;QAAAsB,QAAA,EAAAE,mBAAA,CAGR,aAAaxB,mBAAA;MAAA;IAAA;IAE5CD,EAAA,IAACV,YAAA,EAAcH,UAAA,EAAYD,MAAA,EAAQW,cAAA;IAAeR,CAAA,MAAAC,YAAA;IAAAD,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAF,UAAA;IAAAE,CAAA,MAAAQ,cAAA;IAAAR,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAD,EAAA,GAAAV,CAAA;IAAAW,EAAA,GAAAX,CAAA;EAAA;EA5DrDxB,SAAA,CAAUkC,EA4DV,EAAGC,EAAkD;EAAA,IAAA0B,EAAA;EAAA,IAAArC,CAAA,QAAAF,UAAA,IAAAE,CAAA,QAAAQ,cAAA,IAAAR,CAAA,QAAAI,2BAAA;IAWlDiC,EAAA,IAACvC,UAAA,EAAYU,cAAA,EAAgBJ,2BAAA;IAA4BJ,CAAA,MAAAF,UAAA;IAAAE,CAAA,MAAAQ,cAAA;IAAAR,CAAA,MAAAI,2BAAA;IAAAJ,CAAA,MAAAqC,EAAA;EAAA;IAAAA,EAAA,GAAArC,CAAA;EAAA;EAT5DxB,SAAA;IAAA,IACM+B,OAAA,CAAA+B,OAAA,IAAmB9B,cAAA,EAAAwB,IAAgB;MACrC5C,iBAAA,CACEoB,cAAA,EAAAyB,IAAA,EACA1B,OAAA,CAAA+B,OAAA,EACAxC,UAAA,EACAM,2BAAA;IAAA;EAAA,GAGHiC,EAAyD;EAAA,IAAAE,EAAA;EAAA,IAAAvC,CAAA,SAAAQ,cAAA,IAAAR,CAAA,SAAAH,MAAA;IAG1D0C,EAAA,GAAAC,OAAA;MACE,IAAAC,mBAAA;MAAAA,mBAAA,GAA0BjC,cAAA;MAAA,KACrBiC,mBAAA,EAAAT,IAAA;QAAA;MAAA;MAKLnC,MAAA,CAAA6C,MAAA;QAEE,IAAAC,gBAAA;QAAuB,IAErBF,mBAAA,CAAAT,IAAA,CAAAY,OAAA,CAAgC,MAAO,eACvCH,mBAAA,CAAAT,IAAA,CAAAa,cAAA,CAAuC,MAAO;UAE9CF,gBAAA,CAAAA,CAAA,CAAAA,KAAA;QAAA;QAAA,KAGGA,gBAAA;UACH,MAAAG,YAAA,GAAqBzE,oBAAA;UACrBoE,mBAAA,CAAAT,IAAA,CAAAe,WAAA,CAAqCD,YAAA;UAErCE,UAAA;YACEP,mBAAA,CAAAA,CAAA,CAAAA;cAAAA,KAAA,CACQ5C,MAAA,CAAAoD,eAAA,CAAuBH,YAAA,CAAAI,MAAA,CAAmB;cAAAlB,IAAA,EAC1Cc;YAAA;YAERrC,iBAAA,CAAkBgC,mBAAA;UAAA,IACjB;QAAA;MAAA,CAEP;MAGAO,UAAA;QACEnD,MAAA,CAAA6C,MAAA;UACE7C,MAAA,CAAAsD,KAAA,CAAY;UAAA,IAGVV,mBAAA,CAAAT,IAAA,IACA,YAAYS,mBAAA,CAAAT,IAAwB,IACpC,OAAOS,mBAAA,CAAAT,IAAA,CAAAoB,MAAA,KAAoC;YAE3CX,mBAAA,CAAAT,IAAA,CAAAoB,MAAA,CAA+B;UAAA;QAAA,CAEnC;MAAA,IACC;MAIHJ,UAAA;QACEnD,MAAA,CAAAwD,eAAA,CAAAtE,yBAAA;UAAAiD,IAAA,EACQS,mBAAA,CAAAT;QAAA,CACR;MAAA,IACC;MAEHnB,OAAA,CAAAyC,eAAA,CAAqB;MACrBzC,OAAA,CAAA0C,cAAA,CAAoB;IAAA;IACtBvD,CAAA,OAAAQ,cAAA;IAAAR,CAAA,OAAAH,MAAA;IAAAG,CAAA,OAAAuC,EAAA;EAAA;IAAAA,EAAA,GAAAvC,CAAA;EAAA;EAzDF,MAAAwD,cAAA,GAAuBjB,EA0DG;EAAA,IAAAkB,EAAA;EAAA,IAAAzD,CAAA,SAAAwD,cAAA;IAOXC,EAAA,GAAAC,OAAA;MACPF,cAAA,CAAe3C,OAAA;IAAA;IACjBb,CAAA,OAAAwD,cAAA;IAAAxD,CAAA,OAAAyD,EAAA;EAAA;IAAAA,EAAA,GAAAzD,CAAA;EAAA;EAAA,OANCrB,YAAA,CACLgF,IAAA,CAAArF,KAAA,CAAAsF,QAAA;IAAAC,QAAA,EACEF,IAAA,CAAC;MAAAG,SAAA,EACW;MAAAC,OAAA,EACDN,EAET;MAAAO,GAAA,EACKzD,OAAA;MAAA0D,IAAA,EACA;MAAAJ,QAAA,EAELF,IAAA,CAAC;QAAAG,SAAA,EAAe/D,UAAA,GAAa,SAAS;MAAA,C;;MAG1CD,UAAA;AAAA;AAIJ,OAAO,SAAAoE,qBAAAxD,EAAA;EAA8B;IAAAZ,UAAA,EAAAa;EAAA,IAAAD,EAIpC;EAHC,MAAAZ,UAAA,GAAAa,EAA0B,KAAAwD,SAAA,GAAAjC,QAAA,CAAAkC,IAAA,GAA1BzD,EAA0B;EAI1B,OAAAd,MAAA,IAAiBzB,yBAAA;EAAA,OACVwB,iBAAA,CAAkBC,MAAA,EAAQC,UAAA,EAAYD,MAAA,CAAAwE,SAAgB;AAAA","ignoreList":[]}

package/dist/lexical/plugins/handles/DraggableBlockPlugin/debounce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/debounce.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,aAEzB,GAAG,EAAE,UAUhC"}
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/debounce.ts"],"names":[],"mappings":"AACA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,aAEzB,GAAG,EAAE,UAUhC"}

package/dist/lexical/plugins/handles/DraggableBlockPlugin/debounce.js

@@ -1,14 +1,15 @@
+'use client';
+
 export function debounce(func, wait) {
-    let timeout = null;
-    return function(...args) {
-        const later = ()=>{
-            clearTimeout(timeout);
-            timeout = null;
-            func(...args);
-        };
-        clearTimeout(timeout);
-        timeout = window.setTimeout(later, wait);
+  let timeout = null;
+  return function (...args) {
+    const later = () => {
+      clearTimeout(timeout);
+      timeout = null;
+      func(...args);
     };
+    clearTimeout(timeout);
+    timeout = window.setTimeout(later, wait);
+  };
 }
-
 //# sourceMappingURL=debounce.js.map

package/dist/lexical/plugins/handles/DraggableBlockPlugin/debounce.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/debounce.ts"],"sourcesContent":["export function debounce(func: Function, wait: number) {\n  let timeout: null | number = null\n  return function (...args: any[]) {\n    const later = () => {\n      clearTimeout(timeout)\n      timeout = null\n      func(...args)\n    }\n\n    clearTimeout(timeout)\n    timeout = window.setTimeout(later, wait)\n  }\n}\n"],"names":["debounce","func","wait","timeout","args","later","clearTimeout","window","setTimeout"],"mappings":"AAAA,OAAO,SAASA,SAASC,IAAc,EAAEC,IAAY;IACnD,IAAIC,UAAyB;IAC7B,OAAO,SAAU,GAAGC,IAAW;QAC7B,MAAMC,QAAQ;YACZC,aAAaH;YACbA,UAAU;YACVF,QAAQG;QACV;QAEAE,aAAaH;QACbA,UAAUI,OAAOC,UAAU,CAACH,OAAOH;IACrC;AACF"}
+{"version":3,"file":"debounce.js","names":["debounce","func","wait","timeout","args","later","clearTimeout","window","setTimeout"],"sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/debounce.ts"],"sourcesContent":["'use client'\nexport function debounce(func: Function, wait: number) {\n  let timeout: null | number = null\n  return function (...args: any[]) {\n    const later = () => {\n      clearTimeout(timeout)\n      timeout = null\n      func(...args)\n    }\n\n    clearTimeout(timeout)\n    timeout = window.setTimeout(later, wait)\n  }\n}\n"],"mappings":"AAAA;;AACA,OAAO,SAASA,SAASC,IAAc,EAAEC,IAAY;EACnD,IAAIC,OAAA,GAAyB;EAC7B,OAAO,UAAU,GAAGC,IAAW;IAC7B,MAAMC,KAAA,GAAQA,CAAA;MACZC,YAAA,CAAaH,OAAA;MACbA,OAAA,GAAU;MACVF,IAAA,IAAQG,IAAA;IACV;IAEAE,YAAA,CAAaH,OAAA;IACbA,OAAA,GAAUI,MAAA,CAAOC,UAAU,CAACH,KAAA,EAAOH,IAAA;EACrC;AACF","ignoreList":[]}

package/dist/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getBoundingRectWithoutTransform.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.ts"],"names":[],"mappings":"AAAA,wBAAgB,qCAAqC,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAchF"}
+{"version":3,"file":"getBoundingRectWithoutTransform.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.ts"],"names":[],"mappings":"AACA,wBAAgB,qCAAqC,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAchF"}

package/dist/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.js

@@ -1,14 +1,15 @@
+'use client';
+
 export function getBoundingClientRectWithoutTransform(elem) {
-    const rect = elem.getBoundingClientRect();
-    // Extract the translation value from the transform style
-    const transformValue = getComputedStyle(elem).getPropertyValue('transform');
-    if (!transformValue || transformValue === 'none') {
-        return rect;
-    }
-    const lastNumberOfTransformValue = transformValue.split(',').pop();
-    rect.y = rect.y - Number(lastNumberOfTransformValue.replace(')', ''));
-    // Return the original bounding rect if no translation is applied
+  const rect = elem.getBoundingClientRect();
+  // Extract the translation value from the transform style
+  const transformValue = getComputedStyle(elem).getPropertyValue('transform');
+  if (!transformValue || transformValue === 'none') {
     return rect;
+  }
+  const lastNumberOfTransformValue = transformValue.split(',').pop();
+  rect.y = rect.y - Number(lastNumberOfTransformValue.replace(')', ''));
+  // Return the original bounding rect if no translation is applied
+  return rect;
 }
-
 //# sourceMappingURL=getBoundingRectWithoutTransform.js.map

package/dist/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.ts"],"sourcesContent":["export function getBoundingClientRectWithoutTransform(elem: HTMLElement): DOMRect {\n  const rect = elem.getBoundingClientRect()\n\n  // Extract the translation value from the transform style\n  const transformValue = getComputedStyle(elem).getPropertyValue('transform')\n  if (!transformValue || transformValue === 'none') {\n    return rect\n  }\n\n  const lastNumberOfTransformValue = transformValue.split(',').pop()\n  rect.y = rect.y - Number(lastNumberOfTransformValue.replace(')', ''))\n\n  // Return the original bounding rect if no translation is applied\n  return rect\n}\n"],"names":["getBoundingClientRectWithoutTransform","elem","rect","getBoundingClientRect","transformValue","getComputedStyle","getPropertyValue","lastNumberOfTransformValue","split","pop","y","Number","replace"],"mappings":"AAAA,OAAO,SAASA,sCAAsCC,IAAiB;IACrE,MAAMC,OAAOD,KAAKE,qBAAqB;IAEvC,yDAAyD;IACzD,MAAMC,iBAAiBC,iBAAiBJ,MAAMK,gBAAgB,CAAC;IAC/D,IAAI,CAACF,kBAAkBA,mBAAmB,QAAQ;QAChD,OAAOF;IACT;IAEA,MAAMK,6BAA6BH,eAAeI,KAAK,CAAC,KAAKC,GAAG;IAChEP,KAAKQ,CAAC,GAAGR,KAAKQ,CAAC,GAAGC,OAAOJ,2BAA2BK,OAAO,CAAC,KAAK;IAEjE,iEAAiE;IACjE,OAAOV;AACT"}
+{"version":3,"file":"getBoundingRectWithoutTransform.js","names":["getBoundingClientRectWithoutTransform","elem","rect","getBoundingClientRect","transformValue","getComputedStyle","getPropertyValue","lastNumberOfTransformValue","split","pop","y","Number","replace"],"sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/getBoundingRectWithoutTransform.ts"],"sourcesContent":["'use client'\nexport function getBoundingClientRectWithoutTransform(elem: HTMLElement): DOMRect {\n  const rect = elem.getBoundingClientRect()\n\n  // Extract the translation value from the transform style\n  const transformValue = getComputedStyle(elem).getPropertyValue('transform')\n  if (!transformValue || transformValue === 'none') {\n    return rect\n  }\n\n  const lastNumberOfTransformValue = transformValue.split(',').pop()\n  rect.y = rect.y - Number(lastNumberOfTransformValue.replace(')', ''))\n\n  // Return the original bounding rect if no translation is applied\n  return rect\n}\n"],"mappings":"AAAA;;AACA,OAAO,SAASA,sCAAsCC,IAAiB;EACrE,MAAMC,IAAA,GAAOD,IAAA,CAAKE,qBAAqB;EAEvC;EACA,MAAMC,cAAA,GAAiBC,gBAAA,CAAiBJ,IAAA,EAAMK,gBAAgB,CAAC;EAC/D,IAAI,CAACF,cAAA,IAAkBA,cAAA,KAAmB,QAAQ;IAChD,OAAOF,IAAA;EACT;EAEA,MAAMK,0BAAA,GAA6BH,cAAA,CAAeI,KAAK,CAAC,KAAKC,GAAG;EAChEP,IAAA,CAAKQ,CAAC,GAAGR,IAAA,CAAKQ,CAAC,GAAGC,MAAA,CAAOJ,0BAAA,CAA2BK,OAAO,CAAC,KAAK;EAEjE;EACA,OAAOV,IAAA;AACT","ignoreList":[]}

package/dist/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highlightElemOriginalPosition.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,wBAAgB,6BAA6B,CAC3C,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EACzD,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,WAAW,QA4BxB"}
+{"version":3,"file":"highlightElemOriginalPosition.d.ts","sourceRoot":"","sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,wBAAgB,6BAA6B,CAC3C,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EACzD,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,WAAW,QA4BxB"}

package/dist/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.js

@@ -1,27 +1,31 @@
+'use client';
+
 import { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js';
 export function highlightElemOriginalPosition(debugHighlightRef, htmlElem, anchorElem) {
-    if (!debugHighlightRef.current) {
-        // If the ref doesn't point to an existing element, we can't set styles
-        return;
-    }
-    const { left: anchorLeft, top: anchorTop } = anchorElem.getBoundingClientRect();
-    // Get computed styles of the given element
-    const boundingRect = getBoundingClientRectWithoutTransform(htmlElem);
-    // Extract necessary styles (ignoring transform)
-    const width = boundingRect.width;
-    const height = boundingRect.height;
-    const top = boundingRect.top - anchorTop;
-    const left = boundingRect.left - anchorLeft;
-    debugHighlightRef.current.style.border = '2px solid green';
-    debugHighlightRef.current.style.boxSizing = 'border-box';
-    debugHighlightRef.current.style.height = height + 'px';
-    debugHighlightRef.current.style.pointerEvents = 'none';
-    debugHighlightRef.current.style.position = 'absolute';
-    debugHighlightRef.current.style.top = top + 'px';
-    debugHighlightRef.current.style.left = left + 'px';
-    debugHighlightRef.current.style.width = width + 'px';
-    debugHighlightRef.current.style.zIndex = '1000';
-    debugHighlightRef.current.style.opacity = '0.5';
+  if (!debugHighlightRef.current) {
+    // If the ref doesn't point to an existing element, we can't set styles
+    return;
+  }
+  const {
+    left: anchorLeft,
+    top: anchorTop
+  } = anchorElem.getBoundingClientRect();
+  // Get computed styles of the given element
+  const boundingRect = getBoundingClientRectWithoutTransform(htmlElem);
+  // Extract necessary styles (ignoring transform)
+  const width = boundingRect.width;
+  const height = boundingRect.height;
+  const top = boundingRect.top - anchorTop;
+  const left = boundingRect.left - anchorLeft;
+  debugHighlightRef.current.style.border = '2px solid green';
+  debugHighlightRef.current.style.boxSizing = 'border-box';
+  debugHighlightRef.current.style.height = height + 'px';
+  debugHighlightRef.current.style.pointerEvents = 'none';
+  debugHighlightRef.current.style.position = 'absolute';
+  debugHighlightRef.current.style.top = top + 'px';
+  debugHighlightRef.current.style.left = left + 'px';
+  debugHighlightRef.current.style.width = width + 'px';
+  debugHighlightRef.current.style.zIndex = '1000';
+  debugHighlightRef.current.style.opacity = '0.5';
 }
-
 //# sourceMappingURL=highlightElemOriginalPosition.js.map

package/dist/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.ts"],"sourcesContent":["import type React from 'react'\n\nimport { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js'\n\nexport function highlightElemOriginalPosition(\n  debugHighlightRef: React.RefObject<HTMLDivElement | null>,\n  htmlElem: HTMLElement,\n  anchorElem: HTMLElement,\n) {\n  if (!debugHighlightRef.current) {\n    // If the ref doesn't point to an existing element, we can't set styles\n    return\n  }\n\n  const { left: anchorLeft, top: anchorTop } = anchorElem.getBoundingClientRect()\n\n  // Get computed styles of the given element\n  const boundingRect = getBoundingClientRectWithoutTransform(htmlElem)\n\n  // Extract necessary styles (ignoring transform)\n  const width = boundingRect.width\n  const height = boundingRect.height\n  const top = boundingRect.top - anchorTop\n  const left = boundingRect.left - anchorLeft\n\n  debugHighlightRef.current.style.border = '2px solid green'\n  debugHighlightRef.current.style.boxSizing = 'border-box'\n  debugHighlightRef.current.style.height = height + 'px'\n  debugHighlightRef.current.style.pointerEvents = 'none'\n  debugHighlightRef.current.style.position = 'absolute'\n  debugHighlightRef.current.style.top = top + 'px'\n  debugHighlightRef.current.style.left = left + 'px'\n  debugHighlightRef.current.style.width = width + 'px'\n  debugHighlightRef.current.style.zIndex = '1000'\n  debugHighlightRef.current.style.opacity = '0.5'\n}\n"],"names":["getBoundingClientRectWithoutTransform","highlightElemOriginalPosition","debugHighlightRef","htmlElem","anchorElem","current","left","anchorLeft","top","anchorTop","getBoundingClientRect","boundingRect","width","height","style","border","boxSizing","pointerEvents","position","zIndex","opacity"],"mappings":"AAEA,SAASA,qCAAqC,QAAQ,uCAAsC;AAE5F,OAAO,SAASC,8BACdC,iBAAyD,EACzDC,QAAqB,EACrBC,UAAuB;IAEvB,IAAI,CAACF,kBAAkBG,OAAO,EAAE;QAC9B,uEAAuE;QACvE;IACF;IAEA,MAAM,EAAEC,MAAMC,UAAU,EAAEC,KAAKC,SAAS,EAAE,GAAGL,WAAWM,qBAAqB;IAE7E,2CAA2C;IAC3C,MAAMC,eAAeX,sCAAsCG;IAE3D,gDAAgD;IAChD,MAAMS,QAAQD,aAAaC,KAAK;IAChC,MAAMC,SAASF,aAAaE,MAAM;IAClC,MAAML,MAAMG,aAAaH,GAAG,GAAGC;IAC/B,MAAMH,OAAOK,aAAaL,IAAI,GAAGC;IAEjCL,kBAAkBG,OAAO,CAACS,KAAK,CAACC,MAAM,GAAG;IACzCb,kBAAkBG,OAAO,CAACS,KAAK,CAACE,SAAS,GAAG;IAC5Cd,kBAAkBG,OAAO,CAACS,KAAK,CAACD,MAAM,GAAGA,SAAS;IAClDX,kBAAkBG,OAAO,CAACS,KAAK,CAACG,aAAa,GAAG;IAChDf,kBAAkBG,OAAO,CAACS,KAAK,CAACI,QAAQ,GAAG;IAC3ChB,kBAAkBG,OAAO,CAACS,KAAK,CAACN,GAAG,GAAGA,MAAM;IAC5CN,kBAAkBG,OAAO,CAACS,KAAK,CAACR,IAAI,GAAGA,OAAO;IAC9CJ,kBAAkBG,OAAO,CAACS,KAAK,CAACF,KAAK,GAAGA,QAAQ;IAChDV,kBAAkBG,OAAO,CAACS,KAAK,CAACK,MAAM,GAAG;IACzCjB,kBAAkBG,OAAO,CAACS,KAAK,CAACM,OAAO,GAAG;AAC5C"}
+{"version":3,"file":"highlightElemOriginalPosition.js","names":["getBoundingClientRectWithoutTransform","highlightElemOriginalPosition","debugHighlightRef","htmlElem","anchorElem","current","left","anchorLeft","top","anchorTop","getBoundingClientRect","boundingRect","width","height","style","border","boxSizing","pointerEvents","position","zIndex","opacity"],"sources":["../../../../../src/lexical/plugins/handles/DraggableBlockPlugin/highlightElemOriginalPosition.ts"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { getBoundingClientRectWithoutTransform } from './getBoundingRectWithoutTransform.js'\n\nexport function highlightElemOriginalPosition(\n  debugHighlightRef: React.RefObject<HTMLDivElement | null>,\n  htmlElem: HTMLElement,\n  anchorElem: HTMLElement,\n) {\n  if (!debugHighlightRef.current) {\n    // If the ref doesn't point to an existing element, we can't set styles\n    return\n  }\n\n  const { left: anchorLeft, top: anchorTop } = anchorElem.getBoundingClientRect()\n\n  // Get computed styles of the given element\n  const boundingRect = getBoundingClientRectWithoutTransform(htmlElem)\n\n  // Extract necessary styles (ignoring transform)\n  const width = boundingRect.width\n  const height = boundingRect.height\n  const top = boundingRect.top - anchorTop\n  const left = boundingRect.left - anchorLeft\n\n  debugHighlightRef.current.style.border = '2px solid green'\n  debugHighlightRef.current.style.boxSizing = 'border-box'\n  debugHighlightRef.current.style.height = height + 'px'\n  debugHighlightRef.current.style.pointerEvents = 'none'\n  debugHighlightRef.current.style.position = 'absolute'\n  debugHighlightRef.current.style.top = top + 'px'\n  debugHighlightRef.current.style.left = left + 'px'\n  debugHighlightRef.current.style.width = width + 'px'\n  debugHighlightRef.current.style.zIndex = '1000'\n  debugHighlightRef.current.style.opacity = '0.5'\n}\n"],"mappings":"AAAA;;AAGA,SAASA,qCAAqC,QAAQ;AAEtD,OAAO,SAASC,8BACdC,iBAAyD,EACzDC,QAAqB,EACrBC,UAAuB;EAEvB,IAAI,CAACF,iBAAA,CAAkBG,OAAO,EAAE;IAC9B;IACA;EACF;EAEA,MAAM;IAAEC,IAAA,EAAMC,UAAU;IAAEC,GAAA,EAAKC;EAAS,CAAE,GAAGL,UAAA,CAAWM,qBAAqB;EAE7E;EACA,MAAMC,YAAA,GAAeX,qCAAA,CAAsCG,QAAA;EAE3D;EACA,MAAMS,KAAA,GAAQD,YAAA,CAAaC,KAAK;EAChC,MAAMC,MAAA,GAASF,YAAA,CAAaE,MAAM;EAClC,MAAML,GAAA,GAAMG,YAAA,CAAaH,GAAG,GAAGC,SAAA;EAC/B,MAAMH,IAAA,GAAOK,YAAA,CAAaL,IAAI,GAAGC,UAAA;EAEjCL,iBAAA,CAAkBG,OAAO,CAACS,KAAK,CAACC,MAAM,GAAG;EACzCb,iBAAA,CAAkBG,OAAO,CAACS,KAAK,CAACE,SAAS,GAAG;EAC5Cd,iBAAA,CAAkBG,OAAO,CAACS,KAAK,CAACD,MAAM,GAAGA,MAAA,GAAS;EAClDX,iBAAA,CAAkBG,OAAO,CAACS,KAAK,CAACG,aAAa,GAAG;EAChDf,iBAAA,CAAkBG,OAAO,CAACS,KAAK,CAACI,QAAQ,GAAG;EAC3ChB,iBAAA,CAAkBG,OAAO,CAACS,KAAK,CAACN,GAAG,GAAGA,GAAA,GAAM;EAC5CN,iBAAA,CAAkBG,OAAO,CAACS,KAAK,CAACR,IAAI,GAAGA,IAAA,GAAO;EAC9CJ,iBAAA,CAAkBG,OAAO,CAACS,KAAK,CAACF,KAAK,GAAGA,KAAA,GAAQ;EAChDV,iBAAA,CAAkBG,OAAO,CAACS,KAAK,CAACK,MAAM,GAAG;EACzCjB,iBAAA,CAAkBG,OAAO,CAACS,KAAK,CAACM,OAAO,GAAG;AAC5C","ignoreList":[]}