@unlayer/react-elements 0.1.6 → 0.1.7

package/dist/index.js

@@ -227,15 +227,13 @@ function mapSemanticProps(props, defaultValues, componentType) {
     delete userProps.html;
     delete result.html;
   }
-  const href = userProps.href;
-  if (href !== void 0) {
-    if (typeof href === "string") {
-      userProps.href = {
+  for (const key of ["href", "action"]) {
+    const v = userProps[key];
+    if (typeof v === "string") {
+      userProps[key] = {
         name: "web",
-        values: { href, target: "_blank" }
+        values: { href: v, target: "_blank" }
       };
-    } else {
-      userProps.href = href;
     }
   }
   const nestedGroups = analyzeNestedStructure(defaultValues);
@@ -274,6 +272,46 @@ function mapSemanticProps(props, defaultValues, componentType) {
   }
   return final;
 }
+function normalizeLinkValue(value) {
+  if (value == null) return void 0;
+  if (typeof value === "string") {
+    return { url: value, target: "_blank" };
+  }
+  if (typeof value !== "object") return void 0;
+  const v = value;
+  if ("url" in v) return v;
+  if ("name" in v && v.values && typeof v.values === "object") {
+    const inner = v.values;
+    return {
+      url: inner.href ?? "",
+      target: inner.target ?? "_blank",
+      ...v.attrs ?? {}
+    };
+  }
+  return void 0;
+}
+function normalizeValuesForExporter(values, componentName) {
+  if (values == null || typeof values !== "object") return values;
+  const out = { ...values };
+  for (const key of ["href", "action"]) {
+    if (out[key] !== void 0) {
+      const normalized = normalizeLinkValue(out[key]);
+      if (normalized !== void 0) out[key] = normalized;
+    }
+  }
+  if (componentName === "Menu" && out.menu && Array.isArray(out.menu.items)) {
+    out.menu = {
+      ...out.menu,
+      items: out.menu.items.map((item) => {
+        if (!item || item.link === void 0) return item;
+        const normalized = normalizeLinkValue(item.link);
+        if (normalized === void 0) return item;
+        return { ...item, link: normalized };
+      })
+    };
+  }
+  return out;
+}
 var HTML_ENTITIES = {
   "&": "&",
   "&lt;": "<",
@@ -463,10 +501,14 @@ function createItemComponent(config) {
       contentWidth: 600,
       ...bodyValues
     };
+    const valuesForExporter = normalizeValuesForExporter(
+      valuesWithMeta,
+      config.name
+    );
     const exporter = config.exporters[mode] || config.exporters.web;
     return renderComponent({
       type: config.name,
-      values: valuesWithMeta,
+      values: valuesForExporter,
       className,
       style,
       args: [index, colIndex, cells, safeBodyValues, rowValues],