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

package/src/blocks/img.js

@@ -8,10 +8,16 @@ 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 })
+    ? __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]);
+  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]);

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.js

@@ -8,10 +8,16 @@ 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 })
+    ? __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]);
+  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]);
@@ -26,7 +32,8 @@ function FormInputComponent(props) {
   return /* @__PURE__ */ React.createElement(
     View,
     __spreadProps(__spreadValues({}, props.attributes), {
-      key: isEditing() && props.defaultValue ? props.defaultValue : 'default-key',
+      key:
+        isEditing() && props.defaultValue ? props.defaultValue : 'default-key',
       placeholder: props.placeholder,
       type: props.type,
       name: props.name,

package/src/blocks/input.lite.tsx

@@ -1,13 +1,14 @@
 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) {
   return (
     <View
       {...props.attributes}
-      key={isEditing() && props.defaultValue ? props.defaultValue : 'default-key'}
+      key={
+        isEditing() && props.defaultValue ? props.defaultValue : 'default-key'
+      }
       placeholder={props.placeholder}
       type={props.type}
       name={props.name}

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.js

@@ -8,10 +8,16 @@ 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 })
+    ? __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]);
+  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]);
@@ -70,8 +76,7 @@ registerComponent(SectionComponent, {
       component: {
         name: 'Text',
         options: {
-          text:
-            "<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>",
+          text: "<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>",
         },
       },
     },

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.js

@@ -8,10 +8,16 @@ 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 })
+    ? __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]);
+  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]);
@@ -28,19 +34,24 @@ function SelectComponent(props) {
     View,
     __spreadProps(__spreadValues({}, props.attributes), {
       value: props.value,
-      key: isEditing() && props.defaultValue ? props.defaultValue : 'default-key',
+      key:
+        isEditing() && props.defaultValue ? props.defaultValue : 'default-key',
       defaultValue: props.defaultValue,
       name: props.name,
     }),
     (_a = props.options) == null
       ? void 0
-      : _a.map(option =>
+      : _a.map((option) =>
           /* @__PURE__ */ React.createElement(
             View,
             {
               value: option.value,
             },
-            /* @__PURE__ */ React.createElement(Text, null, option.name || option.value)
+            /* @__PURE__ */ React.createElement(
+              Text,
+              null,
+              option.name || option.value
+            )
           )
         )
   );

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) {
@@ -8,11 +7,13 @@ export default function SelectComponent(props) {
     <View
       {...props.attributes}
       value={props.value}
-      key={isEditing() && props.defaultValue ? props.defaultValue : 'default-key'}
+      key={
+        isEditing() && props.defaultValue ? props.defaultValue : 'default-key'
+      }
       defaultValue={props.defaultValue}
       name={props.name}
     >
-      {props.options?.map(option => (
+      {props.options?.map((option) => (
         <View value={option.value}>
           <Text>{option.name || option.value}</Text>
         </View>

package/src/blocks/submit-button.js

@@ -8,10 +8,16 @@ 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 })
+    ? __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]);
+  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]);

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.js

@@ -5,10 +5,16 @@ 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 })
+    ? __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]);
+  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]);
@@ -32,7 +38,10 @@ const PICK_STYLES = ['textAlign'];
 function getBlockStyles(block) {
   var _a, _b, _c;
   const styles = __spreadValues(
-    __spreadValues({}, (_a = block.responsiveStyles) == null ? void 0 : _a.large),
+    __spreadValues(
+      {},
+      (_a = block.responsiveStyles) == null ? void 0 : _a.large
+    ),
     block.styles
   );
   if ((_b = block.responsiveStyles) == null ? void 0 : _b.medium) {
@@ -59,7 +68,11 @@ function getCss(block) {
 }
 function Text(props) {
   return /* @__PURE__ */ React.createElement(HTML, {
-    source: { html: `<div style="${getCss(props.builderBlock)}">${props.text || ''}</div>` },
+    source: {
+      html: `<div style="${getCss(props.builderBlock)}">${
+        props.text || ''
+      }</div>`,
+    },
   });
 }
 registerComponent(Text, {

package/src/blocks/text.lite.tsx

@@ -1,7 +1,11 @@
 import * as React from 'react';
 import { View, StyleSheet, Image, Text } from 'react-native';
-import { useContext } from 'react';
 
 export default function Text(props) {
-  return <View className="builder-text" dangerouslySetInnerHTML={{ __html: 'props.text' }} />;
+  return (
+    <View
+      className="builder-text"
+      dangerouslySetInnerHTML={{ __html: 'props.text' }}
+    />
+  );
 }

package/src/blocks/textarea.js

@@ -8,10 +8,16 @@ 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 })
+    ? __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]);
+  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]);
@@ -45,7 +51,8 @@ registerComponent(Textarea, {
       name: 'name',
       type: 'string',
       required: true,
-      helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"',
+      helperText:
+        'Every input in a form needs a unique name describing what it gets, e.g. "email"',
     },
     { name: 'defaultValue', type: 'string' },
     { name: 'placeholder', type: 'string', defaultValue: 'Hello there' },

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.js

@@ -16,7 +16,14 @@ function Video(props) {
       poster: props.posterImage,
       posterResizeMode: props.fit || 'contain',
       resizeMode: props.fit || 'contain',
-      style: { position: 'absolute', top: 0, bottom: 0, left: 0, right: 0, zIndex: 1 },
+      style: {
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+        zIndex: 1,
+      },
       source: { uri: props.video },
     }),
     /* @__PURE__ */ React.createElement(View, {

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

@@ -6,10 +6,16 @@ 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 })
+    ? __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]);
+  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]);
@@ -33,11 +39,13 @@ function RenderBlock(props) {
   var _a, _b, _c;
   function component() {
     var _a2, _b2;
-    const componentName = (_a2 = useBlock().component) == null ? void 0 : _a2.name;
+    const componentName =
+      (_a2 = useBlock().component) == null ? void 0 : _a2.name;
     if (!componentName) {
       return null;
     }
-    const ref = components[(_b2 = useBlock().component) == null ? void 0 : _b2.name];
+    const ref =
+      components[(_b2 = useBlock().component) == null ? void 0 : _b2.name];
     if (componentName && !ref) {
       console.warn(`
         Could not find a registered component named "${componentName}". 
@@ -47,11 +55,15 @@ function RenderBlock(props) {
   }
   function componentInfo() {
     var _a2;
-    return (_a2 = component == null ? void 0 : component()) == null ? void 0 : _a2.info;
+    return (_a2 = component == null ? void 0 : component()) == null
+      ? void 0
+      : _a2.info;
   }
   function componentRef() {
     var _a2;
-    return (_a2 = component == null ? void 0 : component()) == null ? void 0 : _a2.component;
+    return (_a2 = component == null ? void 0 : component()) == null
+      ? void 0
+      : _a2.component;
   }
   function tagName() {
     return getBlockTag(useBlock());
@@ -66,6 +78,9 @@ function RenderBlock(props) {
       context: builderContext.context,
     });
   }
+  function propertiesAndActions() {
+    return __spreadValues(__spreadValues({}, properties()), actions());
+  }
   function actions() {
     return getBlockActions({
       block: useBlock(),
@@ -85,13 +100,15 @@ function RenderBlock(props) {
   return /* @__PURE__ */ React.createElement(
     React.Fragment,
     null,
-    !((_a = componentInfo == null ? void 0 : componentInfo()) == null ? void 0 : _a.noWrap)
+    !((_a = componentInfo == null ? void 0 : componentInfo()) == null
+      ? void 0
+      : _a.noWrap)
       ? /* @__PURE__ */ React.createElement(
           React.Fragment,
           null,
           /* @__PURE__ */ React.createElement(
             TagNameRef,
-            __spreadProps(__spreadValues({}, properties()), {
+            __spreadProps(__spreadValues({}, propertiesAndActions()), {
               style: css(),
             }),
             /* @__PURE__ */ React.createElement(BlockStyles, {
@@ -121,7 +138,7 @@ function RenderBlock(props) {
                   null,
                   (_b = useBlock().children) == null
                     ? void 0
-                    : _b.map(child =>
+                    : _b.map((child) =>
                         /* @__PURE__ */ React.createElement(RenderBlock, {
                           block: child,
                         })
@@ -135,10 +152,12 @@ function RenderBlock(props) {
           __spreadProps(
             __spreadValues(
               {},
-              (_c = componentInfo == null ? void 0 : componentInfo()) == null ? void 0 : _c.options
+              (_c = componentInfo == null ? void 0 : componentInfo()) == null
+                ? void 0
+                : _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,22 +85,30 @@ export default function RenderBlock(props) {
     <>
       {!componentInfo?.()?.noWrap ? (
         <>
-          <TagNameRef {...properties()} style={css()}>
+          <TagNameRef {...propertiesAndActions()} style={css()}>
             <BlockStyles block={useBlock()} />
 
             {componentRef() ? (
-              <ComponentRefRef {...componentOptions()} builderBlock={useBlock()}>
+              <ComponentRefRef
+                {...componentOptions()}
+                builderBlock={useBlock()}
+              >
                 {useBlock().children ? (
                   <>
-                    <RenderBlocks path="children" blocks={useBlock().children} />
+                    <RenderBlocks
+                      path="children"
+                      blocks={useBlock().children}
+                    />
                   </>
                 ) : null}
               </ComponentRefRef>
             ) : null}
 
-            {!componentRef() && useBlock().children && useBlock().children.length ? (
+            {!componentRef() &&
+            useBlock().children &&
+            useBlock().children.length ? (
               <>
-                {useBlock().children?.map(child => (
+                {useBlock().children?.map((child) => (
                   <RenderBlock block={child} />
                 ))}
               </>
@@ -106,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.js

@@ -43,11 +43,13 @@ function RenderBlocks(props) {
     {
       'builder-path': props.path,
       'builder-parent-id': props.parent,
-      onClick: event => onClick,
-      onMouseEnter: event => onMouseEnter,
+      onClick: (event) => onClick,
+      onMouseEnter: (event) => onMouseEnter,
       className:
         'builder-blocks' +
-        (!((_a = props.blocks) == null ? void 0 : _a.length) ? ' no-blocks' : ''),
+        (!((_a = props.blocks) == null ? void 0 : _a.length)
+          ? ' no-blocks'
+          : ''),
       style: styles.view1,
     },
     props.blocks
@@ -56,7 +58,7 @@ function RenderBlocks(props) {
           null,
           (_b = props.blocks) == null
             ? void 0
-            : _b.map(block =>
+            : _b.map((block) =>
                 /* @__PURE__ */ React.createElement(RenderBlock, {
                   block,
                 })

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';
 
@@ -39,14 +38,14 @@ export default function RenderBlocks(props) {
     <View
       builder-path={props.path}
       builder-parent-id={props.parent}
-      onClick={event => onClick}
-      onMouseEnter={event => onMouseEnter}
+      onClick={(event) => onClick}
+      onMouseEnter={(event) => onMouseEnter}
       className={'builder-blocks' + (!props.blocks?.length ? ' no-blocks' : '')}
       style={styles.view1}
     >
       {props.blocks ? (
         <>
-          {props.blocks?.map(block => (
+          {props.blocks?.map((block) => (
             <RenderBlock block={block} />
           ))}
         </>