@builder.io/sdk-react-native 0.0.1-36 → 0.0.1-37

package/package.json

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

package/src/blocks/button.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function Button(props) {
   return (

package/src/blocks/columns.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useState, useContext } from 'react';
 import RenderBlocks from '../components/render-blocks.lite';
 
 export default function Columns(props) {

package/src/blocks/custom-code.lite.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useState, useContext, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 
 export default function CustomCode(props) {
   const [scriptsInserted, setScriptsInserted] = useState(() => []);

package/src/blocks/embed.lite.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useState, useContext, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 
 export default function Embed(props) {
   const [scriptsInserted, setScriptsInserted] = useState(() => []);

package/src/blocks/form.lite.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useState, useContext, useRef } from 'react';
+import { useState, useRef } from 'react';
 import RenderBlock from '../components/render-block.lite';
 
 export default function FormComponent(props) {

package/src/blocks/fragment.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function FragmentComponent(props) {
   return (

package/src/blocks/image.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function Image(props) {
   return (

package/src/blocks/img.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 import { isEditing } from '../functions/is-editing';
 
 export default function ImgComponent(props) {

package/src/blocks/input.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 import { isEditing } from '../functions/is-editing';
 
 export default function FormInputComponent(props) {

package/src/blocks/raw-text.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function RawText(props) {
   return (

package/src/blocks/section.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function SectionComponent(props) {
   return (

package/src/blocks/select.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 import { isEditing } from '../functions/is-editing';
 
 export default function SelectComponent(props) {

package/src/blocks/submit-button.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function SubmitButton(props) {
   return (

package/src/blocks/text.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function Text(props) {
   return (

package/src/blocks/textarea.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function Textarea(props) {
   return (

package/src/blocks/video.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function Video(props) {
   return (

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function BlockStyles(props) {
   return <></>;

package/src/components/error-boundary.lite.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function ErrorBoundary(props) {
   return <></>;

package/src/components/render-block.js

@@ -78,6 +78,9 @@ function RenderBlock(props) {
       context: builderContext.context,
     });
   }
+  function propertiesAndActions() {
+    return __spreadValues(__spreadValues({}, properties()), actions());
+  }
   function actions() {
     return getBlockActions({
       block: useBlock(),
@@ -105,7 +108,7 @@ function RenderBlock(props) {
           null,
           /* @__PURE__ */ React.createElement(
             TagNameRef,
-            __spreadProps(__spreadValues({}, properties()), {
+            __spreadProps(__spreadValues({}, propertiesAndActions()), {
               style: css(),
             }),
             /* @__PURE__ */ React.createElement(BlockStyles, {
@@ -154,7 +157,7 @@ function RenderBlock(props) {
                 : _c.options
             ),
             {
-              attributes: properties(),
+              attributes: propertiesAndActions(),
               builderBlock: useBlock(),
               style: css(),
               children: useBlock().children,

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useState, useContext } from 'react';
+import { useContext } from 'react';
 import { getBlockComponentOptions } from '../functions/get-block-component-options';
 import { getBlockProperties } from '../functions/get-block-properties';
 import { getBlockStyles } from '../functions/get-block-styles';
@@ -56,6 +56,10 @@ export default function RenderBlock(props) {
     });
   }
 
+  function propertiesAndActions() {
+    return { ...properties(), ...actions() };
+  }
+
   function actions() {
     return getBlockActions({
       block: useBlock(),
@@ -81,7 +85,7 @@ export default function RenderBlock(props) {
     <>
       {!componentInfo?.()?.noWrap ? (
         <>
-          <TagNameRef {...properties()} style={css()}>
+          <TagNameRef {...propertiesAndActions()} style={css()}>
             <BlockStyles block={useBlock()} />
 
             {componentRef() ? (
@@ -114,7 +118,7 @@ export default function RenderBlock(props) {
       ) : (
         <ComponentRefRef
           {...componentInfo?.()?.options}
-          attributes={properties()}
+          attributes={propertiesAndActions()}
           builderBlock={useBlock()}
           style={css()}
           children={useBlock().children}

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useState, useContext } from 'react';
 import { isEditing } from '../functions/is-editing';
 import RenderBlock from './render-block.lite';
 

package/src/functions/evaluate.js

@@ -23,7 +23,7 @@ function evaluate(options) {
       useCode
     )(builder, builder, options.state, options.context, options.event);
   } catch (e) {
-    console.warn('Builder custom code error', e);
+    console.warn('Builder custom code error: ', e);
   }
 }
 export { evaluate };

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

@@ -7,6 +7,9 @@ function getBlockActions(options) {
   const obj = {};
   if (options.block.actions) {
     for (const key in options.block.actions) {
+      if (!options.block.actions.hasOwnProperty(key)) {
+        continue;
+      }
       const value = options.block.actions[key];
       obj['on' + capitalizeFirstLetter(key)] = (event) =>
         evaluate({

package/src/package.json

@@ -1,18 +0,0 @@
-{
-  "name": "@builder.io/sdk-react-native",
-  "description": "Builder.io SDK for React Native",
-  "version": "0.0.1-1",
-  "main": "src/index.js",
-  "scripts": {
-    "release:dev": "npm version prerelease --no-git-tag-version && npm publish --tag dev --access public"
-  },
-  "dependencies": {
-    "react-native-render-html": "^5.1.1"
-  },
-  "peerDependencies": {
-    "react-native": "^0.64.2"
-  },
-  "devDependencies": {
-    "react-native": "^0.64.2"
-  }
-}