@developer_tribe/react-builder 1.2.21 → 1.2.23
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/dist/attribute-analyser/style/native/useExtractImageStyle.d.ts +2 -2
- package/dist/build-components/Image/ImageProps.generated.d.ts +2 -4
- package/dist/build-components/NavigationBarColor/NavigationBarColor.d.ts +5 -0
- package/dist/build-components/NavigationBarColor/NavigationBarColorProps.generated.d.ts +54 -0
- package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +1 -3
- package/dist/build-components/Separator/Separator.d.ts +5 -0
- package/dist/build-components/Separator/SeparatorProps.generated.d.ts +21 -0
- package/dist/build-components/StatusBarColor/StatusBarColor.d.ts +5 -0
- package/dist/build-components/StatusBarColor/StatusBarColorProps.generated.d.ts +54 -0
- package/dist/build-components/index.d.ts +4 -1
- package/dist/build-components/patterns.generated.d.ts +2105 -1253
- package/dist/components/AttributesEditorPanel.d.ts +1 -1
- package/dist/components/BuilderProvider.d.ts +1 -1
- package/dist/index.cjs.js +4 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +4 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.web.cjs.js +6 -6
- package/dist/index.web.cjs.js.map +1 -1
- package/dist/index.web.esm.js +4 -4
- package/dist/index.web.esm.js.map +1 -1
- package/dist/store.d.ts +4 -0
- package/dist/styles.css +1 -1
- package/dist/utils/attributeStyle.d.ts +9 -0
- package/dist/utils/extractImageStyle.d.ts +1 -1
- package/dist/utils/extractViewStyle/extractViewStyleNative.d.ts +1 -1
- package/package.json +2 -2
- package/src/DeviceMockFrame.tsx +8 -2
- package/src/assets/meta.json +1 -1
- package/src/assets/samples/paywall-1.json +39 -34
- package/src/assets/samples/paywall-2.json +39 -20
- package/src/assets/samples/paywall-app-delete-offer.json +40 -21
- package/src/assets/samples/paywall-app-open-offer.json +40 -21
- package/src/assets/samples/paywall-back-offer.json +40 -21
- package/src/assets/samples/paywall-notification-offer.json +40 -21
- package/src/assets/samples/vpn-onboard-1.json +84 -39
- package/src/assets/samples/vpn-onboard-2.json +85 -40
- package/src/assets/samples/vpn-onboard-3.json +84 -39
- package/src/assets/samples/vpn-onboard-4.json +84 -39
- package/src/assets/samples/vpn-onboard-5.json +102 -55
- package/src/assets/samples/vpn-onboard-6.json +87 -38
- package/src/attribute-analyser/style/native/useExtractImageStyle.ts +24 -22
- package/src/attribute-analyser/style/native/useExtractTextStyle.ts +9 -4
- package/src/attribute-analyser/style/native/useExtractViewStyle.ts +19 -7
- package/src/attributes-editor/useAttributesEditorModel.ts +23 -17
- package/src/build-components/BackgroundImage/pattern.json +9 -7
- package/src/build-components/CarouselDots/CarouselDots.tsx +12 -11
- package/src/build-components/CarouselProvider/CarouselProvider.tsx +3 -1
- package/src/build-components/Image/ImageProps.generated.ts +2 -4
- package/src/build-components/Image/pattern.json +12 -25
- package/src/build-components/NavigationBarColor/NavigationBarColor.tsx +39 -0
- package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts +71 -0
- package/src/build-components/NavigationBarColor/pattern.json +34 -0
- package/src/build-components/OnboardButtons/OnboardButtons.tsx +8 -10
- package/src/build-components/OnboardDot/OnboardDot.tsx +12 -10
- package/src/build-components/OnboardImage/OnboardImage.tsx +1 -1
- package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +1 -3
- package/src/build-components/OnboardProvider/OnboardProvider.tsx +3 -1
- package/src/build-components/RenderNode.generated.tsx +15 -0
- package/src/build-components/Separator/Separator.tsx +41 -0
- package/src/build-components/Separator/SeparatorProps.generated.ts +26 -0
- package/src/build-components/Separator/pattern.json +59 -0
- package/src/build-components/StatusBarColor/StatusBarColor.tsx +39 -0
- package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts +71 -0
- package/src/build-components/StatusBarColor/pattern.json +34 -0
- package/src/build-components/Text/pattern.json +45 -38
- package/src/build-components/index.ts +15 -0
- package/src/build-components/patterns.generated.ts +2149 -1272
- package/src/build-components/useNode.ts +24 -25
- package/src/components/AttributesEditorPanel.tsx +4 -5
- package/src/components/Builder.tsx +1 -2
- package/src/components/BuilderProvider.tsx +40 -3
- package/src/components/JsonTextEditor.tsx +2 -2
- package/src/components/LoadingComponent.tsx +1 -1
- package/src/components/RenderErrorBoundary.tsx +1 -3
- package/src/migrations/migrations/1.1.2_extract_component_attributes_from_style.ts +3 -3
- package/src/modals/BenefitPresetsModal.tsx +1 -1
- package/src/modals/ProductPresetsModal.tsx +1 -1
- package/src/pages/DebugJsonPage.tsx +7 -4
- package/src/pages/ProjectDebug.tsx +1 -1
- package/src/pages/ProjectPage.tsx +31 -32
- package/src/pages/ProjectValidationPage.tsx +2 -2
- package/src/store.ts +13 -0
- package/src/styles/layout/_builder.scss +6 -0
- package/src/utils/__special_exceptions.ts +5 -5
- package/src/utils/analyseNode.ts +2 -2
- package/src/utils/analyseNodeByPatterns.ts +10 -9
- package/src/utils/analyseNodeStructural.ts +1 -1
- package/src/utils/attributeStyle.ts +26 -0
- package/src/utils/extractImageStyle.ts +17 -13
- package/src/utils/extractTextStyle/extractTextStyle.ts +7 -7
- package/src/utils/extractTextStyle/extractTextStyleNative.ts +10 -10
- package/src/utils/extractViewStyle/extractViewStyle.ts +8 -11
- package/src/utils/extractViewStyle/extractViewStyleNative.ts +19 -19
- package/src/utils/loadFontFamily.ts +14 -19
- package/src/utils/logRenderStore.ts +5 -4
- package/src/utils/nodeTree.ts +1 -1
- package/src/utils/patterns.ts +26 -31
- package/src/utils/repairNodeKeys.ts +5 -7
- package/src/utils/wrapNodeInMain.ts +3 -3
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": 2,
|
|
3
|
+
"pattern": {
|
|
4
|
+
"type": "StatusBarColor",
|
|
5
|
+
"children": "never",
|
|
6
|
+
"extends": "View",
|
|
7
|
+
"attributes": {
|
|
8
|
+
"title": "title",
|
|
9
|
+
"description": "description",
|
|
10
|
+
"style": {
|
|
11
|
+
"backgroundColor": "color"
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"meta": {
|
|
16
|
+
"desiredParent": ["all"],
|
|
17
|
+
"label": "Status Bar Color",
|
|
18
|
+
"description": "Sets the OS status bar background color.",
|
|
19
|
+
"styles": {
|
|
20
|
+
"backgroundColor": {
|
|
21
|
+
"label": "Background Color",
|
|
22
|
+
"description": "Status bar background color.",
|
|
23
|
+
"category": "style",
|
|
24
|
+
"specialCategory": null,
|
|
25
|
+
"sort": 1
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"defaults": {
|
|
30
|
+
"style": {
|
|
31
|
+
"backgroundColor": "THEME_COLORS.BACKGROUND"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -16,6 +16,13 @@
|
|
|
16
16
|
"fontWeight": "fontWeight",
|
|
17
17
|
"textAlign": ["left", "center", "right", "justify"]
|
|
18
18
|
}
|
|
19
|
+
},
|
|
20
|
+
"defaults": {
|
|
21
|
+
"style": {
|
|
22
|
+
"color": "THEME_COLORS.TEXT",
|
|
23
|
+
"fontSize": "16@fs",
|
|
24
|
+
"fontWeight": "400"
|
|
25
|
+
}
|
|
19
26
|
}
|
|
20
27
|
},
|
|
21
28
|
"meta": {
|
|
@@ -23,45 +30,45 @@
|
|
|
23
30
|
"label": "Text",
|
|
24
31
|
"description": "Displays simple text.",
|
|
25
32
|
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
"
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
"preferredScale": "s"
|
|
42
|
-
},
|
|
43
|
-
"fontFamily": {
|
|
44
|
-
"label": "Font Family",
|
|
45
|
-
"description": "Font family used for the text.",
|
|
46
|
-
"category": "style",
|
|
47
|
-
"specialCategory": null,
|
|
48
|
-
"sort": 3
|
|
49
|
-
},
|
|
50
|
-
"fontWeight": {
|
|
51
|
-
"label": "Font Weight",
|
|
52
|
-
"description": "Text weight.",
|
|
53
|
-
"category": "style",
|
|
54
|
-
"specialCategory": null,
|
|
55
|
-
"sort": 4
|
|
56
|
-
},
|
|
57
|
-
"textAlign": {
|
|
58
|
-
"label": "Text Align",
|
|
59
|
-
"description": "Text alignment.",
|
|
60
|
-
"category": "style",
|
|
61
|
-
"specialCategory": null,
|
|
62
|
-
"sort": 5
|
|
63
|
-
}
|
|
33
|
+
"styles": {
|
|
34
|
+
"color": {
|
|
35
|
+
"label": "Color",
|
|
36
|
+
"description": "Text color.",
|
|
37
|
+
"category": "style",
|
|
38
|
+
"specialCategory": null,
|
|
39
|
+
"sort": 1
|
|
40
|
+
},
|
|
41
|
+
"fontSize": {
|
|
42
|
+
"label": "Font Size",
|
|
43
|
+
"description": "Text size.",
|
|
44
|
+
"category": "style",
|
|
45
|
+
"specialCategory": null,
|
|
46
|
+
"sort": 2,
|
|
47
|
+
"preferredScale": "s"
|
|
64
48
|
},
|
|
49
|
+
"fontFamily": {
|
|
50
|
+
"label": "Font Family",
|
|
51
|
+
"description": "Font family used for the text.",
|
|
52
|
+
"category": "style",
|
|
53
|
+
"specialCategory": null,
|
|
54
|
+
"sort": 3
|
|
55
|
+
},
|
|
56
|
+
"fontWeight": {
|
|
57
|
+
"label": "Font Weight",
|
|
58
|
+
"description": "Text weight.",
|
|
59
|
+
"category": "style",
|
|
60
|
+
"specialCategory": null,
|
|
61
|
+
"sort": 4
|
|
62
|
+
},
|
|
63
|
+
"textAlign": {
|
|
64
|
+
"label": "Text Align",
|
|
65
|
+
"description": "Text alignment.",
|
|
66
|
+
"category": "style",
|
|
67
|
+
"specialCategory": null,
|
|
68
|
+
"sort": 5
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
"attributes": {
|
|
65
72
|
"adjustsFontSizeToFit": {
|
|
66
73
|
"label": "Adjust Font Size To Fit",
|
|
67
74
|
"description": "Automatically reduces font size to fit the available space.",
|
|
@@ -17,6 +17,7 @@ export const allcomponentNames = [
|
|
|
17
17
|
'Counter',
|
|
18
18
|
'Image',
|
|
19
19
|
'Main',
|
|
20
|
+
'NavigationBarColor',
|
|
20
21
|
'Onboard',
|
|
21
22
|
'OnboardButton',
|
|
22
23
|
'OnboardButtons',
|
|
@@ -34,6 +35,8 @@ export const allcomponentNames = [
|
|
|
34
35
|
'PaywallProvider',
|
|
35
36
|
'PaywallSubscribeButton',
|
|
36
37
|
'RadioButton',
|
|
38
|
+
'Separator',
|
|
39
|
+
'StatusBarColor',
|
|
37
40
|
'Text',
|
|
38
41
|
'View',
|
|
39
42
|
] as const;
|
|
@@ -86,6 +89,10 @@ export type {
|
|
|
86
89
|
MainPropsGenerated,
|
|
87
90
|
MainComponentProps,
|
|
88
91
|
} from './Main/MainProps.generated';
|
|
92
|
+
export type {
|
|
93
|
+
NavigationBarColorPropsGenerated,
|
|
94
|
+
NavigationBarColorComponentProps,
|
|
95
|
+
} from './NavigationBarColor/NavigationBarColorProps.generated';
|
|
89
96
|
export type {
|
|
90
97
|
OnboardPropsGenerated,
|
|
91
98
|
OnboardComponentProps,
|
|
@@ -154,6 +161,14 @@ export type {
|
|
|
154
161
|
RadioButtonPropsGenerated,
|
|
155
162
|
RadioButtonComponentProps,
|
|
156
163
|
} from './RadioButton/RadioButtonProps.generated';
|
|
164
|
+
export type {
|
|
165
|
+
SeparatorPropsGenerated,
|
|
166
|
+
SeparatorComponentProps,
|
|
167
|
+
} from './Separator/SeparatorProps.generated';
|
|
168
|
+
export type {
|
|
169
|
+
StatusBarColorPropsGenerated,
|
|
170
|
+
StatusBarColorComponentProps,
|
|
171
|
+
} from './StatusBarColor/StatusBarColorProps.generated';
|
|
157
172
|
export type {
|
|
158
173
|
TextPropsGenerated,
|
|
159
174
|
TextComponentProps,
|