@unlayer/react-elements 0.1.15 → 0.1.16

package/dist/index.js

@@ -408,6 +408,16 @@ function mapSemanticProps(props, defaultValues, componentType) {
     if (Object.keys(collected).length > 0) {
       final.border = { ...final.border || {}, ...collected };
     }
+    if (final.border && typeof final.border === "object") {
+      const b = { ...final.border };
+      for (const key of Object.keys(b)) {
+        if (!/Width$/.test(key)) continue;
+        const v = b[key];
+        if (typeof v === "number") b[key] = `${v}px`;
+        else if (typeof v === "string" && /^\d+(?:\.\d+)?$/.test(v.trim())) b[key] = `${v.trim()}px`;
+      }
+      final.border = b;
+    }
   }
   return final;
 }
@@ -1223,10 +1233,17 @@ var Row = (props) => {
     ...semanticProps
   } = props;
   const mode = modeProp ?? _config?.mode ?? "web";
-  let cells = propsCells || [1];
+  let cells;
   if (layout) {
     validateColumnLayout(layout, React.Children.count(children));
     cells = layout.cells;
+  } else if (propsCells) {
+    cells = propsCells;
+  } else {
+    const columnCount = React.Children.toArray(children).filter(
+      (c) => React.isValidElement(c) && /^Column$/.test(c.type?.displayName || c.type?.name || "")
+    ).length;
+    cells = Array(Math.max(1, columnCount)).fill(1);
   }
   const safeBodyValues = { ...DEFAULT_BODY_VALUES, ...bodyValues };
   const values = mapSemanticProps(