@builder.io/sdk-react-native 0.5.9 → 0.6.0

package/lib/browser/commonjs/blocks/columns/component-info.js

@@ -0,0 +1,225 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.componentInfo = void 0;
+const componentInfo = {
+  name: "Columns",
+  isRSC: true,
+  inputs: [{
+    name: "columns",
+    type: "array",
+    broadcast: true,
+    subFields: [{
+      name: "blocks",
+      type: "array",
+      hideFromUI: true,
+      defaultValue: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }, {
+      name: "width",
+      type: "number",
+      hideFromUI: true,
+      helperText: "Width %, e.g. set to 50 to fill half of the space"
+    }, {
+      name: "link",
+      type: "url",
+      helperText: "Optionally set a url that clicking this column will link to"
+    }],
+    defaultValue: [{
+      blocks: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }, {
+      blocks: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }],
+    onChange: options => {
+      function clearWidths() {
+        columns.forEach(col => {
+          col.delete("width");
+        });
+      }
+      const columns = options.get("columns");
+      if (Array.isArray(columns)) {
+        const containsColumnWithWidth = !!columns.find(col => col.get("width"));
+        if (containsColumnWithWidth) {
+          const containsColumnWithoutWidth = !!columns.find(col => !col.get("width"));
+          if (containsColumnWithoutWidth) {
+            clearWidths();
+          } else {
+            const sumWidths = columns.reduce((memo, col) => {
+              return memo + col.get("width");
+            }, 0);
+            const widthsDontAddUp = sumWidths !== 100;
+            if (widthsDontAddUp) {
+              clearWidths();
+            }
+          }
+        }
+      }
+    }
+  }, {
+    name: "space",
+    type: "number",
+    defaultValue: 20,
+    helperText: "Size of gap between columns",
+    advanced: true
+  }, {
+    name: "stackColumnsAt",
+    type: "string",
+    defaultValue: "tablet",
+    helperText: "Convert horizontal columns to vertical at what device size",
+    enum: ["tablet", "mobile", "never"],
+    advanced: true
+  }, {
+    name: "reverseColumnsWhenStacked",
+    type: "boolean",
+    defaultValue: false,
+    helperText: "When stacking columns for mobile devices, reverse the ordering",
+    advanced: true
+  }]
+};
+exports.componentInfo = componentInfo;
+//# sourceMappingURL=component-info.js.map

package/lib/browser/commonjs/blocks/columns/component-info.js.flow

@@ -0,0 +1,218 @@
+const componentInfo = {
+  name: "Columns",
+  isRSC: true,
+  inputs: [{
+    name: "columns",
+    type: "array",
+    broadcast: true,
+    subFields: [{
+      name: "blocks",
+      type: "array",
+      hideFromUI: true,
+      defaultValue: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }, {
+      name: "width",
+      type: "number",
+      hideFromUI: true,
+      helperText: "Width %, e.g. set to 50 to fill half of the space"
+    }, {
+      name: "link",
+      type: "url",
+      helperText: "Optionally set a url that clicking this column will link to"
+    }],
+    defaultValue: [{
+      blocks: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }, {
+      blocks: [{
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto",
+            minHeight: "20px",
+            minWidth: "20px",
+            overflow: "hidden"
+          }
+        },
+        component: {
+          name: "Image",
+          options: {
+            image: "https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+            aspectRatio: 0.7004048582995948
+          }
+        }
+      }, {
+        "@type": "@builder.io/sdk:Element",
+        responsiveStyles: {
+          large: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "stretch",
+            flexShrink: "0",
+            position: "relative",
+            marginTop: "30px",
+            textAlign: "center",
+            lineHeight: "normal",
+            height: "auto"
+          }
+        },
+        component: {
+          name: "Text",
+          options: {
+            text: "<p>Enter some text...</p>"
+          }
+        }
+      }]
+    }],
+    onChange: options => {
+      function clearWidths() {
+        columns.forEach(col => {
+          col.delete("width");
+        });
+      }
+      const columns = options.get("columns");
+      if (Array.isArray(columns)) {
+        const containsColumnWithWidth = !!columns.find(col => col.get("width"));
+        if (containsColumnWithWidth) {
+          const containsColumnWithoutWidth = !!columns.find(col => !col.get("width"));
+          if (containsColumnWithoutWidth) {
+            clearWidths();
+          } else {
+            const sumWidths = columns.reduce((memo, col) => {
+              return memo + col.get("width");
+            }, 0);
+            const widthsDontAddUp = sumWidths !== 100;
+            if (widthsDontAddUp) {
+              clearWidths();
+            }
+          }
+        }
+      }
+    }
+  }, {
+    name: "space",
+    type: "number",
+    defaultValue: 20,
+    helperText: "Size of gap between columns",
+    advanced: true
+  }, {
+    name: "stackColumnsAt",
+    type: "string",
+    defaultValue: "tablet",
+    helperText: "Convert horizontal columns to vertical at what device size",
+    enum: ["tablet", "mobile", "never"],
+    advanced: true
+  }, {
+    name: "reverseColumnsWhenStacked",
+    type: "boolean",
+    defaultValue: false,
+    helperText: "When stacking columns for mobile devices, reverse the ordering",
+    advanced: true
+  }]
+};
+export { componentInfo }

package/lib/browser/commonjs/blocks/columns/component-info.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentInfo","name","isRSC","inputs","type","broadcast","subFields","hideFromUI","defaultValue","responsiveStyles","large","display","flexDirection","alignItems","flexShrink","position","marginTop","textAlign","lineHeight","height","minHeight","minWidth","overflow","component","options","image","backgroundPosition","backgroundSize","aspectRatio","text","helperText","blocks","onChange","clearWidths","columns","forEach","col","delete","get","Array","isArray","containsColumnWithWidth","find","containsColumnWithoutWidth","sumWidths","reduce","memo","widthsDontAddUp","advanced","enum","exports"],"sourceRoot":"../../../../../src","sources":["blocks/columns/component-info.js"],"mappings":"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"}

package/lib/browser/commonjs/blocks/custom-code/component-info.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.componentInfo = void 0;
+const componentInfo = {
+  name: "Custom Code",
+  static: true,
+  requiredPermissions: ["editCode"],
+  inputs: [{
+    name: "code",
+    type: "html",
+    required: true,
+    defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+    code: true
+  }, {
+    name: "replaceNodes",
+    type: "boolean",
+    helperText: "Preserve server rendered dom nodes",
+    advanced: true
+  }, {
+    name: "scriptsClientOnly",
+    type: "boolean",
+    defaultValue: false,
+    helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
+    advanced: true
+  }]
+};
+exports.componentInfo = componentInfo;
+//# sourceMappingURL=component-info.js.map

package/lib/browser/commonjs/blocks/custom-code/component-info.js.flow

@@ -0,0 +1,24 @@
+const componentInfo = {
+  name: "Custom Code",
+  static: true,
+  requiredPermissions: ["editCode"],
+  inputs: [{
+    name: "code",
+    type: "html",
+    required: true,
+    defaultValue: "<p>Hello there, I am custom HTML code!</p>",
+    code: true
+  }, {
+    name: "replaceNodes",
+    type: "boolean",
+    helperText: "Preserve server rendered dom nodes",
+    advanced: true
+  }, {
+    name: "scriptsClientOnly",
+    type: "boolean",
+    defaultValue: false,
+    helperText: "Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",
+    advanced: true
+  }]
+};
+export { componentInfo }

package/lib/browser/commonjs/blocks/custom-code/component-info.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["componentInfo","name","static","requiredPermissions","inputs","type","required","defaultValue","code","helperText","advanced","exports"],"sourceRoot":"../../../../../src","sources":["blocks/custom-code/component-info.js"],"mappings":";;;;;;AAAA,MAAMA,aAAa,GAAG;EACpBC,IAAI,EAAE,aAAa;EACnBC,MAAM,EAAE,IAAI;EACZC,mBAAmB,EAAE,CAAC,UAAU,CAAC;EACjCC,MAAM,EAAE,CAAC;IACPH,IAAI,EAAE,MAAM;IACZI,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE,IAAI;IACdC,YAAY,EAAE,4CAA4C;IAC1DC,IAAI,EAAE;EACR,CAAC,EAAE;IACDP,IAAI,EAAE,cAAc;IACpBI,IAAI,EAAE,SAAS;IACfI,UAAU,EAAE,oCAAoC;IAChDC,QAAQ,EAAE;EACZ,CAAC,EAAE;IACDT,IAAI,EAAE,mBAAmB;IACzBI,IAAI,EAAE,SAAS;IACfE,YAAY,EAAE,KAAK;IACnBE,UAAU,EAAE,yHAAyH;IACrIC,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC;AAACC,OAAA,CAAAX,aAAA,GAAAA,aAAA"}

package/lib/browser/commonjs/blocks/custom-code/custom-code.js

@@ -0,0 +1,57 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function CustomCode(props) {
+  const elem = (0, React.useRef)(null);
+  const [scriptsInserted, setScriptsInserted] = (0, React.useState)(() => []);
+  const [scriptsRun, setScriptsRun] = (0, React.useState)(() => []);
+  function findAndRunScripts() {
+    // TODO: Move this function to standalone one in '@builder.io/utils'
+    if (elem.current && elem.current.getElementsByTagName && typeof window !== "undefined") {
+      const scripts = elem.current.getElementsByTagName("script");
+      for (let i = 0; i < scripts.length; i++) {
+        const script = scripts[i];
+        if (script.src) {
+          if (scriptsInserted.includes(script.src)) {
+            continue;
+          }
+          scriptsInserted.push(script.src);
+          const newScript = document.createElement("script");
+          newScript.async = true;
+          newScript.src = script.src;
+          document.head.appendChild(newScript);
+        } else if (!script.type || ["text/javascript", "application/javascript", "application/ecmascript"].includes(script.type)) {
+          if (scriptsRun.includes(script.innerText)) {
+            continue;
+          }
+          try {
+            scriptsRun.push(script.innerText);
+            new Function(script.innerText)();
+          } catch (error) {
+            console.warn("`CustomCode`: Error running script:", error);
+          }
+        }
+      }
+    }
+  }
+  (0, React.useEffect)(() => {
+    findAndRunScripts();
+  }, []);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    ref: elem,
+    dangerouslySetInnerHTML: {
+      __html: props.code
+    }
+  });
+}
+var _default = CustomCode;
+exports.default = _default;
+//# sourceMappingURL=custom-code.js.map

package/lib/browser/commonjs/blocks/custom-code/custom-code.js.flow

@@ -0,0 +1,67 @@
+"use client";
+import * as React from "react";
+import {
+  FlatList,
+  ScrollView,
+  View,
+  StyleSheet,
+  Image,
+  Text,
+} from "react-native";
+import { useState, useRef, useEffect } from "react";
+
+function CustomCode(props) {
+  const elem = useRef(null);
+  const [scriptsInserted, setScriptsInserted] = useState(() => []);
+
+  const [scriptsRun, setScriptsRun] = useState(() => []);
+
+  function findAndRunScripts() {
+    // TODO: Move this function to standalone one in '@builder.io/utils'
+    if (
+      elem.current &&
+      elem.current.getElementsByTagName &&
+      typeof window !== "undefined"
+    ) {
+      const scripts = elem.current.getElementsByTagName("script");
+      for (let i = 0; i < scripts.length; i++) {
+        const script = scripts[i];
+        if (script.src) {
+          if (scriptsInserted.includes(script.src)) {
+            continue;
+          }
+          scriptsInserted.push(script.src);
+          const newScript = document.createElement("script");
+          newScript.async = true;
+          newScript.src = script.src;
+          document.head.appendChild(newScript);
+        } else if (
+          !script.type ||
+          [
+            "text/javascript",
+            "application/javascript",
+            "application/ecmascript",
+          ].includes(script.type)
+        ) {
+          if (scriptsRun.includes(script.innerText)) {
+            continue;
+          }
+          try {
+            scriptsRun.push(script.innerText);
+            new Function(script.innerText)();
+          } catch (error) {
+            console.warn("`CustomCode`: Error running script:", error);
+          }
+        }
+      }
+    }
+  }
+
+  useEffect(() => {
+    findAndRunScripts();
+  }, []);
+
+  return <View ref={elem} dangerouslySetInnerHTML={{ __html: props.code }} />;
+}
+
+export default CustomCode;

package/lib/browser/commonjs/blocks/custom-code/custom-code.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Object","defineProperty","exports","value","default","React","_interopRequireWildcard","require","_reactNative","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","cache","has","get","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CustomCode","props","elem","useRef","scriptsInserted","setScriptsInserted","useState","scriptsRun","setScriptsRun","findAndRunScripts","current","getElementsByTagName","window","scripts","i","length","script","src","includes","push","newScript","document","createElement","async","head","appendChild","type","innerText","Function","error","console","warn","useEffect","View","ref","dangerouslySetInnerHTML","__html","code","_default"],"sourceRoot":"../../../../../src","sources":["blocks/custom-code/custom-code.jsx"],"mappings":"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"}