@builder.io/sdk-react-native 0.0.1-52 → 0.0.1-55

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+### 0.0.1-52
+
+🧨 Breaking change: the format of the `customComponents` prop has changed from `[{ component, info }]` to `[{ component, ...info }]`.
+See [builder-registered-components.ts](/packages/sdks/src/constants/builder-registered-components.ts) for examples of how to do so, or see the example provided for this SDK.
+
 ### 0.0.1-51
 
 ⚠️ Deprecation notice: Registering components via `registerComponent(component, info)` is now deprecated. 

package/package.json

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

package/src/blocks/image/image.lite.tsx

@@ -11,7 +11,7 @@ export default function Image(props) {
           role={props.altText ? "presentation" : undefined}
           style={styles.view2}
           src={props.image}
-          srcset={props.srcset}
+          srcSet={props.srcset}
           sizes={props.sizes}
         />
 

package/src/blocks/symbol/component-info.js

@@ -3,6 +3,7 @@ const componentInfo = {
   name: "Symbol",
   noWrap: true,
   static: true,
+  builtIn: true,
   inputs: [
     {
       name: "symbol",

package/src/components/render-block/render-block.js

@@ -17,6 +17,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import * as React from "react";
 import { useContext } from "react";
 import { TARGET } from "../../constants/target.js";
@@ -48,8 +60,12 @@ function RenderBlock(props) {
     }
   }
   function componentInfo() {
-    var _a2;
-    return (_a2 = component == null ? void 0 : component()) == null ? void 0 : _a2.info;
+    if (component()) {
+      const _a2 = component(), { component: _ } = _a2, info = __objRest(_a2, ["component"]);
+      return info;
+    } else {
+      return void 0;
+    }
   }
   function componentRef() {
     var _a2;

package/src/components/render-block/render-block.lite.tsx

@@ -34,7 +34,12 @@ export default function RenderBlock(props) {
   }
 
   function componentInfo() {
-    return component?.()?.info;
+    if (component()) {
+      const { component: _, ...info } = component();
+      return info;
+    } else {
+      return undefined;
+    }
   }
 
   function componentRef() {

package/src/components/render-content/render-content.js

@@ -86,7 +86,7 @@ function RenderContent(props) {
       ...components,
       ...props.customComponents || []
     ];
-    const allComponents = allComponentsArray.reduce((acc, curr) => __spreadProps(__spreadValues({}, acc), { [curr.info.name]: curr }), {});
+    const allComponents = allComponentsArray.reduce((acc, curr) => __spreadProps(__spreadValues({}, acc), { [curr.name]: curr }), {});
     return allComponents;
   }
   function processMessage(event) {

package/src/components/render-content/render-content.lite.tsx

@@ -58,7 +58,7 @@ export default function RenderContent(props) {
       ...(props.customComponents || []),
     ];
     const allComponents = allComponentsArray.reduce(
-      (acc, curr) => ({ ...acc, [curr.info.name]: curr }),
+      (acc, curr) => ({ ...acc, [curr.name]: curr }),
       {}
     );
     return allComponents;

package/src/constants/builder-registered-components.js

@@ -1,4 +1,20 @@
 import * as React from 'react';
+var __defProp = Object.defineProperty;
+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;
+};
 import { default as Button } from "../blocks/button/button.js";
 import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info";
 import { default as Columns } from "../blocks/columns/columns.js";
@@ -14,13 +30,13 @@ import { default as Symbol } from "../blocks/symbol/symbol.js";
 import { componentInfo as textComponentInfo } from "../blocks/text/component-info";
 import { default as Text } from "../blocks/text/text.js";
 const getDefaultRegisteredComponents = () => [
-  { component: Columns, info: columnsComponentInfo },
-  { component: Image, info: imageComponentInfo },
-  { component: Text, info: textComponentInfo },
-  { component: Symbol, info: symbolComponentInfo },
-  { component: Button, info: buttonComponentInfo },
-  { component: Section, info: sectionComponentInfo },
-  { component: Fragment, info: fragmentComponentInfo }
+  __spreadValues({ component: Columns }, columnsComponentInfo),
+  __spreadValues({ component: Image }, imageComponentInfo),
+  __spreadValues({ component: Text }, textComponentInfo),
+  __spreadValues({ component: Symbol }, symbolComponentInfo),
+  __spreadValues({ component: Button }, buttonComponentInfo),
+  __spreadValues({ component: Section }, sectionComponentInfo),
+  __spreadValues({ component: Fragment }, fragmentComponentInfo)
 ];
 export {
   getDefaultRegisteredComponents

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

@@ -27,7 +27,7 @@ function validateReactNativeStyles(styles) {
       }
       delete styles[key];
     }
-    if (typeof propertyValue === "string" && propertyValue.match(/^\-?\d/)) {
+    if (typeof propertyValue === "string" && propertyValue.match(/^-?\d/)) {
       const newValue = parseFloat(propertyValue);
       if (!isNaN(newValue)) {
         styles[key] = newValue;

package/src/functions/macro-eval.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function macroEval(items, string) {
-}
-export {
-  macroEval
-};