@developer_tribe/react-builder 1.2.7 → 1.2.9

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 (204) hide show
  1. package/dist/AttributesEditor.d.ts +2 -11
  2. package/dist/attribute-analyser/style/native/useExtractImageStyle.d.ts +10 -0
  3. package/dist/attribute-analyser/style/native/useExtractTextStyle.d.ts +9 -0
  4. package/dist/attribute-analyser/style/native/useExtractViewStyle.d.ts +8 -0
  5. package/dist/attribute-analyser/style/web/useExtractImageStyle.d.ts +4 -0
  6. package/dist/attribute-analyser/style/web/useExtractTextStyle.d.ts +4 -0
  7. package/dist/attribute-analyser/style/web/useExtractViewStyle.d.ts +4 -0
  8. package/dist/attributes-editor/AttributesEditorFields.d.ts +18 -0
  9. package/dist/attributes-editor/AttributesEditorView.d.ts +4 -0
  10. package/dist/attributes-editor/attributesEditorModelTypes.d.ts +67 -0
  11. package/dist/attributes-editor/attributesEditorUtils.d.ts +19 -0
  12. package/dist/attributes-editor/useAttributesEditorModel.d.ts +2 -0
  13. package/dist/build-components/BIcon/BIconProps.generated.d.ts +41 -38
  14. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +37 -34
  15. package/dist/build-components/Button/ButtonProps.generated.d.ts +39 -36
  16. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +37 -34
  17. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +37 -34
  18. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +37 -34
  19. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +36 -33
  20. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +36 -33
  21. package/dist/build-components/Image/ImageProps.generated.d.ts +38 -33
  22. package/dist/build-components/Main/MainProps.generated.d.ts +36 -33
  23. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +36 -33
  24. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +38 -34
  25. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +39 -36
  26. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +43 -34
  27. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +41 -38
  28. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +36 -31
  29. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +39 -33
  30. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +38 -34
  31. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +41 -38
  32. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +41 -38
  33. package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +36 -33
  34. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +41 -38
  35. package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +36 -33
  36. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +36 -33
  37. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +39 -36
  38. package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +36 -33
  39. package/dist/build-components/Text/TextProps.generated.d.ts +41 -38
  40. package/dist/build-components/View/ViewProps.generated.d.ts +36 -33
  41. package/dist/build-components/patterns.generated.d.ts +2673 -5787
  42. package/dist/components/BuilderProvider.d.ts +6 -0
  43. package/dist/index.cjs.js +5 -5
  44. package/dist/index.cjs.js.map +1 -1
  45. package/dist/index.d.ts +5 -26
  46. package/dist/index.esm.js +5 -5
  47. package/dist/index.esm.js.map +1 -1
  48. package/dist/index.native.cjs.js +6 -4
  49. package/dist/index.native.cjs.js.map +1 -1
  50. package/dist/index.native.d.ts +6 -3
  51. package/dist/index.native.esm.js +6 -4
  52. package/dist/index.native.esm.js.map +1 -1
  53. package/dist/migrations/migratePipe.d.ts +1 -1
  54. package/dist/migrations/migrations/1.1.2_extract_component_attributes_from_style.d.ts +2 -0
  55. package/dist/mockOS/components/PermissionModal.d.ts +1 -2
  56. package/dist/styles.css +1 -1
  57. package/dist/types/PreviewConfig.d.ts +1 -5
  58. package/dist/utils/extractImageStyle.d.ts +3 -0
  59. package/dist/utils/extractTextStyle/extractTextStyleNative.d.ts +17 -0
  60. package/dist/utils/extractTextStyle.d.ts +2 -0
  61. package/dist/utils/extractViewStyle/extractViewStyleNative.d.ts +12 -0
  62. package/dist/utils/extractViewStyle.d.ts +2 -0
  63. package/dist/utils/getMeta.d.ts +5 -0
  64. package/dist/utils/patterns.d.ts +14 -1
  65. package/package.json +2 -1
  66. package/scripts/prebuild/prebuild.js +14 -0
  67. package/scripts/prebuild/utils/createGeneratedProps.js +51 -3
  68. package/scripts/prebuild/utils/index.js +1 -0
  69. package/scripts/prebuild/utils/updateMetaJson.js +66 -0
  70. package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +37 -3
  71. package/scripts/prebuild/utils/validatePatternJson.js +27 -2
  72. package/scripts/public/scripts/build/index.js +20 -3
  73. package/scripts/public/scripts/build/info.json +6 -0
  74. package/scripts/public/scripts/build/utils/createComponentsIndex.js +9 -3
  75. package/scripts/public/scripts/build/utils/createRenderNodeGenerated.js +66 -8
  76. package/src/AttributesEditor.tsx +8 -944
  77. package/src/assets/meta.json +4 -0
  78. package/src/assets/samples/carousel-sample.json +1 -1
  79. package/src/assets/samples/getSamples.ts +2 -0
  80. package/src/assets/samples/paywall-1.json +11 -7
  81. package/src/assets/samples/simple-1.json +3 -3
  82. package/src/assets/samples/simple-2.json +3 -3
  83. package/src/assets/samples/unmigrated-builder-1.1.1.json +87 -0
  84. package/src/assets/samples/unmigrated-builder1.json +1 -1
  85. package/src/assets/samples/unvalidated-builder1.json +3 -3
  86. package/src/assets/samples/unvalidated-crash1.json +1 -1
  87. package/src/assets/samples/unvalidated-crashcomponent1.json +1 -1
  88. package/src/assets/samples/vpn-onboard-1.json +1 -1
  89. package/src/assets/samples/vpn-onboard-2.json +1 -1
  90. package/src/assets/samples/vpn-onboard-3.json +1 -1
  91. package/src/assets/samples/vpn-onboard-4.json +1 -1
  92. package/src/assets/samples/vpn-onboard-5.json +1 -1
  93. package/src/assets/samples/vpn-onboard-6.json +1 -1
  94. package/src/attribute-analyser/style/native/useExtractImageStyle.ts +46 -0
  95. package/src/attribute-analyser/style/native/useExtractTextStyle.ts +50 -0
  96. package/src/attribute-analyser/style/native/useExtractViewStyle.ts +32 -0
  97. package/src/attribute-analyser/style/web/useExtractImageStyle.ts +20 -0
  98. package/src/{hooks → attribute-analyser/style/web}/useExtractTextStyle.ts +7 -6
  99. package/src/{hooks → attribute-analyser/style/web}/useExtractViewStyle.ts +7 -6
  100. package/src/attributes-editor/AttributesEditorFields.tsx +248 -0
  101. package/src/attributes-editor/AttributesEditorView.tsx +360 -0
  102. package/src/attributes-editor/LayoutPreviewPicker.tsx +4 -3
  103. package/src/attributes-editor/attributesEditorModelTypes.ts +86 -0
  104. package/src/attributes-editor/attributesEditorUtils.ts +102 -0
  105. package/src/attributes-editor/useAttributesEditorModel.ts +477 -0
  106. package/src/build-components/BIcon/BIcon.tsx +4 -3
  107. package/src/build-components/BIcon/BIconProps.generated.ts +42 -38
  108. package/src/build-components/BIcon/pattern.json +5 -6
  109. package/src/build-components/BackgroundImage/BackgroundImage.tsx +7 -4
  110. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +38 -34
  111. package/src/build-components/BackgroundImage/pattern.json +9 -17
  112. package/src/build-components/Button/Button.tsx +7 -6
  113. package/src/build-components/Button/ButtonProps.generated.ts +40 -36
  114. package/src/build-components/Button/pattern.json +17 -15
  115. package/src/build-components/Carousel/Carousel.tsx +1 -1
  116. package/src/build-components/Carousel/CarouselProps.generated.ts +38 -34
  117. package/src/build-components/CarouselButtons/CarouselButtons.tsx +4 -6
  118. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +41 -37
  119. package/src/build-components/CarouselButtons/pattern.json +2 -1
  120. package/src/build-components/CarouselDots/CarouselDots.tsx +2 -2
  121. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +44 -40
  122. package/src/build-components/CarouselItem/CarouselItem.tsx +1 -1
  123. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +37 -33
  124. package/src/build-components/CarouselProvider/CarouselProvider.tsx +1 -1
  125. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +37 -33
  126. package/src/build-components/Image/Image.tsx +4 -3
  127. package/src/build-components/Image/ImageProps.generated.ts +39 -33
  128. package/src/build-components/Image/pattern.json +5 -11
  129. package/src/build-components/Main/Main.tsx +1 -1
  130. package/src/build-components/Main/MainProps.generated.ts +37 -33
  131. package/src/build-components/Main/pattern.json +2 -1
  132. package/src/build-components/Onboard/OnboardProps.generated.ts +37 -33
  133. package/src/build-components/OnboardButton/OnboardButton.tsx +8 -6
  134. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +44 -39
  135. package/src/build-components/OnboardButton/pattern.json +9 -7
  136. package/src/build-components/OnboardButtons/OnboardButtons.tsx +31 -31
  137. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +43 -39
  138. package/src/build-components/OnboardButtons/pattern.json +9 -7
  139. package/src/build-components/OnboardDot/OnboardDot.tsx +7 -5
  140. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +55 -34
  141. package/src/build-components/OnboardFooter/OnboardFooter.tsx +19 -23
  142. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +42 -38
  143. package/src/build-components/OnboardFooter/pattern.json +16 -14
  144. package/src/build-components/OnboardImage/OnboardImage.tsx +8 -7
  145. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +37 -31
  146. package/src/build-components/OnboardImage/pattern.json +2 -1
  147. package/src/build-components/OnboardItem/OnboardItem.tsx +1 -1
  148. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +40 -33
  149. package/src/build-components/OnboardItem/pattern.json +2 -1
  150. package/src/build-components/OnboardProvider/OnboardProvider.tsx +1 -1
  151. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +39 -34
  152. package/src/build-components/OnboardProvider/pattern.json +2 -1
  153. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +42 -38
  154. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +42 -38
  155. package/src/build-components/PaywallBackground/PaywallBackground.tsx +1 -1
  156. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +37 -33
  157. package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +6 -5
  158. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +42 -38
  159. package/src/build-components/PaywallOptions/PaywallOptionButton.tsx +1 -1
  160. package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +37 -33
  161. package/src/build-components/PaywallProvider/PaywallProvider.tsx +1 -1
  162. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +37 -33
  163. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButton.tsx +1 -1
  164. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +40 -36
  165. package/src/build-components/RadioButton/RadioButton.tsx +5 -4
  166. package/src/build-components/RadioButton/RadioButtonProps.generated.ts +37 -33
  167. package/src/build-components/RadioButton/pattern.json +9 -7
  168. package/src/build-components/Text/Text.tsx +6 -8
  169. package/src/build-components/Text/TextProps.generated.ts +42 -38
  170. package/src/build-components/Text/pattern.json +15 -11
  171. package/src/build-components/View/View.tsx +1 -1
  172. package/src/build-components/View/ViewProps.generated.ts +37 -33
  173. package/src/build-components/View/pattern.json +71 -66
  174. package/src/build-components/patterns.generated.ts +3022 -5971
  175. package/src/components/AttributesEditorPanel.tsx +2 -2
  176. package/src/components/BuilderProvider.tsx +15 -1
  177. package/src/index.native.ts +7 -4
  178. package/src/index.ts +6 -77
  179. package/src/migrations/migratePipe.ts +7 -3
  180. package/src/migrations/migrations/1.1.2_extract_component_attributes_from_style.ts +211 -0
  181. package/src/mockOS/components/MockOSRouter.tsx +3 -1
  182. package/src/mockOS/components/PermissionModal.tsx +20 -160
  183. package/src/mockOS/components/SubscriptionModal.tsx +41 -278
  184. package/src/pages/ProjectPage.tsx +12 -6
  185. package/src/styles/components/_attributes-editor.scss +122 -0
  186. package/src/styles/components/_mockos-router.scss +388 -0
  187. package/src/styles/components/_onboard.scss +23 -0
  188. package/src/styles/index.scss +1 -0
  189. package/src/types/PreviewConfig.ts +1 -5
  190. package/src/utils/analyseNodeByPatterns.ts +39 -4
  191. package/src/utils/extractImageStyle.ts +34 -5
  192. package/src/utils/extractTextStyle/extractTextStyle.ts +7 -6
  193. package/src/utils/extractTextStyle/extractTextStyleNative.ts +106 -0
  194. package/src/utils/extractTextStyle.ts +2 -0
  195. package/src/utils/extractViewStyle/extractViewStyle.ts +2 -4
  196. package/src/utils/extractViewStyle/extractViewStyleNative.ts +111 -0
  197. package/src/utils/extractViewStyle.ts +2 -0
  198. package/src/utils/getMeta.ts +15 -0
  199. package/src/utils/patterns.ts +100 -3
  200. package/dist/hooks/useExtractImageStyle.d.ts +0 -3
  201. package/dist/hooks/useExtractTextStyle.d.ts +0 -3
  202. package/dist/hooks/useExtractViewStyle.d.ts +0 -3
  203. package/src/hooks/useExtractImageStyle.ts +0 -19
  204. package/src/migrations/migrations/1.1.0_normalize_style_attributes.ts +0 -80
@@ -1,46 +1,49 @@
1
1
  import type { NodeData } from '../../types/Node';
2
+ export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
2
3
  export type FlexDirectionOptionType = 'row' | 'column';
3
4
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
5
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
6
  export type PositionOptionType = 'relative' | 'absolute';
6
- export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
7
+ export interface CarouselDotsStyleGenerated {
8
+ flexDirection?: FlexDirectionOptionType;
9
+ alignItems?: AlignItemsOptionType;
10
+ justifyContent?: JustifyContentOptionType;
11
+ gap?: string;
12
+ padding?: string;
13
+ paddingHorizontal?: string;
14
+ paddingVertical?: string;
15
+ paddingTop?: string;
16
+ paddingBottom?: string;
17
+ paddingLeft?: string;
18
+ paddingRight?: string;
19
+ margin?: string;
20
+ marginHorizontal?: string;
21
+ marginVertical?: string;
22
+ marginTop?: string;
23
+ marginBottom?: string;
24
+ marginLeft?: string;
25
+ marginRight?: string;
26
+ backgroundColor?: string;
27
+ borderRadius?: string;
28
+ width?: string;
29
+ minWidth?: string;
30
+ maxWidth?: string;
31
+ height?: string;
32
+ minHeight?: string;
33
+ maxHeight?: string;
34
+ flex?: number;
35
+ position?: PositionOptionType;
36
+ top?: string;
37
+ bottom?: string;
38
+ left?: string;
39
+ right?: string;
40
+ zIndex?: number;
41
+ }
7
42
  export interface CarouselDotsPropsGenerated {
8
43
  child: string;
9
44
  attributes: {
10
- style?: Record<string, unknown>;
45
+ style?: CarouselDotsStyleGenerated;
11
46
  scrollable?: boolean;
12
- flexDirection?: FlexDirectionOptionType;
13
- alignItems?: AlignItemsOptionType;
14
- justifyContent?: JustifyContentOptionType;
15
- gap?: string;
16
- padding?: string;
17
- paddingHorizontal?: string;
18
- paddingVertical?: string;
19
- paddingTop?: string;
20
- paddingBottom?: string;
21
- paddingLeft?: string;
22
- paddingRight?: string;
23
- margin?: string;
24
- marginVertical?: string;
25
- marginTop?: string;
26
- marginBottom?: string;
27
- marginLeft?: string;
28
- marginRight?: string;
29
- backgroundColor?: string;
30
- borderRadius?: string;
31
- width?: string;
32
- minWidth?: string;
33
- maxWidth?: string;
34
- height?: string;
35
- minHeight?: string;
36
- maxHeight?: string;
37
- flex?: number;
38
- position?: PositionOptionType;
39
- top?: string;
40
- bottom?: string;
41
- left?: string;
42
- right?: string;
43
- zIndex?: number;
44
47
  dotType?: DotTypeOptionType;
45
48
  };
46
49
  }
@@ -3,43 +3,46 @@ export type FlexDirectionOptionType = 'row' | 'column';
3
3
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
+ export interface CarouselItemStyleGenerated {
7
+ flexDirection?: FlexDirectionOptionType;
8
+ alignItems?: AlignItemsOptionType;
9
+ justifyContent?: JustifyContentOptionType;
10
+ gap?: string;
11
+ padding?: string;
12
+ paddingHorizontal?: string;
13
+ paddingVertical?: string;
14
+ paddingTop?: string;
15
+ paddingBottom?: string;
16
+ paddingLeft?: string;
17
+ paddingRight?: string;
18
+ margin?: string;
19
+ marginHorizontal?: string;
20
+ marginVertical?: string;
21
+ marginTop?: string;
22
+ marginBottom?: string;
23
+ marginLeft?: string;
24
+ marginRight?: string;
25
+ backgroundColor?: string;
26
+ borderRadius?: string;
27
+ width?: string;
28
+ minWidth?: string;
29
+ maxWidth?: string;
30
+ height?: string;
31
+ minHeight?: string;
32
+ maxHeight?: string;
33
+ flex?: number;
34
+ position?: PositionOptionType;
35
+ top?: string;
36
+ bottom?: string;
37
+ left?: string;
38
+ right?: string;
39
+ zIndex?: number;
40
+ }
6
41
  export interface CarouselItemPropsGenerated {
7
42
  child: string;
8
43
  attributes: {
9
- style?: Record<string, unknown>;
44
+ style?: CarouselItemStyleGenerated;
10
45
  scrollable?: boolean;
11
- flexDirection?: FlexDirectionOptionType;
12
- alignItems?: AlignItemsOptionType;
13
- justifyContent?: JustifyContentOptionType;
14
- gap?: string;
15
- padding?: string;
16
- paddingHorizontal?: string;
17
- paddingVertical?: string;
18
- paddingTop?: string;
19
- paddingBottom?: string;
20
- paddingLeft?: string;
21
- paddingRight?: string;
22
- margin?: string;
23
- marginVertical?: string;
24
- marginTop?: string;
25
- marginBottom?: string;
26
- marginLeft?: string;
27
- marginRight?: string;
28
- backgroundColor?: string;
29
- borderRadius?: string;
30
- width?: string;
31
- minWidth?: string;
32
- maxWidth?: string;
33
- height?: string;
34
- minHeight?: string;
35
- maxHeight?: string;
36
- flex?: number;
37
- position?: PositionOptionType;
38
- top?: string;
39
- bottom?: string;
40
- left?: string;
41
- right?: string;
42
- zIndex?: number;
43
46
  };
44
47
  }
45
48
  export interface CarouselItemComponentProps {
@@ -3,43 +3,46 @@ export type FlexDirectionOptionType = 'row' | 'column';
3
3
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
+ export interface CarouselProviderStyleGenerated {
7
+ flexDirection?: FlexDirectionOptionType;
8
+ alignItems?: AlignItemsOptionType;
9
+ justifyContent?: JustifyContentOptionType;
10
+ gap?: string;
11
+ padding?: string;
12
+ paddingHorizontal?: string;
13
+ paddingVertical?: string;
14
+ paddingTop?: string;
15
+ paddingBottom?: string;
16
+ paddingLeft?: string;
17
+ paddingRight?: string;
18
+ margin?: string;
19
+ marginHorizontal?: string;
20
+ marginVertical?: string;
21
+ marginTop?: string;
22
+ marginBottom?: string;
23
+ marginLeft?: string;
24
+ marginRight?: string;
25
+ backgroundColor?: string;
26
+ borderRadius?: string;
27
+ width?: string;
28
+ minWidth?: string;
29
+ maxWidth?: string;
30
+ height?: string;
31
+ minHeight?: string;
32
+ maxHeight?: string;
33
+ flex?: number;
34
+ position?: PositionOptionType;
35
+ top?: string;
36
+ bottom?: string;
37
+ left?: string;
38
+ right?: string;
39
+ zIndex?: number;
40
+ }
6
41
  export interface CarouselProviderPropsGenerated {
7
42
  child: string;
8
43
  attributes: {
9
- style?: Record<string, unknown>;
44
+ style?: CarouselProviderStyleGenerated;
10
45
  scrollable?: boolean;
11
- flexDirection?: FlexDirectionOptionType;
12
- alignItems?: AlignItemsOptionType;
13
- justifyContent?: JustifyContentOptionType;
14
- gap?: string;
15
- padding?: string;
16
- paddingHorizontal?: string;
17
- paddingVertical?: string;
18
- paddingTop?: string;
19
- paddingBottom?: string;
20
- paddingLeft?: string;
21
- paddingRight?: string;
22
- margin?: string;
23
- marginVertical?: string;
24
- marginTop?: string;
25
- marginBottom?: string;
26
- marginLeft?: string;
27
- marginRight?: string;
28
- backgroundColor?: string;
29
- borderRadius?: string;
30
- width?: string;
31
- minWidth?: string;
32
- maxWidth?: string;
33
- height?: string;
34
- minHeight?: string;
35
- maxHeight?: string;
36
- flex?: number;
37
- position?: PositionOptionType;
38
- top?: string;
39
- bottom?: string;
40
- left?: string;
41
- right?: string;
42
- zIndex?: number;
43
46
  };
44
47
  }
45
48
  export interface CarouselProviderComponentProps {
@@ -1,47 +1,52 @@
1
1
  import type { NodeData } from '../../types/Node';
2
+ export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
2
3
  export type FlexDirectionOptionType = 'row' | 'column';
3
4
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
5
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
6
  export type PositionOptionType = 'relative' | 'absolute';
6
- export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
7
+ export interface ImageStyleGenerated {
8
+ flexDirection?: FlexDirectionOptionType;
9
+ alignItems?: AlignItemsOptionType;
10
+ justifyContent?: JustifyContentOptionType;
11
+ gap?: string;
12
+ padding?: string;
13
+ paddingHorizontal?: string;
14
+ paddingVertical?: string;
15
+ paddingTop?: string;
16
+ paddingBottom?: string;
17
+ paddingLeft?: string;
18
+ paddingRight?: string;
19
+ margin?: string;
20
+ marginHorizontal?: string;
21
+ marginVertical?: string;
22
+ marginTop?: string;
23
+ marginBottom?: string;
24
+ marginLeft?: string;
25
+ marginRight?: string;
26
+ backgroundColor?: string;
27
+ borderRadius?: string;
28
+ width?: string;
29
+ minWidth?: string;
30
+ maxWidth?: string;
31
+ height?: string;
32
+ minHeight?: string;
33
+ maxHeight?: string;
34
+ flex?: number;
35
+ position?: PositionOptionType;
36
+ top?: string;
37
+ bottom?: string;
38
+ left?: string;
39
+ right?: string;
40
+ zIndex?: number;
41
+ }
7
42
  export interface ImagePropsGenerated {
8
43
  child: string;
9
44
  attributes: {
10
- style?: Record<string, unknown>;
45
+ style?: ImageStyleGenerated;
11
46
  scrollable?: boolean;
12
- flexDirection?: FlexDirectionOptionType;
13
- alignItems?: AlignItemsOptionType;
14
- justifyContent?: JustifyContentOptionType;
15
- gap?: string;
16
- padding?: string;
17
- paddingHorizontal?: string;
18
- paddingVertical?: string;
19
- paddingTop?: string;
20
- paddingBottom?: string;
21
- paddingLeft?: string;
22
- paddingRight?: string;
23
- margin?: string;
24
- marginVertical?: string;
25
- marginTop?: string;
26
- marginBottom?: string;
27
- marginLeft?: string;
28
- marginRight?: string;
29
- backgroundColor?: string;
30
- borderRadius?: string;
47
+ src?: string;
31
48
  width?: string;
32
- minWidth?: string;
33
- maxWidth?: string;
34
49
  height?: string;
35
- minHeight?: string;
36
- maxHeight?: string;
37
- flex?: number;
38
- position?: PositionOptionType;
39
- top?: string;
40
- bottom?: string;
41
- left?: string;
42
- right?: string;
43
- zIndex?: number;
44
- src?: string;
45
50
  resizeMode?: ResizeModeOptionType;
46
51
  };
47
52
  }
@@ -3,43 +3,46 @@ export type FlexDirectionOptionType = 'row' | 'column';
3
3
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
+ export interface MainStyleGenerated {
7
+ flexDirection?: FlexDirectionOptionType;
8
+ alignItems?: AlignItemsOptionType;
9
+ justifyContent?: JustifyContentOptionType;
10
+ gap?: string;
11
+ padding?: string;
12
+ paddingHorizontal?: string;
13
+ paddingVertical?: string;
14
+ paddingTop?: string;
15
+ paddingBottom?: string;
16
+ paddingLeft?: string;
17
+ paddingRight?: string;
18
+ margin?: string;
19
+ marginHorizontal?: string;
20
+ marginVertical?: string;
21
+ marginTop?: string;
22
+ marginBottom?: string;
23
+ marginLeft?: string;
24
+ marginRight?: string;
25
+ backgroundColor?: string;
26
+ borderRadius?: string;
27
+ width?: string;
28
+ minWidth?: string;
29
+ maxWidth?: string;
30
+ height?: string;
31
+ minHeight?: string;
32
+ maxHeight?: string;
33
+ flex?: number;
34
+ position?: PositionOptionType;
35
+ top?: string;
36
+ bottom?: string;
37
+ left?: string;
38
+ right?: string;
39
+ zIndex?: number;
40
+ }
6
41
  export interface MainPropsGenerated {
7
42
  child: string;
8
43
  attributes: {
9
- style?: Record<string, unknown>;
44
+ style?: MainStyleGenerated;
10
45
  scrollable?: boolean;
11
- flexDirection?: FlexDirectionOptionType;
12
- alignItems?: AlignItemsOptionType;
13
- justifyContent?: JustifyContentOptionType;
14
- gap?: string;
15
- padding?: string;
16
- paddingHorizontal?: string;
17
- paddingVertical?: string;
18
- paddingTop?: string;
19
- paddingBottom?: string;
20
- paddingLeft?: string;
21
- paddingRight?: string;
22
- margin?: string;
23
- marginVertical?: string;
24
- marginTop?: string;
25
- marginBottom?: string;
26
- marginLeft?: string;
27
- marginRight?: string;
28
- backgroundColor?: string;
29
- borderRadius?: string;
30
- width?: string;
31
- minWidth?: string;
32
- maxWidth?: string;
33
- height?: string;
34
- minHeight?: string;
35
- maxHeight?: string;
36
- flex?: number;
37
- position?: PositionOptionType;
38
- top?: string;
39
- bottom?: string;
40
- left?: string;
41
- right?: string;
42
- zIndex?: number;
43
46
  useSafeAreaView?: boolean;
44
47
  };
45
48
  }
@@ -3,43 +3,46 @@ export type FlexDirectionOptionType = 'row' | 'column';
3
3
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
+ export interface OnboardStyleGenerated {
7
+ flexDirection?: FlexDirectionOptionType;
8
+ alignItems?: AlignItemsOptionType;
9
+ justifyContent?: JustifyContentOptionType;
10
+ gap?: string;
11
+ padding?: string;
12
+ paddingHorizontal?: string;
13
+ paddingVertical?: string;
14
+ paddingTop?: string;
15
+ paddingBottom?: string;
16
+ paddingLeft?: string;
17
+ paddingRight?: string;
18
+ margin?: string;
19
+ marginHorizontal?: string;
20
+ marginVertical?: string;
21
+ marginTop?: string;
22
+ marginBottom?: string;
23
+ marginLeft?: string;
24
+ marginRight?: string;
25
+ backgroundColor?: string;
26
+ borderRadius?: string;
27
+ width?: string;
28
+ minWidth?: string;
29
+ maxWidth?: string;
30
+ height?: string;
31
+ minHeight?: string;
32
+ maxHeight?: string;
33
+ flex?: number;
34
+ position?: PositionOptionType;
35
+ top?: string;
36
+ bottom?: string;
37
+ left?: string;
38
+ right?: string;
39
+ zIndex?: number;
40
+ }
6
41
  export interface OnboardPropsGenerated {
7
42
  child: string;
8
43
  attributes: {
9
- style?: Record<string, unknown>;
44
+ style?: OnboardStyleGenerated;
10
45
  scrollable?: boolean;
11
- flexDirection?: FlexDirectionOptionType;
12
- alignItems?: AlignItemsOptionType;
13
- justifyContent?: JustifyContentOptionType;
14
- gap?: string;
15
- padding?: string;
16
- paddingHorizontal?: string;
17
- paddingVertical?: string;
18
- paddingTop?: string;
19
- paddingBottom?: string;
20
- paddingLeft?: string;
21
- paddingRight?: string;
22
- margin?: string;
23
- marginVertical?: string;
24
- marginTop?: string;
25
- marginBottom?: string;
26
- marginLeft?: string;
27
- marginRight?: string;
28
- backgroundColor?: string;
29
- borderRadius?: string;
30
- width?: string;
31
- minWidth?: string;
32
- maxWidth?: string;
33
- height?: string;
34
- minHeight?: string;
35
- maxHeight?: string;
36
- flex?: number;
37
- position?: PositionOptionType;
38
- top?: string;
39
- bottom?: string;
40
- left?: string;
41
- right?: string;
42
- zIndex?: number;
43
46
  };
44
47
  }
45
48
  export interface OnboardComponentProps {
@@ -1,59 +1,63 @@
1
1
  import type { NodeData } from '../../types/Node';
2
2
  export type TypeOptionType = 'Permission' | 'Navigate';
3
3
  export type PermissionOptionType = 'att' | 'notification' | 'rating' | 'GDPR';
4
+ export type AnimationOptionType = 'simple-animation' | 'line-animation' | 'blur' | 'blur-animation' | 'blur-line-animation';
4
5
  export type FlexDirectionOptionType = 'row' | 'column';
5
6
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
6
7
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
7
8
  export type PositionOptionType = 'relative' | 'absolute';
8
- export type AnimationOptionType = 'simple-animation' | 'line-animation' | 'blur' | 'blur-animation' | 'blur-line-animation';
9
9
  export interface EventObjectGenerated {
10
10
  type?: TypeOptionType;
11
11
  permission?: PermissionOptionType | null;
12
12
  navigate_to?: string;
13
13
  targetIndex?: number;
14
14
  }
15
+ export interface OnboardButtonStyleGenerated {
16
+ flexDirection?: FlexDirectionOptionType;
17
+ alignItems?: AlignItemsOptionType;
18
+ justifyContent?: JustifyContentOptionType;
19
+ gap?: string;
20
+ padding?: string;
21
+ paddingHorizontal?: string;
22
+ paddingVertical?: string;
23
+ paddingTop?: string;
24
+ paddingBottom?: string;
25
+ paddingLeft?: string;
26
+ paddingRight?: string;
27
+ margin?: string;
28
+ marginHorizontal?: string;
29
+ marginVertical?: string;
30
+ marginTop?: string;
31
+ marginBottom?: string;
32
+ marginLeft?: string;
33
+ marginRight?: string;
34
+ backgroundColor?: string;
35
+ borderRadius?: string;
36
+ width?: string;
37
+ minWidth?: string;
38
+ maxWidth?: string;
39
+ height?: string;
40
+ minHeight?: string;
41
+ maxHeight?: string;
42
+ flex?: number;
43
+ position?: PositionOptionType;
44
+ top?: string;
45
+ bottom?: string;
46
+ left?: string;
47
+ right?: string;
48
+ zIndex?: number;
49
+ }
15
50
  export interface OnboardButtonPropsGenerated {
16
51
  child: string;
17
52
  attributes: {
18
- style?: Record<string, unknown>;
53
+ style?: OnboardButtonStyleGenerated;
19
54
  scrollable?: boolean;
20
- flexDirection?: FlexDirectionOptionType;
21
- alignItems?: AlignItemsOptionType;
22
- justifyContent?: JustifyContentOptionType;
23
- gap?: string;
24
- padding?: string;
25
- paddingHorizontal?: string;
26
- paddingVertical?: string;
27
- paddingTop?: string;
28
- paddingBottom?: string;
29
- paddingLeft?: string;
30
- paddingRight?: string;
31
- margin?: string;
32
- marginVertical?: string;
33
- marginTop?: string;
34
- marginBottom?: string;
35
- marginLeft?: string;
36
- marginRight?: string;
37
- backgroundColor?: string;
38
- borderRadius?: string;
39
- width?: string;
40
- minWidth?: string;
41
- maxWidth?: string;
42
- height?: string;
43
- minHeight?: string;
44
- maxHeight?: string;
45
- flex?: number;
46
- position?: PositionOptionType;
47
- top?: string;
48
- bottom?: string;
49
- left?: string;
50
- right?: string;
51
- zIndex?: number;
52
55
  labelKey?: string;
53
56
  button_text_color?: string;
54
57
  animation?: AnimationOptionType;
55
58
  animation_color?: string;
56
59
  button_background_color?: string;
60
+ flex?: number;
57
61
  events?: EventObjectGenerated[];
58
62
  };
59
63
  }
@@ -1,48 +1,51 @@
1
1
  import type { NodeData } from '../../types/Node';
2
+ export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
3
+ export type ButtonsDirectionOptionType = 'row' | 'column';
4
+ export type ConditionOptionType = 'carousel-index';
2
5
  export type FlexDirectionOptionType = 'row' | 'column';
3
6
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
7
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
8
  export type PositionOptionType = 'relative' | 'absolute';
6
- export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
7
- export type ButtonsDirectionOptionType = 'row' | 'column';
8
- export type ConditionOptionType = 'carousel-index';
9
+ export interface OnboardButtonsStyleGenerated {
10
+ flexDirection?: FlexDirectionOptionType;
11
+ alignItems?: AlignItemsOptionType;
12
+ justifyContent?: JustifyContentOptionType;
13
+ gap?: string;
14
+ padding?: string;
15
+ paddingHorizontal?: string;
16
+ paddingVertical?: string;
17
+ paddingTop?: string;
18
+ paddingBottom?: string;
19
+ paddingLeft?: string;
20
+ paddingRight?: string;
21
+ margin?: string;
22
+ marginHorizontal?: string;
23
+ marginVertical?: string;
24
+ marginTop?: string;
25
+ marginBottom?: string;
26
+ marginLeft?: string;
27
+ marginRight?: string;
28
+ backgroundColor?: string;
29
+ borderRadius?: string;
30
+ width?: string;
31
+ minWidth?: string;
32
+ maxWidth?: string;
33
+ height?: string;
34
+ minHeight?: string;
35
+ maxHeight?: string;
36
+ flex?: number;
37
+ position?: PositionOptionType;
38
+ top?: string;
39
+ bottom?: string;
40
+ left?: string;
41
+ right?: string;
42
+ zIndex?: number;
43
+ }
9
44
  export interface OnboardButtonsPropsGenerated {
10
45
  child: string;
11
46
  attributes: {
12
- style?: Record<string, unknown>;
47
+ style?: OnboardButtonsStyleGenerated;
13
48
  scrollable?: boolean;
14
- flexDirection?: FlexDirectionOptionType;
15
- alignItems?: AlignItemsOptionType;
16
- justifyContent?: JustifyContentOptionType;
17
- gap?: string;
18
- padding?: string;
19
- paddingHorizontal?: string;
20
- paddingVertical?: string;
21
- paddingTop?: string;
22
- paddingBottom?: string;
23
- paddingLeft?: string;
24
- paddingRight?: string;
25
- margin?: string;
26
- marginVertical?: string;
27
- marginTop?: string;
28
- marginBottom?: string;
29
- marginLeft?: string;
30
- marginRight?: string;
31
- backgroundColor?: string;
32
- borderRadius?: string;
33
- width?: string;
34
- minWidth?: string;
35
- maxWidth?: string;
36
- height?: string;
37
- minHeight?: string;
38
- maxHeight?: string;
39
- flex?: number;
40
- position?: PositionOptionType;
41
- top?: string;
42
- bottom?: string;
43
- left?: string;
44
- right?: string;
45
- zIndex?: number;
46
49
  buttonType?: ButtonTypeOptionType;
47
50
  skipNumber?: number;
48
51
  buttons_direction?: ButtonsDirectionOptionType;