zurfyx-lexical-react 0.39.1-nightly.20251225.0 → 0.39.1-nightly.20251225.1

package/npm/LexicalDraggableBlockPlugin.dev.mjs

@@ -1,532 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { eventFiles } from '@lexical/rich-text';
-import { mergeRegister, isHTMLElement, calculateZoomLevel } from '@lexical/utils';
-import { DRAGOVER_COMMAND, COMMAND_PRIORITY_LOW, DROP_COMMAND, COMMAND_PRIORITY_HIGH, $getNodeByKey, $getNearestNodeFromDOMNode, $getRoot } from 'lexical';
-import { useRef, useState, useCallback, useEffect } from 'react';
-import { createPortal } from 'react-dom';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-class Point {
-  _x;
-  _y;
-  constructor(x, y) {
-    this._x = x;
-    this._y = y;
-  }
-  get x() {
-    return this._x;
-  }
-  get y() {
-    return this._y;
-  }
-  equals({
-    x,
-    y
-  }) {
-    return this.x === x && this.y === y;
-  }
-  calcDeltaXTo({
-    x
-  }) {
-    return this.x - x;
-  }
-  calcDeltaYTo({
-    y
-  }) {
-    return this.y - y;
-  }
-  calcHorizontalDistanceTo(point) {
-    return Math.abs(this.calcDeltaXTo(point));
-  }
-  calcVerticalDistance(point) {
-    return Math.abs(this.calcDeltaYTo(point));
-  }
-  calcDistanceTo(point) {
-    return Math.sqrt(Math.pow(this.calcDeltaXTo(point), 2) + Math.pow(this.calcDeltaYTo(point), 2));
-  }
-}
-function isPoint(x) {
-  return x instanceof Point;
-}
-
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-class Rectangle {
-  _left;
-  _top;
-  _right;
-  _bottom;
-  constructor(left, top, right, bottom) {
-    const [physicTop, physicBottom] = top <= bottom ? [top, bottom] : [bottom, top];
-    const [physicLeft, physicRight] = left <= right ? [left, right] : [right, left];
-    this._top = physicTop;
-    this._right = physicRight;
-    this._left = physicLeft;
-    this._bottom = physicBottom;
-  }
-  get top() {
-    return this._top;
-  }
-  get right() {
-    return this._right;
-  }
-  get bottom() {
-    return this._bottom;
-  }
-  get left() {
-    return this._left;
-  }
-  get width() {
-    return Math.abs(this._left - this._right);
-  }
-  get height() {
-    return Math.abs(this._bottom - this._top);
-  }
-  equals({
-    top,
-    left,
-    bottom,
-    right
-  }) {
-    return top === this._top && bottom === this._bottom && left === this._left && right === this._right;
-  }
-  contains(target) {
-    if (isPoint(target)) {
-      const {
-        x,
-        y
-      } = target;
-      const isOnTopSide = y < this._top;
-      const isOnBottomSide = y > this._bottom;
-      const isOnLeftSide = x < this._left;
-      const isOnRightSide = x > this._right;
-      const result = !isOnTopSide && !isOnBottomSide && !isOnLeftSide && !isOnRightSide;
-      return {
-        reason: {
-          isOnBottomSide,
-          isOnLeftSide,
-          isOnRightSide,
-          isOnTopSide
-        },
-        result
-      };
-    } else {
-      const {
-        top,
-        left,
-        bottom,
-        right
-      } = target;
-      return top >= this._top && top <= this._bottom && bottom >= this._top && bottom <= this._bottom && left >= this._left && left <= this._right && right >= this._left && right <= this._right;
-    }
-  }
-  intersectsWith(rect) {
-    const {
-      left: x1,
-      top: y1,
-      width: w1,
-      height: h1
-    } = rect;
-    const {
-      left: x2,
-      top: y2,
-      width: w2,
-      height: h2
-    } = this;
-    const maxX = x1 + w1 >= x2 + w2 ? x1 + w1 : x2 + w2;
-    const maxY = y1 + h1 >= y2 + h2 ? y1 + h1 : y2 + h2;
-    const minX = x1 <= x2 ? x1 : x2;
-    const minY = y1 <= y2 ? y1 : y2;
-    return maxX - minX <= w1 + w2 && maxY - minY <= h1 + h2;
-  }
-  generateNewRect({
-    left = this.left,
-    top = this.top,
-    right = this.right,
-    bottom = this.bottom
-  }) {
-    return new Rectangle(left, top, right, bottom);
-  }
-  static fromLTRB(left, top, right, bottom) {
-    return new Rectangle(left, top, right, bottom);
-  }
-  static fromLWTH(left, width, top, height) {
-    return new Rectangle(left, top, left + width, top + height);
-  }
-  static fromPoints(startPoint, endPoint) {
-    const {
-      y: top,
-      x: left
-    } = startPoint;
-    const {
-      y: bottom,
-      x: right
-    } = endPoint;
-    return Rectangle.fromLTRB(left, top, right, bottom);
-  }
-  static fromDOM(dom) {
-    const {
-      top,
-      width,
-      left,
-      height
-    } = dom.getBoundingClientRect();
-    return Rectangle.fromLWTH(left, width, top, height);
-  }
-}
-
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const SPACE = 4;
-const TARGET_LINE_HALF_HEIGHT = 2;
-const DRAG_DATA_FORMAT = 'application/x-lexical-drag-block';
-const TEXT_BOX_HORIZONTAL_PADDING = 28;
-const Downward = 1;
-const Upward = -1;
-const Indeterminate = 0;
-let prevIndex = Infinity;
-function getCurrentIndex(keysLength) {
-  if (keysLength === 0) {
-    return Infinity;
-  }
-  if (prevIndex >= 0 && prevIndex < keysLength) {
-    return prevIndex;
-  }
-  return Math.floor(keysLength / 2);
-}
-function getTopLevelNodeKeys(editor) {
-  return editor.getEditorState().read(() => $getRoot().getChildrenKeys());
-}
-function getCollapsedMargins(elem) {
-  const getMargin = (element, margin) => element ? parseFloat(window.getComputedStyle(element)[margin]) : 0;
-  const {
-    marginTop,
-    marginBottom
-  } = window.getComputedStyle(elem);
-  const prevElemSiblingMarginBottom = getMargin(elem.previousElementSibling, 'marginBottom');
-  const nextElemSiblingMarginTop = getMargin(elem.nextElementSibling, 'marginTop');
-  const collapsedTopMargin = Math.max(parseFloat(marginTop), prevElemSiblingMarginBottom);
-  const collapsedBottomMargin = Math.max(parseFloat(marginBottom), nextElemSiblingMarginTop);
-  return {
-    marginBottom: collapsedBottomMargin,
-    marginTop: collapsedTopMargin
-  };
-}
-function getBlockElement(anchorElem, editor, event, useEdgeAsDefault = false) {
-  const anchorElementRect = anchorElem.getBoundingClientRect();
-  const topLevelNodeKeys = getTopLevelNodeKeys(editor);
-  let blockElem = null;
-  editor.getEditorState().read(() => {
-    if (useEdgeAsDefault) {
-      const [firstNode, lastNode] = [editor.getElementByKey(topLevelNodeKeys[0]), editor.getElementByKey(topLevelNodeKeys[topLevelNodeKeys.length - 1])];
-      const [firstNodeRect, lastNodeRect] = [firstNode != null ? firstNode.getBoundingClientRect() : undefined, lastNode != null ? lastNode.getBoundingClientRect() : undefined];
-      if (firstNodeRect && lastNodeRect) {
-        const firstNodeZoom = calculateZoomLevel(firstNode);
-        const lastNodeZoom = calculateZoomLevel(lastNode);
-        if (event.y / firstNodeZoom < firstNodeRect.top) {
-          blockElem = firstNode;
-        } else if (event.y / lastNodeZoom > lastNodeRect.bottom) {
-          blockElem = lastNode;
-        }
-        if (blockElem) {
-          return;
-        }
-      }
-    }
-    let index = getCurrentIndex(topLevelNodeKeys.length);
-    let direction = Indeterminate;
-    while (index >= 0 && index < topLevelNodeKeys.length) {
-      const key = topLevelNodeKeys[index];
-      const elem = editor.getElementByKey(key);
-      if (elem === null) {
-        break;
-      }
-      const zoom = calculateZoomLevel(elem);
-      const point = new Point(event.x / zoom, event.y / zoom);
-      const domRect = Rectangle.fromDOM(elem);
-      const {
-        marginTop,
-        marginBottom
-      } = getCollapsedMargins(elem);
-      const rect = domRect.generateNewRect({
-        bottom: domRect.bottom + marginBottom,
-        left: anchorElementRect.left,
-        right: anchorElementRect.right,
-        top: domRect.top - marginTop
-      });
-      const {
-        result,
-        reason: {
-          isOnTopSide,
-          isOnBottomSide
-        }
-      } = rect.contains(point);
-      if (result) {
-        blockElem = elem;
-        prevIndex = index;
-        break;
-      }
-      if (direction === Indeterminate) {
-        if (isOnTopSide) {
-          direction = Upward;
-        } else if (isOnBottomSide) {
-          direction = Downward;
-        } else {
-          // stop search block element
-          direction = Infinity;
-        }
-      }
-      index += direction;
-    }
-  });
-  return blockElem;
-}
-function setMenuPosition(targetElem, floatingElem, anchorElem) {
-  if (!targetElem) {
-    floatingElem.style.opacity = '0';
-    floatingElem.style.transform = 'translate(-10000px, -10000px)';
-    return;
-  }
-  const targetRect = targetElem.getBoundingClientRect();
-  const targetStyle = window.getComputedStyle(targetElem);
-  const floatingElemRect = floatingElem.getBoundingClientRect();
-  const anchorElementRect = anchorElem.getBoundingClientRect();
-
-  // top left
-  let targetCalculateHeight = parseInt(targetStyle.lineHeight, 10);
-  if (isNaN(targetCalculateHeight)) {
-    // middle
-    targetCalculateHeight = targetRect.bottom - targetRect.top;
-  }
-  const top = targetRect.top + (targetCalculateHeight - floatingElemRect.height) / 2 - anchorElementRect.top + anchorElem.scrollTop;
-  const left = SPACE;
-  floatingElem.style.opacity = '1';
-  floatingElem.style.transform = `translate(${left}px, ${top}px)`;
-}
-function setDragImage(dataTransfer, draggableBlockElem) {
-  const {
-    transform
-  } = draggableBlockElem.style;
-
-  // Remove dragImage borders
-  draggableBlockElem.style.transform = 'translateZ(0)';
-  dataTransfer.setDragImage(draggableBlockElem, 0, 0);
-  setTimeout(() => {
-    draggableBlockElem.style.transform = transform;
-  });
-}
-function setTargetLine(targetLineElem, targetBlockElem, mouseY, anchorElem) {
-  const {
-    top: targetBlockElemTop,
-    height: targetBlockElemHeight
-  } = targetBlockElem.getBoundingClientRect();
-  const {
-    top: anchorTop,
-    width: anchorWidth
-  } = anchorElem.getBoundingClientRect();
-  const {
-    marginTop,
-    marginBottom
-  } = getCollapsedMargins(targetBlockElem);
-  let lineTop = targetBlockElemTop;
-  if (mouseY >= targetBlockElemTop) {
-    lineTop += targetBlockElemHeight + marginBottom / 2;
-  } else {
-    lineTop -= marginTop / 2;
-  }
-  const top = lineTop - anchorTop - TARGET_LINE_HALF_HEIGHT + anchorElem.scrollTop;
-  const left = TEXT_BOX_HORIZONTAL_PADDING - SPACE;
-  targetLineElem.style.transform = `translate(${left}px, ${top}px)`;
-  targetLineElem.style.width = `${anchorWidth - (TEXT_BOX_HORIZONTAL_PADDING - SPACE) * 2}px`;
-  targetLineElem.style.opacity = '.4';
-}
-function hideTargetLine(targetLineElem) {
-  if (targetLineElem) {
-    targetLineElem.style.opacity = '0';
-    targetLineElem.style.transform = 'translate(-10000px, -10000px)';
-  }
-}
-function useDraggableBlockMenu(editor, anchorElem, menuRef, targetLineRef, isEditable, menuComponent, targetLineComponent, isOnMenu, onElementChanged) {
-  const scrollerElem = anchorElem.parentElement;
-  const isDraggingBlockRef = useRef(false);
-  const [draggableBlockElem, setDraggableBlockElemState] = useState(null);
-  const setDraggableBlockElem = useCallback(elem => {
-    setDraggableBlockElemState(elem);
-    if (onElementChanged) {
-      onElementChanged(elem);
-    }
-  }, [onElementChanged]);
-  useEffect(() => {
-    function onMouseMove(event) {
-      const target = event.target;
-      if (!isHTMLElement(target)) {
-        setDraggableBlockElem(null);
-        return;
-      }
-      if (isOnMenu(target)) {
-        return;
-      }
-      const _draggableBlockElem = getBlockElement(anchorElem, editor, event);
-      setDraggableBlockElem(_draggableBlockElem);
-    }
-    function onMouseLeave() {
-      setDraggableBlockElem(null);
-    }
-    if (scrollerElem != null) {
-      scrollerElem.addEventListener('mousemove', onMouseMove);
-      scrollerElem.addEventListener('mouseleave', onMouseLeave);
-    }
-    return () => {
-      if (scrollerElem != null) {
-        scrollerElem.removeEventListener('mousemove', onMouseMove);
-        scrollerElem.removeEventListener('mouseleave', onMouseLeave);
-      }
-    };
-  }, [scrollerElem, anchorElem, editor, isOnMenu, setDraggableBlockElem]);
-  useEffect(() => {
-    if (menuRef.current) {
-      setMenuPosition(draggableBlockElem, menuRef.current, anchorElem);
-    }
-  }, [anchorElem, draggableBlockElem, menuRef]);
-  useEffect(() => {
-    function onDragover(event) {
-      if (!isDraggingBlockRef.current) {
-        return false;
-      }
-      const [isFileTransfer] = eventFiles(event);
-      if (isFileTransfer) {
-        return false;
-      }
-      const {
-        pageY,
-        target
-      } = event;
-      if (!isHTMLElement(target)) {
-        return false;
-      }
-      const targetBlockElem = getBlockElement(anchorElem, editor, event, true);
-      const targetLineElem = targetLineRef.current;
-      if (targetBlockElem === null || targetLineElem === null) {
-        return false;
-      }
-      setTargetLine(targetLineElem, targetBlockElem, pageY / calculateZoomLevel(target), anchorElem);
-      // Prevent default event to be able to trigger onDrop events
-      event.preventDefault();
-      return true;
-    }
-    function $onDrop(event) {
-      if (!isDraggingBlockRef.current) {
-        return false;
-      }
-      const [isFileTransfer] = eventFiles(event);
-      if (isFileTransfer) {
-        return false;
-      }
-      const {
-        target,
-        dataTransfer,
-        pageY
-      } = event;
-      const dragData = dataTransfer != null ? dataTransfer.getData(DRAG_DATA_FORMAT) : '';
-      const draggedNode = $getNodeByKey(dragData);
-      if (!draggedNode) {
-        return false;
-      }
-      if (!isHTMLElement(target)) {
-        return false;
-      }
-      const targetBlockElem = getBlockElement(anchorElem, editor, event, true);
-      if (!targetBlockElem) {
-        return false;
-      }
-      const targetNode = $getNearestNodeFromDOMNode(targetBlockElem);
-      if (!targetNode) {
-        return false;
-      }
-      if (targetNode === draggedNode) {
-        return true;
-      }
-      const targetBlockElemTop = targetBlockElem.getBoundingClientRect().top;
-      if (pageY / calculateZoomLevel(target) >= targetBlockElemTop) {
-        targetNode.insertAfter(draggedNode);
-      } else {
-        targetNode.insertBefore(draggedNode);
-      }
-      setDraggableBlockElem(null);
-      return true;
-    }
-    return mergeRegister(editor.registerCommand(DRAGOVER_COMMAND, event => {
-      return onDragover(event);
-    }, COMMAND_PRIORITY_LOW), editor.registerCommand(DROP_COMMAND, event => {
-      return $onDrop(event);
-    }, COMMAND_PRIORITY_HIGH));
-  }, [anchorElem, editor, targetLineRef, setDraggableBlockElem]);
-  function onDragStart(event) {
-    const dataTransfer = event.dataTransfer;
-    if (!dataTransfer || !draggableBlockElem) {
-      return;
-    }
-    setDragImage(dataTransfer, draggableBlockElem);
-    let nodeKey = '';
-    editor.update(() => {
-      const node = $getNearestNodeFromDOMNode(draggableBlockElem);
-      if (node) {
-        nodeKey = node.getKey();
-      }
-    });
-    isDraggingBlockRef.current = true;
-    dataTransfer.setData(DRAG_DATA_FORMAT, nodeKey);
-  }
-  function onDragEnd() {
-    isDraggingBlockRef.current = false;
-    hideTargetLine(targetLineRef.current);
-  }
-  return /*#__PURE__*/createPortal(/*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", {
-      draggable: true,
-      onDragStart: onDragStart,
-      onDragEnd: onDragEnd,
-      children: isEditable && menuComponent
-    }), targetLineComponent]
-  }), anchorElem);
-}
-function DraggableBlockPlugin_EXPERIMENTAL({
-  anchorElem = document.body,
-  menuRef,
-  targetLineRef,
-  menuComponent,
-  targetLineComponent,
-  isOnMenu,
-  onElementChanged
-}) {
-  const [editor] = useLexicalComposerContext();
-  return useDraggableBlockMenu(editor, anchorElem, menuRef, targetLineRef, editor._editable, menuComponent, targetLineComponent, isOnMenu, onElementChanged);
-}
-
-export { DraggableBlockPlugin_EXPERIMENTAL };

package/npm/LexicalDraggableBlockPlugin.js

@@ -1,11 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-'use strict'
-const LexicalDraggableBlockPlugin = process.env.NODE_ENV !== 'production' ? require('./LexicalDraggableBlockPlugin.dev.js') : require('./LexicalDraggableBlockPlugin.prod.js');
-module.exports = LexicalDraggableBlockPlugin;

package/npm/LexicalDraggableBlockPlugin.js.flow

@@ -1,24 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- */
-
-import * as React from 'react';
-
-type Props = $ReadOnly<{
-  anchorElem?: ?HTMLElement,
-  menuRef: React.RefObject<?HTMLElement>,
-  targetLineRef: React.RefObject<?HTMLElement>,
-  menuComponent: React.Node,
-  targetLineComponent: React.Node,
-  isOnMenu: (element: HTMLElement) => boolean,
-  onElementChanged?: (element: HTMLElement | null) => void
-}>;
-	
-declare export function DraggableBlockPlugin_EXPERIMENTAL(
-  props: Props,
-): React.MixedElement;

package/npm/LexicalDraggableBlockPlugin.mjs

@@ -1,12 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import * as modDev from './LexicalDraggableBlockPlugin.dev.mjs';
-import * as modProd from './LexicalDraggableBlockPlugin.prod.mjs';
-const mod = process.env.NODE_ENV !== 'production' ? modDev : modProd;
-export const DraggableBlockPlugin_EXPERIMENTAL = mod.DraggableBlockPlugin_EXPERIMENTAL;

package/npm/LexicalDraggableBlockPlugin.node.mjs

@@ -1,10 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const mod = await (process.env.NODE_ENV !== 'production' ? import('./LexicalDraggableBlockPlugin.dev.mjs') : import('./LexicalDraggableBlockPlugin.prod.mjs'));
-export const DraggableBlockPlugin_EXPERIMENTAL = mod.DraggableBlockPlugin_EXPERIMENTAL;

package/npm/LexicalDraggableBlockPlugin.prod.js

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-"use strict";var t=require("@lexical/react/LexicalComposerContext"),e=require("@lexical/rich-text"),n=require("@lexical/utils"),r=require("lexical"),o=require("react"),i=require("react-dom"),s=require("react/jsx-runtime");class l{_x;_y;constructor(t,e){this._x=t,this._y=e}get x(){return this._x}get y(){return this._y}equals({x:t,y:e}){return this.x===t&&this.y===e}calcDeltaXTo({x:t}){return this.x-t}calcDeltaYTo({y:t}){return this.y-t}calcHorizontalDistanceTo(t){return Math.abs(this.calcDeltaXTo(t))}calcVerticalDistance(t){return Math.abs(this.calcDeltaYTo(t))}calcDistanceTo(t){return Math.sqrt(Math.pow(this.calcDeltaXTo(t),2)+Math.pow(this.calcDeltaYTo(t),2))}}class a{_left;_top;_right;_bottom;constructor(t,e,n,r){const[o,i]=e<=r?[e,r]:[r,e],[s,l]=t<=n?[t,n]:[n,t];this._top=o,this._right=l,this._left=s,this._bottom=i}get top(){return this._top}get right(){return this._right}get bottom(){return this._bottom}get left(){return this._left}get width(){return Math.abs(this._left-this._right)}get height(){return Math.abs(this._bottom-this._top)}equals({top:t,left:e,bottom:n,right:r}){return t===this._top&&n===this._bottom&&e===this._left&&r===this._right}contains(t){if(t instanceof l){const{x:e,y:n}=t,r=n<this._top,o=n>this._bottom,i=e<this._left,s=e>this._right;return{reason:{isOnBottomSide:o,isOnLeftSide:i,isOnRightSide:s,isOnTopSide:r},result:!(r||o||i||s)}}{const{top:e,left:n,bottom:r,right:o}=t;return e>=this._top&&e<=this._bottom&&r>=this._top&&r<=this._bottom&&n>=this._left&&n<=this._right&&o>=this._left&&o<=this._right}}intersectsWith(t){const{left:e,top:n,width:r,height:o}=t,{left:i,top:s,width:l,height:a}=this;return(e+r>=i+l?e+r:i+l)-(e<=i?e:i)<=r+l&&(n+o>=s+a?n+o:s+a)-(n<=s?n:s)<=o+a}generateNewRect({left:t=this.left,top:e=this.top,right:n=this.right,bottom:r=this.bottom}){return new a(t,e,n,r)}static fromLTRB(t,e,n,r){return new a(t,e,n,r)}static fromLWTH(t,e,n,r){return new a(t,n,t+e,n+r)}static fromPoints(t,e){const{y:n,x:r}=t,{y:o,x:i}=e;return a.fromLTRB(r,n,i,o)}static fromDOM(t){const{top:e,width:n,left:r,height:o}=t.getBoundingClientRect();return a.fromLWTH(r,n,e,o)}}const c="application/x-lexical-drag-block";let u=1/0;function g(t){const e=(t,e)=>t?parseFloat(window.getComputedStyle(t)[e]):0,{marginTop:n,marginBottom:r}=window.getComputedStyle(t),o=e(t.previousElementSibling,"marginBottom"),i=e(t.nextElementSibling,"marginTop"),s=Math.max(parseFloat(n),o);return{marginBottom:Math.max(parseFloat(r),i),marginTop:s}}function h(t,e,o,i=!1){const s=t.getBoundingClientRect(),c=function(t){return t.getEditorState().read(()=>r.$getRoot().getChildrenKeys())}(e);let h=null;return e.getEditorState().read(()=>{if(i){const[t,r]=[e.getElementByKey(c[0]),e.getElementByKey(c[c.length-1])],[i,s]=[null!=t?t.getBoundingClientRect():void 0,null!=r?r.getBoundingClientRect():void 0];if(i&&s){const e=n.calculateZoomLevel(t),l=n.calculateZoomLevel(r);if(o.y/e<i.top?h=t:o.y/l>s.bottom&&(h=r),h)return}}let t=0===(r=c.length)?1/0:u>=0&&u<r?u:Math.floor(r/2);var r;let m=0;for(;t>=0&&t<c.length;){const r=c[t],i=e.getElementByKey(r);if(null===i)break;const f=n.calculateZoomLevel(i),p=new l(o.x/f,o.y/f),d=a.fromDOM(i),{marginTop:_,marginBottom:y}=g(i),x=d.generateNewRect({bottom:d.bottom+y,left:s.left,right:s.right,top:d.top-_}),{result:b,reason:{isOnTopSide:T,isOnBottomSide:C}}=x.contains(p);if(b){h=i,u=t;break}0===m&&(m=T?-1:C?1:1/0),t+=m}}),h}function m(t,l,a,u,m,f,p,d,_){const y=l.parentElement,x=o.useRef(!1),[b,T]=o.useState(null),C=o.useCallback(t=>{T(t),_&&_(t)},[_]);return o.useEffect(()=>{function e(e){const r=e.target;if(!n.isHTMLElement(r))return void C(null);if(d(r))return;const o=h(l,t,e);C(o)}function r(){C(null)}return null!=y&&(y.addEventListener("mousemove",e),y.addEventListener("mouseleave",r)),()=>{null!=y&&(y.removeEventListener("mousemove",e),y.removeEventListener("mouseleave",r))}},[y,l,t,d,C]),o.useEffect(()=>{a.current&&function(t,e,n){if(!t)return e.style.opacity="0",void(e.style.transform="translate(-10000px, -10000px)");const r=t.getBoundingClientRect(),o=window.getComputedStyle(t),i=e.getBoundingClientRect(),s=n.getBoundingClientRect();let l=parseInt(o.lineHeight,10);isNaN(l)&&(l=r.bottom-r.top);const a=r.top+(l-i.height)/2-s.top+n.scrollTop;e.style.opacity="1",e.style.transform=`translate(4px, ${a}px)`}(b,a.current,l)},[l,b,a]),o.useEffect(()=>{function o(r){if(!x.current)return!1;const[o]=e.eventFiles(r);if(o)return!1;const{pageY:i,target:s}=r;if(!n.isHTMLElement(s))return!1;const a=h(l,t,r,!0),c=u.current;return null!==a&&null!==c&&(function(t,e,n,r){const{top:o,height:i}=e.getBoundingClientRect(),{top:s,width:l}=r.getBoundingClientRect(),{marginTop:a,marginBottom:c}=g(e);let u=o;n>=o?u+=i+c/2:u-=a/2;const h=u-s-2+r.scrollTop;t.style.transform=`translate(24px, ${h}px)`,t.style.width=l-48+"px",t.style.opacity=".4"}(c,a,i/n.calculateZoomLevel(s),l),r.preventDefault(),!0)}return n.mergeRegister(t.registerCommand(r.DRAGOVER_COMMAND,t=>o(t),r.COMMAND_PRIORITY_LOW),t.registerCommand(r.DROP_COMMAND,o=>function(o){if(!x.current)return!1;const[i]=e.eventFiles(o);if(i)return!1;const{target:s,dataTransfer:a,pageY:u}=o,g=null!=a?a.getData(c):"",m=r.$getNodeByKey(g);if(!m)return!1;if(!n.isHTMLElement(s))return!1;const f=h(l,t,o,!0);if(!f)return!1;const p=r.$getNearestNodeFromDOMNode(f);if(!p)return!1;if(p===m)return!0;const d=f.getBoundingClientRect().top;return u/n.calculateZoomLevel(s)>=d?p.insertAfter(m):p.insertBefore(m),C(null),!0}(o),r.COMMAND_PRIORITY_HIGH))},[l,t,u,C]),i.createPortal(s.jsxs(s.Fragment,{children:[s.jsx("div",{draggable:!0,onDragStart:function(e){const n=e.dataTransfer;if(!n||!b)return;!function(t,e){const{transform:n}=e.style;e.style.transform="translateZ(0)",t.setDragImage(e,0,0),setTimeout(()=>{e.style.transform=n})}(n,b);let o="";t.update(()=>{const t=r.$getNearestNodeFromDOMNode(b);t&&(o=t.getKey())}),x.current=!0,n.setData(c,o)},onDragEnd:function(){var t;x.current=!1,(t=u.current)&&(t.style.opacity="0",t.style.transform="translate(-10000px, -10000px)")},children:m&&f}),p]}),l)}exports.DraggableBlockPlugin_EXPERIMENTAL=function({anchorElem:e=document.body,menuRef:n,targetLineRef:r,menuComponent:o,targetLineComponent:i,isOnMenu:s,onElementChanged:l}){const[a]=t.useLexicalComposerContext();return m(a,e,n,r,a._editable,o,i,s,l)};

package/npm/LexicalDraggableBlockPlugin.prod.mjs

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{eventFiles as e}from"@lexical/rich-text";import{mergeRegister as n,isHTMLElement as r,calculateZoomLevel as o}from"@lexical/utils";import{DRAGOVER_COMMAND as i,COMMAND_PRIORITY_LOW as s,DROP_COMMAND as l,COMMAND_PRIORITY_HIGH as a,$getNodeByKey as c,$getNearestNodeFromDOMNode as u,$getRoot as h}from"lexical";import{useRef as m,useState as g,useCallback as f,useEffect as p}from"react";import{createPortal as d}from"react-dom";import{jsxs as y,Fragment as _,jsx as x}from"react/jsx-runtime";class b{_x;_y;constructor(t,e){this._x=t,this._y=e}get x(){return this._x}get y(){return this._y}equals({x:t,y:e}){return this.x===t&&this.y===e}calcDeltaXTo({x:t}){return this.x-t}calcDeltaYTo({y:t}){return this.y-t}calcHorizontalDistanceTo(t){return Math.abs(this.calcDeltaXTo(t))}calcVerticalDistance(t){return Math.abs(this.calcDeltaYTo(t))}calcDistanceTo(t){return Math.sqrt(Math.pow(this.calcDeltaXTo(t),2)+Math.pow(this.calcDeltaYTo(t),2))}}class T{_left;_top;_right;_bottom;constructor(t,e,n,r){const[o,i]=e<=r?[e,r]:[r,e],[s,l]=t<=n?[t,n]:[n,t];this._top=o,this._right=l,this._left=s,this._bottom=i}get top(){return this._top}get right(){return this._right}get bottom(){return this._bottom}get left(){return this._left}get width(){return Math.abs(this._left-this._right)}get height(){return Math.abs(this._bottom-this._top)}equals({top:t,left:e,bottom:n,right:r}){return t===this._top&&n===this._bottom&&e===this._left&&r===this._right}contains(t){if(t instanceof b){const{x:e,y:n}=t,r=n<this._top,o=n>this._bottom,i=e<this._left,s=e>this._right;return{reason:{isOnBottomSide:o,isOnLeftSide:i,isOnRightSide:s,isOnTopSide:r},result:!(r||o||i||s)}}{const{top:e,left:n,bottom:r,right:o}=t;return e>=this._top&&e<=this._bottom&&r>=this._top&&r<=this._bottom&&n>=this._left&&n<=this._right&&o>=this._left&&o<=this._right}}intersectsWith(t){const{left:e,top:n,width:r,height:o}=t,{left:i,top:s,width:l,height:a}=this;return(e+r>=i+l?e+r:i+l)-(e<=i?e:i)<=r+l&&(n+o>=s+a?n+o:s+a)-(n<=s?n:s)<=o+a}generateNewRect({left:t=this.left,top:e=this.top,right:n=this.right,bottom:r=this.bottom}){return new T(t,e,n,r)}static fromLTRB(t,e,n,r){return new T(t,e,n,r)}static fromLWTH(t,e,n,r){return new T(t,n,t+e,n+r)}static fromPoints(t,e){const{y:n,x:r}=t,{y:o,x:i}=e;return T.fromLTRB(r,n,i,o)}static fromDOM(t){const{top:e,width:n,left:r,height:o}=t.getBoundingClientRect();return T.fromLWTH(r,n,e,o)}}const B="application/x-lexical-drag-block";let C=1/0;function w(t){const e=(t,e)=>t?parseFloat(window.getComputedStyle(t)[e]):0,{marginTop:n,marginBottom:r}=window.getComputedStyle(t),o=e(t.previousElementSibling,"marginBottom"),i=e(t.nextElementSibling,"marginTop"),s=Math.max(parseFloat(n),o);return{marginBottom:Math.max(parseFloat(r),i),marginTop:s}}function v(t,e,n,r=!1){const i=t.getBoundingClientRect(),s=function(t){return t.getEditorState().read(()=>h().getChildrenKeys())}(e);let l=null;return e.getEditorState().read(()=>{if(r){const[t,r]=[e.getElementByKey(s[0]),e.getElementByKey(s[s.length-1])],[i,a]=[null!=t?t.getBoundingClientRect():void 0,null!=r?r.getBoundingClientRect():void 0];if(i&&a){const e=o(t),s=o(r);if(n.y/e<i.top?l=t:n.y/s>a.bottom&&(l=r),l)return}}let t=0===(a=s.length)?1/0:C>=0&&C<a?C:Math.floor(a/2);var a;let c=0;for(;t>=0&&t<s.length;){const r=s[t],a=e.getElementByKey(r);if(null===a)break;const u=o(a),h=new b(n.x/u,n.y/u),m=T.fromDOM(a),{marginTop:g,marginBottom:f}=w(a),p=m.generateNewRect({bottom:m.bottom+f,left:i.left,right:i.right,top:m.top-g}),{result:d,reason:{isOnTopSide:y,isOnBottomSide:_}}=p.contains(h);if(d){l=a,C=t;break}0===c&&(c=y?-1:_?1:1/0),t+=c}}),l}function D(t,h,b,T,C,D,R,E,S){const M=h.parentElement,L=m(!1),[O,K]=g(null),Y=f(t=>{K(t),S&&S(t)},[S]);return p(()=>{function e(e){const n=e.target;if(!r(n))return void Y(null);if(E(n))return;const o=v(h,t,e);Y(o)}function n(){Y(null)}return null!=M&&(M.addEventListener("mousemove",e),M.addEventListener("mouseleave",n)),()=>{null!=M&&(M.removeEventListener("mousemove",e),M.removeEventListener("mouseleave",n))}},[M,h,t,E,Y]),p(()=>{b.current&&function(t,e,n){if(!t)return e.style.opacity="0",void(e.style.transform="translate(-10000px, -10000px)");const r=t.getBoundingClientRect(),o=window.getComputedStyle(t),i=e.getBoundingClientRect(),s=n.getBoundingClientRect();let l=parseInt(o.lineHeight,10);isNaN(l)&&(l=r.bottom-r.top);const a=r.top+(l-i.height)/2-s.top+n.scrollTop;e.style.opacity="1",e.style.transform=`translate(4px, ${a}px)`}(O,b.current,h)},[h,O,b]),p(()=>{function m(n){if(!L.current)return!1;const[i]=e(n);if(i)return!1;const{pageY:s,target:l}=n;if(!r(l))return!1;const a=v(h,t,n,!0),c=T.current;return null!==a&&null!==c&&(function(t,e,n,r){const{top:o,height:i}=e.getBoundingClientRect(),{top:s,width:l}=r.getBoundingClientRect(),{marginTop:a,marginBottom:c}=w(e);let u=o;n>=o?u+=i+c/2:u-=a/2;const h=u-s-2+r.scrollTop;t.style.transform=`translate(24px, ${h}px)`,t.style.width=l-48+"px",t.style.opacity=".4"}(c,a,s/o(l),h),n.preventDefault(),!0)}return n(t.registerCommand(i,t=>m(t),s),t.registerCommand(l,n=>function(n){if(!L.current)return!1;const[i]=e(n);if(i)return!1;const{target:s,dataTransfer:l,pageY:a}=n,m=null!=l?l.getData(B):"",g=c(m);if(!g)return!1;if(!r(s))return!1;const f=v(h,t,n,!0);if(!f)return!1;const p=u(f);if(!p)return!1;if(p===g)return!0;const d=f.getBoundingClientRect().top;return a/o(s)>=d?p.insertAfter(g):p.insertBefore(g),Y(null),!0}(n),a))},[h,t,T,Y]),d(y(_,{children:[x("div",{draggable:!0,onDragStart:function(e){const n=e.dataTransfer;if(!n||!O)return;!function(t,e){const{transform:n}=e.style;e.style.transform="translateZ(0)",t.setDragImage(e,0,0),setTimeout(()=>{e.style.transform=n})}(n,O);let r="";t.update(()=>{const t=u(O);t&&(r=t.getKey())}),L.current=!0,n.setData(B,r)},onDragEnd:function(){var t;L.current=!1,(t=T.current)&&(t.style.opacity="0",t.style.transform="translate(-10000px, -10000px)")},children:C&&D}),R]}),h)}function R({anchorElem:e=document.body,menuRef:n,targetLineRef:r,menuComponent:o,targetLineComponent:i,isOnMenu:s,onElementChanged:l}){const[a]=t();return D(a,e,n,r,a._editable,o,i,s,l)}export{R as DraggableBlockPlugin_EXPERIMENTAL};

package/npm/LexicalEditorRefPlugin.d.ts

@@ -1,20 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { LexicalEditor } from 'lexical';
-import { RefObject } from 'react';
-import * as React from 'react';
-/**
- *
- * Use this plugin to access the editor instance outside of the
- * LexicalComposer. This can help with things like buttons or other
- * UI components that need to update or read EditorState but need to
- * be positioned outside the LexicalComposer in the React tree.
- */
-export declare function EditorRefPlugin({ editorRef, }: {
-    editorRef: React.RefCallback<LexicalEditor> | RefObject<LexicalEditor | null | undefined>;
-}): null;