easy-email-extensions 4.15.0 → 4.16.0

package/lib/index2.js

@@ -34518,95 +34518,6 @@ function Direction() {
     }));
   }, [focusIdx2]);
 }
-function Link() {
-  const { focusIdx: focusIdx2 } = useFocusIdx();
-  return useMemo(() => {
-    return /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
-      span: 11
-    }, /* @__PURE__ */ React__default.createElement(TextField, {
-      prefix: /* @__PURE__ */ React__default.createElement(IconLink$1, null),
-      label: /* @__PURE__ */ React__default.createElement("span", null, t("Href"), "\xA0\xA0\xA0"),
-      name: `${focusIdx2}.attributes.href`
-    })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
-      offset: 1,
-      span: 11
-    }, /* @__PURE__ */ React__default.createElement(SelectField, {
-      label: t("Target"),
-      name: `${focusIdx2}.attributes.target`,
-      options: [
-        {
-          value: "",
-          label: t("_self")
-        },
-        {
-          value: "_blank",
-          label: t("_blank")
-        }
-      ]
-    })));
-  }, [focusIdx2]);
-}
-function Margin() {
-  const { focusIdx: focusIdx2 } = useFocusIdx();
-  return useMemo(() => {
-    return /* @__PURE__ */ React__default.createElement(Stack$4, {
-      vertical: true,
-      spacing: "extraTight"
-    }, /* @__PURE__ */ React__default.createElement(TextStyle, {
-      size: "large"
-    }, t("Margin")), /* @__PURE__ */ React__default.createElement(Stack$4, {
-      wrap: false
-    }, /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
-      fill: true
-    }, /* @__PURE__ */ React__default.createElement(TextField, {
-      label: t("Top"),
-      quickchange: true,
-      name: `${focusIdx2}.attributes.marginTop`,
-      inline: true
-    })), /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
-      fill: true
-    }, /* @__PURE__ */ React__default.createElement(TextField, {
-      label: t("Bottom"),
-      quickchange: true,
-      name: `${focusIdx2}.attributes.marginBottom`,
-      inline: true
-    }))), /* @__PURE__ */ React__default.createElement(Stack$4, {
-      wrap: false
-    }, /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
-      fill: true
-    }, /* @__PURE__ */ React__default.createElement(TextField, {
-      label: t("Left"),
-      quickchange: true,
-      name: `${focusIdx2}.attributes.marginLeft`,
-      inline: true
-    })), /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
-      fill: true
-    }, /* @__PURE__ */ React__default.createElement(TextField, {
-      label: t("Right"),
-      quickchange: true,
-      name: `${focusIdx2}.attributes.marginRight`,
-      inline: true
-    }))));
-  }, [focusIdx2]);
-}
-function BorderColor() {
-  const { focusIdx: focusIdx2 } = useFocusIdx();
-  return useMemo(() => {
-    return /* @__PURE__ */ React__default.createElement(ColorPickerField, {
-      label: t("Color"),
-      name: `${focusIdx2}.attributes.border-color`
-    });
-  }, [focusIdx2]);
-}
-function FontSize$1() {
-  const { focusIdx: focusIdx2 } = useFocusIdx();
-  return /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
-    label: t("Font size (px)"),
-    name: `${focusIdx2}.attributes.font-size`,
-    config: pixelAdapter,
-    autoComplete: "off"
-  });
-}
 function getContextMergeTags(mergeTags2, context, idx) {
   const loop = (currentIdx, combineMergeTags) => {
     var _a, _b;
@@ -34717,6 +34628,109 @@ const MergeTags$1 = React__default.memo((props) => {
     }
   }));
 });
+function Link() {
+  const { focusIdx: focusIdx2 } = useFocusIdx();
+  const { input } = useField(`${focusIdx2}.attributes.href`, {
+    parse: (v) => v
+  });
+  return useMemo(() => {
+    return /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, {
+      span: 11
+    }, /* @__PURE__ */ React__default.createElement(TextField, {
+      prefix: /* @__PURE__ */ React__default.createElement(IconLink$1, null),
+      label: /* @__PURE__ */ React__default.createElement(Space$1, null, /* @__PURE__ */ React__default.createElement("span", null, t("Href"), "\xA0\xA0\xA0"), /* @__PURE__ */ React__default.createElement(Popover$1, {
+        trigger: "click",
+        content: /* @__PURE__ */ React__default.createElement(MergeTags$1, {
+          value: input.value,
+          onChange: input.onChange
+        })
+      }, /* @__PURE__ */ React__default.createElement(Button$4, {
+        type: "text",
+        icon: /* @__PURE__ */ React__default.createElement(IconFont, {
+          iconName: "icon-merge-tags"
+        })
+      }))),
+      name: `${focusIdx2}.attributes.href`
+    })), /* @__PURE__ */ React__default.createElement(Grid.Col, {
+      offset: 1,
+      span: 11
+    }, /* @__PURE__ */ React__default.createElement(SelectField, {
+      label: t("Target"),
+      name: `${focusIdx2}.attributes.target`,
+      options: [
+        {
+          value: "",
+          label: t("_self")
+        },
+        {
+          value: "_blank",
+          label: t("_blank")
+        }
+      ]
+    })));
+  }, [focusIdx2]);
+}
+function Margin() {
+  const { focusIdx: focusIdx2 } = useFocusIdx();
+  return useMemo(() => {
+    return /* @__PURE__ */ React__default.createElement(Stack$4, {
+      vertical: true,
+      spacing: "extraTight"
+    }, /* @__PURE__ */ React__default.createElement(TextStyle, {
+      size: "large"
+    }, t("Margin")), /* @__PURE__ */ React__default.createElement(Stack$4, {
+      wrap: false
+    }, /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
+      fill: true
+    }, /* @__PURE__ */ React__default.createElement(TextField, {
+      label: t("Top"),
+      quickchange: true,
+      name: `${focusIdx2}.attributes.marginTop`,
+      inline: true
+    })), /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
+      fill: true
+    }, /* @__PURE__ */ React__default.createElement(TextField, {
+      label: t("Bottom"),
+      quickchange: true,
+      name: `${focusIdx2}.attributes.marginBottom`,
+      inline: true
+    }))), /* @__PURE__ */ React__default.createElement(Stack$4, {
+      wrap: false
+    }, /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
+      fill: true
+    }, /* @__PURE__ */ React__default.createElement(TextField, {
+      label: t("Left"),
+      quickchange: true,
+      name: `${focusIdx2}.attributes.marginLeft`,
+      inline: true
+    })), /* @__PURE__ */ React__default.createElement(Stack$4.Item, {
+      fill: true
+    }, /* @__PURE__ */ React__default.createElement(TextField, {
+      label: t("Right"),
+      quickchange: true,
+      name: `${focusIdx2}.attributes.marginRight`,
+      inline: true
+    }))));
+  }, [focusIdx2]);
+}
+function BorderColor() {
+  const { focusIdx: focusIdx2 } = useFocusIdx();
+  return useMemo(() => {
+    return /* @__PURE__ */ React__default.createElement(ColorPickerField, {
+      label: t("Color"),
+      name: `${focusIdx2}.attributes.border-color`
+    });
+  }, [focusIdx2]);
+}
+function FontSize$1() {
+  const { focusIdx: focusIdx2 } = useFocusIdx();
+  return /* @__PURE__ */ React__default.createElement(InputWithUnitField, {
+    label: t("Font size (px)"),
+    name: `${focusIdx2}.attributes.font-size`,
+    config: pixelAdapter,
+    autoComplete: "off"
+  });
+}
 const borderStyleOptions = [
   {
     value: "dashed",