@builder.io/sdk-react-native 0.12.2 → 0.12.4

package/lib/browser/module/functions/get-style.js

@@ -0,0 +1,28 @@
+import { TARGET } from "../constants/target.js";
+import { convertStyleMapToCSSArray } from "../helpers/css.js";
+import { transformStyleProperty } from "./transform-style-property.js";
+const getStyle = ({
+  block,
+  context
+}) => {
+  return mapStyleObjToStrIfNeeded(transformStyleProperty({
+    style: block.style || {},
+    context,
+    block
+  }));
+};
+function mapStyleObjToStrIfNeeded(style) {
+  switch (TARGET) {
+    case "svelte":
+    case "vue":
+    case "solid":
+      return convertStyleMapToCSSArray(style).join(" ");
+    case "qwik":
+    case "reactNative":
+    case "react":
+    case "rsc":
+      return style;
+  }
+}
+export { getStyle, mapStyleObjToStrIfNeeded };
+//# sourceMappingURL=get-style.js.map

package/lib/browser/module/functions/get-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TARGET","convertStyleMapToCSSArray","transformStyleProperty","getStyle","block","context","mapStyleObjToStrIfNeeded","style","join"],"sourceRoot":"../../../../src","sources":["functions/get-style.js"],"mappings":"AAAA,SAASA,MAAM;AACf,SAASC,yBAAyB;AAClC,SAASC,sBAAsB;AAC/B,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,OAAOC,wBAAwB,CAACJ,sBAAsB,CAAC;IACrDK,KAAK,EAAEH,KAAK,CAACG,KAAK,IAAI,CAAC,CAAC;IACxBF,OAAO;IACPD;EACF,CAAC,CAAC,CAAC;AACL,CAAC;AACD,SAASE,wBAAwBA,CAACC,KAAK,EAAE;EACvC,QAAQP,MAAM;IACZ,KAAK,QAAQ;IACb,KAAK,KAAK;IACV,KAAK,OAAO;MACV,OAAOC,yBAAyB,CAACM,KAAK,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;IACnD,KAAK,MAAM;IACX,KAAK,aAAa;IAClB,KAAK,OAAO;IACZ,KAAK,KAAK;MACR,OAAOD,KAAK;EAChB;AACF;AACA,SAASJ,QAAQ,EAAEG,wBAAwB"}

package/lib/browser/module/functions/transform-block-properties.js

@@ -1,110 +1,8 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
-    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-  }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import cssToStyleSheet from "css-to-react-native";
 import { findDOMNode } from "react-dom";
 import { isEditing } from "./is-editing.js";
-const cssToReactNative = cssToStyleSheet.default ? cssToStyleSheet.default : cssToStyleSheet;
-const ALLOWED_CSS_PROPERTIES = ["backfaceVisibility", "backgroundColor", "borderBottomLeftRadius", "borderBottomRightRadius", "borderColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderWidth", "opacity", "overflow", "overlayColor", "resizeMode", "objectFit", "tintColor", "alignContent", "alignItems", "alignSelf", "aspectRatio", "borderBottomWidth", "borderEndWidth", "borderLeftWidth", "borderRightWidth", "borderStartWidth", "borderTopWidth", "borderWidth", "bottom", "columnGap", "direction", "display", "end", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "height", "justifyContent", "left", "margin", "marginBottom", "marginEnd", "marginHorizontal", "marginLeft", "marginRight", "marginStart", "marginTop", "marginVertical", "maxHeight", "maxWidth", "minHeight", "minWidth", "overflow", "padding", "paddingBottom", "paddingEnd", "paddingHorizontal", "paddingLeft", "paddingRight", "paddingStart", "paddingTop", "paddingVertical", "position", "right", "rowGap", "start", "top", "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "color", "fontFamily", "fontSize", "fontStyle", "fontWeight", "includeFontPadding", "fontVariant", "letterSpacing", "lineHeight", "textAlign", "textAlignVertical", "textDecorationColor", "textDecorationLine", "textDecorationStyle", "textShadowColor", "textShadowOffset", "textShadowRadius", "textTransform", "verticalAlign", "writingDirection", "userSelect", "backfaceVisibility", "backgroundColor", "borderBottomColor", "borderBottomEndRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStartRadius", "borderStartEndRadius", "borderStartStartRadius", "borderEndEndRadius", "borderEndStartRadius", "borderBottomWidth", "borderColor", "borderCurve", "borderEndColor", "borderLeftColor", "borderLeftWidth", "borderRadius", "borderRightColor", "borderRightWidth", "borderStartColor", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth", "elevation", "opacity", "pointerEvents"];
-const DISPLAY_VALUES = ["flex", "none"];
-function omit(obj, ...values) {
-  const newObject = Object.assign({}, obj);
-  for (const key of values) {
-    delete newObject[key];
-  }
-  return newObject;
-}
-const inRange = (value, min, max) => value >= min && value <= max;
-const processValue = (styles, [key, value]) => {
-  if (!ALLOWED_CSS_PROPERTIES.includes(key)) return void 0;
-  if (value.includes("calc")) return void 0;
-  if (value.includes("inherit")) return void 0;
-  if (value === "px") return void 0;
-  if (key === "display" && !DISPLAY_VALUES.includes(value)) return void 0;
-  if (key === "maxWidth" && value === "none") {
-    return "100%";
-  }
-  if (key === "lineHeight" && !value.includes("px")) {
-    const fontSize = parseFloat(styles.fontSize);
-    const lineHeight = parseFloat(styles.lineHeight);
-    if (!isNaN(fontSize) && !isNaN(lineHeight) && inRange(lineHeight, 1, 2)) {
-      return `${Math.round(fontSize * lineHeight)}px`;
-    }
-    return void 0;
-  }
-  if (key === "fontFamily") {
-    return value.replace(/["]/g, "").split(",")[0];
-  }
-  const numericValue = parseFloat(value);
-  const isNumeric = !isNaN(numericValue);
-  if (isNumeric) {
-    const processSuffix = numAsStr => {
-      if (numAsStr.includes("em")) {
-        if (key === "letterSpacing") return numAsStr.replace("em", "px");
-        return numAsStr.replace("em", "");
-      }
-      if (numAsStr.includes("pt")) return numAsStr.replace("pt", "");
-      if (numAsStr.includes("vw")) return numAsStr.replace("vw", "%");
-      if (numAsStr.includes("vh")) return numAsStr.replace("vh", "%");
-      return numAsStr;
-    };
-    return processSuffix(value);
-  }
-  return value;
-};
-const cleanCssStyleProps = styles => Object.entries(styles).reduce((acc, [key, value]) => {
-  const processedValue = processValue(styles, [key, value]);
-  if (processedValue === void 0) return acc;
-  return __spreadProps(__spreadValues({}, acc), {
-    [key]: processedValue
-  });
-}, {});
-const removeDisplayNone = styles => styles.display === "none" ? omit(styles, "display") : styles;
-function getReactNativeBlockStyles({
-  block,
-  context,
-  blockStyles
-}) {
-  const responsiveStyles = block.responsiveStyles;
-  if (!responsiveStyles) {
-    return {};
-  }
-  const largeAndMediumStyles = removeDisplayNone(__spreadValues(__spreadValues({}, responsiveStyles.large || {}), responsiveStyles.medium || {}));
-  const styles = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, context.inheritedStyles), largeAndMediumStyles), responsiveStyles.small || {}), blockStyles);
-  const cleanedCSS = cleanCssStyleProps(styles);
-  const newStyles = cssToReactNative(Object.entries(cleanedCSS));
-  return newStyles;
-}
 function transformBlockProperties({
-  block,
-  context,
   properties
 }) {
-  const newStyles = getReactNativeBlockStyles({
-    block,
-    context,
-    blockStyles: block.style
-  });
-  properties.style = newStyles;
-  properties.className = properties.class;
-  delete properties.class;
   const id = properties["builder-id"];
   if (!id && isEditing()) {
     console.warn("No builder-id found on properties", properties);

package/lib/browser/module/functions/transform-block-properties.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__defProps","defineProperties","__getOwnPropDescs","getOwnPropertyDescriptors","__getOwnPropSymbols","getOwnPropertySymbols","__hasOwnProp","prototype","hasOwnProperty","__propIsEnum","propertyIsEnumerable","__defNormalProp","obj","key","value","enumerable","configurable","writable","__spreadValues","a","b","prop","call","__spreadProps","cssToStyleSheet","findDOMNode","isEditing","cssToReactNative","default","ALLOWED_CSS_PROPERTIES","DISPLAY_VALUES","omit","values","newObject","assign","inRange","min","max","processValue","styles","includes","fontSize","parseFloat","lineHeight","isNaN","Math","round","replace","split","numericValue","isNumeric","processSuffix","numAsStr","cleanCssStyleProps","entries","reduce","acc","processedValue","removeDisplayNone","display","getReactNativeBlockStyles","block","context","blockStyles","responsiveStyles","largeAndMediumStyles","large","medium","inheritedStyles","small","cleanedCSS","newStyles","transformBlockProperties","properties","style","className","class","id","console","warn","ref","el","Text","setAttribute","classList","add"],"sourceRoot":"../../../../src","sources":["functions/transform-block-properties.js"],"mappings":"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"}
+{"version":3,"names":["findDOMNode","isEditing","transformBlockProperties","properties","id","console","warn","ref","el","Text","setAttribute","classList","add"],"sourceRoot":"../../../../src","sources":["functions/transform-block-properties.js"],"mappings":"AAAA,SAASA,WAAW,QAAQ,WAAW;AACvC,SAASC,SAAS;AAClB,SAASC,wBAAwBA,CAAC;EAChCC;AACF,CAAC,EAAE;EACD,MAAMC,EAAE,GAAGD,UAAU,CAAC,YAAY,CAAC;EACnC,IAAI,CAACC,EAAE,IAAIH,SAAS,CAAC,CAAC,EAAE;IACtBI,OAAO,CAACC,IAAI,CAAC,mCAAmC,EAAEH,UAAU,CAAC;EAC/D;EACAA,UAAU,CAACI,GAAG,GAAIA,GAAG,IAAK;IACxB,IAAIN,SAAS,CAAC,CAAC,EAAE;MACf,MAAMO,EAAE,GAAGR,WAAW,CAACO,GAAG,CAAC;MAC3B,IAAIC,EAAE,IAAI,EAAEA,EAAE,YAAYC,IAAI,CAAC,EAAE;QAC/BD,EAAE,CAACE,YAAY,CAAC,YAAY,EAAEN,EAAE,CAAC;QACjCI,EAAE,CAACG,SAAS,CAACC,GAAG,CAACR,EAAE,CAAC;MACtB;IACF;EACF,CAAC;EACD,OAAOD,UAAU;AACnB;AACA,SACED,wBAAwB"}

package/lib/browser/module/functions/transform-style-property.js

@@ -0,0 +1,106 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import cssToStyleSheet from "css-to-react-native";
+const cssToReactNative = cssToStyleSheet.default ? cssToStyleSheet.default : cssToStyleSheet;
+const ALLOWED_CSS_PROPERTIES = ["backfaceVisibility", "backgroundColor", "borderBottomLeftRadius", "borderBottomRightRadius", "borderColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderWidth", "opacity", "overflow", "overlayColor", "resizeMode", "objectFit", "tintColor", "alignContent", "alignItems", "alignSelf", "aspectRatio", "borderBottomWidth", "borderEndWidth", "borderLeftWidth", "borderRightWidth", "borderStartWidth", "borderTopWidth", "borderWidth", "bottom", "columnGap", "direction", "display", "end", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "height", "justifyContent", "left", "margin", "marginBottom", "marginEnd", "marginHorizontal", "marginLeft", "marginRight", "marginStart", "marginTop", "marginVertical", "maxHeight", "maxWidth", "minHeight", "minWidth", "overflow", "padding", "paddingBottom", "paddingEnd", "paddingHorizontal", "paddingLeft", "paddingRight", "paddingStart", "paddingTop", "paddingVertical", "position", "right", "rowGap", "start", "top", "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "color", "fontFamily", "fontSize", "fontStyle", "fontWeight", "includeFontPadding", "fontVariant", "letterSpacing", "lineHeight", "textAlign", "textAlignVertical", "textDecorationColor", "textDecorationLine", "textDecorationStyle", "textShadowColor", "textShadowOffset", "textShadowRadius", "textTransform", "verticalAlign", "writingDirection", "userSelect", "backfaceVisibility", "backgroundColor", "borderBottomColor", "borderBottomEndRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStartRadius", "borderStartEndRadius", "borderStartStartRadius", "borderEndEndRadius", "borderEndStartRadius", "borderBottomWidth", "borderColor", "borderCurve", "borderEndColor", "borderLeftColor", "borderLeftWidth", "borderRadius", "borderRightColor", "borderRightWidth", "borderStartColor", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth", "elevation", "opacity", "pointerEvents"];
+const DISPLAY_VALUES = ["flex", "none"];
+function omit(obj, ...values) {
+  const newObject = Object.assign({}, obj);
+  for (const key of values) {
+    delete newObject[key];
+  }
+  return newObject;
+}
+const inRange = (value, min, max) => value >= min && value <= max;
+const processValue = (styles, [key, value]) => {
+  if (!ALLOWED_CSS_PROPERTIES.includes(key)) return void 0;
+  if (value.includes("calc")) return void 0;
+  if (value.includes("inherit")) return void 0;
+  if (value === "px") return void 0;
+  if (key === "display" && !DISPLAY_VALUES.includes(value)) return void 0;
+  if (key === "maxWidth" && value === "none") {
+    return "100%";
+  }
+  if (key === "lineHeight" && !value.includes("px")) {
+    const fontSize = parseFloat(styles.fontSize);
+    const lineHeight = parseFloat(styles.lineHeight);
+    if (!isNaN(fontSize) && !isNaN(lineHeight) && inRange(lineHeight, 1, 2)) {
+      return `${Math.round(fontSize * lineHeight)}px`;
+    }
+    return void 0;
+  }
+  if (key === "fontFamily") {
+    return value.replace(/["]/g, "").split(",")[0];
+  }
+  const numericValue = parseFloat(value);
+  const isNumeric = !isNaN(numericValue);
+  if (isNumeric) {
+    const processSuffix = numAsStr => {
+      if (numAsStr.includes("em")) {
+        if (key === "letterSpacing") return numAsStr.replace("em", "px");
+        return numAsStr.replace("em", "");
+      }
+      if (numAsStr.includes("pt")) return numAsStr.replace("pt", "");
+      if (numAsStr.includes("vw")) return numAsStr.replace("vw", "%");
+      if (numAsStr.includes("vh")) return numAsStr.replace("vh", "%");
+      return numAsStr;
+    };
+    return processSuffix(value);
+  }
+  return value;
+};
+const cleanCssStyleProps = styles => Object.entries(styles).reduce((acc, [key, value]) => {
+  const processedValue = processValue(styles, [key, value]);
+  if (processedValue === void 0) return acc;
+  return __spreadProps(__spreadValues({}, acc), {
+    [key]: processedValue
+  });
+}, {});
+const removeDisplayNone = styles => styles.display === "none" ? omit(styles, "display") : styles;
+function getReactNativeBlockStyles({
+  block,
+  context,
+  blockStyles
+}) {
+  const responsiveStyles = block.responsiveStyles;
+  if (!responsiveStyles) {
+    return {};
+  }
+  const largeAndMediumStyles = removeDisplayNone(__spreadValues(__spreadValues({}, responsiveStyles.large || {}), responsiveStyles.medium || {}));
+  const styles = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, context.inheritedStyles), largeAndMediumStyles), responsiveStyles.small || {}), blockStyles);
+  const cleanedCSS = cleanCssStyleProps(styles);
+  const newStyles = cssToReactNative(Object.entries(cleanedCSS));
+  return newStyles;
+}
+function transformStyleProperty({
+  block,
+  context,
+  style
+}) {
+  const newStyles = getReactNativeBlockStyles({
+    block,
+    context,
+    blockStyles: style
+  });
+  return newStyles;
+}
+export { transformStyleProperty };
+//# sourceMappingURL=transform-style-property.js.map

package/lib/browser/module/functions/transform-style-property.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__defProps","defineProperties","__getOwnPropDescs","getOwnPropertyDescriptors","__getOwnPropSymbols","getOwnPropertySymbols","__hasOwnProp","prototype","hasOwnProperty","__propIsEnum","propertyIsEnumerable","__defNormalProp","obj","key","value","enumerable","configurable","writable","__spreadValues","a","b","prop","call","__spreadProps","cssToStyleSheet","cssToReactNative","default","ALLOWED_CSS_PROPERTIES","DISPLAY_VALUES","omit","values","newObject","assign","inRange","min","max","processValue","styles","includes","fontSize","parseFloat","lineHeight","isNaN","Math","round","replace","split","numericValue","isNumeric","processSuffix","numAsStr","cleanCssStyleProps","entries","reduce","acc","processedValue","removeDisplayNone","display","getReactNativeBlockStyles","block","context","blockStyles","responsiveStyles","largeAndMediumStyles","large","medium","inheritedStyles","small","cleanedCSS","newStyles","transformStyleProperty","style"],"sourceRoot":"../../../../src","sources":["functions/transform-style-property.js"],"mappings":"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"}

package/lib/browser/module/helpers/omit.js

@@ -0,0 +1,9 @@
+function omit(obj, ...values) {
+  const newObject = Object.assign({}, obj);
+  for (const key of values) {
+    delete newObject[key];
+  }
+  return newObject;
+}
+export { omit };
+//# sourceMappingURL=omit.js.map

package/lib/browser/module/helpers/omit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["omit","obj","values","newObject","Object","assign","key"],"sourceRoot":"../../../../src","sources":["helpers/omit.js"],"mappings":"AAAA,SAASA,IAAIA,CAACC,GAAG,EAAE,GAAGC,MAAM,EAAE;EAC5B,MAAMC,SAAS,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEJ,GAAG,CAAC;EACxC,KAAK,MAAMK,GAAG,IAAIJ,MAAM,EAAE;IACxB,OAAOC,SAAS,CAACG,GAAG,CAAC;EACvB;EACA,OAAOH,SAAS;AAClB;AACA,SAASH,IAAI"}

package/lib/browser/typescript/blocks/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/button/button.jsx"],"names":[],"mappings":";AAYA,uDA+BC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/button/button.jsx"],"names":[],"mappings":";AAcA,uDAwBC"}

package/lib/browser/typescript/blocks/columns/columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/columns/columns.jsx"],"names":[],"mappings":";AAgBA,wDAsIC"}
+{"version":3,"file":"columns.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/columns/columns.jsx"],"names":[],"mappings":";AAmBA,wDAoJC"}

package/lib/browser/typescript/blocks/symbol/symbol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"symbol.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/symbol/symbol.jsx"],"names":[],"mappings":";AAcA,uDA+DC"}
+{"version":3,"file":"symbol.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/symbol/symbol.jsx"],"names":[],"mappings":";AAeA,uDAgEC"}

package/lib/browser/typescript/components/block/block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../../src/components/block/block.jsx"],"names":[],"mappings":";AAoBA,sDA+JC"}
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../../src/components/block/block.jsx"],"names":[],"mappings":";AAoBA,sDAmLC"}

package/lib/browser/typescript/components/block/components/component-ref/component-ref.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-ref.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/block/components/component-ref/component-ref.jsx"],"names":[],"mappings":";AAgBA,6DA4CC"}
+{"version":3,"file":"component-ref.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/block/components/component-ref/component-ref.jsx"],"names":[],"mappings":";AAgBA,6DA8CC"}

package/lib/browser/typescript/components/block/components/repeated-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"repeated-block.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/components/repeated-block.jsx"],"names":[],"mappings":";AAaA,8DAYC"}
+{"version":3,"file":"repeated-block.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/components/repeated-block.jsx"],"names":[],"mappings":";AAaA,8DAaC"}

package/lib/browser/typescript/components/blocks/blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../../../../src/components/blocks/blocks.jsx"],"names":[],"mappings":";AAeA,uDA+BC"}
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../../../../src/components/blocks/blocks.jsx"],"names":[],"mappings":";AAeA,uDAgCC"}

package/lib/browser/typescript/components/content/components/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/content/components/styles.jsx"],"names":[],"mappings":";AAaA,8DA2BC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/content/components/styles.jsx"],"names":[],"mappings":";AAaA,8DA+BC"}

package/lib/browser/typescript/components/content/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/components/content/content.jsx"],"names":[],"mappings":";AA4BA,iEA4HC"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../src/components/content/content.jsx"],"names":[],"mappings":";AA4BA,iEA8HC"}

package/lib/browser/typescript/components/content-variants/content-variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content-variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/content-variants/content-variants.jsx"],"names":[],"mappings":";AAuBA,gEA0GC"}
+{"version":3,"file":"content-variants.d.ts","sourceRoot":"","sources":["../../../../../src/components/content-variants/content-variants.jsx"],"names":[],"mappings":";AAuBA,gEA4GC"}

package/lib/browser/typescript/constants/sdk-version.d.ts

@@ -1,2 +1,2 @@
-export const SDK_VERSION: "0.12.2";
+export const SDK_VERSION: "0.12.4";
 //# sourceMappingURL=sdk-version.d.ts.map

package/lib/browser/typescript/functions/get-block-properties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-block-properties.d.ts","sourceRoot":"","sources":["../../../../src/functions/get-block-properties.js"],"names":[],"mappings":"AA4BA;;;QAeC"}
+{"version":3,"file":"get-block-properties.d.ts","sourceRoot":"","sources":["../../../../src/functions/get-block-properties.js"],"names":[],"mappings":"AA4BA;;;QAkBC"}

package/lib/browser/typescript/functions/get-class-prop-name.d.ts

@@ -0,0 +1,2 @@
+export function getClassPropName(): "className" | "class";
+//# sourceMappingURL=get-class-prop-name.d.ts.map

package/lib/browser/typescript/functions/get-class-prop-name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-class-prop-name.d.ts","sourceRoot":"","sources":["../../../../src/functions/get-class-prop-name.js"],"names":[],"mappings":"AACA,0DAYC"}

package/lib/browser/typescript/functions/get-style.d.ts

@@ -0,0 +1,6 @@
+export function getStyle({ block, context }: {
+    block: any;
+    context: any;
+}): any;
+export function mapStyleObjToStrIfNeeded(style: any): any;
+//# sourceMappingURL=get-style.d.ts.map

package/lib/browser/typescript/functions/get-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-style.d.ts","sourceRoot":"","sources":["../../../../src/functions/get-style.js"],"names":[],"mappings":"AAGA;;;QASC;AACD,0DAYC"}

package/lib/browser/typescript/functions/transform-block-properties.d.ts

@@ -1,6 +1,4 @@
-export function transformBlockProperties({ block, context, properties }: {
-    block: any;
-    context: any;
+export function transformBlockProperties({ properties }: {
     properties: any;
 }): any;
 //# sourceMappingURL=transform-block-properties.d.ts.map

package/lib/browser/typescript/functions/transform-block-properties.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transform-block-properties.d.ts","sourceRoot":"","sources":["../../../../src/functions/transform-block-properties.js"],"names":[],"mappings":"AAoOA;;;;QA2BC"}
+{"version":3,"file":"transform-block-properties.d.ts","sourceRoot":"","sources":["../../../../src/functions/transform-block-properties.js"],"names":[],"mappings":"AAEA;;QAiBC"}

package/lib/browser/typescript/functions/transform-style-property.d.ts

@@ -0,0 +1,6 @@
+export function transformStyleProperty({ block, context, style }: {
+    block: any;
+    context: any;
+    style: any;
+}): any;
+//# sourceMappingURL=transform-style-property.d.ts.map

package/lib/browser/typescript/functions/transform-style-property.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-style-property.d.ts","sourceRoot":"","sources":["../../../../src/functions/transform-style-property.js"],"names":[],"mappings":"AAkOA;;;;QAWC"}

package/lib/browser/typescript/helpers/omit.d.ts

@@ -0,0 +1,2 @@
+export function omit(obj: any, ...values: any[]): any;
+//# sourceMappingURL=omit.d.ts.map

package/lib/browser/typescript/helpers/omit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"omit.d.ts","sourceRoot":"","sources":["../../../../src/helpers/omit.js"],"names":[],"mappings":"AAAA,sDAMC"}

package/lib/edge/commonjs/blocks/button/button.js

@@ -7,27 +7,28 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _BaseText = _interopRequireDefault(require("../BaseText"));
 var _reactNative = require("react-native");
+var _dynamicRenderer = _interopRequireDefault(require("../../components/dynamic-renderer/dynamic-renderer"));
+var _getClassPropName = require("../../functions/get-class-prop-name.js");
 var _helpers = require("../helpers.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function Button(props) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, props.link ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, _extends({}, props.attributes, {
-    href: props.link,
-    target: props.openLinkInNewTab ? "_blank" : undefined,
-    role: "link"
-  }), /*#__PURE__*/React.createElement(_BaseText.default, null, props.text))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, _extends({}, props.attributes, {
-    style: {
-      ...styles.view1,
-      ...props.attributes.style
-    }
-  }), /*#__PURE__*/React.createElement(_BaseText.default, null, props.text))));
+  return /*#__PURE__*/React.createElement(_dynamicRenderer.default, {
+    TagName: props.link ? props.builderLinkComponent || "a" : "button",
+    attributes: {
+      ...props.attributes,
+      [(0, _getClassPropName.getClassPropName)()]: `${props.link ? "" : "builder-button"} ${props.attributes[(0, _getClassPropName.getClassPropName)()] || ""}`,
+      ...(props.link ? {
+        href: props.link,
+        target: props.openLinkInNewTab ? "_blank" : undefined,
+        role: "link"
+      } : {
+        role: "button"
+      })
+    },
+    actionAttributes: {}
+  }, /*#__PURE__*/React.createElement(_BaseText.default, null, props.text));
 }
-const styles = _reactNative.StyleSheet.create({
-  view1: {
-    all: "unset"
-  }
-});
 var _default = exports.default = Button;
 //# sourceMappingURL=button.js.map

package/lib/edge/commonjs/blocks/button/button.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_BaseText","_interopRequireDefault","_reactNative","_helpers","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Button","props","createElement","Fragment","link","View","attributes","href","openLinkInNewTab","undefined","role","text","style","styles","view1","StyleSheet","create","all","_default","exports"],"sourceRoot":"../../../../../src","sources":["blocks/button/button.jsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_BaseText","_interopRequireDefault","_reactNative","_dynamicRenderer","_getClassPropName","_helpers","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Button","props","createElement","TagName","link","builderLinkComponent","attributes","getClassPropName","href","target","openLinkInNewTab","undefined","role","actionAttributes","text","_default","exports"],"sourceRoot":"../../../../../src","sources":["blocks/button/button.jsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAQA,IAAAI,gBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAA4C,SAAAE,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAE5C,SAASY,MAAMA,CAACC,KAAK,EAAE;EACrB,oBACEhC,KAAA,CAAAiC,aAAA,CAAC3B,gBAAA,CAAAK,OAAe;IACduB,OAAO,EAAEF,KAAK,CAACG,IAAI,GAAGH,KAAK,CAACI,oBAAoB,IAAI,GAAG,GAAG,QAAS;IACnEC,UAAU,EAAE;MACV,GAAGL,KAAK,CAACK,UAAU;MACnB,CAAC,IAAAC,kCAAgB,EAAC,CAAC,GAAI,GAAEN,KAAK,CAACG,IAAI,GAAG,EAAE,GAAG,gBAAiB,IAC1DH,KAAK,CAACK,UAAU,CAAC,IAAAC,kCAAgB,EAAC,CAAC,CAAC,IAAI,EACzC,EAAC;MACF,IAAIN,KAAK,CAACG,IAAI,GACV;QACEI,IAAI,EAAEP,KAAK,CAACG,IAAI;QAChBK,MAAM,EAAER,KAAK,CAACS,gBAAgB,GAAG,QAAQ,GAAGC,SAAS;QACrDC,IAAI,EAAE;MACR,CAAC,GACD;QACEA,IAAI,EAAE;MACR,CAAC;IACP,CAAE;IACFC,gBAAgB,EAAE,CAAC;EAAE,gBAErB5C,KAAA,CAAAiC,aAAA,CAAC9B,SAAA,CAAAQ,OAAQ,QAAEqB,KAAK,CAACa,IAAe,CACjB,CAAC;AAEtB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApC,OAAA,GAEcoB,MAAM"}

package/lib/edge/commonjs/blocks/columns/columns.js

@@ -8,10 +8,13 @@ var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _reactNative = require("react-native");
 var _blocks = _interopRequireDefault(require("../../components/blocks/blocks"));
+var _dynamicRenderer = _interopRequireDefault(require("../../components/dynamic-renderer/dynamic-renderer"));
 var _inlinedStyles = _interopRequireDefault(require("../../components/inlined-styles"));
 var _deviceSizes = require("../../constants/device-sizes.js");
 var _target = require("../../constants/target.js");
 var _deopt = require("../../functions/deopt.js");
+var _getClassPropName = require("../../functions/get-class-prop-name.js");
+var _getStyle = require("../../functions/get-style.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -53,7 +56,13 @@ function Columns(props) {
     const mobileWidth = "100%";
     const mobileMarginLeft = 0;
     const marginLeftKey = "margin-left";
+    const sharedStyles = {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch"
+    };
     return {
+      ...sharedStyles,
       marginLeft: props.stackColumnsAt === "never" ? gutter : 0
     };
   }
@@ -99,15 +108,22 @@ function Columns(props) {
     }
   }, _target.TARGET !== "reactNative" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_inlinedStyles.default, {
     styles: columnsStyles()
-  })) : null, (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.map((column, index) => /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: {
-      ...styles.view2,
-      ...columnCssVars(index)
-    },
-    dataSet: {
-      "builder-block-name": "builder-column"
-    },
-    key: index
+  })) : null, (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.map((column, index) => /*#__PURE__*/React.createElement(_dynamicRenderer.default, {
+    key: index,
+    TagName: column.link ? props.builderLinkComponent || "a" : "div",
+    actionAttributes: {},
+    attributes: {
+      ...{
+        dataSet: {
+          "builder-block-name": "builder-column"
+        }
+      },
+      ...(column.link ? {
+        href: column.link
+      } : {}),
+      [(0, _getClassPropName.getClassPropName)()]: "builder-column",
+      style: (0, _getStyle.mapStyleObjToStrIfNeeded)(columnCssVars(index))
+    }
   }, /*#__PURE__*/React.createElement(_blocks.default, {
     path: `component.options.columns.${index}.blocks`,
     parent: props.builderBlock.id,
@@ -116,17 +132,13 @@ function Columns(props) {
     },
     context: props.builderContext,
     registeredComponents: props.builderComponents,
+    linkComponent: props.builderLinkComponent,
     blocks: column.blocks
   }))));
 }
 const styles = _reactNative.StyleSheet.create({
   view1: {
     display: "flex"
-  },
-  view2: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "stretch"
   }
 });
 var _default = exports.default = Columns;