easy-email-pro-theme 1.11.0 → 1.12.0

package/lib/index.js

@@ -1386,26 +1386,64 @@ const useElementInteract = () => {
     },
     [editor, setSelectedNodePath]
   );
+  const moveUp3 = useCallback$1(
+    (path2) => {
+      try {
+        const previous = Path.previous(path2);
+        if (!Node$1.get(editor, previous))
+          return;
+        Transforms.moveNodes(editor, {
+          at: path2,
+          to: previous
+        });
+        setSelectedNodePath(previous);
+        return previous;
+      } catch (error2) {
+      }
+    },
+    [editor, setSelectedNodePath]
+  );
+  const moveDown3 = useCallback$1(
+    (path2) => {
+      try {
+        const next = Path.next(path2);
+        if (!Node$1.get(editor, next))
+          return;
+        Transforms.moveNodes(editor, {
+          at: path2,
+          to: next
+        });
+        setSelectedNodePath(next);
+        return next;
+      } catch (error2) {
+      }
+    },
+    [editor, setSelectedNodePath]
+  );
   const deleteBlock = useCallback$1(
     (path2) => {
-      const [entry] = Editor.nodes(editor, {
-        match(node, currentPath) {
-          return Path.equals(path2, currentPath);
-        }
-      });
-      if (entry) {
-        setSelectedNodePath(null);
-        setTimeout(() => {
+      try {
+        const [entry] = Editor.nodes(editor, {
+          match(node, currentPath) {
+            return Path.equals(path2, currentPath);
+          }
+        });
+        if (entry) {
+          setSelectedNodePath(null);
+          setTimeout(() => {
+            Transforms.delete(editor, {
+              at: path2
+            });
+          }, 0);
+        } else {
           Transforms.delete(editor, {
             at: path2
           });
-        }, 0);
-      } else {
-        Transforms.delete(editor, {
-          at: path2
-        });
+        }
+        setHoverNodePath(null);
+      } catch (error2) {
+        console.log(error2);
       }
-      setHoverNodePath(null);
     },
     [editor, setHoverNodePath, setSelectedNodePath]
   );
@@ -1456,7 +1494,9 @@ const useElementInteract = () => {
     deleteBlock,
     clearCanvas,
     isChanged: !isEqual$3(lastSelectedNode.current, selectedNode),
-    resetSelectedNode
+    resetSelectedNode,
+    moveUp: moveUp3,
+    moveDown: moveDown3
   };
 };
 const defaultFontList = [
@@ -1649,7 +1689,12 @@ const useMinimalistContext = () => {
 const ElementTools$1 = ({ element, nodeElement, path: path2 }) => {
   const editor = useSlate();
   const { copyBlock, deleteBlock } = useElementInteract();
-  const { universalElementSetting, quantityLimitCheck } = useEditorProps();
+  const {
+    universalElementSetting,
+    quantityLimitCheck,
+    ElementTools: ElementTools2,
+    ElementToolsInner
+  } = useEditorProps();
   const { open } = useUniversalContent();
   const { setSelectedNodePath, universalElementEditing, universalElementPath } = useEditorState();
   const { dragHandle: dragHandle2 } = useDragging({
@@ -1703,7 +1748,14 @@ const ElementTools$1 = ({ element, nodeElement, path: path2 }) => {
       "data-is-wrapper-category": isWrapperCategory,
       "data-is-full-width": isFullWidth
     },
-    /* @__PURE__ */ React__default.createElement(
+    ElementTools2 ? /* @__PURE__ */ React__default.createElement(
+      ElementTools2,
+      {
+        element,
+        nodeElement,
+        path: path2
+      }
+    ) : /* @__PURE__ */ React__default.createElement(
       "div",
       {
         className: classnames$1(
@@ -1728,9 +1780,21 @@ const ElementTools$1 = ({ element, nodeElement, path: path2 }) => {
         ),
         BlockManager.getBlockTitle(element)
       ),
-      !isEditingUniversalElement && /* @__PURE__ */ React__default.createElement("div", { className: "element-tools-item", onPointerDown: onCopy }, /* @__PURE__ */ React__default.createElement(IconFont, { iconName: "icon-copy" })),
-      universalElementSetting && !universalElementEditing && !isUniversalElement && /* @__PURE__ */ React__default.createElement("div", { className: "element-tools-item", onPointerDown: openModal }, /* @__PURE__ */ React__default.createElement(IconFont, { iconName: "icon-collection" })),
-      !isEditingUniversalElement && /* @__PURE__ */ React__default.createElement("div", { className: "element-tools-item", onPointerDown: onDelete }, /* @__PURE__ */ React__default.createElement(IconFont, { iconName: "icon-delete" }))
+      ElementToolsInner ? /* @__PURE__ */ React__default.createElement(
+        ElementToolsInner,
+        {
+          element,
+          nodeElement,
+          path: path2
+        }
+      ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !isEditingUniversalElement && /* @__PURE__ */ React__default.createElement("div", { className: "element-tools-item", onPointerDown: onCopy }, /* @__PURE__ */ React__default.createElement(IconFont, { iconName: "icon-copy" })), universalElementSetting && !universalElementEditing && !isUniversalElement && /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          className: "element-tools-item",
+          onPointerDown: openModal
+        },
+        /* @__PURE__ */ React__default.createElement(IconFont, { iconName: "icon-collection" })
+      ), !isEditingUniversalElement && /* @__PURE__ */ React__default.createElement("div", { className: "element-tools-item", onPointerDown: onDelete }, /* @__PURE__ */ React__default.createElement(IconFont, { iconName: "icon-delete" })))
     )
   ), /* @__PURE__ */ React__default.createElement("div", { className: "element-dragover" }), /* @__PURE__ */ React__default.createElement("style", null, styleText$b));
   const isContentElement = NodeUtils.isContentElement(element);
@@ -18933,7 +18997,7 @@ const DirectionOptions = [
   {
     value: "ltr",
     get label() {
-      return t("Left to tight");
+      return t("Left to right");
     }
   },
   {
@@ -39627,7 +39691,7 @@ const useCreateConfig$1 = (_m) => {
   });
 };
 const Layout$1 = ({ children }) => {
-  const { inited } = useEditorContext();
+  const { inited, values: values2 } = useEditorContext();
   const {
     controller = true,
     showSidebar = true,
@@ -39635,6 +39699,7 @@ const Layout$1 = ({ children }) => {
     height,
     compact
   } = useEditorProps();
+  const pageDataWidth = parseInt(values2.content.attributes.width || "600") || 600;
   const editor = useSlate();
   const getRoot = () => {
     try {
@@ -39683,7 +39748,12 @@ const Layout$1 = ({ children }) => {
         },
         /* @__PURE__ */ React__default.createElement(SharedComponents.BlockSideBar, { height })
       ),
-      /* @__PURE__ */ React__default.createElement("div", { style: { height, minWidth: 800, flex: 1 } }, /* @__PURE__ */ React__default.createElement(SharedComponents.EditorTabs, null, /* @__PURE__ */ React__default.createElement(EmailEditor, null, /* @__PURE__ */ React__default.createElement("style", { id: "Retro-CSS" }, styleText$c, RetroStyleText)), children)),
+      /* @__PURE__ */ React__default.createElement("div", { style: { height, minWidth: 800, flex: 1 } }, /* @__PURE__ */ React__default.createElement(SharedComponents.EditorTabs, null, /* @__PURE__ */ React__default.createElement(EmailEditor, null, /* @__PURE__ */ React__default.createElement("style", { id: "Retro-CSS" }, styleText$c, RetroStyleText, `
+                    body {
+                      --page-width: ${pageDataWidth}px;
+                    }
+
+                    `), children))),
       showSidebar && compact && /* @__PURE__ */ React__default.createElement(
         Layout$2.Sider,
         {

package/lib/typings/hooks/useElementInteract.d.ts

@@ -5,4 +5,6 @@ export declare const useElementInteract: () => {
     clearCanvas: () => void;
     isChanged: boolean;
     resetSelectedNode: () => void;
+    moveUp: (path: Path) => Path | undefined;
+    moveDown: (path: Path) => Path | undefined;
 };

package/lib/typings/typings/custom-types.d.ts

@@ -99,6 +99,16 @@ export interface PluginsCustomEditorTypes {
         widgetElement?: SectionWidgetElement | ContentWidgetElement;
         emptyPageElement?: PageElement;
         loadingElement?: React.ReactNode;
+        ElementToolsInner?: React.FC<{
+            element: Element;
+            nodeElement: HTMLElement;
+            path: Path;
+        }>;
+        ElementTools?: React.FC<{
+            element: Element;
+            nodeElement: HTMLElement;
+            path: Path;
+        }>;
     };
     EmailTemplate: BasicEmailTemplate;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-email-pro-theme",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "",
   "files": [
     "lib"