@ivanholiak/easy-email-extensions 4.16.30 → 4.16.32

package/lib/index2.js

@@ -52,7 +52,7 @@ var __async = (__this, __arguments, generator) => {
 };
 import * as React$1 from "react";
 import React__default, { createContext, useContext, isValidElement, Children, cloneElement, Component, useRef, useMemo, memo, forwardRef, createRef, useState, useImperativeHandle, useEffect, useLayoutEffect, useCallback, PureComponent, useReducer, Fragment, Suspense } from "react";
-import { IconFont, useEditorProps, Stack as Stack$4, useRefState, getShadowRoot, DATA_CONTENT_EDITABLE_TYPE, ContentEditableType, MergeTagBadge, TextStyle, useEditorContext, useBlock, useFocusIdx, DATA_CONTENT_EDITABLE_IDX, useFocusBlockLayout, AvailableTools, FIXED_CONTAINER_ID, getPluginElement, RICH_TEXT_BAR_ID, CONTENT_EDITABLE_CLASS_NAME, getEditorRoot, scrollBlockEleIntoView, useHoverIdx, useDataTransfer, getBlockNodeByChildEle, getDirectionPosition, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, isTextBlock, getBlockNodeByIdx, useLazyState, useActiveTab, ActiveTabKeys } from "@ivanholiak/easy-email-editor";
+import { IconFont, useEditorProps, Stack as Stack$4, useRefState, getShadowRoot, DATA_CONTENT_EDITABLE_TYPE, ContentEditableType, TextStyle, useEditorContext, useBlock, useFocusIdx, DATA_CONTENT_EDITABLE_IDX, useFocusBlockLayout, MergeTagBadge, AvailableTools, FIXED_CONTAINER_ID, getPluginElement, RICH_TEXT_BAR_ID, CONTENT_EDITABLE_CLASS_NAME, getEditorRoot, scrollBlockEleIntoView, useHoverIdx, useDataTransfer, getBlockNodeByChildEle, getDirectionPosition, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, isTextBlock, getBlockNodeByIdx, useLazyState, useActiveTab, ActiveTabKeys } from "@ivanholiak/easy-email-editor";
 import { BasicType, ImageManager, EMAIL_BLOCK_CLASS_NAME, BlockManager, createBlockDataByType, AdvancedType, Operator, OperatorSymbol, isAdvancedBlock, getParentByIdx, getParentIdx, getIndexByIdx, getSiblingIdx, getNodeIdxFromClassName, getNodeIdxClassName, getPageIdx, getChildIdx, JsonToMjml, getNodeTypeFromClassName } from "@ivanholiak/easy-email-core";
 import ReactDOM$1, { createPortal } from "react-dom";
 import { Field, useForm as useForm$1, useField, Form as Form$3, version as version$2, useFormState as useFormState$2 } from "react-final-form";
@@ -36009,70 +36009,11 @@ function InlineText({ idx, onChange, children }) {
         }
       }
     };
-    const findEditableEl = (el) => {
-      var _a2;
-      if (!el)
-        return null;
-      if (el.isContentEditable)
-        return el;
-      return (_a2 = el.closest) == null ? void 0 : _a2.call(el, "[contenteditable]");
-    };
-    const onDrop = (e2) => {
-      var _a2, _b2, _c, _d, _e, _f;
-      const target2 = e2.target;
-      const editableEl = findEditableEl(target2);
-      if (!editableEl)
-        return;
-      const mergeTagText = ((_a2 = e2.dataTransfer) == null ? void 0 : _a2.getData("text/merge-tag")) || ((_b2 = e2.dataTransfer) == null ? void 0 : _b2.getData("text/plain"));
-      if (mergeTagText && mergeTagText.includes("{{")) {
-        e2.preventDefault();
-        e2.stopPropagation();
-        const range = (_c = document.caretRangeFromPoint) == null ? void 0 : _c.call(document, e2.clientX, e2.clientY);
-        if (range) {
-          const sel = (_e = (_d = shadowRoot.getSelection) == null ? void 0 : _d.call(shadowRoot)) != null ? _e : window.getSelection();
-          if (sel) {
-            sel.removeAllRanges();
-            sel.addRange(range);
-          }
-        }
-        const contentEditableType = editableEl.getAttribute(DATA_CONTENT_EDITABLE_TYPE);
-        let insertText = mergeTagText;
-        if (enabledMergeTagsBadge && mergeTagGenerate) {
-          const match = mergeTagText.match(/\{\{([^}]+)\}\}/);
-          if (match && match[1]) {
-            const mergeTagKey = match[1].trim();
-            const generatedTag = mergeTagGenerate(mergeTagKey);
-            insertText = MergeTagBadge.transform(generatedTag);
-          } else {
-            insertText = MergeTagBadge.transform(mergeTagText);
-          }
-        }
-        document.execCommand("insertHTML", false, insertText);
-        if (contentEditableType === ContentEditableType.RichText) {
-          onChange(editableEl.innerHTML || "");
-        } else if (contentEditableType === ContentEditableType.Text) {
-          onChange(((_f = editableEl.textContent) == null ? void 0 : _f.trim()) || "");
-        }
-      }
-    };
-    const onDragOver = (e2) => {
-      var _a2;
-      const target2 = e2.target;
-      const editableEl = findEditableEl(target2);
-      if (editableEl && ((_a2 = e2.dataTransfer) == null ? void 0 : _a2.types.includes("text/merge-tag"))) {
-        e2.preventDefault();
-        e2.dataTransfer.dropEffect = "copy";
-      }
-    };
     shadowRoot.addEventListener("paste", onPaste, true);
     shadowRoot.addEventListener("input", onInput);
-    shadowRoot.addEventListener("drop", onDrop, true);
-    shadowRoot.addEventListener("dragover", onDragOver, true);
     return () => {
       shadowRoot.removeEventListener("paste", onPaste, true);
       shadowRoot.removeEventListener("input", onInput);
-      shadowRoot.removeEventListener("drop", onDrop, true);
-      shadowRoot.removeEventListener("dragover", onDragOver, true);
     };
   }, [onChange, setFieldTouched, enabledMergeTagsBadge, mergeTagGenerate]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children);