@portabletext/editor 2.14.4 → 2.15.0

package/lib/index.js

@@ -13,7 +13,7 @@ import { getBlockStartPoint, getBlockKeyFromSelectionPoint, getChildKeyFromSelec
 import isEqual from "lodash/isEqual.js";
 import { isTextBlock, isSpan, compileSchema } from "@portabletext/schema";
 import { defineSchema } from "@portabletext/schema";
-import { getFocusInlineObject, getSelectedBlocks, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, isOverlappingSelection, isSelectingEntireBlocks, getActiveDecorators, getTrimmedSelection, isActiveAnnotation, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, getMarkState, getActiveAnnotationsMarks, isAtTheEndOfBlock, isAtTheStartOfBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock, getSelectionEndPoint as getSelectionEndPoint$1, isActiveDecorator, getActiveAnnotations, getSelectedTextBlocks, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-active-style.js";
+import { getFocusInlineObject, getSelectedBlocks, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, isOverlappingSelection, isSelectingEntireBlocks, getActiveDecorators, getTrimmedSelection, isActiveAnnotation, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, getMarkState, getActiveAnnotationsMarks, isAtTheEndOfBlock, isAtTheStartOfBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock, getSelectionEndPoint as getSelectionEndPoint$1, isActiveDecorator, getActiveAnnotations, getSelectedTextBlocks, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-at-the-start-of-block.js";
 import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan as getFocusSpan$1, isSelectionExpanded, getFocusBlock as getFocusBlock$1, getSelectedValue, getSelectionStartPoint as getSelectionStartPoint$1, getFocusChild as getFocusChild$1 } from "./_chunks-es/selector.get-selection-text.js";
 import { defineBehavior, forward, raise, effect } from "./behaviors/index.js";
 import uniq from "lodash/uniq.js";
@@ -5961,7 +5961,24 @@ function setNodePatch(schema, children, operation) {
     }, block)) {
       const child = block.children[operation.path[1]];
       if (child) {
-        const blockKey = block._key, childKey = child._key, patches = [], keys = Object.keys(operation.newProperties);
+        const blockKey = block._key, childKey = child._key, patches = [];
+        if (Element$1.isElement(child)) {
+          const _key = operation.newProperties._key;
+          _key !== void 0 && patches.push(set(_key, [{
+            _key: blockKey
+          }, "children", block.children.indexOf(child), "_key"]));
+          const properties = "value" in operation.newProperties && typeof operation.newProperties.value == "object" ? operation.newProperties.value : {}, keys2 = Object.keys(properties);
+          for (const key of keys2) {
+            const value = properties[key];
+            patches.push(set(value, [{
+              _key: blockKey
+            }, "children", {
+              _key: childKey
+            }, key]));
+          }
+          return patches;
+        }
+        const keys = Object.keys(operation.newProperties);
         return keys.forEach((keyName) => {
           if (keys.length === 1 && keyName === "_key") {
             const val = get(operation.newProperties, keyName);
@@ -6728,6 +6745,10 @@ function createEditorDom(sendBack, slateEditor) {
   return {
     getBlockNodes: (snapshot) => getBlockNodes(slateEditor, snapshot),
     getChildNodes: (snapshot) => getChildNodes(slateEditor, snapshot),
+    getEditorElement: () => getEditorElement(slateEditor),
+    getSelectionRect: (snapshot) => getSelectionRect(snapshot),
+    getStartBlockElement: (snapshot) => getStartBlockElement(slateEditor, snapshot),
+    getEndBlockElement: (snapshot) => getEndBlockElement(slateEditor, snapshot),
     setDragGhost: ({
       event,
       ghost
@@ -6770,6 +6791,67 @@ function getChildNodes(slateEditor, snapshot) {
     return [];
   }
 }
+function getEditorElement(slateEditor) {
+  try {
+    return DOMEditor.toDOMNode(slateEditor, slateEditor);
+  } catch {
+    return;
+  }
+}
+function getSelectionRect(snapshot) {
+  if (!snapshot.context.selection)
+    return null;
+  try {
+    const selection = window.getSelection();
+    return selection ? selection.getRangeAt(0).getBoundingClientRect() : null;
+  } catch {
+    return null;
+  }
+}
+function getStartBlockElement(slateEditor, snapshot) {
+  const startBlock = getSelectionStartBlock$1(snapshot);
+  if (!startBlock)
+    return null;
+  const startBlockNode = getBlockNodes(slateEditor, {
+    ...snapshot,
+    context: {
+      ...snapshot.context,
+      selection: {
+        anchor: {
+          path: startBlock.path,
+          offset: 0
+        },
+        focus: {
+          path: startBlock.path,
+          offset: 0
+        }
+      }
+    }
+  })?.at(0);
+  return startBlockNode && startBlockNode instanceof Element ? startBlockNode : null;
+}
+function getEndBlockElement(slateEditor, snapshot) {
+  const endBlock = getSelectionEndBlock$1(snapshot);
+  if (!endBlock)
+    return null;
+  const endBlockNode = getBlockNodes(slateEditor, {
+    ...snapshot,
+    context: {
+      ...snapshot.context,
+      selection: {
+        anchor: {
+          path: endBlock.path,
+          offset: 0
+        },
+        focus: {
+          path: endBlock.path,
+          offset: 0
+        }
+      }
+    }
+  })?.at(0);
+  return endBlockNode && endBlockNode instanceof Element ? endBlockNode : null;
+}
 function setDragGhost({
   sendBack,
   event,