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

package/README.md

@@ -21,7 +21,3 @@ Take a look at [our example repo](/examples/react-native) for how to use this SD
 ## Fetch
 
 This Package uses fetch. See [these docs](https://github.com/BuilderIO/this-package-uses-fetch/blob/main/README.md) for more information.
-
-## Non-Node.js Runtimes (Edge, Serverless)
-
-If planning to deploy your app to a non-Node.js runtime (like Edge or Serverless functions), make sure to read the [Non-Node.js Runtimes](../../README.md#non-nodejs-runtimes-edge-serverless) section of the main README.

package/lib/browser/commonjs/blocks/BaseText.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BaseText;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _builder = _interopRequireDefault(require("../context/builder.context"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * Implements CSS-like inheritance for `Text` by replacing all calls to `Text` with a custom `BaseText` component that
+ * applies the `inheritedStyles` context styles, which contain all styles from all parents that might apply to a `Text`.
+ */
+function BaseText(props) {
+  const builderContext = React.useContext(_builder.default);
+  return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, props, {
+    style: {
+      ...builderContext.inheritedStyles,
+      ...props.style
+    }
+  }));
+}
+//# sourceMappingURL=BaseText.js.map

package/lib/browser/commonjs/blocks/BaseText.js.flow

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Text } from 'react-native';
+import BuilderContext from '../context/builder.context';
+
+/**
+ * Implements CSS-like inheritance for `Text` by replacing all calls to `Text` with a custom `BaseText` component that
+ * applies the `inheritedStyles` context styles, which contain all styles from all parents that might apply to a `Text`.
+ */
+export default function BaseText(props) {
+  const builderContext = React.useContext(BuilderContext);
+  return (
+    <Text
+      {...props}
+      style={{ ...builderContext.inheritedStyles, ...props.style }}
+    />
+  );
+}

package/lib/browser/commonjs/blocks/BaseText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_builder","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","BaseText","props","builderContext","useContext","BuilderContext","createElement","Text","style","inheritedStyles"],"sourceRoot":"../../../../src","sources":["blocks/BaseText.jsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAwD,SAAAG,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAT,wBAAAK,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAExD;AACA;AACA;AACA;AACe,SAASI,QAAQA,CAACC,KAAK,EAAE;EACtC,MAAMC,cAAc,GAAGvC,KAAK,CAACwC,UAAU,CAACC,gBAAc,CAAC;EACvD,oBACEzC,KAAA,CAAA0C,aAAA,CAACvC,YAAA,CAAAwC,IAAI,EAAAf,QAAA,KACCU,KAAK;IACTM,KAAK,EAAE;MAAE,GAAGL,cAAc,CAACM,eAAe;MAAE,GAAGP,KAAK,CAACM;IAAM;EAAE,EAC9D,CAAC;AAEN"}

package/lib/browser/commonjs/blocks/button/button.js

@@ -0,0 +1,36 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _BaseText = _interopRequireDefault(require("../BaseText"));
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _helpers = require("../helpers.js");
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function Button(props) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.link ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+    role: "button"
+  }, props.attributes, {
+    href: props.link,
+    target: props.openLinkInNewTab ? "_blank" : undefined
+  }), /*#__PURE__*/React.createElement(_BaseText.default, null, props.text))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, _extends({}, props.attributes, {
+    style: {
+      ...styles.view1,
+      ...props.attributes.style
+    }
+  }), /*#__PURE__*/React.createElement(_BaseText.default, null, props.text))));
+}
+const styles = _reactNative.StyleSheet.create({
+  view1: {
+    all: "unset"
+  }
+});
+var _default = Button;
+exports.default = _default;
+//# sourceMappingURL=button.js.map

package/lib/browser/commonjs/blocks/button/button.js.flow

@@ -0,0 +1,49 @@
+"use client";
+import BaseText from "../BaseText";
+import * as React from "react";
+import {
+  FlatList,
+  ScrollView,
+  View,
+  StyleSheet,
+  Image,
+  Text,
+} from "react-native";
+import { filterAttrs } from "../helpers.js";
+
+function Button(props) {
+  return (
+    <>
+      {props.link ? (
+        <>
+          <View
+            role="button"
+            {...{}}
+            {...props.attributes}
+            href={props.link}
+            target={props.openLinkInNewTab ? "_blank" : undefined}
+          >
+            <BaseText>{props.text}</BaseText>
+          </View>
+        </>
+      ) : (
+        <>
+          <View
+            {...{}}
+            {...props.attributes}
+            style={{
+              ...styles.view1,
+              ...props.attributes.style,
+            }}
+          >
+            <BaseText>{props.text}</BaseText>
+          </View>
+        </>
+      )}
+    </>
+  );
+}
+
+const styles = StyleSheet.create({ view1: { all: "unset" } });
+
+export default Button;

package/lib/browser/commonjs/blocks/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Object","defineProperty","exports","value","default","_BaseText","_interopRequireDefault","require","React","_interopRequireWildcard","_reactNative","_helpers","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","cache","has","get","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","Button","props","createElement","Fragment","link","View","role","attributes","href","openLinkInNewTab","undefined","text","style","styles","view1","StyleSheet","create","all","_default"],"sourceRoot":"../../../../../src","sources":["blocks/button/button.jsx"],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.componentInfo = void 0;
+const componentInfo = {
+  name: "Core:Button",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
+  defaultStyles: {
+    appearance: "none",
+    paddingTop: "15px",
+    paddingBottom: "15px",
+    paddingLeft: "25px",
+    paddingRight: "25px",
+    backgroundColor: "#000000",
+    color: "white",
+    borderRadius: "4px",
+    textAlign: "center",
+    cursor: "pointer"
+  },
+  inputs: [{
+    name: "text",
+    type: "text",
+    defaultValue: "Click me!",
+    bubble: true
+  }, {
+    name: "link",
+    type: "url",
+    bubble: true
+  }, {
+    name: "openLinkInNewTab",
+    type: "boolean",
+    defaultValue: false,
+    friendlyName: "Open link in new tab"
+  }],
+  static: true,
+  noWrap: true
+};
+exports.componentInfo = componentInfo;
+//# sourceMappingURL=component-info.js.map

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

@@ -0,0 +1,34 @@
+const componentInfo = {
+  name: "Core:Button",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
+  defaultStyles: {
+    appearance: "none",
+    paddingTop: "15px",
+    paddingBottom: "15px",
+    paddingLeft: "25px",
+    paddingRight: "25px",
+    backgroundColor: "#000000",
+    color: "white",
+    borderRadius: "4px",
+    textAlign: "center",
+    cursor: "pointer"
+  },
+  inputs: [{
+    name: "text",
+    type: "text",
+    defaultValue: "Click me!",
+    bubble: true
+  }, {
+    name: "link",
+    type: "url",
+    bubble: true
+  }, {
+    name: "openLinkInNewTab",
+    type: "boolean",
+    defaultValue: false,
+    friendlyName: "Open link in new tab"
+  }],
+  static: true,
+  noWrap: true
+};
+export { componentInfo }

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

@@ -0,0 +1 @@
+{"version":3,"names":["componentInfo","name","image","defaultStyles","appearance","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","color","borderRadius","textAlign","cursor","inputs","type","defaultValue","bubble","friendlyName","static","noWrap","exports"],"sourceRoot":"../../../../../src","sources":["blocks/button/component-info.js"],"mappings":";;;;;;AAAA,MAAMA,aAAa,GAAG;EACpBC,IAAI,EAAE,aAAa;EACnBC,KAAK,EAAE,8GAA8G;EACrHC,aAAa,EAAE;IACbC,UAAU,EAAE,MAAM;IAClBC,UAAU,EAAE,MAAM;IAClBC,aAAa,EAAE,MAAM;IACrBC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE,MAAM;IACpBC,eAAe,EAAE,SAAS;IAC1BC,KAAK,EAAE,OAAO;IACdC,YAAY,EAAE,KAAK;IACnBC,SAAS,EAAE,QAAQ;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE,CAAC;IACPb,IAAI,EAAE,MAAM;IACZc,IAAI,EAAE,MAAM;IACZC,YAAY,EAAE,WAAW;IACzBC,MAAM,EAAE;EACV,CAAC,EAAE;IACDhB,IAAI,EAAE,MAAM;IACZc,IAAI,EAAE,KAAK;IACXE,MAAM,EAAE;EACV,CAAC,EAAE;IACDhB,IAAI,EAAE,kBAAkB;IACxBc,IAAI,EAAE,SAAS;IACfC,YAAY,EAAE,KAAK;IACnBE,YAAY,EAAE;EAChB,CAAC,CAAC;EACFC,MAAM,EAAE,IAAI;EACZC,MAAM,EAAE;AACV,CAAC;AAACC,OAAA,CAAArB,aAAA,GAAAA,aAAA"}

package/lib/browser/commonjs/blocks/columns/columns.js

@@ -0,0 +1,136 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _blocks = _interopRequireDefault(require("../../components/blocks/blocks"));
+var _deviceSizes = require("../../constants/device-sizes.js");
+var _inlinedStyles = _interopRequireDefault(require("../../components/inlined-styles"));
+var _target = require("../../constants/target.js");
+var _deopt = require("../../functions/deopt.js");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 Columns(props) {
+  var _props$columns;
+  const [gutterSize, setGutterSize] = (0, React.useState)(() => typeof props.space === "number" ? props.space || 0 : 20);
+  const [cols, setCols] = (0, React.useState)(() => props.columns || []);
+  const [stackAt, setStackAt] = (0, React.useState)(() => props.stackColumnsAt || "tablet");
+  function getWidth(index) {
+    var _cols$index;
+    return ((_cols$index = cols[index]) === null || _cols$index === void 0 ? void 0 : _cols$index.width) || 100 / cols.length;
+  }
+  function getColumnCssWidth(index) {
+    const subtractWidth = gutterSize * (cols.length - 1) / cols.length;
+    return `calc(${getWidth(index)}% - ${subtractWidth}px)`;
+  }
+  function getTabletStyle(_ref) {
+    let {
+      stackedStyle,
+      desktopStyle
+    } = _ref;
+    return stackAt === "tablet" ? stackedStyle : desktopStyle;
+  }
+  function getMobileStyle(_ref2) {
+    let {
+      stackedStyle,
+      desktopStyle
+    } = _ref2;
+    return stackAt === "never" ? desktopStyle : stackedStyle;
+  }
+  const [flexDir, setFlexDir] = (0, React.useState)(() => props.stackColumnsAt === "never" ? "row" : props.reverseColumnsWhenStacked ? "column-reverse" : "column");
+  function columnsCssVars() {
+    return {
+      flexDirection: flexDir
+    };
+  }
+  function columnCssVars(index) {
+    const gutter = index === 0 ? 0 : gutterSize;
+    const width = getColumnCssWidth(index);
+    const gutterPixels = `${gutter}px`;
+    const mobileWidth = "100%";
+    const mobileMarginLeft = 0;
+    const marginLeftKey = "margin-left";
+    return {
+      marginLeft: props.stackColumnsAt === "never" ? gutter : 0
+    };
+  }
+  function getWidthForBreakpointSize(size) {
+    var _props$builderContext;
+    const breakpointSizes = (0, _deviceSizes.getSizesForBreakpoints)(((_props$builderContext = props.builderContext.content) === null || _props$builderContext === void 0 || (_props$builderContext = _props$builderContext.meta) === null || _props$builderContext === void 0 ? void 0 : _props$builderContext.breakpoints) || {});
+    return breakpointSizes[size].max;
+  }
+  function columnsStyles() {
+    return `
+        @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
+          .${props.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          .${props.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${getWidthForBreakpointSize("small")}px) {
+          .${props.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          .${props.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `;
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      ...styles.view1,
+      ...columnsCssVars()
+    },
+    dataSet: {
+      "builder-block-name": "builder-columns"
+    }
+  }, _target.TARGET !== "reactNative" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_inlinedStyles.default, {
+    styles: columnsStyles()
+  })) : null, (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.map((column, index) => /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      ...styles.view2,
+      ...columnCssVars(index)
+    },
+    dataSet: {
+      "builder-block-name": "builder-column"
+    },
+    key: index
+  }, /*#__PURE__*/React.createElement(_blocks.default, {
+    path: `component.options.columns.${index}.blocks`,
+    parent: props.builderBlock.id,
+    styleProp: {
+      flexGrow: "1"
+    },
+    context: props.builderContext,
+    registeredComponents: props.builderComponents,
+    blocks: column.blocks
+  }))));
+}
+const styles = _reactNative.StyleSheet.create({
+  view1: {
+    display: "flex"
+  },
+  view2: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "stretch"
+  }
+});
+var _default = Columns;
+exports.default = _default;
+//# sourceMappingURL=columns.js.map

package/lib/browser/commonjs/blocks/columns/columns.js.flow

@@ -0,0 +1,159 @@
+"use client";
+import * as React from "react";
+import {
+  FlatList,
+  ScrollView,
+  View,
+  StyleSheet,
+  Image,
+  Text,
+} from "react-native";
+import { useState } from "react";
+import Blocks from "../../components/blocks/blocks";
+import { getSizesForBreakpoints } from "../../constants/device-sizes.js";
+import InlinedStyles from "../../components/inlined-styles";
+import { TARGET } from "../../constants/target.js";
+import { deoptSignal } from "../../functions/deopt.js";
+
+function Columns(props) {
+  const [gutterSize, setGutterSize] = useState(() =>
+    typeof props.space === "number" ? props.space || 0 : 20
+  );
+
+  const [cols, setCols] = useState(() => props.columns || []);
+
+  const [stackAt, setStackAt] = useState(
+    () => props.stackColumnsAt || "tablet"
+  );
+
+  function getWidth(index) {
+    return cols[index]?.width || 100 / cols.length;
+  }
+
+  function getColumnCssWidth(index) {
+    const subtractWidth = (gutterSize * (cols.length - 1)) / cols.length;
+    return `calc(${getWidth(index)}% - ${subtractWidth}px)`;
+  }
+
+  function getTabletStyle({ stackedStyle, desktopStyle }) {
+    return stackAt === "tablet" ? stackedStyle : desktopStyle;
+  }
+
+  function getMobileStyle({ stackedStyle, desktopStyle }) {
+    return stackAt === "never" ? desktopStyle : stackedStyle;
+  }
+
+  const [flexDir, setFlexDir] = useState(() =>
+    props.stackColumnsAt === "never"
+      ? "row"
+      : props.reverseColumnsWhenStacked
+      ? "column-reverse"
+      : "column"
+  );
+
+  function columnsCssVars() {
+    return {
+      flexDirection: flexDir,
+    };
+  }
+
+  function columnCssVars(index) {
+    const gutter = index === 0 ? 0 : gutterSize;
+    const width = getColumnCssWidth(index);
+    const gutterPixels = `${gutter}px`;
+    const mobileWidth = "100%";
+    const mobileMarginLeft = 0;
+    const marginLeftKey = "margin-left";
+    return {
+      marginLeft: props.stackColumnsAt === "never" ? gutter : 0,
+    };
+  }
+
+  function getWidthForBreakpointSize(size) {
+    const breakpointSizes = getSizesForBreakpoints(
+      props.builderContext.content?.meta?.breakpoints || {}
+    );
+    return breakpointSizes[size].max;
+  }
+
+  function columnsStyles() {
+    return `
+        @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
+          .${props.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir-tablet);
+            align-items: stretch;
+          }
+
+          .${props.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-tablet) !important;
+            margin-left: var(--column-margin-left-tablet) !important;
+          }
+        }
+
+        @media (max-width: ${getWidthForBreakpointSize("small")}px) {
+          .${props.builderBlock.id}-breakpoints {
+            flex-direction: var(--flex-dir);
+            align-items: stretch;
+          }
+
+          .${props.builderBlock.id}-breakpoints > .builder-column {
+            width: var(--column-width-mobile) !important;
+            margin-left: var(--column-margin-left-mobile) !important;
+          }
+        },
+      `;
+  }
+
+  return (
+    <View
+      style={{
+        ...styles.view1,
+        ...columnsCssVars(),
+      }}
+      {...{
+        dataSet: {
+          "builder-block-name": "builder-columns",
+        },
+      }}
+    >
+      {TARGET !== "reactNative" ? (
+        <>
+          <InlinedStyles styles={columnsStyles()} />
+        </>
+      ) : null}
+
+      {props.columns?.map((column, index) => (
+        <View
+          style={{
+            ...styles.view2,
+            ...columnCssVars(index),
+          }}
+          {...{
+            dataSet: {
+              "builder-block-name": "builder-column",
+            },
+          }}
+          key={index}
+        >
+          <Blocks
+            path={`component.options.columns.${index}.blocks`}
+            parent={props.builderBlock.id}
+            styleProp={{
+              flexGrow: "1",
+            }}
+            context={props.builderContext}
+            registeredComponents={props.builderComponents}
+            blocks={column.blocks}
+          />
+        </View>
+      ))}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  view1: { display: "flex" },
+  view2: { display: "flex", flexDirection: "column", alignItems: "stretch" },
+});
+
+export default Columns;

package/lib/browser/commonjs/blocks/columns/columns.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Object","defineProperty","exports","value","default","React","_interopRequireWildcard","require","_reactNative","_blocks","_interopRequireDefault","_deviceSizes","_inlinedStyles","_target","_deopt","obj","__esModule","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Columns","props","_props$columns","gutterSize","setGutterSize","useState","space","cols","setCols","columns","stackAt","setStackAt","stackColumnsAt","getWidth","index","_cols$index","width","length","getColumnCssWidth","subtractWidth","getTabletStyle","_ref","stackedStyle","desktopStyle","getMobileStyle","_ref2","flexDir","setFlexDir","reverseColumnsWhenStacked","columnsCssVars","flexDirection","columnCssVars","gutter","gutterPixels","mobileWidth","mobileMarginLeft","marginLeftKey","marginLeft","getWidthForBreakpointSize","size","_props$builderContext","breakpointSizes","getSizesForBreakpoints","builderContext","content","meta","breakpoints","max","columnsStyles","builderBlock","id","createElement","View","style","styles","view1","dataSet","TARGET","Fragment","map","column","view2","path","parent","styleProp","flexGrow","context","registeredComponents","builderComponents","blocks","StyleSheet","create","display","alignItems","_default"],"sourceRoot":"../../../../../src","sources":["blocks/columns/columns.jsx"],"mappings":"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"}