@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.
Files changed (100) hide show
  1. package/dist/attribute-analyser/style/native/useExtractImageStyle.d.ts +2 -2
  2. package/dist/build-components/Image/ImageProps.generated.d.ts +2 -4
  3. package/dist/build-components/NavigationBarColor/NavigationBarColor.d.ts +5 -0
  4. package/dist/build-components/NavigationBarColor/NavigationBarColorProps.generated.d.ts +54 -0
  5. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +1 -3
  6. package/dist/build-components/Separator/Separator.d.ts +5 -0
  7. package/dist/build-components/Separator/SeparatorProps.generated.d.ts +21 -0
  8. package/dist/build-components/StatusBarColor/StatusBarColor.d.ts +5 -0
  9. package/dist/build-components/StatusBarColor/StatusBarColorProps.generated.d.ts +54 -0
  10. package/dist/build-components/index.d.ts +4 -1
  11. package/dist/build-components/patterns.generated.d.ts +2105 -1253
  12. package/dist/components/AttributesEditorPanel.d.ts +1 -1
  13. package/dist/components/BuilderProvider.d.ts +1 -1
  14. package/dist/index.cjs.js +4 -4
  15. package/dist/index.cjs.js.map +1 -1
  16. package/dist/index.esm.js +4 -4
  17. package/dist/index.esm.js.map +1 -1
  18. package/dist/index.web.cjs.js +6 -6
  19. package/dist/index.web.cjs.js.map +1 -1
  20. package/dist/index.web.esm.js +4 -4
  21. package/dist/index.web.esm.js.map +1 -1
  22. package/dist/store.d.ts +4 -0
  23. package/dist/styles.css +1 -1
  24. package/dist/utils/attributeStyle.d.ts +9 -0
  25. package/dist/utils/extractImageStyle.d.ts +1 -1
  26. package/dist/utils/extractViewStyle/extractViewStyleNative.d.ts +1 -1
  27. package/package.json +2 -2
  28. package/src/DeviceMockFrame.tsx +8 -2
  29. package/src/assets/meta.json +1 -1
  30. package/src/assets/samples/paywall-1.json +39 -34
  31. package/src/assets/samples/paywall-2.json +39 -20
  32. package/src/assets/samples/paywall-app-delete-offer.json +40 -21
  33. package/src/assets/samples/paywall-app-open-offer.json +40 -21
  34. package/src/assets/samples/paywall-back-offer.json +40 -21
  35. package/src/assets/samples/paywall-notification-offer.json +40 -21
  36. package/src/assets/samples/vpn-onboard-1.json +84 -39
  37. package/src/assets/samples/vpn-onboard-2.json +85 -40
  38. package/src/assets/samples/vpn-onboard-3.json +84 -39
  39. package/src/assets/samples/vpn-onboard-4.json +84 -39
  40. package/src/assets/samples/vpn-onboard-5.json +102 -55
  41. package/src/assets/samples/vpn-onboard-6.json +87 -38
  42. package/src/attribute-analyser/style/native/useExtractImageStyle.ts +24 -22
  43. package/src/attribute-analyser/style/native/useExtractTextStyle.ts +9 -4
  44. package/src/attribute-analyser/style/native/useExtractViewStyle.ts +19 -7
  45. package/src/attributes-editor/useAttributesEditorModel.ts +23 -17
  46. package/src/build-components/BackgroundImage/pattern.json +9 -7
  47. package/src/build-components/CarouselDots/CarouselDots.tsx +12 -11
  48. package/src/build-components/CarouselProvider/CarouselProvider.tsx +3 -1
  49. package/src/build-components/Image/ImageProps.generated.ts +2 -4
  50. package/src/build-components/Image/pattern.json +12 -25
  51. package/src/build-components/NavigationBarColor/NavigationBarColor.tsx +39 -0
  52. package/src/build-components/NavigationBarColor/NavigationBarColorProps.generated.ts +71 -0
  53. package/src/build-components/NavigationBarColor/pattern.json +34 -0
  54. package/src/build-components/OnboardButtons/OnboardButtons.tsx +8 -10
  55. package/src/build-components/OnboardDot/OnboardDot.tsx +12 -10
  56. package/src/build-components/OnboardImage/OnboardImage.tsx +1 -1
  57. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +1 -3
  58. package/src/build-components/OnboardProvider/OnboardProvider.tsx +3 -1
  59. package/src/build-components/RenderNode.generated.tsx +15 -0
  60. package/src/build-components/Separator/Separator.tsx +41 -0
  61. package/src/build-components/Separator/SeparatorProps.generated.ts +26 -0
  62. package/src/build-components/Separator/pattern.json +59 -0
  63. package/src/build-components/StatusBarColor/StatusBarColor.tsx +39 -0
  64. package/src/build-components/StatusBarColor/StatusBarColorProps.generated.ts +71 -0
  65. package/src/build-components/StatusBarColor/pattern.json +34 -0
  66. package/src/build-components/Text/pattern.json +45 -38
  67. package/src/build-components/index.ts +15 -0
  68. package/src/build-components/patterns.generated.ts +2149 -1272
  69. package/src/build-components/useNode.ts +24 -25
  70. package/src/components/AttributesEditorPanel.tsx +4 -5
  71. package/src/components/Builder.tsx +1 -2
  72. package/src/components/BuilderProvider.tsx +40 -3
  73. package/src/components/JsonTextEditor.tsx +2 -2
  74. package/src/components/LoadingComponent.tsx +1 -1
  75. package/src/components/RenderErrorBoundary.tsx +1 -3
  76. package/src/migrations/migrations/1.1.2_extract_component_attributes_from_style.ts +3 -3
  77. package/src/modals/BenefitPresetsModal.tsx +1 -1
  78. package/src/modals/ProductPresetsModal.tsx +1 -1
  79. package/src/pages/DebugJsonPage.tsx +7 -4
  80. package/src/pages/ProjectDebug.tsx +1 -1
  81. package/src/pages/ProjectPage.tsx +31 -32
  82. package/src/pages/ProjectValidationPage.tsx +2 -2
  83. package/src/store.ts +13 -0
  84. package/src/styles/layout/_builder.scss +6 -0
  85. package/src/utils/__special_exceptions.ts +5 -5
  86. package/src/utils/analyseNode.ts +2 -2
  87. package/src/utils/analyseNodeByPatterns.ts +10 -9
  88. package/src/utils/analyseNodeStructural.ts +1 -1
  89. package/src/utils/attributeStyle.ts +26 -0
  90. package/src/utils/extractImageStyle.ts +17 -13
  91. package/src/utils/extractTextStyle/extractTextStyle.ts +7 -7
  92. package/src/utils/extractTextStyle/extractTextStyleNative.ts +10 -10
  93. package/src/utils/extractViewStyle/extractViewStyle.ts +8 -11
  94. package/src/utils/extractViewStyle/extractViewStyleNative.ts +19 -19
  95. package/src/utils/loadFontFamily.ts +14 -19
  96. package/src/utils/logRenderStore.ts +5 -4
  97. package/src/utils/nodeTree.ts +1 -1
  98. package/src/utils/patterns.ts +26 -31
  99. package/src/utils/repairNodeKeys.ts +5 -7
  100. 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
- "attributes": {
27
- "styles": {
28
- "color": {
29
- "label": "Color",
30
- "description": "Text color.",
31
- "category": "style",
32
- "specialCategory": null,
33
- "sort": 1
34
- },
35
- "fontSize": {
36
- "label": "Font Size",
37
- "description": "Text size.",
38
- "category": "style",
39
- "specialCategory": null,
40
- "sort": 2,
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,