easy-email-pro-theme 1.26.2 → 1.26.3

package/lib/index.js

@@ -33874,11 +33874,18 @@ const BgColor = () => {
     (_a = ref2.current) == null ? void 0 : _a.click();
   };
   const onChange = (val) => {
-    var _a;
+    var _a, _b;
+    const contentNodeEntry = editor.selection ? editor.findSelfOrAncestorNodeByCategory({
+      category: ElementCategory.TEXT,
+      path: (_a = editor.selection) == null ? void 0 : _a.anchor.path
+    }) : null;
+    if (!contentNodeEntry)
+      return;
+    const contentNodePath = contentNodeEntry[1];
     const selection = editor.selection;
     const mergeNodeEntry = editor.selection ? editor.findSelfOrAncestorNodeByType({
       type: ElementType.MERGETAG,
-      path: (_a = editor.selection) == null ? void 0 : _a.anchor.path
+      path: (_b = editor.selection) == null ? void 0 : _b.anchor.path
     }) : null;
     const isCollapsed = Boolean(
       selection && (Range.isCollapsed(selection) || Editor.string(editor, selection) === "") && !mergeNodeEntry
@@ -33897,7 +33904,7 @@ const BgColor = () => {
       );
     } else {
       setFieldValue(
-        selectedNodePath,
+        contentNodePath,
         "attributes.container-background-color",
         val
       );
@@ -33975,11 +33982,18 @@ const FontColor = () => {
     (_a = ref2.current) == null ? void 0 : _a.click();
   };
   const onChange = (val) => {
-    var _a;
+    var _a, _b;
+    const contentNodeEntry = editor.selection ? editor.findSelfOrAncestorNodeByCategory({
+      category: ElementCategory.TEXT,
+      path: (_a = editor.selection) == null ? void 0 : _a.anchor.path
+    }) : null;
+    if (!contentNodeEntry)
+      return;
+    const contentNodePath = contentNodeEntry[1];
     const selection = editor.selection;
     const mergeNodeEntry = editor.selection ? editor.findSelfOrAncestorNodeByType({
       type: ElementType.MERGETAG,
-      path: (_a = editor.selection) == null ? void 0 : _a.anchor.path
+      path: (_b = editor.selection) == null ? void 0 : _b.anchor.path
     }) : null;
     const isCollapsed = Boolean(
       selection && (Range.isCollapsed(selection) || Editor.string(editor, selection) === "") && !mergeNodeEntry
@@ -33997,7 +34011,7 @@ const FontColor = () => {
         }
       );
     } else {
-      setFieldValue(selectedNodePath, "attributes.color", val);
+      setFieldValue(contentNodePath, "attributes.color", val);
     }
   };
   const color2 = (textNode == null ? void 0 : textNode.color) || elementColor || "";
@@ -34061,11 +34075,10 @@ const FormatButton = (_k) => {
     "title"
   ]);
   const { setFieldValue, getFieldValue } = useEditorContext();
-  const { selectedNodePath } = useSelectedNode();
   const editor = useSlate();
   const active = rest.active || format && isFormatActive(editor, format);
   const onClick = () => {
-    var _a;
+    var _a, _b;
     if (onClickHandle) {
       onClickHandle();
       return;
@@ -34076,57 +34089,64 @@ const FormatButton = (_k) => {
       type: ElementType.MERGETAG,
       path: (_a = editor.selection) == null ? void 0 : _a.anchor.path
     }) : null;
+    const contentNodeEntry = editor.selection ? editor.findSelfOrAncestorNodeByCategory({
+      category: ElementCategory.TEXT,
+      path: (_b = editor.selection) == null ? void 0 : _b.anchor.path
+    }) : null;
+    if (!contentNodeEntry)
+      return;
+    const contentNodePath = contentNodeEntry[1];
     const selection = editor.selection;
     const isCollapsed = Boolean(
       selection && (Range.isCollapsed(selection) || Editor.string(editor, selection) === "") && !mergeNodeEntry
     );
     if (isCollapsed) {
       if (format === TextFormat.BOLD) {
-        const val = getFieldValue(selectedNodePath, "attributes.font-weight");
+        const val = getFieldValue(contentNodePath, "attributes.font-weight");
         if (val === "bold" || parseInt(val) > 500) {
-          setFieldValue(selectedNodePath, "attributes.font-weight", "normal");
+          setFieldValue(contentNodePath, "attributes.font-weight", "normal");
         } else {
-          setFieldValue(selectedNodePath, "attributes.font-weight", "600");
+          setFieldValue(contentNodePath, "attributes.font-weight", "600");
         }
       } else if (format === TextFormat.ITALIC) {
-        const val = getFieldValue(selectedNodePath, "attributes.font-style");
+        const val = getFieldValue(contentNodePath, "attributes.font-style");
         if (val === "italic") {
-          setFieldValue(selectedNodePath, "attributes.font-style", "normal");
+          setFieldValue(contentNodePath, "attributes.font-style", "normal");
         } else {
-          setFieldValue(selectedNodePath, "attributes.font-style", "italic");
+          setFieldValue(contentNodePath, "attributes.font-style", "italic");
         }
       } else if (format === TextFormat.UNDERLINE) {
         const val = getFieldValue(
-          selectedNodePath,
+          contentNodePath,
           "attributes.text-decoration"
         );
         if (val === "underline") {
           setFieldValue(
-            selectedNodePath,
+            contentNodePath,
             "attributes.text-decoration",
             void 0
           );
         } else {
           setFieldValue(
-            selectedNodePath,
+            contentNodePath,
             "attributes.text-decoration",
             "underline"
           );
         }
       } else if (format === TextFormat.STRIKETHROUGH) {
         const val = getFieldValue(
-          selectedNodePath,
+          contentNodePath,
           "attributes.text-decoration"
         );
         if (val === "line-through") {
           setFieldValue(
-            selectedNodePath,
+            contentNodePath,
             "attributes.text-decoration",
             void 0
           );
         } else {
           setFieldValue(
-            selectedNodePath,
+            contentNodePath,
             "attributes.text-decoration",
             "line-through"
           );
@@ -34458,13 +34478,21 @@ const TurnInto = () => {
   });
   const node = nodeEntry == null ? void 0 : nodeEntry[0];
   const onChange = (value) => {
+    var _a;
+    const contentNodeEntry = editor.selection ? editor.findSelfOrAncestorNodeByCategory({
+      category: ElementCategory.TEXT,
+      path: (_a = editor.selection) == null ? void 0 : _a.anchor.path
+    }) : null;
+    if (!contentNodeEntry)
+      return;
+    const contentNodePath = contentNodeEntry[1];
     Transforms.setNodes(
       editor,
       {
         type: value
       },
       {
-        at: nodeEntry[1]
+        at: contentNodePath
       }
     );
     Transforms.collapse(editor);
@@ -34541,13 +34569,21 @@ const TextAlign = () => {
   const node = match2 == null ? void 0 : match2[0];
   const matchAlign = match2 && get(node.attributes, "align");
   const onAlignHandle = (align) => {
+    var _a;
+    const contentNodeEntry = editor.selection ? editor.findSelfOrAncestorNodeByCategory({
+      category: ElementCategory.TEXT,
+      path: (_a = editor.selection) == null ? void 0 : _a.anchor.path
+    }) : null;
+    if (!contentNodeEntry)
+      return;
+    const contentNodePath = contentNodeEntry[1];
     Transforms.setNodes(
       editor,
       {
         attributes: __spreadProps(__spreadValues({}, node.attributes), { align })
       },
       {
-        at: match2[1]
+        at: contentNodePath
       }
     );
   };
@@ -34579,7 +34615,6 @@ const FontSize$1 = () => {
   const { fontSizeList } = useEditorProps();
   const [fontSizeValue, setFontSizeValue] = useState();
   const { setFieldValue } = useEditorContext();
-  const { selectedNodePath } = useSelectedNode();
   const editor = useSlate();
   const [nodeEntry] = Editor.nodes(editor, {
     match: (node) => {
@@ -34607,11 +34642,18 @@ const FontSize$1 = () => {
     return [...new Set(list)].sort().map((item2) => ({ label: item2, value: item2 }));
   }, [fontSizeList, fontSizeValue]);
   const onChange = (val) => {
-    var _a;
+    var _a, _b;
+    const contentNodeEntry = editor.selection ? editor.findSelfOrAncestorNodeByCategory({
+      category: ElementCategory.TEXT,
+      path: (_a = editor.selection) == null ? void 0 : _a.anchor.path
+    }) : null;
+    if (!contentNodeEntry)
+      return;
+    const contentNodePath = contentNodeEntry[1];
     const selection = editor.selection;
     const mergeNodeEntry = editor.selection ? editor.findSelfOrAncestorNodeByType({
       type: ElementType.MERGETAG,
-      path: (_a = editor.selection) == null ? void 0 : _a.anchor.path
+      path: (_b = editor.selection) == null ? void 0 : _b.anchor.path
     }) : null;
     const isCollapsed = Boolean(
       selection && (Range.isCollapsed(selection) || Editor.string(editor, selection) === "") && !mergeNodeEntry
@@ -34629,7 +34671,7 @@ const FontSize$1 = () => {
         }
       );
     } else {
-      setFieldValue(selectedNodePath, "attributes.font-size", val);
+      setFieldValue(contentNodePath, "attributes.font-size", val);
     }
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
@@ -34653,7 +34695,6 @@ const FontFamily$1 = () => {
   const { fontList } = useFontFamily();
   const editor = useSlate();
   const { setFieldValue } = useEditorContext();
-  const { selectedNodePath } = useSelectedNode();
   const [fontFamilyValue, setFontFamilyValue] = useState();
   const [nodeEntry] = Editor.nodes(editor, {
     match: (node) => {
@@ -34682,11 +34723,18 @@ const FontFamily$1 = () => {
     return list;
   }, [fontFamilyValue, fontList]);
   const onChange = (val) => {
-    var _a;
+    var _a, _b;
+    const contentNodeEntry = editor.selection ? editor.findSelfOrAncestorNodeByCategory({
+      category: ElementCategory.TEXT,
+      path: (_a = editor.selection) == null ? void 0 : _a.anchor.path
+    }) : null;
+    if (!contentNodeEntry)
+      return;
+    const contentNodePath = contentNodeEntry[1];
     const selection = editor.selection;
     const mergeNodeEntry = editor.selection ? editor.findSelfOrAncestorNodeByType({
       type: ElementType.MERGETAG,
-      path: (_a = editor.selection) == null ? void 0 : _a.anchor.path
+      path: (_b = editor.selection) == null ? void 0 : _b.anchor.path
     }) : null;
     const isCollapsed = Boolean(
       selection && (Range.isCollapsed(selection) || Editor.string(editor, selection) === "") && !mergeNodeEntry
@@ -34704,7 +34752,7 @@ const FontFamily$1 = () => {
         }
       );
     } else {
-      setFieldValue(selectedNodePath, "attributes.font-family", val);
+      setFieldValue(contentNodePath, "attributes.font-family", val);
     }
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(

package/package.json

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