@servicetitan/anvil2 3.0.6 → 3.0.8

package/dist/{index-DVYRUKtW.js → index-fSKD4ey4.js}

@@ -1,4 +1,4 @@
-import { P as PluginKey, a as Plugin, S as Slice, F as Fragment, T as TextSelection, A as AllSelection, N as NodeSelection, E as Extension, g as getUpdatedPosition$1, M as MappablePosition, b as NodeRange, c as SelectionRange, d as Selection, D as DecorationSet, e as Decoration, i as isFirefox } from './RichTextEditor-DstVbYch.js';
+import { P as PluginKey, a as Plugin, S as Slice, F as Fragment, T as TextSelection, A as AllSelection, N as NodeSelection, E as Extension, g as getUpdatedPosition$1, M as MappablePosition, b as NodeRange, c as SelectionRange, d as Selection, D as DecorationSet, e as Decoration, i as isFirefox } from './RichTextEditor-CoPXdaWI.js';
 import { useState, useRef, useMemo, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -15447,80 +15447,6 @@ const relativePositionToAbsolutePosition = (y, documentType, relPos, mapping) =>
   return pos - 1 // we don't count the most outer tag, because it is a fragment
 };
 
-/**
- * @deprecated Use `yXmlFragmentToProseMirrorRootNode` instead
- *
- * Utility method to convert a Y.Doc to Prosemirror compatible JSON.
- *
- * @param {Y.XmlFragment} xmlFragment The fragment, which must be part of a Y.Doc.
- * @return {Record<string, any>}
- */
-function yXmlFragmentToProsemirrorJSON (xmlFragment) {
-  const items = xmlFragment.toArray();
-
-  /**
-   * @param {Y.AbstractType} item
-   */
-  const serialize = item => {
-    /**
-     * @type {Object} NodeObject
-     * @property {string} NodeObject.type
-     * @property {Record<string, string>=} NodeObject.attrs
-     * @property {Array<NodeObject>=} NodeObject.content
-     */
-    let response;
-
-    // TODO: Must be a better way to detect text nodes than this
-    if (item instanceof YXmlText) {
-      const delta = item.toDelta();
-      response = delta.map(/** @param {any} d */ (d) => {
-        const text = {
-          type: 'text',
-          text: d.insert
-        };
-        if (d.attributes) {
-          text.marks = Object.keys(d.attributes).map((type_) => {
-            const attrs = d.attributes[type_];
-            const type = yattr2markname(type_);
-            const mark = {
-              type
-            };
-            if (Object.keys(attrs)) {
-              mark.attrs = attrs;
-            }
-            return mark
-          });
-        }
-        return text
-      });
-    } else if (item instanceof YXmlElement) {
-      response = {
-        type: item.nodeName
-      };
-
-      const attrs = item.getAttributes();
-      if (Object.keys(attrs).length) {
-        response.attrs = attrs;
-      }
-
-      const children = item.toArray();
-      if (children.length) {
-        response.content = children.map(serialize).flat();
-      }
-    } else {
-      // expected either Y.XmlElement or Y.XmlText
-      unexpectedCase();
-    }
-
-    return response
-  };
-
-  return {
-    type: 'doc',
-    content: items.map(serialize)
-  }
-}
-
 const undo = state => {
   const undoManager = yUndoPluginKey.getState(state).undoManager;
   if (undoManager != null) {
@@ -15734,7 +15660,6 @@ Extension.create({
     };
   },
   addProseMirrorPlugins() {
-    var _a;
     const fragment = this.options.fragment ? this.options.fragment : this.options.document.getXmlFragment(this.options.field);
     const yUndoPluginInstance = yUndoPlugin(this.options.yUndoOptions);
     const originalUndoPluginView = yUndoPluginInstance.spec.view;
@@ -15768,41 +15693,37 @@ Extension.create({
       onFirstRender: this.options.onFirstRender
     };
     const ySyncPluginInstance = ySyncPlugin(fragment, ySyncPluginOptions);
-    if (this.editor.options.enableContentCheck) {
-      (_a = fragment.doc) == null ? void 0 : _a.on("beforeTransaction", () => {
-        try {
-          const jsonContent = yXmlFragmentToProsemirrorJSON(fragment);
-          if (jsonContent.content.length === 0) {
-            return;
-          }
-          this.editor.schema.nodeFromJSON(jsonContent).check();
-        } catch (error) {
-          this.editor.emit("contentError", {
-            error,
-            editor: this.editor,
-            disableCollaboration: () => {
-              var _a2;
-              (_a2 = fragment.doc) == null ? void 0 : _a2.destroy();
-              this.storage.isDisabled = true;
-            }
-          });
-          return false;
-        }
-      });
-    }
     return [
       ySyncPluginInstance,
       yUndoPluginInstance,
       // Only add the filterInvalidContent plugin if content checking is enabled
       this.editor.options.enableContentCheck && new Plugin({
         key: new PluginKey("filterInvalidContent"),
-        filterTransaction: () => {
-          var _a2;
-          if (this.storage.isDisabled !== false) {
-            (_a2 = fragment.doc) == null ? void 0 : _a2.destroy();
+        filterTransaction: (transaction) => {
+          if (!isChangeOrigin(transaction)) {
             return true;
           }
-          return true;
+          if (this.storage.isDisabled) {
+            return false;
+          }
+          if (!transaction.docChanged) {
+            return true;
+          }
+          try {
+            transaction.doc.check();
+            return true;
+          } catch (error) {
+            this.storage.isDisabled = true;
+            this.editor.emit("contentError", {
+              error,
+              editor: this.editor,
+              disableCollaboration: () => {
+                var _a;
+                (_a = fragment.doc) == null ? void 0 : _a.destroy();
+              }
+            });
+            return false;
+          }
         }
       })
     ].filter(Boolean);
@@ -15830,9 +15751,17 @@ function getNodeRangeDecorations(ranges) {
   });
   return DecorationSet.create(doc, decorations);
 }
-function getSelectionRanges($from, $to, depth) {
+function getNodeContentBounds(nodeStart, nodeSize, node) {
+  const contentOffset = node.isText || node.isAtom ? 0 : 1;
+  return {
+    start: nodeStart + contentOffset,
+    end: nodeStart + nodeSize - contentOffset
+  };
+}
+function getSelectionRanges($from, $to, depth, options = {}) {
   const ranges = [];
   const doc = $from.node(0);
+  const { extendOnBoundaryOverlap = true } = options;
   if (typeof depth === "number" && depth >= 0) ; else if ($from.sameParent($to)) {
     depth = Math.max(0, $from.sharedDepth($to.pos) - 1);
   } else {
@@ -15843,9 +15772,14 @@ function getSelectionRanges($from, $to, depth) {
   nodeRange.parent.forEach((node, pos) => {
     const from = offset + pos;
     const to = from + node.nodeSize;
+    const contentBounds = getNodeContentBounds(from, node.nodeSize, node);
+    const overlapsNodeContent = extendOnBoundaryOverlap ? $to.pos >= contentBounds.start && $from.pos <= contentBounds.end : $to.pos > contentBounds.start && $from.pos < contentBounds.end;
     if (from < nodeRange.start || from >= nodeRange.end) {
       return;
     }
+    if (!overlapsNodeContent) {
+      return;
+    }
     const selectionRange = new SelectionRange(doc.resolve(from), doc.resolve(to));
     ranges.push(selectionRange);
   });
@@ -16460,6 +16394,31 @@ var findElementNextToCoords = (options) => {
   };
 };
 
+// src/helpers/getDraggedBlockDir.ts
+function getDraggedBlockElement(view, pos) {
+  const nodeDom = view.nodeDOM(pos);
+  if (nodeDom instanceof Element && nodeDom !== view.dom) {
+    return nodeDom;
+  }
+  const { node, offset } = view.domAtPos(pos);
+  const child = node.childNodes[offset];
+  if (child instanceof Element) {
+    return child;
+  }
+  if (node instanceof Element) {
+    return node;
+  }
+  if (node.nodeType === Node.TEXT_NODE && node.parentElement) {
+    return node.parentElement;
+  }
+  return null;
+}
+function getDraggedBlockDir(view, pos) {
+  const draggedDom = getDraggedBlockElement(view, pos);
+  const contentDir = draggedDom ? getComputedStyle(draggedDom).direction : getComputedStyle(view.dom).direction;
+  return contentDir || "ltr";
+}
+
 // src/helpers/removeNode.ts
 function removeNode(node) {
   var _a;
@@ -16467,6 +16426,9 @@ function removeNode(node) {
 }
 
 // src/helpers/dragHandler.ts
+function getDragImageOffset(direction, wrapperWidth) {
+  return direction === "rtl" ? wrapperWidth : 0;
+}
 function getDragHandleRanges(event, editor, nestedOptions, dragContext) {
   const { doc } = editor.view.state;
   if ((nestedOptions == null ? void 0 : nestedOptions.enabled) && (dragContext == null ? void 0 : dragContext.node) && dragContext.pos >= 0) {
@@ -16491,7 +16453,7 @@ function getDragHandleRanges(event, editor, nestedOptions, dragContext) {
   const offset = result.resultNode.isText || result.resultNode.isAtom ? 0 : -1;
   const $from = doc.resolve(result.pos);
   const $to = doc.resolve(result.pos + result.resultNode.nodeSize + offset);
-  return getSelectionRanges($from, $to, 0);
+  return getSelectionRanges($from, $to, 0, { extendOnBoundaryOverlap: false });
 }
 function dragHandler(event, editor, nestedOptions, dragContext) {
   const { view } = editor;
@@ -16500,7 +16462,7 @@ function dragHandler(event, editor, nestedOptions, dragContext) {
   }
   const { empty, $from, $to } = view.state.selection;
   const dragHandleRanges = getDragHandleRanges(event, editor, nestedOptions, dragContext);
-  const selectionRanges = getSelectionRanges($from, $to, 0);
+  const selectionRanges = getSelectionRanges($from, $to, 0, { extendOnBoundaryOverlap: false });
   const isDragHandleWithinSelection = selectionRanges.some((range) => {
     return dragHandleRanges.find((dragHandleRange) => {
       return dragHandleRange.$from === range.$from && dragHandleRange.$to === range.$to;
@@ -16514,6 +16476,8 @@ function dragHandler(event, editor, nestedOptions, dragContext) {
   const wrapper = document.createElement("div");
   const from = ranges[0].$from.pos;
   const to = ranges[ranges.length - 1].$to.pos;
+  const direction = getDraggedBlockDir(view, from);
+  wrapper.setAttribute("dir", direction);
   const isNestedDrag = (nestedOptions == null ? void 0 : nestedOptions.enabled) && (dragContext == null ? void 0 : dragContext.node);
   let slice;
   let selection;
@@ -16525,15 +16489,21 @@ function dragHandler(event, editor, nestedOptions, dragContext) {
     slice = selection.content();
   }
   ranges.forEach((range) => {
-    const element = view.nodeDOM(range.$from.pos);
+    const element = getDraggedBlockElement(view, range.$from.pos);
+    if (!element) {
+      return;
+    }
     const clonedElement = cloneElement(element);
+    clonedElement.style.margin = "0";
     wrapper.append(clonedElement);
   });
   wrapper.style.position = "absolute";
   wrapper.style.top = "-10000px";
   document.body.append(wrapper);
   event.dataTransfer.clearData();
-  event.dataTransfer.setDragImage(wrapper, 0, 0);
+  const wrapperRect = wrapper.getBoundingClientRect();
+  const dragImageX = getDragImageOffset(direction, wrapperRect.width);
+  event.dataTransfer.setDragImage(wrapper, dragImageX, 0);
   let cleanedUp = false;
   const cleanupDragPreview = () => {
     if (cleanedUp) {
@@ -17041,4 +17011,4 @@ var DragHandle = (props) => {
 };
 
 export { DragHandle };
-//# sourceMappingURL=index-DVYRUKtW.js.map
+//# sourceMappingURL=index-fSKD4ey4.js.map