@builder.io/sdk-react-native 0.12.3 → 0.12.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/browser/commonjs/blocks/button/button.js +17 -10
- package/lib/browser/commonjs/blocks/button/button.js.map +1 -1
- package/lib/browser/commonjs/blocks/columns/columns.js +26 -14
- package/lib/browser/commonjs/blocks/columns/columns.js.map +1 -1
- package/lib/browser/commonjs/blocks/symbol/symbol.js +3 -1
- package/lib/browser/commonjs/blocks/symbol/symbol.js.map +1 -1
- package/lib/browser/commonjs/components/block/block.js +26 -12
- package/lib/browser/commonjs/components/block/block.js.map +1 -1
- package/lib/browser/commonjs/components/block/components/component-ref/component-ref.js +3 -1
- package/lib/browser/commonjs/components/block/components/component-ref/component-ref.js.map +1 -1
- package/lib/browser/commonjs/components/block/components/repeated-block.js +2 -1
- package/lib/browser/commonjs/components/block/components/repeated-block.js.map +1 -1
- package/lib/browser/commonjs/components/blocks/blocks.js +1 -0
- package/lib/browser/commonjs/components/blocks/blocks.js.map +1 -1
- package/lib/browser/commonjs/components/content/content.js +3 -1
- package/lib/browser/commonjs/components/content/content.js.map +1 -1
- package/lib/browser/commonjs/components/content-variants/content-variants.js +2 -0
- package/lib/browser/commonjs/components/content-variants/content-variants.js.map +1 -1
- package/lib/browser/commonjs/constants/sdk-version.js +1 -1
- package/lib/browser/commonjs/functions/get-block-properties.js +7 -17
- package/lib/browser/commonjs/functions/get-block-properties.js.map +1 -1
- package/lib/browser/commonjs/functions/get-class-prop-name.js +22 -0
- package/lib/browser/commonjs/functions/get-class-prop-name.js.map +1 -0
- package/lib/browser/commonjs/functions/get-style.js +35 -0
- package/lib/browser/commonjs/functions/get-style.js.map +1 -0
- package/lib/browser/commonjs/functions/transform-block-properties.js +0 -103
- package/lib/browser/commonjs/functions/transform-block-properties.js.map +1 -1
- package/lib/browser/commonjs/functions/transform-style-property.js +112 -0
- package/lib/browser/commonjs/functions/transform-style-property.js.map +1 -0
- package/lib/browser/commonjs/helpers/omit.js +14 -0
- package/lib/browser/commonjs/helpers/omit.js.map +1 -0
- package/lib/browser/module/blocks/button/button.js +17 -10
- package/lib/browser/module/blocks/button/button.js.map +1 -1
- package/lib/browser/module/blocks/columns/columns.js +26 -14
- package/lib/browser/module/blocks/columns/columns.js.map +1 -1
- package/lib/browser/module/blocks/symbol/symbol.js +3 -1
- package/lib/browser/module/blocks/symbol/symbol.js.map +1 -1
- package/lib/browser/module/components/block/block.js +26 -12
- package/lib/browser/module/components/block/block.js.map +1 -1
- package/lib/browser/module/components/block/components/component-ref/component-ref.js +3 -1
- package/lib/browser/module/components/block/components/component-ref/component-ref.js.map +1 -1
- package/lib/browser/module/components/block/components/repeated-block.js +2 -1
- package/lib/browser/module/components/block/components/repeated-block.js.map +1 -1
- package/lib/browser/module/components/blocks/blocks.js +1 -0
- package/lib/browser/module/components/blocks/blocks.js.map +1 -1
- package/lib/browser/module/components/content/content.js +3 -1
- package/lib/browser/module/components/content/content.js.map +1 -1
- package/lib/browser/module/components/content-variants/content-variants.js +2 -0
- package/lib/browser/module/components/content-variants/content-variants.js.map +1 -1
- package/lib/browser/module/constants/sdk-version.js +1 -1
- package/lib/browser/module/functions/get-block-properties.js +7 -17
- package/lib/browser/module/functions/get-block-properties.js.map +1 -1
- package/lib/browser/module/functions/get-class-prop-name.js +16 -0
- package/lib/browser/module/functions/get-class-prop-name.js.map +1 -0
- package/lib/browser/module/functions/get-style.js +28 -0
- package/lib/browser/module/functions/get-style.js.map +1 -0
- package/lib/browser/module/functions/transform-block-properties.js +0 -102
- package/lib/browser/module/functions/transform-block-properties.js.map +1 -1
- package/lib/browser/module/functions/transform-style-property.js +106 -0
- package/lib/browser/module/functions/transform-style-property.js.map +1 -0
- package/lib/browser/module/helpers/omit.js +9 -0
- package/lib/browser/module/helpers/omit.js.map +1 -0
- package/lib/browser/typescript/blocks/button/button.d.ts.map +1 -1
- package/lib/browser/typescript/blocks/columns/columns.d.ts.map +1 -1
- package/lib/browser/typescript/blocks/symbol/symbol.d.ts.map +1 -1
- package/lib/browser/typescript/components/block/block.d.ts.map +1 -1
- package/lib/browser/typescript/components/block/components/component-ref/component-ref.d.ts.map +1 -1
- package/lib/browser/typescript/components/block/components/repeated-block.d.ts.map +1 -1
- package/lib/browser/typescript/components/blocks/blocks.d.ts.map +1 -1
- package/lib/browser/typescript/components/content/content.d.ts.map +1 -1
- package/lib/browser/typescript/components/content-variants/content-variants.d.ts.map +1 -1
- package/lib/browser/typescript/constants/sdk-version.d.ts +1 -1
- package/lib/browser/typescript/functions/get-block-properties.d.ts.map +1 -1
- package/lib/browser/typescript/functions/get-class-prop-name.d.ts +2 -0
- package/lib/browser/typescript/functions/get-class-prop-name.d.ts.map +1 -0
- package/lib/browser/typescript/functions/get-style.d.ts +6 -0
- package/lib/browser/typescript/functions/get-style.d.ts.map +1 -0
- package/lib/browser/typescript/functions/transform-block-properties.d.ts +1 -3
- package/lib/browser/typescript/functions/transform-block-properties.d.ts.map +1 -1
- package/lib/browser/typescript/functions/transform-style-property.d.ts +6 -0
- package/lib/browser/typescript/functions/transform-style-property.d.ts.map +1 -0
- package/lib/browser/typescript/helpers/omit.d.ts +2 -0
- package/lib/browser/typescript/helpers/omit.d.ts.map +1 -0
- package/lib/edge/commonjs/blocks/button/button.js +17 -10
- package/lib/edge/commonjs/blocks/button/button.js.map +1 -1
- package/lib/edge/commonjs/blocks/columns/columns.js +26 -14
- package/lib/edge/commonjs/blocks/columns/columns.js.map +1 -1
- package/lib/edge/commonjs/blocks/symbol/symbol.js +3 -1
- package/lib/edge/commonjs/blocks/symbol/symbol.js.map +1 -1
- package/lib/edge/commonjs/components/block/block.js +26 -12
- package/lib/edge/commonjs/components/block/block.js.map +1 -1
- package/lib/edge/commonjs/components/block/components/component-ref/component-ref.js +3 -1
- package/lib/edge/commonjs/components/block/components/component-ref/component-ref.js.map +1 -1
- package/lib/edge/commonjs/components/block/components/repeated-block.js +2 -1
- package/lib/edge/commonjs/components/block/components/repeated-block.js.map +1 -1
- package/lib/edge/commonjs/components/blocks/blocks.js +1 -0
- package/lib/edge/commonjs/components/blocks/blocks.js.map +1 -1
- package/lib/edge/commonjs/components/content/content.js +3 -1
- package/lib/edge/commonjs/components/content/content.js.map +1 -1
- package/lib/edge/commonjs/components/content-variants/content-variants.js +2 -0
- package/lib/edge/commonjs/components/content-variants/content-variants.js.map +1 -1
- package/lib/edge/commonjs/constants/sdk-version.js +1 -1
- package/lib/edge/commonjs/functions/get-block-properties.js +7 -17
- package/lib/edge/commonjs/functions/get-block-properties.js.map +1 -1
- package/lib/edge/commonjs/functions/get-class-prop-name.js +22 -0
- package/lib/edge/commonjs/functions/get-class-prop-name.js.map +1 -0
- package/lib/edge/commonjs/functions/get-style.js +35 -0
- package/lib/edge/commonjs/functions/get-style.js.map +1 -0
- package/lib/edge/commonjs/functions/transform-block-properties.js +0 -103
- package/lib/edge/commonjs/functions/transform-block-properties.js.map +1 -1
- package/lib/edge/commonjs/functions/transform-style-property.js +112 -0
- package/lib/edge/commonjs/functions/transform-style-property.js.map +1 -0
- package/lib/edge/commonjs/helpers/omit.js +14 -0
- package/lib/edge/commonjs/helpers/omit.js.map +1 -0
- package/lib/edge/module/blocks/button/button.js +17 -10
- package/lib/edge/module/blocks/button/button.js.map +1 -1
- package/lib/edge/module/blocks/columns/columns.js +26 -14
- package/lib/edge/module/blocks/columns/columns.js.map +1 -1
- package/lib/edge/module/blocks/symbol/symbol.js +3 -1
- package/lib/edge/module/blocks/symbol/symbol.js.map +1 -1
- package/lib/edge/module/components/block/block.js +26 -12
- package/lib/edge/module/components/block/block.js.map +1 -1
- package/lib/edge/module/components/block/components/component-ref/component-ref.js +3 -1
- package/lib/edge/module/components/block/components/component-ref/component-ref.js.map +1 -1
- package/lib/edge/module/components/block/components/repeated-block.js +2 -1
- package/lib/edge/module/components/block/components/repeated-block.js.map +1 -1
- package/lib/edge/module/components/blocks/blocks.js +1 -0
- package/lib/edge/module/components/blocks/blocks.js.map +1 -1
- package/lib/edge/module/components/content/content.js +3 -1
- package/lib/edge/module/components/content/content.js.map +1 -1
- package/lib/edge/module/components/content-variants/content-variants.js +2 -0
- package/lib/edge/module/components/content-variants/content-variants.js.map +1 -1
- package/lib/edge/module/constants/sdk-version.js +1 -1
- package/lib/edge/module/functions/get-block-properties.js +7 -17
- package/lib/edge/module/functions/get-block-properties.js.map +1 -1
- package/lib/edge/module/functions/get-class-prop-name.js +16 -0
- package/lib/edge/module/functions/get-class-prop-name.js.map +1 -0
- package/lib/edge/module/functions/get-style.js +28 -0
- package/lib/edge/module/functions/get-style.js.map +1 -0
- package/lib/edge/module/functions/transform-block-properties.js +0 -102
- package/lib/edge/module/functions/transform-block-properties.js.map +1 -1
- package/lib/edge/module/functions/transform-style-property.js +106 -0
- package/lib/edge/module/functions/transform-style-property.js.map +1 -0
- package/lib/edge/module/helpers/omit.js +9 -0
- package/lib/edge/module/helpers/omit.js.map +1 -0
- package/lib/edge/typescript/blocks/button/button.d.ts.map +1 -1
- package/lib/edge/typescript/blocks/columns/columns.d.ts.map +1 -1
- package/lib/edge/typescript/blocks/symbol/symbol.d.ts.map +1 -1
- package/lib/edge/typescript/components/block/block.d.ts.map +1 -1
- package/lib/edge/typescript/components/block/components/component-ref/component-ref.d.ts.map +1 -1
- package/lib/edge/typescript/components/block/components/repeated-block.d.ts.map +1 -1
- package/lib/edge/typescript/components/blocks/blocks.d.ts.map +1 -1
- package/lib/edge/typescript/components/content/content.d.ts.map +1 -1
- package/lib/edge/typescript/components/content-variants/content-variants.d.ts.map +1 -1
- package/lib/edge/typescript/constants/sdk-version.d.ts +1 -1
- package/lib/edge/typescript/functions/get-block-properties.d.ts.map +1 -1
- package/lib/edge/typescript/functions/get-class-prop-name.d.ts +2 -0
- package/lib/edge/typescript/functions/get-class-prop-name.d.ts.map +1 -0
- package/lib/edge/typescript/functions/get-style.d.ts +6 -0
- package/lib/edge/typescript/functions/get-style.d.ts.map +1 -0
- package/lib/edge/typescript/functions/transform-block-properties.d.ts +1 -3
- package/lib/edge/typescript/functions/transform-block-properties.d.ts.map +1 -1
- package/lib/edge/typescript/functions/transform-style-property.d.ts +6 -0
- package/lib/edge/typescript/functions/transform-style-property.d.ts.map +1 -0
- package/lib/edge/typescript/helpers/omit.d.ts +2 -0
- package/lib/edge/typescript/helpers/omit.d.ts.map +1 -0
- package/lib/node/commonjs/blocks/button/button.js +17 -10
- package/lib/node/commonjs/blocks/button/button.js.map +1 -1
- package/lib/node/commonjs/blocks/columns/columns.js +26 -14
- package/lib/node/commonjs/blocks/columns/columns.js.map +1 -1
- package/lib/node/commonjs/blocks/symbol/symbol.js +3 -1
- package/lib/node/commonjs/blocks/symbol/symbol.js.map +1 -1
- package/lib/node/commonjs/components/block/block.js +26 -12
- package/lib/node/commonjs/components/block/block.js.map +1 -1
- package/lib/node/commonjs/components/block/components/component-ref/component-ref.js +3 -1
- package/lib/node/commonjs/components/block/components/component-ref/component-ref.js.map +1 -1
- package/lib/node/commonjs/components/block/components/repeated-block.js +2 -1
- package/lib/node/commonjs/components/block/components/repeated-block.js.map +1 -1
- package/lib/node/commonjs/components/blocks/blocks.js +1 -0
- package/lib/node/commonjs/components/blocks/blocks.js.map +1 -1
- package/lib/node/commonjs/components/content/content.js +3 -1
- package/lib/node/commonjs/components/content/content.js.map +1 -1
- package/lib/node/commonjs/components/content-variants/content-variants.js +2 -0
- package/lib/node/commonjs/components/content-variants/content-variants.js.map +1 -1
- package/lib/node/commonjs/constants/sdk-version.js +1 -1
- package/lib/node/commonjs/functions/get-block-properties.js +7 -17
- package/lib/node/commonjs/functions/get-block-properties.js.map +1 -1
- package/lib/node/commonjs/functions/get-class-prop-name.js +22 -0
- package/lib/node/commonjs/functions/get-class-prop-name.js.map +1 -0
- package/lib/node/commonjs/functions/get-style.js +35 -0
- package/lib/node/commonjs/functions/get-style.js.map +1 -0
- package/lib/node/commonjs/functions/transform-block-properties.js +0 -103
- package/lib/node/commonjs/functions/transform-block-properties.js.map +1 -1
- package/lib/node/commonjs/functions/transform-style-property.js +112 -0
- package/lib/node/commonjs/functions/transform-style-property.js.map +1 -0
- package/lib/node/commonjs/helpers/omit.js +14 -0
- package/lib/node/commonjs/helpers/omit.js.map +1 -0
- package/lib/node/module/blocks/button/button.js +17 -10
- package/lib/node/module/blocks/button/button.js.map +1 -1
- package/lib/node/module/blocks/columns/columns.js +26 -14
- package/lib/node/module/blocks/columns/columns.js.map +1 -1
- package/lib/node/module/blocks/symbol/symbol.js +3 -1
- package/lib/node/module/blocks/symbol/symbol.js.map +1 -1
- package/lib/node/module/components/block/block.js +26 -12
- package/lib/node/module/components/block/block.js.map +1 -1
- package/lib/node/module/components/block/components/component-ref/component-ref.js +3 -1
- package/lib/node/module/components/block/components/component-ref/component-ref.js.map +1 -1
- package/lib/node/module/components/block/components/repeated-block.js +2 -1
- package/lib/node/module/components/block/components/repeated-block.js.map +1 -1
- package/lib/node/module/components/blocks/blocks.js +1 -0
- package/lib/node/module/components/blocks/blocks.js.map +1 -1
- package/lib/node/module/components/content/content.js +3 -1
- package/lib/node/module/components/content/content.js.map +1 -1
- package/lib/node/module/components/content-variants/content-variants.js +2 -0
- package/lib/node/module/components/content-variants/content-variants.js.map +1 -1
- package/lib/node/module/constants/sdk-version.js +1 -1
- package/lib/node/module/functions/get-block-properties.js +7 -17
- package/lib/node/module/functions/get-block-properties.js.map +1 -1
- package/lib/node/module/functions/get-class-prop-name.js +16 -0
- package/lib/node/module/functions/get-class-prop-name.js.map +1 -0
- package/lib/node/module/functions/get-style.js +28 -0
- package/lib/node/module/functions/get-style.js.map +1 -0
- package/lib/node/module/functions/transform-block-properties.js +0 -102
- package/lib/node/module/functions/transform-block-properties.js.map +1 -1
- package/lib/node/module/functions/transform-style-property.js +106 -0
- package/lib/node/module/functions/transform-style-property.js.map +1 -0
- package/lib/node/module/helpers/omit.js +9 -0
- package/lib/node/module/helpers/omit.js.map +1 -0
- package/lib/node/typescript/blocks/button/button.d.ts.map +1 -1
- package/lib/node/typescript/blocks/columns/columns.d.ts.map +1 -1
- package/lib/node/typescript/blocks/symbol/symbol.d.ts.map +1 -1
- package/lib/node/typescript/components/block/block.d.ts.map +1 -1
- package/lib/node/typescript/components/block/components/component-ref/component-ref.d.ts.map +1 -1
- package/lib/node/typescript/components/block/components/repeated-block.d.ts.map +1 -1
- package/lib/node/typescript/components/blocks/blocks.d.ts.map +1 -1
- package/lib/node/typescript/components/content/content.d.ts.map +1 -1
- package/lib/node/typescript/components/content-variants/content-variants.d.ts.map +1 -1
- package/lib/node/typescript/constants/sdk-version.d.ts +1 -1
- package/lib/node/typescript/functions/get-block-properties.d.ts.map +1 -1
- package/lib/node/typescript/functions/get-class-prop-name.d.ts +2 -0
- package/lib/node/typescript/functions/get-class-prop-name.d.ts.map +1 -0
- package/lib/node/typescript/functions/get-style.d.ts +6 -0
- package/lib/node/typescript/functions/get-style.d.ts.map +1 -0
- package/lib/node/typescript/functions/transform-block-properties.d.ts +1 -3
- package/lib/node/typescript/functions/transform-block-properties.d.ts.map +1 -1
- package/lib/node/typescript/functions/transform-style-property.d.ts +6 -0
- package/lib/node/typescript/functions/transform-style-property.d.ts.map +1 -0
- package/lib/node/typescript/helpers/omit.d.ts +2 -0
- package/lib/node/typescript/helpers/omit.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -4,114 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.transformBlockProperties = transformBlockProperties;
|
|
7
|
-
var _cssToReactNative = _interopRequireDefault(require("css-to-react-native"));
|
|
8
7
|
var _reactDom = require("react-dom");
|
|
9
8
|
var _isEditing = require("./is-editing.js");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
var __defProp = Object.defineProperty;
|
|
12
|
-
var __defProps = Object.defineProperties;
|
|
13
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
14
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
15
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
16
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
17
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
|
|
18
|
-
enumerable: true,
|
|
19
|
-
configurable: true,
|
|
20
|
-
writable: true,
|
|
21
|
-
value
|
|
22
|
-
}) : obj[key] = value;
|
|
23
|
-
var __spreadValues = (a, b) => {
|
|
24
|
-
for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
|
|
25
|
-
if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
|
|
26
|
-
if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
|
|
27
|
-
}
|
|
28
|
-
return a;
|
|
29
|
-
};
|
|
30
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
31
|
-
const cssToReactNative = _cssToReactNative.default.default ? _cssToReactNative.default.default : _cssToReactNative.default;
|
|
32
|
-
const ALLOWED_CSS_PROPERTIES = ["backfaceVisibility", "backgroundColor", "borderBottomLeftRadius", "borderBottomRightRadius", "borderColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderWidth", "opacity", "overflow", "overlayColor", "resizeMode", "objectFit", "tintColor", "alignContent", "alignItems", "alignSelf", "aspectRatio", "borderBottomWidth", "borderEndWidth", "borderLeftWidth", "borderRightWidth", "borderStartWidth", "borderTopWidth", "borderWidth", "bottom", "columnGap", "direction", "display", "end", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "height", "justifyContent", "left", "margin", "marginBottom", "marginEnd", "marginHorizontal", "marginLeft", "marginRight", "marginStart", "marginTop", "marginVertical", "maxHeight", "maxWidth", "minHeight", "minWidth", "overflow", "padding", "paddingBottom", "paddingEnd", "paddingHorizontal", "paddingLeft", "paddingRight", "paddingStart", "paddingTop", "paddingVertical", "position", "right", "rowGap", "start", "top", "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "color", "fontFamily", "fontSize", "fontStyle", "fontWeight", "includeFontPadding", "fontVariant", "letterSpacing", "lineHeight", "textAlign", "textAlignVertical", "textDecorationColor", "textDecorationLine", "textDecorationStyle", "textShadowColor", "textShadowOffset", "textShadowRadius", "textTransform", "verticalAlign", "writingDirection", "userSelect", "backfaceVisibility", "backgroundColor", "borderBottomColor", "borderBottomEndRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStartRadius", "borderStartEndRadius", "borderStartStartRadius", "borderEndEndRadius", "borderEndStartRadius", "borderBottomWidth", "borderColor", "borderCurve", "borderEndColor", "borderLeftColor", "borderLeftWidth", "borderRadius", "borderRightColor", "borderRightWidth", "borderStartColor", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth", "elevation", "opacity", "pointerEvents"];
|
|
33
|
-
const DISPLAY_VALUES = ["flex", "none"];
|
|
34
|
-
function omit(obj, ...values) {
|
|
35
|
-
const newObject = Object.assign({}, obj);
|
|
36
|
-
for (const key of values) {
|
|
37
|
-
delete newObject[key];
|
|
38
|
-
}
|
|
39
|
-
return newObject;
|
|
40
|
-
}
|
|
41
|
-
const inRange = (value, min, max) => value >= min && value <= max;
|
|
42
|
-
const processValue = (styles, [key, value]) => {
|
|
43
|
-
if (!ALLOWED_CSS_PROPERTIES.includes(key)) return void 0;
|
|
44
|
-
if (value.includes("calc")) return void 0;
|
|
45
|
-
if (value.includes("inherit")) return void 0;
|
|
46
|
-
if (value === "px") return void 0;
|
|
47
|
-
if (key === "display" && !DISPLAY_VALUES.includes(value)) return void 0;
|
|
48
|
-
if (key === "maxWidth" && value === "none") {
|
|
49
|
-
return "100%";
|
|
50
|
-
}
|
|
51
|
-
if (key === "lineHeight" && !value.includes("px")) {
|
|
52
|
-
const fontSize = parseFloat(styles.fontSize);
|
|
53
|
-
const lineHeight = parseFloat(styles.lineHeight);
|
|
54
|
-
if (!isNaN(fontSize) && !isNaN(lineHeight) && inRange(lineHeight, 1, 2)) {
|
|
55
|
-
return `${Math.round(fontSize * lineHeight)}px`;
|
|
56
|
-
}
|
|
57
|
-
return void 0;
|
|
58
|
-
}
|
|
59
|
-
if (key === "fontFamily") {
|
|
60
|
-
return value.replace(/["]/g, "").split(",")[0];
|
|
61
|
-
}
|
|
62
|
-
const numericValue = parseFloat(value);
|
|
63
|
-
const isNumeric = !isNaN(numericValue);
|
|
64
|
-
if (isNumeric) {
|
|
65
|
-
const processSuffix = numAsStr => {
|
|
66
|
-
if (numAsStr.includes("em")) {
|
|
67
|
-
if (key === "letterSpacing") return numAsStr.replace("em", "px");
|
|
68
|
-
return numAsStr.replace("em", "");
|
|
69
|
-
}
|
|
70
|
-
if (numAsStr.includes("pt")) return numAsStr.replace("pt", "");
|
|
71
|
-
if (numAsStr.includes("vw")) return numAsStr.replace("vw", "%");
|
|
72
|
-
if (numAsStr.includes("vh")) return numAsStr.replace("vh", "%");
|
|
73
|
-
return numAsStr;
|
|
74
|
-
};
|
|
75
|
-
return processSuffix(value);
|
|
76
|
-
}
|
|
77
|
-
return value;
|
|
78
|
-
};
|
|
79
|
-
const cleanCssStyleProps = styles => Object.entries(styles).reduce((acc, [key, value]) => {
|
|
80
|
-
const processedValue = processValue(styles, [key, value]);
|
|
81
|
-
if (processedValue === void 0) return acc;
|
|
82
|
-
return __spreadProps(__spreadValues({}, acc), {
|
|
83
|
-
[key]: processedValue
|
|
84
|
-
});
|
|
85
|
-
}, {});
|
|
86
|
-
const removeDisplayNone = styles => styles.display === "none" ? omit(styles, "display") : styles;
|
|
87
|
-
function getReactNativeBlockStyles({
|
|
88
|
-
block,
|
|
89
|
-
context,
|
|
90
|
-
blockStyles
|
|
91
|
-
}) {
|
|
92
|
-
const responsiveStyles = block.responsiveStyles;
|
|
93
|
-
if (!responsiveStyles) {
|
|
94
|
-
return {};
|
|
95
|
-
}
|
|
96
|
-
const largeAndMediumStyles = removeDisplayNone(__spreadValues(__spreadValues({}, responsiveStyles.large || {}), responsiveStyles.medium || {}));
|
|
97
|
-
const styles = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, context.inheritedStyles), largeAndMediumStyles), responsiveStyles.small || {}), blockStyles);
|
|
98
|
-
const cleanedCSS = cleanCssStyleProps(styles);
|
|
99
|
-
const newStyles = cssToReactNative(Object.entries(cleanedCSS));
|
|
100
|
-
return newStyles;
|
|
101
|
-
}
|
|
102
9
|
function transformBlockProperties({
|
|
103
|
-
block,
|
|
104
|
-
context,
|
|
105
10
|
properties
|
|
106
11
|
}) {
|
|
107
|
-
const newStyles = getReactNativeBlockStyles({
|
|
108
|
-
block,
|
|
109
|
-
context,
|
|
110
|
-
blockStyles: block.style
|
|
111
|
-
});
|
|
112
|
-
properties.style = newStyles;
|
|
113
|
-
properties.className = properties.class;
|
|
114
|
-
delete properties.class;
|
|
115
12
|
const id = properties["builder-id"];
|
|
116
13
|
if (!id && (0, _isEditing.isEditing)()) {
|
|
117
14
|
console.warn("No builder-id found on properties", properties);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_reactDom","require","_isEditing","transformBlockProperties","properties","id","isEditing","console","warn","ref","el","findDOMNode","Text","setAttribute","classList","add"],"sourceRoot":"../../../../src","sources":["functions/transform-block-properties.js"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,SAASE,wBAAwBA,CAAC;EAChCC;AACF,CAAC,EAAE;EACD,MAAMC,EAAE,GAAGD,UAAU,CAAC,YAAY,CAAC;EACnC,IAAI,CAACC,EAAE,IAAI,IAAAC,oBAAS,EAAC,CAAC,EAAE;IACtBC,OAAO,CAACC,IAAI,CAAC,mCAAmC,EAAEJ,UAAU,CAAC;EAC/D;EACAA,UAAU,CAACK,GAAG,GAAIA,GAAG,IAAK;IACxB,IAAI,IAAAH,oBAAS,EAAC,CAAC,EAAE;MACf,MAAMI,EAAE,GAAG,IAAAC,qBAAW,EAACF,GAAG,CAAC;MAC3B,IAAIC,EAAE,IAAI,EAAEA,EAAE,YAAYE,IAAI,CAAC,EAAE;QAC/BF,EAAE,CAACG,YAAY,CAAC,YAAY,EAAER,EAAE,CAAC;QACjCK,EAAE,CAACI,SAAS,CAACC,GAAG,CAACV,EAAE,CAAC;MACtB;IACF;EACF,CAAC;EACD,OAAOD,UAAU;AACnB"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.transformStyleProperty = transformStyleProperty;
|
|
7
|
+
var _cssToReactNative = _interopRequireDefault(require("css-to-react-native"));
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
var __defProp = Object.defineProperty;
|
|
10
|
+
var __defProps = Object.defineProperties;
|
|
11
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
12
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
13
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
14
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
15
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
configurable: true,
|
|
18
|
+
writable: true,
|
|
19
|
+
value
|
|
20
|
+
}) : obj[key] = value;
|
|
21
|
+
var __spreadValues = (a, b) => {
|
|
22
|
+
for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
|
|
23
|
+
if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
|
|
24
|
+
if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
|
|
25
|
+
}
|
|
26
|
+
return a;
|
|
27
|
+
};
|
|
28
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
29
|
+
const cssToReactNative = _cssToReactNative.default.default ? _cssToReactNative.default.default : _cssToReactNative.default;
|
|
30
|
+
const ALLOWED_CSS_PROPERTIES = ["backfaceVisibility", "backgroundColor", "borderBottomLeftRadius", "borderBottomRightRadius", "borderColor", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderWidth", "opacity", "overflow", "overlayColor", "resizeMode", "objectFit", "tintColor", "alignContent", "alignItems", "alignSelf", "aspectRatio", "borderBottomWidth", "borderEndWidth", "borderLeftWidth", "borderRightWidth", "borderStartWidth", "borderTopWidth", "borderWidth", "bottom", "columnGap", "direction", "display", "end", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "gap", "height", "justifyContent", "left", "margin", "marginBottom", "marginEnd", "marginHorizontal", "marginLeft", "marginRight", "marginStart", "marginTop", "marginVertical", "maxHeight", "maxWidth", "minHeight", "minWidth", "overflow", "padding", "paddingBottom", "paddingEnd", "paddingHorizontal", "paddingLeft", "paddingRight", "paddingStart", "paddingTop", "paddingVertical", "position", "right", "rowGap", "start", "top", "shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "color", "fontFamily", "fontSize", "fontStyle", "fontWeight", "includeFontPadding", "fontVariant", "letterSpacing", "lineHeight", "textAlign", "textAlignVertical", "textDecorationColor", "textDecorationLine", "textDecorationStyle", "textShadowColor", "textShadowOffset", "textShadowRadius", "textTransform", "verticalAlign", "writingDirection", "userSelect", "backfaceVisibility", "backgroundColor", "borderBottomColor", "borderBottomEndRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStartRadius", "borderStartEndRadius", "borderStartStartRadius", "borderEndEndRadius", "borderEndStartRadius", "borderBottomWidth", "borderColor", "borderCurve", "borderEndColor", "borderLeftColor", "borderLeftWidth", "borderRadius", "borderRightColor", "borderRightWidth", "borderStartColor", "borderStyle", "borderTopColor", "borderTopEndRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStartRadius", "borderTopWidth", "borderWidth", "elevation", "opacity", "pointerEvents"];
|
|
31
|
+
const DISPLAY_VALUES = ["flex", "none"];
|
|
32
|
+
function omit(obj, ...values) {
|
|
33
|
+
const newObject = Object.assign({}, obj);
|
|
34
|
+
for (const key of values) {
|
|
35
|
+
delete newObject[key];
|
|
36
|
+
}
|
|
37
|
+
return newObject;
|
|
38
|
+
}
|
|
39
|
+
const inRange = (value, min, max) => value >= min && value <= max;
|
|
40
|
+
const processValue = (styles, [key, value]) => {
|
|
41
|
+
if (!ALLOWED_CSS_PROPERTIES.includes(key)) return void 0;
|
|
42
|
+
if (value.includes("calc")) return void 0;
|
|
43
|
+
if (value.includes("inherit")) return void 0;
|
|
44
|
+
if (value === "px") return void 0;
|
|
45
|
+
if (key === "display" && !DISPLAY_VALUES.includes(value)) return void 0;
|
|
46
|
+
if (key === "maxWidth" && value === "none") {
|
|
47
|
+
return "100%";
|
|
48
|
+
}
|
|
49
|
+
if (key === "lineHeight" && !value.includes("px")) {
|
|
50
|
+
const fontSize = parseFloat(styles.fontSize);
|
|
51
|
+
const lineHeight = parseFloat(styles.lineHeight);
|
|
52
|
+
if (!isNaN(fontSize) && !isNaN(lineHeight) && inRange(lineHeight, 1, 2)) {
|
|
53
|
+
return `${Math.round(fontSize * lineHeight)}px`;
|
|
54
|
+
}
|
|
55
|
+
return void 0;
|
|
56
|
+
}
|
|
57
|
+
if (key === "fontFamily") {
|
|
58
|
+
return value.replace(/["]/g, "").split(",")[0];
|
|
59
|
+
}
|
|
60
|
+
const numericValue = parseFloat(value);
|
|
61
|
+
const isNumeric = !isNaN(numericValue);
|
|
62
|
+
if (isNumeric) {
|
|
63
|
+
const processSuffix = numAsStr => {
|
|
64
|
+
if (numAsStr.includes("em")) {
|
|
65
|
+
if (key === "letterSpacing") return numAsStr.replace("em", "px");
|
|
66
|
+
return numAsStr.replace("em", "");
|
|
67
|
+
}
|
|
68
|
+
if (numAsStr.includes("pt")) return numAsStr.replace("pt", "");
|
|
69
|
+
if (numAsStr.includes("vw")) return numAsStr.replace("vw", "%");
|
|
70
|
+
if (numAsStr.includes("vh")) return numAsStr.replace("vh", "%");
|
|
71
|
+
return numAsStr;
|
|
72
|
+
};
|
|
73
|
+
return processSuffix(value);
|
|
74
|
+
}
|
|
75
|
+
return value;
|
|
76
|
+
};
|
|
77
|
+
const cleanCssStyleProps = styles => Object.entries(styles).reduce((acc, [key, value]) => {
|
|
78
|
+
const processedValue = processValue(styles, [key, value]);
|
|
79
|
+
if (processedValue === void 0) return acc;
|
|
80
|
+
return __spreadProps(__spreadValues({}, acc), {
|
|
81
|
+
[key]: processedValue
|
|
82
|
+
});
|
|
83
|
+
}, {});
|
|
84
|
+
const removeDisplayNone = styles => styles.display === "none" ? omit(styles, "display") : styles;
|
|
85
|
+
function getReactNativeBlockStyles({
|
|
86
|
+
block,
|
|
87
|
+
context,
|
|
88
|
+
blockStyles
|
|
89
|
+
}) {
|
|
90
|
+
const responsiveStyles = block.responsiveStyles;
|
|
91
|
+
if (!responsiveStyles) {
|
|
92
|
+
return {};
|
|
93
|
+
}
|
|
94
|
+
const largeAndMediumStyles = removeDisplayNone(__spreadValues(__spreadValues({}, responsiveStyles.large || {}), responsiveStyles.medium || {}));
|
|
95
|
+
const styles = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, context.inheritedStyles), largeAndMediumStyles), responsiveStyles.small || {}), blockStyles);
|
|
96
|
+
const cleanedCSS = cleanCssStyleProps(styles);
|
|
97
|
+
const newStyles = cssToReactNative(Object.entries(cleanedCSS));
|
|
98
|
+
return newStyles;
|
|
99
|
+
}
|
|
100
|
+
function transformStyleProperty({
|
|
101
|
+
block,
|
|
102
|
+
context,
|
|
103
|
+
style
|
|
104
|
+
}) {
|
|
105
|
+
const newStyles = getReactNativeBlockStyles({
|
|
106
|
+
block,
|
|
107
|
+
context,
|
|
108
|
+
blockStyles: style
|
|
109
|
+
});
|
|
110
|
+
return newStyles;
|
|
111
|
+
}
|
|
112
|
+
//# sourceMappingURL=transform-style-property.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_cssToReactNative","_interopRequireDefault","require","obj","__esModule","default","__defProp","Object","defineProperty","__defProps","defineProperties","__getOwnPropDescs","getOwnPropertyDescriptors","__getOwnPropSymbols","getOwnPropertySymbols","__hasOwnProp","prototype","hasOwnProperty","__propIsEnum","propertyIsEnumerable","__defNormalProp","key","value","enumerable","configurable","writable","__spreadValues","a","b","prop","call","__spreadProps","cssToReactNative","cssToStyleSheet","ALLOWED_CSS_PROPERTIES","DISPLAY_VALUES","omit","values","newObject","assign","inRange","min","max","processValue","styles","includes","fontSize","parseFloat","lineHeight","isNaN","Math","round","replace","split","numericValue","isNumeric","processSuffix","numAsStr","cleanCssStyleProps","entries","reduce","acc","processedValue","removeDisplayNone","display","getReactNativeBlockStyles","block","context","blockStyles","responsiveStyles","largeAndMediumStyles","large","medium","inheritedStyles","small","cleanedCSS","newStyles","transformStyleProperty","style"],"sourceRoot":"../../../../src","sources":["functions/transform-style-property.js"],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.omit = omit;
|
|
7
|
+
function omit(obj, ...values) {
|
|
8
|
+
const newObject = Object.assign({}, obj);
|
|
9
|
+
for (const key of values) {
|
|
10
|
+
delete newObject[key];
|
|
11
|
+
}
|
|
12
|
+
return newObject;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=omit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["omit","obj","values","newObject","Object","assign","key"],"sourceRoot":"../../../../src","sources":["helpers/omit.js"],"mappings":";;;;;;AAAA,SAASA,IAAIA,CAACC,GAAG,EAAE,GAAGC,MAAM,EAAE;EAC5B,MAAMC,SAAS,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEJ,GAAG,CAAC;EACxC,KAAK,MAAMK,GAAG,IAAIJ,MAAM,EAAE;IACxB,OAAOC,SAAS,CAACG,GAAG,CAAC;EACvB;EACA,OAAOH,SAAS;AAClB"}
|
|
@@ -1,18 +1,25 @@
|
|
|
1
|
-
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); }
|
|
2
1
|
import * as React from "react";
|
|
3
2
|
import BaseText from "../BaseText";
|
|
4
3
|
import { FlatList, ScrollView, View, StyleSheet, Image, Text } from "react-native";
|
|
4
|
+
import DynamicRenderer from "../../components/dynamic-renderer/dynamic-renderer";
|
|
5
|
+
import { getClassPropName } from "../../functions/get-class-prop-name.js";
|
|
5
6
|
import { filterAttrs } from "../helpers.js";
|
|
6
7
|
function Button(props) {
|
|
7
|
-
return /*#__PURE__*/React.createElement(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
return /*#__PURE__*/React.createElement(DynamicRenderer, {
|
|
9
|
+
TagName: props.link ? props.builderLinkComponent || "a" : "button",
|
|
10
|
+
attributes: {
|
|
11
|
+
...props.attributes,
|
|
12
|
+
[getClassPropName()]: `${props.link ? "" : "builder-button"} ${props.attributes[getClassPropName()] || ""}`,
|
|
13
|
+
...(props.link ? {
|
|
14
|
+
href: props.link,
|
|
15
|
+
target: props.openLinkInNewTab ? "_blank" : undefined,
|
|
16
|
+
role: "link"
|
|
17
|
+
} : {
|
|
18
|
+
role: "button"
|
|
19
|
+
})
|
|
20
|
+
},
|
|
21
|
+
actionAttributes: {}
|
|
22
|
+
}, /*#__PURE__*/React.createElement(BaseText, null, props.text));
|
|
16
23
|
}
|
|
17
24
|
export default Button;
|
|
18
25
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","BaseText","FlatList","ScrollView","View","StyleSheet","Image","Text","filterAttrs","Button","props","createElement","
|
|
1
|
+
{"version":3,"names":["React","BaseText","FlatList","ScrollView","View","StyleSheet","Image","Text","DynamicRenderer","getClassPropName","filterAttrs","Button","props","createElement","TagName","link","builderLinkComponent","attributes","href","target","openLinkInNewTab","undefined","role","actionAttributes","text"],"sourceRoot":"../../../../../src","sources":["blocks/button/button.jsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ;AACf,SACEC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLC,IAAI,QACC,cAAc;AACrB,OAAOC,eAAe;AACtB,SAASC,gBAAgB;AACzB,SAASC,WAAW;AAEpB,SAASC,MAAMA,CAACC,KAAK,EAAE;EACrB,oBACEZ,KAAA,CAAAa,aAAA,CAACL,eAAe;IACdM,OAAO,EAAEF,KAAK,CAACG,IAAI,GAAGH,KAAK,CAACI,oBAAoB,IAAI,GAAG,GAAG,QAAS;IACnEC,UAAU,EAAE;MACV,GAAGL,KAAK,CAACK,UAAU;MACnB,CAACR,gBAAgB,CAAC,CAAC,GAAI,GAAEG,KAAK,CAACG,IAAI,GAAG,EAAE,GAAG,gBAAiB,IAC1DH,KAAK,CAACK,UAAU,CAACR,gBAAgB,CAAC,CAAC,CAAC,IAAI,EACzC,EAAC;MACF,IAAIG,KAAK,CAACG,IAAI,GACV;QACEG,IAAI,EAAEN,KAAK,CAACG,IAAI;QAChBI,MAAM,EAAEP,KAAK,CAACQ,gBAAgB,GAAG,QAAQ,GAAGC,SAAS;QACrDC,IAAI,EAAE;MACR,CAAC,GACD;QACEA,IAAI,EAAE;MACR,CAAC;IACP,CAAE;IACFC,gBAAgB,EAAE,CAAC;EAAE,gBAErBvB,KAAA,CAAAa,aAAA,CAACZ,QAAQ,QAAEW,KAAK,CAACY,IAAe,CACjB,CAAC;AAEtB;AAEA,eAAeb,MAAM"}
|
|
@@ -2,10 +2,13 @@ import * as React from "react";
|
|
|
2
2
|
import { FlatList, ScrollView, View, StyleSheet, Image, Text } from "react-native";
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import Blocks from "../../components/blocks/blocks";
|
|
5
|
+
import DynamicRenderer from "../../components/dynamic-renderer/dynamic-renderer";
|
|
5
6
|
import InlinedStyles from "../../components/inlined-styles";
|
|
6
7
|
import { getSizesForBreakpoints } from "../../constants/device-sizes.js";
|
|
7
8
|
import { TARGET } from "../../constants/target.js";
|
|
8
9
|
import { deoptSignal } from "../../functions/deopt.js";
|
|
10
|
+
import { getClassPropName } from "../../functions/get-class-prop-name.js";
|
|
11
|
+
import { mapStyleObjToStrIfNeeded } from "../../functions/get-style.js";
|
|
9
12
|
function Columns(props) {
|
|
10
13
|
var _props$columns;
|
|
11
14
|
const [gutterSize, setGutterSize] = useState(() => typeof props.space === "number" ? props.space || 0 : 20);
|
|
@@ -44,7 +47,13 @@ function Columns(props) {
|
|
|
44
47
|
const mobileWidth = "100%";
|
|
45
48
|
const mobileMarginLeft = 0;
|
|
46
49
|
const marginLeftKey = "margin-left";
|
|
50
|
+
const sharedStyles = {
|
|
51
|
+
display: "flex",
|
|
52
|
+
flexDirection: "column",
|
|
53
|
+
alignItems: "stretch"
|
|
54
|
+
};
|
|
47
55
|
return {
|
|
56
|
+
...sharedStyles,
|
|
48
57
|
marginLeft: props.stackColumnsAt === "never" ? gutter : 0
|
|
49
58
|
};
|
|
50
59
|
}
|
|
@@ -90,15 +99,22 @@ function Columns(props) {
|
|
|
90
99
|
}
|
|
91
100
|
}, TARGET !== "reactNative" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InlinedStyles, {
|
|
92
101
|
styles: columnsStyles()
|
|
93
|
-
})) : null, (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.map((column, index) => /*#__PURE__*/React.createElement(
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
+
})) : null, (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.map((column, index) => /*#__PURE__*/React.createElement(DynamicRenderer, {
|
|
103
|
+
key: index,
|
|
104
|
+
TagName: column.link ? props.builderLinkComponent || "a" : "div",
|
|
105
|
+
actionAttributes: {},
|
|
106
|
+
attributes: {
|
|
107
|
+
...{
|
|
108
|
+
dataSet: {
|
|
109
|
+
"builder-block-name": "builder-column"
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
...(column.link ? {
|
|
113
|
+
href: column.link
|
|
114
|
+
} : {}),
|
|
115
|
+
[getClassPropName()]: "builder-column",
|
|
116
|
+
style: mapStyleObjToStrIfNeeded(columnCssVars(index))
|
|
117
|
+
}
|
|
102
118
|
}, /*#__PURE__*/React.createElement(Blocks, {
|
|
103
119
|
path: `component.options.columns.${index}.blocks`,
|
|
104
120
|
parent: props.builderBlock.id,
|
|
@@ -107,17 +123,13 @@ function Columns(props) {
|
|
|
107
123
|
},
|
|
108
124
|
context: props.builderContext,
|
|
109
125
|
registeredComponents: props.builderComponents,
|
|
126
|
+
linkComponent: props.builderLinkComponent,
|
|
110
127
|
blocks: column.blocks
|
|
111
128
|
}))));
|
|
112
129
|
}
|
|
113
130
|
const styles = StyleSheet.create({
|
|
114
131
|
view1: {
|
|
115
132
|
display: "flex"
|
|
116
|
-
},
|
|
117
|
-
view2: {
|
|
118
|
-
display: "flex",
|
|
119
|
-
flexDirection: "column",
|
|
120
|
-
alignItems: "stretch"
|
|
121
133
|
}
|
|
122
134
|
});
|
|
123
135
|
export default Columns;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","FlatList","ScrollView","View","StyleSheet","Image","Text","useState","Blocks","InlinedStyles","getSizesForBreakpoints","TARGET","deoptSignal","Columns","props","_props$columns","gutterSize","setGutterSize","space","cols","setCols","columns","stackAt","setStackAt","stackColumnsAt","getWidth","index","_cols$index","width","length","getColumnCssWidth","subtractWidth","getTabletStyle","stackedStyle","desktopStyle","getMobileStyle","flexDir","setFlexDir","reverseColumnsWhenStacked","columnsCssVars","flexDirection","columnCssVars","gutter","gutterPixels","mobileWidth","mobileMarginLeft","marginLeftKey","marginLeft","getWidthForBreakpointSize","size","_props$builderContext","breakpointSizes","builderContext","content","meta","breakpoints","max","columnsStyles","builderBlock","id","createElement","style","styles","view1","dataSet","Fragment","map","column","
|
|
1
|
+
{"version":3,"names":["React","FlatList","ScrollView","View","StyleSheet","Image","Text","useState","Blocks","DynamicRenderer","InlinedStyles","getSizesForBreakpoints","TARGET","deoptSignal","getClassPropName","mapStyleObjToStrIfNeeded","Columns","props","_props$columns","gutterSize","setGutterSize","space","cols","setCols","columns","stackAt","setStackAt","stackColumnsAt","getWidth","index","_cols$index","width","length","getColumnCssWidth","subtractWidth","getTabletStyle","stackedStyle","desktopStyle","getMobileStyle","flexDir","setFlexDir","reverseColumnsWhenStacked","columnsCssVars","flexDirection","columnCssVars","gutter","gutterPixels","mobileWidth","mobileMarginLeft","marginLeftKey","sharedStyles","display","alignItems","marginLeft","getWidthForBreakpointSize","size","_props$builderContext","breakpointSizes","builderContext","content","meta","breakpoints","max","columnsStyles","builderBlock","id","createElement","style","styles","view1","dataSet","Fragment","map","column","key","TagName","link","builderLinkComponent","actionAttributes","attributes","href","path","parent","styleProp","flexGrow","context","registeredComponents","builderComponents","linkComponent","blocks","create"],"sourceRoot":"../../../../../src","sources":["blocks/columns/columns.jsx"],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ import { FlatList, ScrollView, View, StyleSheet, Image, Text } from "react-nativ
|
|
|
4
4
|
import { useState, useEffect } from "react";
|
|
5
5
|
import ContentVariants from "../../components/content-variants/content-variants";
|
|
6
6
|
import { filterAttrs } from "../helpers.js";
|
|
7
|
+
import { getClassPropName } from "../../functions/get-class-prop-name.js";
|
|
7
8
|
import { fetchSymbolContent } from "./symbol.helpers.js";
|
|
8
9
|
function Symbol(props) {
|
|
9
10
|
var _props$builderBlock, _props$symbol4, _contentToUse$data, _props$symbol5;
|
|
@@ -49,7 +50,8 @@ function Symbol(props) {
|
|
|
49
50
|
...(contentToUse === null || contentToUse === void 0 || (_contentToUse$data = contentToUse.data) === null || _contentToUse$data === void 0 ? void 0 : _contentToUse$data.state)
|
|
50
51
|
},
|
|
51
52
|
model: (_props$symbol5 = props.symbol) === null || _props$symbol5 === void 0 ? void 0 : _props$symbol5.model,
|
|
52
|
-
content: contentToUse
|
|
53
|
+
content: contentToUse,
|
|
54
|
+
linkComponent: props.builderLinkComponent
|
|
53
55
|
}));
|
|
54
56
|
}
|
|
55
57
|
export default Symbol;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","FlatList","ScrollView","View","StyleSheet","Image","Text","useState","useEffect","ContentVariants","filterAttrs","fetchSymbolContent","Symbol","props","_props$builderBlock","_props$symbol4","_contentToUse$data","_props$symbol5","className","_props$symbol","_props$symbol2","symbol","inline","undefined","dynamic","filter","Boolean","join","contentToUse","setContentToUse","_props$symbol3","content","setContent","builderContextValue","builderContext","then","newContent","createElement","_extends","attributes","dataSet","class","__isNestedRender","apiVersion","apiKey","context","symbolId","builderBlock","id","customComponents","Object","values","builderComponents","data","localState","state","model"],"sourceRoot":"../../../../../src","sources":["blocks/symbol/symbol.jsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLC,IAAI,QACC,cAAc;AACrB,SAASC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,OAAOC,eAAe;AACtB,SAASC,WAAW;AACpB,SAASC,kBAAkB;AAE3B,SAASC,MAAMA,CAACC,KAAK,EAAE;EAAA,IAAAC,mBAAA,EAAAC,cAAA,EAAAC,kBAAA,EAAAC,cAAA;EACrB,SAASC,SAASA,CAAA,EAAG;IAAA,IAAAC,aAAA,EAAAC,cAAA;IACnB,OAAO,CACL,GAAG,EAAE,EACL,gBAAgB,EAChB,CAAAD,aAAA,GAAAN,KAAK,CAACQ,MAAM,cAAAF,aAAA,eAAZA,aAAA,CAAcG,MAAM,GAAG,uBAAuB,GAAGC,SAAS,EAC1D,CAAAH,cAAA,GAAAP,KAAK,CAACQ,MAAM,cAAAD,cAAA,eAAZA,cAAA,CAAcI,OAAO,IAAIX,KAAK,CAACW,OAAO,GAClC,wBAAwB,GACxBD,SAAS,CACd,CACEE,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,GAAG,CAAC;EACd;EAEA,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,
|
|
1
|
+
{"version":3,"names":["React","FlatList","ScrollView","View","StyleSheet","Image","Text","useState","useEffect","ContentVariants","filterAttrs","getClassPropName","fetchSymbolContent","Symbol","props","_props$builderBlock","_props$symbol4","_contentToUse$data","_props$symbol5","className","_props$symbol","_props$symbol2","symbol","inline","undefined","dynamic","filter","Boolean","join","contentToUse","setContentToUse","_props$symbol3","content","setContent","builderContextValue","builderContext","then","newContent","createElement","_extends","attributes","dataSet","class","__isNestedRender","apiVersion","apiKey","context","symbolId","builderBlock","id","customComponents","Object","values","builderComponents","data","localState","state","model","linkComponent","builderLinkComponent"],"sourceRoot":"../../../../../src","sources":["blocks/symbol/symbol.jsx"],"mappings":"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"}
|
|
@@ -3,15 +3,15 @@ import { FlatList, ScrollView, View, StyleSheet, Image, Text } from "react-nativ
|
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import { extractTextStyles } from "../../functions/extract-text-styles.js";
|
|
5
5
|
import { getBlockComponentOptions } from "../../functions/get-block-component-options.js";
|
|
6
|
-
import { getBlockProperties } from "../../functions/get-block-properties.js";
|
|
7
6
|
import { getProcessedBlock } from "../../functions/get-processed-block.js";
|
|
7
|
+
import { getStyle } from "../../functions/get-style.js";
|
|
8
8
|
import { getComponent, getRepeatItemData } from "./block.helpers.js";
|
|
9
9
|
import BlockStyles from "./components/block-styles";
|
|
10
10
|
import BlockWrapper from "./components/block-wrapper";
|
|
11
11
|
import ComponentRef from "./components/component-ref/component-ref";
|
|
12
12
|
import RepeatedBlock from "./components/repeated-block";
|
|
13
13
|
function Block(props) {
|
|
14
|
-
var
|
|
14
|
+
var _blockComponent10, _childrenWithoutParen, _repeatItem2;
|
|
15
15
|
function blockComponent() {
|
|
16
16
|
return getComponent({
|
|
17
17
|
block: props.block,
|
|
@@ -37,6 +37,11 @@ function Block(props) {
|
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
39
|
function Tag() {
|
|
40
|
+
var _processedBlock$prope;
|
|
41
|
+
const shouldUseLink = props.block.tagName === "a" || ((_processedBlock$prope = processedBlock().properties) === null || _processedBlock$prope === void 0 ? void 0 : _processedBlock$prope.href) || processedBlock().href;
|
|
42
|
+
if (shouldUseLink) {
|
|
43
|
+
return props.linkComponent || "a";
|
|
44
|
+
}
|
|
40
45
|
return View;
|
|
41
46
|
}
|
|
42
47
|
function canShowBlock() {
|
|
@@ -62,44 +67,50 @@ function Block(props) {
|
|
|
62
67
|
return shouldRenderChildrenOutsideRef ? processedBlock().children ?? [] : [];
|
|
63
68
|
}
|
|
64
69
|
function componentRefProps() {
|
|
65
|
-
var _blockComponent2, _blockComponent3, _blockComponent4, _blockComponent5, _blockComponent6;
|
|
70
|
+
var _blockComponent2, _blockComponent3, _blockComponent4, _blockComponent5, _blockComponent6, _blockComponent7, _blockComponent8, _blockComponent9;
|
|
66
71
|
return {
|
|
67
72
|
blockChildren: processedBlock().children ?? [],
|
|
68
73
|
componentRef: blockComponent === null || blockComponent === void 0 || (_blockComponent2 = blockComponent()) === null || _blockComponent2 === void 0 ? void 0 : _blockComponent2.component,
|
|
69
74
|
componentOptions: {
|
|
70
75
|
...getBlockComponentOptions(processedBlock()),
|
|
71
76
|
builderContext: props.context,
|
|
72
|
-
...((blockComponent === null || blockComponent === void 0 || (_blockComponent3 = blockComponent()) === null || _blockComponent3 === void 0 ? void 0 : _blockComponent3.name) === "
|
|
77
|
+
...((blockComponent === null || blockComponent === void 0 || (_blockComponent3 = blockComponent()) === null || _blockComponent3 === void 0 ? void 0 : _blockComponent3.name) === "Core:Button" || (blockComponent === null || blockComponent === void 0 || (_blockComponent4 = blockComponent()) === null || _blockComponent4 === void 0 ? void 0 : _blockComponent4.name) === "Symbol" || (blockComponent === null || blockComponent === void 0 || (_blockComponent5 = blockComponent()) === null || _blockComponent5 === void 0 ? void 0 : _blockComponent5.name) === "Columns" ? {
|
|
78
|
+
builderLinkComponent: props.linkComponent
|
|
79
|
+
} : {}),
|
|
80
|
+
...((blockComponent === null || blockComponent === void 0 || (_blockComponent6 = blockComponent()) === null || _blockComponent6 === void 0 ? void 0 : _blockComponent6.name) === "Symbol" || (blockComponent === null || blockComponent === void 0 || (_blockComponent7 = blockComponent()) === null || _blockComponent7 === void 0 ? void 0 : _blockComponent7.name) === "Columns" ? {
|
|
73
81
|
builderComponents: props.registeredComponents
|
|
74
82
|
} : {})
|
|
75
83
|
},
|
|
76
84
|
context: childrenContext,
|
|
85
|
+
linkComponent: props.linkComponent,
|
|
77
86
|
registeredComponents: props.registeredComponents,
|
|
78
87
|
builderBlock: processedBlock(),
|
|
79
|
-
includeBlockProps: (blockComponent === null || blockComponent === void 0 || (
|
|
80
|
-
isInteractive: !(blockComponent !== null && blockComponent !== void 0 && (
|
|
88
|
+
includeBlockProps: (blockComponent === null || blockComponent === void 0 || (_blockComponent8 = blockComponent()) === null || _blockComponent8 === void 0 ? void 0 : _blockComponent8.noWrap) === true,
|
|
89
|
+
isInteractive: !(blockComponent !== null && blockComponent !== void 0 && (_blockComponent9 = blockComponent()) !== null && _blockComponent9 !== void 0 && _blockComponent9.isRSC)
|
|
81
90
|
};
|
|
82
91
|
}
|
|
83
92
|
const [childrenContext, setChildrenContext] = useState(() => ({
|
|
84
93
|
...props.context,
|
|
85
|
-
inheritedStyles: extractTextStyles(
|
|
94
|
+
inheritedStyles: extractTextStyles(getStyle({
|
|
86
95
|
block: processedBlock(),
|
|
87
96
|
context: props.context
|
|
88
|
-
})
|
|
97
|
+
}) || {})
|
|
89
98
|
}));
|
|
90
99
|
return /*#__PURE__*/React.createElement(React.Fragment, null, canShowBlock() ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BlockStyles, {
|
|
91
100
|
block: props.block,
|
|
92
101
|
context: props.context
|
|
93
|
-
}), !(blockComponent !== null && blockComponent !== void 0 && (
|
|
102
|
+
}), !(blockComponent !== null && blockComponent !== void 0 && (_blockComponent10 = blockComponent()) !== null && _blockComponent10 !== void 0 && _blockComponent10.noWrap) ? /*#__PURE__*/React.createElement(React.Fragment, null, !repeatItem() ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BlockWrapper, {
|
|
94
103
|
Wrapper: Tag(),
|
|
95
104
|
block: processedBlock(),
|
|
96
|
-
context: props.context
|
|
105
|
+
context: props.context,
|
|
106
|
+
linkComponent: props.linkComponent
|
|
97
107
|
}, /*#__PURE__*/React.createElement(ComponentRef, {
|
|
98
108
|
componentRef: componentRefProps().componentRef,
|
|
99
109
|
componentOptions: componentRefProps().componentOptions,
|
|
100
110
|
blockChildren: componentRefProps().blockChildren,
|
|
101
111
|
context: componentRefProps().context,
|
|
102
112
|
registeredComponents: componentRefProps().registeredComponents,
|
|
113
|
+
linkComponent: componentRefProps().linkComponent,
|
|
103
114
|
builderBlock: componentRefProps().builderBlock,
|
|
104
115
|
includeBlockProps: componentRefProps().includeBlockProps,
|
|
105
116
|
isInteractive: componentRefProps().isInteractive
|
|
@@ -107,18 +118,21 @@ function Block(props) {
|
|
|
107
118
|
key: child.id,
|
|
108
119
|
block: child,
|
|
109
120
|
context: childrenContext,
|
|
110
|
-
registeredComponents: props.registeredComponents
|
|
121
|
+
registeredComponents: props.registeredComponents,
|
|
122
|
+
linkComponent: props.linkComponent
|
|
111
123
|
})))) : /*#__PURE__*/React.createElement(React.Fragment, null, (_repeatItem2 = repeatItem()) === null || _repeatItem2 === void 0 ? void 0 : _repeatItem2.map((data, index) => /*#__PURE__*/React.createElement(RepeatedBlock, {
|
|
112
124
|
key: index,
|
|
113
125
|
repeatContext: data.context,
|
|
114
126
|
block: data.block,
|
|
115
|
-
registeredComponents: props.registeredComponents
|
|
127
|
+
registeredComponents: props.registeredComponents,
|
|
128
|
+
linkComponent: props.linkComponent
|
|
116
129
|
})))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ComponentRef, {
|
|
117
130
|
componentRef: componentRefProps().componentRef,
|
|
118
131
|
componentOptions: componentRefProps().componentOptions,
|
|
119
132
|
blockChildren: componentRefProps().blockChildren,
|
|
120
133
|
context: componentRefProps().context,
|
|
121
134
|
registeredComponents: componentRefProps().registeredComponents,
|
|
135
|
+
linkComponent: componentRefProps().linkComponent,
|
|
122
136
|
builderBlock: componentRefProps().builderBlock,
|
|
123
137
|
includeBlockProps: componentRefProps().includeBlockProps,
|
|
124
138
|
isInteractive: componentRefProps().isInteractive
|