easy-email-extensions 3.0.5 → 3.0.6

package/lib/index2.js

@@ -55,7 +55,7 @@ var __async = (__this, __arguments, generator) => {
 };
 import * as React from "react";
 import React__default, { useCallback, useState, useRef, useEffect, useMemo, Children, isValidElement, cloneElement, createContext, useContext, Component, memo, forwardRef, useLayoutEffect, createRef, useImperativeHandle, PureComponent, useReducer, createElement, Suspense } from "react";
-import { IconFont, Stack as Stack$6, TextStyle, getBlockNodeByIdx, useBlock, getShadowRoot, FIXED_CONTAINER_ID, getEditorRoot, useEditorProps, useFocusIdx, useActiveTab, scrollBlockEleIntoView, useEditorContext, useHoverIdx, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, ActiveTabKeys } from "easy-email-editor";
+import { IconFont, Stack as Stack$6, TextStyle, getBlockNodeByIdx, useBlock, getEditNode, getShadowRoot, FIXED_CONTAINER_ID, getEditContent, getEditorRoot, useEditorProps, useFocusIdx, useActiveTab, scrollBlockEleIntoView, useEditorContext, useHoverIdx, DATA_ATTRIBUTE_DROP_CONTAINER, BlockAvatarWrapper, ActiveTabKeys } from "easy-email-editor";
 import { BasicType, ImageManager, getIndexByIdx, getSiblingIdx, BlockManager, getPageIdx, getChildIdx, createBlockDataByType, getParentByIdx, getValueByIdx, MjmlToJson, JsonToMjml, getParentIdx, getNodeTypeFromClassName } from "easy-email-core";
 import { ReactSortable } from "react-sortablejs";
 import { useForm as useForm$1, useField, Form as Form$3, version as version$2 } from "react-final-form";
@@ -5715,14 +5715,16 @@ function BlockTree(props) {
       if (node) {
         node.classList.remove(styles$8.treeNodeSelected);
       }
-      const selectedNode = eleRef.querySelector(`[${DATA_ATTRIBUTE_ID}="${selectedId}"]`);
-      if (selectedNode) {
-        selectedNode.classList.add(styles$8.treeNodeSelected);
-        selectedNode.scrollIntoView({
-          block: "center",
-          behavior: "smooth"
-        });
-      }
+      setTimeout(() => {
+        const selectedNode = eleRef.querySelector(`[${DATA_ATTRIBUTE_ID}="${selectedId}"]`);
+        if (selectedNode) {
+          selectedNode.classList.add(styles$8.treeNodeSelected);
+          selectedNode.scrollIntoView({
+            block: "center",
+            behavior: "smooth"
+          });
+        }
+      }, 50);
     }
   }, [eleRef, selectedId]);
   const onDragStart = useCallback((evt, sortable, store) => {
@@ -38635,27 +38637,6 @@ function awaitForElement$1(idx) {
   });
   return promiseObj;
 }
-function getEditNode(node) {
-  if (!node.classList)
-    return null;
-  if (node.classList.contains("node-type-text")) {
-    return node.querySelector("div");
-  }
-  if (node.classList.contains("node-type-button")) {
-    return node.querySelector("a") || node.querySelector("p");
-  }
-  return null;
-}
-function getEditContent(node) {
-  var _a, _b;
-  if (node.classList.contains("node-type-text")) {
-    return ((_a = getEditNode(node)) == null ? void 0 : _a.innerHTML) || "";
-  }
-  if (node.classList.contains("node-type-button")) {
-    return ((_b = getEditNode(node)) == null ? void 0 : _b.innerText) || "";
-  }
-  return "";
-}
 function InlineText({
   idx,
   onChange,
@@ -44229,7 +44210,7 @@ function Toolbar({
     style: {
       position: "absolute",
       left: 0,
-      top: direction === "top" ? 0 : "100%",
+      top: direction === "top" || isPage ? 0 : "100%",
       fontSize: 14,
       zIndex: 3,
       color: "#000",
@@ -44240,7 +44221,7 @@ function Toolbar({
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: {
       color: "#ffffff",
-      transform: direction === "top" ? "translateY(-100%)" : void 0,
+      transform: direction !== "top" || isPage ? void 0 : "translateY(-100%)",
       display: "flex"
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
@@ -44347,7 +44328,7 @@ function FocusTooltip() {
       return null;
     return BlockManager.getBlockByType(focusBlock2.type);
   }, [focusBlock2]);
-  if (isPage || !block2 || !blockNode)
+  if (!block2 || !blockNode)
     return null;
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, createPortal(/* @__PURE__ */ React__default.createElement("div", {
     style: {