@builder.io/sdk-react-native 0.6.1 → 0.6.3
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/components/block/components/block-styles.js +16 -8
- package/lib/browser/commonjs/components/block/components/block-styles.js.flow +11 -7
- package/lib/browser/commonjs/components/block/components/block-styles.js.map +1 -1
- package/lib/browser/commonjs/constants/sdk-version.js +1 -1
- package/lib/browser/commonjs/constants/sdk-version.js.flow +1 -1
- package/lib/browser/module/components/block/components/block-styles.js +16 -9
- package/lib/browser/module/components/block/components/block-styles.js.map +1 -1
- package/lib/browser/module/constants/sdk-version.js +1 -1
- package/lib/browser/typescript/components/block/components/block-styles.d.ts.map +1 -1
- package/lib/browser/typescript/constants/sdk-version.d.ts +1 -1
- package/lib/edge/commonjs/components/block/components/block-styles.js +16 -8
- package/lib/edge/commonjs/components/block/components/block-styles.js.flow +11 -7
- package/lib/edge/commonjs/components/block/components/block-styles.js.map +1 -1
- package/lib/edge/commonjs/constants/sdk-version.js +1 -1
- package/lib/edge/commonjs/constants/sdk-version.js.flow +1 -1
- package/lib/edge/module/components/block/components/block-styles.js +16 -9
- package/lib/edge/module/components/block/components/block-styles.js.map +1 -1
- package/lib/edge/module/constants/sdk-version.js +1 -1
- package/lib/edge/typescript/components/block/components/block-styles.d.ts.map +1 -1
- package/lib/edge/typescript/constants/sdk-version.d.ts +1 -1
- package/lib/node/commonjs/components/block/components/block-styles.js +16 -8
- package/lib/node/commonjs/components/block/components/block-styles.js.flow +11 -7
- package/lib/node/commonjs/components/block/components/block-styles.js.map +1 -1
- package/lib/node/commonjs/constants/sdk-version.js +1 -1
- package/lib/node/commonjs/constants/sdk-version.js.flow +1 -1
- package/lib/node/index.cjs +6903 -8
- package/lib/node/index.mjs +6061 -4084
- package/lib/node/module/components/block/components/block-styles.js +16 -9
- package/lib/node/module/components/block/components/block-styles.js.map +1 -1
- package/lib/node/module/constants/sdk-version.js +1 -1
- package/lib/node/typescript/components/block/components/block-styles.d.ts.map +1 -1
- package/lib/node/typescript/constants/sdk-version.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/block/components/block-styles.jsx +11 -7
- package/src/constants/sdk-version.js +1 -1
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { FlatList, ScrollView, View, StyleSheet, Image, Text } from "react-native";
|
|
5
|
-
import { useState } from "react";
|
|
6
5
|
import { getMaxWidthQueryForSize, getSizesForBreakpoints } from "../../../constants/device-sizes.js";
|
|
7
6
|
import { TARGET } from "../../../constants/target.js";
|
|
8
7
|
import { getProcessedBlock } from "../../../functions/get-processed-block.js";
|
|
@@ -10,15 +9,15 @@ import { createCssClass } from "../../../helpers/css.js";
|
|
|
10
9
|
import { checkIsDefined } from "../../../helpers/nullable.js";
|
|
11
10
|
import InlinedStyles from "../../inlined-styles";
|
|
12
11
|
function BlockStyles(props) {
|
|
13
|
-
const [processedBlock, setProcessedBlock] = useState(() => getProcessedBlock({
|
|
14
|
-
block: props.block,
|
|
15
|
-
localState: props.context.localState,
|
|
16
|
-
rootState: props.context.rootState,
|
|
17
|
-
rootSetState: props.context.rootSetState,
|
|
18
|
-
context: props.context.context,
|
|
19
|
-
shouldEvaluateBindings: true
|
|
20
|
-
}));
|
|
21
12
|
function canShowBlock() {
|
|
13
|
+
const processedBlock = getProcessedBlock({
|
|
14
|
+
block: props.block,
|
|
15
|
+
localState: props.context.localState,
|
|
16
|
+
rootState: props.context.rootState,
|
|
17
|
+
rootSetState: props.context.rootSetState,
|
|
18
|
+
context: props.context.context,
|
|
19
|
+
shouldEvaluateBindings: true
|
|
20
|
+
});
|
|
22
21
|
// only render styles for blocks that are visible
|
|
23
22
|
if (checkIsDefined(processedBlock.hide)) {
|
|
24
23
|
return !processedBlock.hide;
|
|
@@ -30,6 +29,14 @@ function BlockStyles(props) {
|
|
|
30
29
|
}
|
|
31
30
|
function css() {
|
|
32
31
|
var _content$meta;
|
|
32
|
+
const processedBlock = getProcessedBlock({
|
|
33
|
+
block: props.block,
|
|
34
|
+
localState: props.context.localState,
|
|
35
|
+
rootState: props.context.rootState,
|
|
36
|
+
rootSetState: props.context.rootSetState,
|
|
37
|
+
context: props.context.context,
|
|
38
|
+
shouldEvaluateBindings: true
|
|
39
|
+
});
|
|
33
40
|
const styles = processedBlock.responsiveStyles;
|
|
34
41
|
const content = props.context.content;
|
|
35
42
|
const sizesWithUpdatedBreakpoints = getSizesForBreakpoints((content === null || content === void 0 || (_content$meta = content.meta) === null || _content$meta === void 0 ? void 0 : _content$meta.breakpoints) || {});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","FlatList","ScrollView","View","StyleSheet","Image","Text","
|
|
1
|
+
{"version":3,"names":["React","FlatList","ScrollView","View","StyleSheet","Image","Text","getMaxWidthQueryForSize","getSizesForBreakpoints","TARGET","getProcessedBlock","createCssClass","checkIsDefined","InlinedStyles","BlockStyles","props","canShowBlock","processedBlock","block","localState","context","rootState","rootSetState","shouldEvaluateBindings","hide","show","css","_content$meta","styles","responsiveStyles","content","sizesWithUpdatedBreakpoints","meta","breakpoints","largeStyles","large","mediumStyles","medium","smallStyles","small","className","id","largeStylesClass","mediumStylesClass","mediaQuery","smallStylesClass","join","createElement","Fragment"],"sourceRoot":"../../../../../../src","sources":["components/block/components/block-styles.jsx"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const SDK_VERSION = "0.6.
|
|
1
|
+
export const SDK_VERSION = "0.6.3";
|
|
2
2
|
//# sourceMappingURL=sdk-version.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"block-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/components/block-styles.jsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"block-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/block/components/block-styles.jsx"],"names":[],"mappings":";AAoBA,sDA+EC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const SDK_VERSION: "0.6.
|
|
1
|
+
export const SDK_VERSION: "0.6.3";
|
|
2
2
|
//# sourceMappingURL=sdk-version.d.ts.map
|
package/package.json
CHANGED
|
@@ -8,7 +8,6 @@ import {
|
|
|
8
8
|
Image,
|
|
9
9
|
Text,
|
|
10
10
|
} from "react-native";
|
|
11
|
-
import { useState } from "react";
|
|
12
11
|
import {
|
|
13
12
|
getMaxWidthQueryForSize,
|
|
14
13
|
getSizesForBreakpoints,
|
|
@@ -20,18 +19,15 @@ import { checkIsDefined } from "../../../helpers/nullable.js";
|
|
|
20
19
|
import InlinedStyles from "../../inlined-styles";
|
|
21
20
|
|
|
22
21
|
function BlockStyles(props) {
|
|
23
|
-
|
|
24
|
-
getProcessedBlock({
|
|
22
|
+
function canShowBlock() {
|
|
23
|
+
const processedBlock = getProcessedBlock({
|
|
25
24
|
block: props.block,
|
|
26
25
|
localState: props.context.localState,
|
|
27
26
|
rootState: props.context.rootState,
|
|
28
27
|
rootSetState: props.context.rootSetState,
|
|
29
28
|
context: props.context.context,
|
|
30
29
|
shouldEvaluateBindings: true,
|
|
31
|
-
})
|
|
32
|
-
);
|
|
33
|
-
|
|
34
|
-
function canShowBlock() {
|
|
30
|
+
});
|
|
35
31
|
// only render styles for blocks that are visible
|
|
36
32
|
if (checkIsDefined(processedBlock.hide)) {
|
|
37
33
|
return !processedBlock.hide;
|
|
@@ -43,6 +39,14 @@ function BlockStyles(props) {
|
|
|
43
39
|
}
|
|
44
40
|
|
|
45
41
|
function css() {
|
|
42
|
+
const processedBlock = getProcessedBlock({
|
|
43
|
+
block: props.block,
|
|
44
|
+
localState: props.context.localState,
|
|
45
|
+
rootState: props.context.rootState,
|
|
46
|
+
rootSetState: props.context.rootSetState,
|
|
47
|
+
context: props.context.context,
|
|
48
|
+
shouldEvaluateBindings: true,
|
|
49
|
+
});
|
|
46
50
|
const styles = processedBlock.responsiveStyles;
|
|
47
51
|
const content = props.context.content;
|
|
48
52
|
const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const SDK_VERSION = "0.6.
|
|
1
|
+
export const SDK_VERSION = "0.6.3"
|