@builder.io/sdk-react-native 0.1.5 → 0.1.7

package/dist/blocks/button/component-info.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentInfo = void 0;
 const componentInfo = {
     name: "Core:Button",
-    builtIn: true,
     image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
     defaultStyles: {
         appearance: "none",

package/dist/blocks/columns/columns.js

@@ -28,11 +28,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
 const react_native_1 = require("react-native");
+const react_1 = require("react");
 const render_blocks_1 = __importDefault(require("../../components/render-blocks"));
 const device_sizes_1 = require("../../constants/device-sizes");
 const render_inlined_styles_1 = __importDefault(require("../../components/render-inlined-styles"));
 const target_js_1 = require("../../constants/target.js");
 const css_1 = require("../../helpers/css");
+const builder_context_js_1 = __importDefault(require("../../context/builder.context.js"));
 function Columns(props) {
     var _a;
     function getGutterSize() {
@@ -78,7 +80,8 @@ function Columns(props) {
         };
     }
     function getWidthForBreakpointSize(size) {
-        const breakpointSizes = (0, device_sizes_1.getSizesForBreakpoints)(props.customBreakpoints || {});
+        var _a, _b;
+        const breakpointSizes = (0, device_sizes_1.getSizesForBreakpoints)(((_b = (_a = builderContext.content) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.breakpoints) || {});
         return breakpointSizes[size].max;
     }
     function columnStyleObjects() {
@@ -134,6 +137,7 @@ function Columns(props) {
     function reactNativeColumnStyles() {
         return columnStyleObjects.column.small;
     }
+    const builderContext = (0, react_1.useContext)(builder_context_js_1.default);
     return (React.createElement(react_native_1.View, { style: styles.view1 },
         target_js_1.TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
             React.createElement(render_inlined_styles_1.default, { styles: columnsStyles() }))) : null, (_a = props.columns) === null || _a === void 0 ? void 0 :

package/dist/blocks/columns/component-info.js

@@ -4,7 +4,6 @@ exports.componentInfo = void 0;
 const util_js_1 = require("../util.js");
 const componentInfo = {
     name: "Columns",
-    builtIn: true,
     inputs: [
         {
             name: "columns",

package/dist/blocks/custom-code/component-info.js

@@ -4,7 +4,6 @@ exports.componentInfo = void 0;
 const componentInfo = {
     name: "Custom Code",
     static: true,
-    builtIn: true,
     requiredPermissions: ["editCode"],
     inputs: [
         {

package/dist/blocks/embed/component-info.js

@@ -5,7 +5,6 @@ const util_js_1 = require("../util.js");
 const componentInfo = {
     name: "Embed",
     static: true,
-    builtIn: true,
     inputs: [
         {
             name: "url",

package/dist/blocks/form/component-info.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentInfo = void 0;
 const componentInfo = {
     name: "Form:Form",
-    builtIn: true,
     defaults: {
         responsiveStyles: {
             large: {

package/dist/blocks/fragment/component-info.js

@@ -5,7 +5,6 @@ const componentInfo = {
     name: "Fragment",
     static: true,
     hidden: true,
-    builtIn: true,
     canHaveChildren: true,
     noWrap: true
 };

package/dist/blocks/image/component-info.js

@@ -5,7 +5,6 @@ const util_js_1 = require("../util.js");
 const componentInfo = {
     name: "Image",
     static: true,
-    builtIn: true,
     image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
     defaultStyles: {
         position: "relative",

package/dist/blocks/img/component-info.js

@@ -4,7 +4,6 @@ exports.componentInfo = void 0;
 const componentInfo = {
     name: "Raw:Img",
     hideFromInsertMenu: true,
-    builtIn: true,
     image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
     inputs: [
         {

package/dist/blocks/input/component-info.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentInfo = void 0;
 const componentInfo = {
     name: "Form:Input",
-    builtIn: true,
     image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
     inputs: [
         {

package/dist/blocks/raw-text/component-info.js

@@ -4,7 +4,6 @@ exports.componentInfo = void 0;
 const componentInfo = {
     name: "Builder:RawText",
     hideFromInsertMenu: true,
-    builtIn: true,
     inputs: [
         {
             name: "text",

package/dist/blocks/section/component-info.js

@@ -4,7 +4,6 @@ exports.componentInfo = void 0;
 const componentInfo = {
     name: "Core:Section",
     static: true,
-    builtIn: true,
     image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
     inputs: [
         {

package/dist/blocks/select/component-info.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentInfo = void 0;
 const componentInfo = {
     name: "Form:Select",
-    builtIn: true,
     image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
     defaultStyles: {
         alignSelf: "flex-start"

package/dist/blocks/submit-button/component-info.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentInfo = void 0;
 const componentInfo = {
     name: "Form:SubmitButton",
-    builtIn: true,
     image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
     defaultStyles: {
         appearance: "none",

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

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

package/dist/blocks/text/component-info.js

@@ -4,7 +4,6 @@ exports.componentInfo = void 0;
 const componentInfo = {
     name: "Text",
     static: true,
-    builtIn: true,
     image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
     inputs: [
         {

package/dist/blocks/textarea/component-info.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentInfo = void 0;
 const componentInfo = {
     name: "Form:TextArea",
-    builtIn: true,
     image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
     inputs: [
         {

package/dist/blocks/video/component-info.js

@@ -4,7 +4,6 @@ exports.componentInfo = void 0;
 const componentInfo = {
     name: "Video",
     canHaveChildren: true,
-    builtIn: true,
     defaultStyles: {
         minHeight: "20px",
         minWidth: "20px"

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

@@ -100,7 +100,7 @@ function RenderBlock(props) {
         };
     }
     function renderComponentProps() {
-        var _a, _b, _c, _d;
+        var _a;
         return {
             blockChildren: (_a = useBlock().children) !== null && _a !== void 0 ? _a : [],
             componentRef: component === null || component === void 0 ? void 0 : component.component,
@@ -118,7 +118,6 @@ function RenderBlock(props) {
                             ...actions(),
                         },
                     }),
-                customBreakpoints: (_d = (_c = (_b = childrenContext === null || childrenContext === void 0 ? void 0 : childrenContext()) === null || _b === void 0 ? void 0 : _b.content) === null || _c === void 0 ? void 0 : _c.meta) === null || _d === void 0 ? void 0 : _d.breakpoints,
             },
             context: childrenContext(),
         };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

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

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Core:Button",
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
     appearance: "none",

package/src/blocks/columns/columns.jsx

@@ -1,10 +1,12 @@
 import * as React from "react";
 import { View, StyleSheet, Image, Text } from "react-native";
+import { useContext } from "react";
 import RenderBlocks from "../../components/render-blocks";
 import { getSizesForBreakpoints } from "../../constants/device-sizes";
 import RenderInlinedStyles from "../../components/render-inlined-styles";
 import { TARGET } from "../../constants/target.js";
 import { convertStyleMapToCSS } from "../../helpers/css";
+import BuilderContext from "../../context/builder.context.js";
 
 export default function Columns(props) {
   function getGutterSize() {
@@ -58,7 +60,7 @@ export default function Columns(props) {
 
   function getWidthForBreakpointSize(size) {
     const breakpointSizes = getSizesForBreakpoints(
-      props.customBreakpoints || {}
+      builderContext.content?.meta?.breakpoints || {}
     );
     return breakpointSizes[size].max;
   }
@@ -120,6 +122,8 @@ export default function Columns(props) {
     return columnStyleObjects.column.small;
   }
 
+  const builderContext = useContext(BuilderContext);
+
   return (
     <View style={styles.view1}>
       {TARGET !== "reactNative" ? (

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

@@ -1,7 +1,6 @@
 import { serializeFn } from "../util.js";
 const componentInfo = {
   name: "Columns",
-  builtIn: true,
   inputs: [
     {
       name: "columns",

package/src/blocks/custom-code/component-info.js

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Custom Code",
   static: true,
-  builtIn: true,
   requiredPermissions: ["editCode"],
   inputs: [
     {

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

@@ -2,7 +2,6 @@ import { serializeFn } from "../util.js";
 const componentInfo = {
   name: "Embed",
   static: true,
-  builtIn: true,
   inputs: [
     {
       name: "url",

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

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Form:Form",
-  builtIn: true,
   defaults: {
     responsiveStyles: {
       large: {

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

@@ -2,7 +2,6 @@ const componentInfo = {
   name: "Fragment",
   static: true,
   hidden: true,
-  builtIn: true,
   canHaveChildren: true,
   noWrap: true
 };

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

@@ -2,7 +2,6 @@ import { serializeFn } from "../util.js";
 const componentInfo = {
   name: "Image",
   static: true,
-  builtIn: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
   defaultStyles: {
     position: "relative",

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

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Raw:Img",
   hideFromInsertMenu: true,
-  builtIn: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
   inputs: [
     {

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

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Form:Input",
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
     {

package/src/blocks/raw-text/component-info.js

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Builder:RawText",
   hideFromInsertMenu: true,
-  builtIn: true,
   inputs: [
     {
       name: "text",

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

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Core:Section",
   static: true,
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
   inputs: [
     {

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

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Form:Select",
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
     alignSelf: "flex-start"

package/src/blocks/submit-button/component-info.js

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Form:SubmitButton",
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
     appearance: "none",

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

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

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

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Text",
   static: true,
-  builtIn: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
   inputs: [
     {

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

@@ -1,6 +1,5 @@
 const componentInfo = {
   name: "Form:TextArea",
-  builtIn: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
   inputs: [
     {

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

@@ -1,7 +1,6 @@
 const componentInfo = {
   name: "Video",
   canHaveChildren: true,
-  builtIn: true,
   defaultStyles: {
     minHeight: "20px",
     minWidth: "20px"

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

@@ -103,7 +103,6 @@ export default function RenderBlock(props) {
                 ...actions(),
               },
             }),
-        customBreakpoints: childrenContext?.()?.content?.meta?.breakpoints,
       },
       context: childrenContext(),
     };