@builder.io/sdk-react-native 0.0.3 → 0.0.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "main": "src/index.js",
   "scripts": {
     "release:patch": "npm version patch --no-git-tag-version && npm publish --access public",

package/src/functions/get-block-styles.js

@@ -36,9 +36,8 @@ function getBlockStyles(block) {
     return {};
   }
   const styles = getStyleForTarget(block.responsiveStyles);
-  console.log("rn styles", styles);
-  sanitizeBlockStyles(styles);
-  return styles;
+  const newStyles = sanitizeBlockStyles(styles);
+  return newStyles;
 }
 export {
   getBlockStyles

package/src/functions/sanitize-styles.js

@@ -1,31 +1,61 @@
+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));
 const propertiesThatMustBeNumber = new Set(["lineHeight"]);
 const displayValues = new Set(["flex", "none"]);
 const SHOW_WARNINGS = false;
+const normalizeNumber = (value) => {
+  if (Number.isNaN(value)) {
+    return void 0;
+  } else if (value < 0) {
+    return 0;
+  } else {
+    return value;
+  }
+};
 const sanitizeBlockStyles = (styles) => {
-  for (const key in styles) {
+  return Object.keys(styles).reduce((acc, key) => {
     const propertyValue = styles[key];
     if (key === "display" && !displayValues.has(propertyValue)) {
       if (SHOW_WARNINGS) {
         console.warn(`Style value for key "display" must be "flex" or "none" but had ${propertyValue}`);
       }
-      delete styles[key];
-    }
-    if (typeof propertyValue === "string" && propertyValue.match(/^-?\d/)) {
-      const newValue = parseFloat(propertyValue);
-      if (!isNaN(newValue)) {
-        styles[key] = newValue;
-      }
-      if (typeof newValue === "number" && newValue < 0) {
-        styles[key] = 0;
-      }
+      return acc;
     }
-    if (propertiesThatMustBeNumber.has(key) && typeof styles[key] !== "number") {
+    if (propertiesThatMustBeNumber.has(key) && typeof propertyValue !== "number") {
       if (SHOW_WARNINGS) {
         console.warn(`Style key ${key} must be a number, but had value \`${styles[key]}\``);
       }
-      delete styles[key];
+      return acc;
     }
-  }
+    if (typeof propertyValue === "string" && propertyValue.match(/^-?(\d*)(\.?)(\d*)*px/)) {
+      const newValue = parseFloat(propertyValue);
+      const normalizedValue = normalizeNumber(newValue);
+      if (normalizedValue) {
+        const valueWithUnits = propertyValue.endsWith("%") ? `${normalizedValue}%` : "";
+        return __spreadProps(__spreadValues({}, acc), { [key]: valueWithUnits });
+      } else {
+        return acc;
+      }
+    }
+    return __spreadProps(__spreadValues({}, acc), { [key]: propertyValue });
+  }, {});
 };
 export {
   sanitizeBlockStyles