@developer_tribe/react-builder 1.0.2 → 1.0.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.
Files changed (124) hide show
  1. package/dist/AttributesEditor.d.ts +3 -1
  2. package/dist/RenderPage.d.ts +2 -1
  3. package/dist/attributes-editor/Field.d.ts +2 -1
  4. package/dist/attributes-editor/SpecialCategorySection.d.ts +2 -1
  5. package/dist/build-components/BackgroundImage/BackgroundImage.d.ts +5 -0
  6. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +44 -0
  7. package/dist/build-components/Button/ButtonProps.generated.d.ts +7 -0
  8. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +7 -0
  9. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +7 -0
  10. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +7 -0
  11. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +7 -0
  12. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +7 -0
  13. package/dist/build-components/Image/ImageProps.generated.d.ts +7 -0
  14. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +7 -0
  15. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +7 -0
  16. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +7 -0
  17. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +7 -0
  18. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +7 -0
  19. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +7 -0
  20. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +7 -0
  21. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +7 -1
  22. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +7 -0
  23. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +7 -0
  24. package/dist/build-components/Text/TextProps.generated.d.ts +7 -0
  25. package/dist/build-components/View/ViewProps.generated.d.ts +7 -0
  26. package/dist/build-components/index.d.ts +2 -1
  27. package/dist/build-components/patterns.generated.d.ts +1444 -15
  28. package/dist/components/AttributesEditorPanel.d.ts +3 -4
  29. package/dist/components/Builder.d.ts +2 -1
  30. package/dist/components/BuilderButton.d.ts +9 -0
  31. package/dist/index.cjs.js +5 -5
  32. package/dist/index.cjs.js.map +1 -1
  33. package/dist/index.d.ts +2 -2
  34. package/dist/index.esm.js +5 -5
  35. package/dist/index.esm.js.map +1 -1
  36. package/dist/modals/ColorModal.d.ts +3 -1
  37. package/dist/pages/ProjectPage.d.ts +3 -3
  38. package/dist/pages/tabs/BuilderPanel.d.ts +8 -0
  39. package/dist/pages/tabs/{DebugTab.d.ts → SideTool.d.ts} +2 -2
  40. package/dist/store.d.ts +7 -1
  41. package/dist/styles.css +1 -1
  42. package/dist/types/Project.d.ts +11 -0
  43. package/dist/utils/analyseNode.d.ts +1 -0
  44. package/dist/utils/extractTextStyle.d.ts +8 -1
  45. package/dist/utils/extractViewStyle.d.ts +8 -1
  46. package/dist/utils/parseColor.d.ts +7 -0
  47. package/package.json +1 -1
  48. package/src/AttributesEditor.tsx +76 -14
  49. package/src/RenderPage.tsx +82 -4
  50. package/src/attributes-editor/Field.tsx +12 -5
  51. package/src/attributes-editor/SpecialCategorySection.tsx +2 -1
  52. package/src/build-components/BackgroundImage/BackgroundImage.tsx +87 -0
  53. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +60 -0
  54. package/src/build-components/BackgroundImage/pattern.json +45 -0
  55. package/src/build-components/Button/Button.tsx +31 -4
  56. package/src/build-components/Button/ButtonProps.generated.ts +7 -0
  57. package/src/build-components/Carousel/Carousel.tsx +27 -3
  58. package/src/build-components/Carousel/CarouselProps.generated.ts +7 -0
  59. package/src/build-components/CarouselButtons/CarouselButtons.tsx +19 -4
  60. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +7 -0
  61. package/src/build-components/CarouselDots/CarouselDots.tsx +13 -4
  62. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +7 -0
  63. package/src/build-components/CarouselItem/CarouselItem.tsx +20 -4
  64. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +7 -0
  65. package/src/build-components/CarouselProvider/CarouselProvider.tsx +14 -3
  66. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +7 -0
  67. package/src/build-components/Image/Image.tsx +29 -4
  68. package/src/build-components/Image/ImageProps.generated.ts +7 -0
  69. package/src/build-components/Onboard/Onboard.tsx +2 -2
  70. package/src/build-components/Onboard/OnboardProps.generated.ts +7 -0
  71. package/src/build-components/OnboardButton/OnboardButton.tsx +11 -4
  72. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +7 -0
  73. package/src/build-components/OnboardButtons/OnboardButtons.tsx +17 -5
  74. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +7 -0
  75. package/src/build-components/OnboardDot/OnboardDot.tsx +15 -6
  76. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +7 -0
  77. package/src/build-components/OnboardDot/pattern.json +1 -1
  78. package/src/build-components/OnboardFooter/OnboardFooter.tsx +15 -5
  79. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +7 -0
  80. package/src/build-components/OnboardImage/OnboardImage.tsx +28 -6
  81. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +7 -0
  82. package/src/build-components/OnboardItem/OnboardItem.tsx +14 -3
  83. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +7 -0
  84. package/src/build-components/OnboardProvider/OnboardProvider.tsx +34 -12
  85. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +7 -1
  86. package/src/build-components/OnboardProvider/pattern.json +0 -8
  87. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +7 -0
  88. package/src/build-components/OnboardSubtitle/pattern.json +1 -1
  89. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +7 -0
  90. package/src/build-components/OnboardTitle/pattern.json +1 -1
  91. package/src/build-components/RenderNode.generated.tsx +3 -0
  92. package/src/build-components/Text/Text.tsx +33 -9
  93. package/src/build-components/Text/TextProps.generated.ts +7 -0
  94. package/src/build-components/View/View.tsx +27 -3
  95. package/src/build-components/View/ViewProps.generated.ts +7 -0
  96. package/src/build-components/View/pattern.json +59 -1
  97. package/src/build-components/index.ts +5 -0
  98. package/src/build-components/patterns.generated.ts +1452 -15
  99. package/src/components/AttributesEditorPanel.tsx +13 -6
  100. package/src/components/Builder.tsx +140 -40
  101. package/src/components/BuilderButton.tsx +127 -0
  102. package/src/index.ts +2 -2
  103. package/src/mockOS/components/MockOSRouter.tsx +11 -3
  104. package/src/modals/ColorModal.tsx +212 -55
  105. package/src/pages/ProjectPage.tsx +293 -55
  106. package/src/pages/tabs/{BuilderTab.tsx → BuilderPanel.tsx} +13 -9
  107. package/src/pages/tabs/SideTool.tsx +259 -0
  108. package/src/size-matters/index.ts +6 -0
  109. package/src/store.ts +13 -1
  110. package/src/styles/base/_global.scss +158 -7
  111. package/src/styles/components/_attributes-editor.scss +12 -0
  112. package/src/styles/components/_editor-shell.scss +23 -0
  113. package/src/styles/foundation/_sizes.scss +1 -1
  114. package/src/styles/layout/_builder.scss +66 -10
  115. package/src/styles/modals/_color-modal.scss +29 -0
  116. package/src/types/Project.ts +14 -0
  117. package/src/utils/analyseNode.ts +98 -0
  118. package/src/utils/extractTextStyle.ts +24 -8
  119. package/src/utils/extractViewStyle.ts +27 -3
  120. package/src/utils/parseColor.ts +43 -0
  121. package/dist/pages/tabs/BuilderTab.d.ts +0 -9
  122. package/dist/pages/tabs/PreviewTab.d.ts +0 -3
  123. package/src/pages/tabs/DebugTab.tsx +0 -64
  124. package/src/pages/tabs/PreviewTab.tsx +0 -206
@@ -1,9 +1,11 @@
1
1
  import React from 'react';
2
2
  import { Node } from './types/Node';
3
+ import type { ProjectColors } from './types/Project';
3
4
  type AttributesEditorProps = {
4
5
  node: Node;
5
6
  onChange: (next: Node) => void;
7
+ projectColors?: ProjectColors;
6
8
  };
7
- export declare function AttributesEditor({ node, onChange }: AttributesEditorProps): import("react/jsx-runtime").JSX.Element | null;
9
+ export declare function AttributesEditor({ node, onChange, projectColors, }: AttributesEditorProps): import("react/jsx-runtime").JSX.Element | null;
8
10
  declare const _default: React.MemoExoticComponent<typeof AttributesEditor>;
9
11
  export default _default;
@@ -14,6 +14,7 @@ export type ScreenStyle = {
14
14
  interface RenderPageProps {
15
15
  data: Node;
16
16
  name: string;
17
+ onSelectNode?: (node: Node | null) => void;
17
18
  }
18
- export declare function RenderPage({ data, name }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
19
+ export declare function RenderPage({ data, name, onSelectNode }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
19
20
  export {};
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { ViewPropsGenerated } from '../build-components/View/ViewProps.generated';
3
+ import type { ProjectColors } from '../types/Project';
3
4
  import { LayoutContext } from './types';
4
5
  export type FieldProps = {
5
6
  name: string;
@@ -7,7 +8,7 @@ export type FieldProps = {
7
8
  value: any;
8
9
  onChange: (v: any) => void;
9
10
  componentType?: string;
10
- projectColors?: string[];
11
+ projectColors?: ProjectColors;
11
12
  layoutContext?: LayoutContext;
12
13
  viewAttributes?: Partial<ViewPropsGenerated['attributes']>;
13
14
  label?: React.ReactNode;
@@ -1,4 +1,5 @@
1
1
  import { NodeDefaultAttribute } from '../types/Node';
2
+ import type { ProjectColors } from '../types/Project';
2
3
  import { AttributeMetaMap, LayoutContext, SchemaEntry } from './types';
3
4
  type SpecialCategorySectionProps = {
4
5
  category: string;
@@ -7,7 +8,7 @@ type SpecialCategorySectionProps = {
7
8
  attributes: NodeDefaultAttribute;
8
9
  onAttributeChange: (name: string, value: unknown) => void;
9
10
  componentType?: string;
10
- projectColors?: string[];
11
+ projectColors?: ProjectColors;
11
12
  layoutContext?: LayoutContext;
12
13
  viewAttributes?: NodeDefaultAttribute;
13
14
  meta?: {
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { BackgroundImageComponentProps } from './BackgroundImageProps.generated';
3
+ declare function BackgroundImage({ node }: BackgroundImageComponentProps): import("react/jsx-runtime").JSX.Element;
4
+ declare const _default: React.MemoExoticComponent<typeof BackgroundImage>;
5
+ export default _default;
@@ -0,0 +1,44 @@
1
+ import type { NodeData } from '../../types/Node';
2
+ export type FlexDirectionOptionType = 'row' | 'column';
3
+ export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
+ export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
+ export type PositionOptionType = 'relative' | 'absolute';
6
+ export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
7
+ export interface BackgroundImagePropsGenerated {
8
+ child: string;
9
+ attributes: {
10
+ 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
+ height?: string;
32
+ position?: PositionOptionType;
33
+ top?: string;
34
+ bottom?: string;
35
+ left?: string;
36
+ right?: string;
37
+ zIndex?: number;
38
+ src?: string;
39
+ resizeMode?: ResizeModeOptionType;
40
+ };
41
+ }
42
+ export interface BackgroundImageComponentProps {
43
+ node: NodeData<BackgroundImagePropsGenerated['attributes']>;
44
+ }
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
6
7
  export interface ButtonPropsGenerated {
7
8
  child: string;
@@ -28,6 +29,12 @@ export interface ButtonPropsGenerated {
28
29
  borderRadius?: string;
29
30
  width?: string;
30
31
  height?: string;
32
+ position?: PositionOptionType;
33
+ top?: string;
34
+ bottom?: string;
35
+ left?: string;
36
+ right?: string;
37
+ zIndex?: number;
31
38
  color?: string;
32
39
  fontSize?: string;
33
40
  fontWeight?: FontWeightOptionType;
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export interface CarouselPropsGenerated {
6
7
  child: string;
7
8
  attributes: {
@@ -27,6 +28,12 @@ export interface CarouselPropsGenerated {
27
28
  borderRadius?: string;
28
29
  width?: string;
29
30
  height?: string;
31
+ position?: PositionOptionType;
32
+ top?: string;
33
+ bottom?: string;
34
+ left?: string;
35
+ right?: string;
36
+ zIndex?: number;
30
37
  };
31
38
  }
32
39
  export interface CarouselComponentProps {
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
6
7
  export interface CarouselButtonsPropsGenerated {
7
8
  child: string;
@@ -28,6 +29,12 @@ export interface CarouselButtonsPropsGenerated {
28
29
  borderRadius?: string;
29
30
  width?: string;
30
31
  height?: string;
32
+ position?: PositionOptionType;
33
+ top?: string;
34
+ bottom?: string;
35
+ left?: string;
36
+ right?: string;
37
+ zIndex?: number;
31
38
  buttonType?: ButtonTypeOptionType;
32
39
  skipNumber?: number;
33
40
  };
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
6
7
  export interface CarouselDotsPropsGenerated {
7
8
  child: string;
@@ -28,6 +29,12 @@ export interface CarouselDotsPropsGenerated {
28
29
  borderRadius?: string;
29
30
  width?: string;
30
31
  height?: string;
32
+ position?: PositionOptionType;
33
+ top?: string;
34
+ bottom?: string;
35
+ left?: string;
36
+ right?: string;
37
+ zIndex?: number;
31
38
  dotType?: DotTypeOptionType;
32
39
  };
33
40
  }
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export interface CarouselItemPropsGenerated {
6
7
  child: string;
7
8
  attributes: {
@@ -27,6 +28,12 @@ export interface CarouselItemPropsGenerated {
27
28
  borderRadius?: string;
28
29
  width?: string;
29
30
  height?: string;
31
+ position?: PositionOptionType;
32
+ top?: string;
33
+ bottom?: string;
34
+ left?: string;
35
+ right?: string;
36
+ zIndex?: number;
30
37
  };
31
38
  }
32
39
  export interface CarouselItemComponentProps {
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export interface CarouselProviderPropsGenerated {
6
7
  child: string;
7
8
  attributes: {
@@ -27,6 +28,12 @@ export interface CarouselProviderPropsGenerated {
27
28
  borderRadius?: string;
28
29
  width?: string;
29
30
  height?: string;
31
+ position?: PositionOptionType;
32
+ top?: string;
33
+ bottom?: string;
34
+ left?: string;
35
+ right?: string;
36
+ zIndex?: number;
30
37
  };
31
38
  }
32
39
  export interface CarouselProviderComponentProps {
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
6
7
  export interface ImagePropsGenerated {
7
8
  child: string;
@@ -28,6 +29,12 @@ export interface ImagePropsGenerated {
28
29
  borderRadius?: string;
29
30
  width?: string;
30
31
  height?: string;
32
+ position?: PositionOptionType;
33
+ top?: string;
34
+ bottom?: string;
35
+ left?: string;
36
+ right?: string;
37
+ zIndex?: number;
31
38
  src?: string;
32
39
  resizeMode?: ResizeModeOptionType;
33
40
  };
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export interface OnboardPropsGenerated {
6
7
  child: string;
7
8
  attributes: {
@@ -27,6 +28,12 @@ export interface OnboardPropsGenerated {
27
28
  borderRadius?: string;
28
29
  width?: string;
29
30
  height?: string;
31
+ position?: PositionOptionType;
32
+ top?: string;
33
+ bottom?: string;
34
+ left?: string;
35
+ right?: string;
36
+ zIndex?: number;
30
37
  };
31
38
  }
32
39
  export interface OnboardComponentProps {
@@ -4,6 +4,7 @@ export type PermissionOptionType = 'att' | 'notification' | 'rating' | 'GDPR';
4
4
  export type FlexDirectionOptionType = 'row' | 'column';
5
5
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
6
6
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
7
+ export type PositionOptionType = 'relative' | 'absolute';
7
8
  export type AnimationOptionType = 'simple-animation' | 'line-animation' | 'blur' | 'blur-animation' | 'blur-line-animation';
8
9
  export interface EventObjectGenerated {
9
10
  type?: TypeOptionType;
@@ -36,6 +37,12 @@ export interface OnboardButtonPropsGenerated {
36
37
  borderRadius?: string;
37
38
  width?: string;
38
39
  height?: string;
40
+ position?: PositionOptionType;
41
+ top?: string;
42
+ bottom?: string;
43
+ left?: string;
44
+ right?: string;
45
+ zIndex?: number;
39
46
  labelKey?: string;
40
47
  button_text_color?: string;
41
48
  animation?: AnimationOptionType;
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
6
7
  export type ButtonsDirectionOptionType = 'row' | 'column';
7
8
  export type ConditionOptionType = 'carousel-index';
@@ -30,6 +31,12 @@ export interface OnboardButtonsPropsGenerated {
30
31
  borderRadius?: string;
31
32
  width?: string;
32
33
  height?: string;
34
+ position?: PositionOptionType;
35
+ top?: string;
36
+ bottom?: string;
37
+ left?: string;
38
+ right?: string;
39
+ zIndex?: number;
33
40
  buttonType?: ButtonTypeOptionType;
34
41
  skipNumber?: number;
35
42
  buttons_direction?: ButtonsDirectionOptionType;
@@ -1,4 +1,5 @@
1
1
  import type { NodeData } from '../../types/Node';
2
+ export type PositionOptionType = 'relative' | 'absolute';
2
3
  export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
3
4
  export interface OnboardDotPropsGenerated {
4
5
  child: string;
@@ -25,6 +26,12 @@ export interface OnboardDotPropsGenerated {
25
26
  borderRadius?: string;
26
27
  width?: string;
27
28
  height?: string;
29
+ position?: PositionOptionType;
30
+ top?: string;
31
+ bottom?: string;
32
+ left?: string;
33
+ right?: string;
34
+ zIndex?: number;
28
35
  dotType?: DotTypeOptionType;
29
36
  inactive_dot_opacity?: number;
30
37
  expanding_dot_width?: number;
@@ -4,6 +4,7 @@ export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
4
4
  export type FlexDirectionOptionType = 'row' | 'column';
5
5
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
6
6
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
7
+ export type PositionOptionType = 'relative' | 'absolute';
7
8
  export interface OnboardFooterPropsGenerated {
8
9
  child: string;
9
10
  attributes: {
@@ -33,6 +34,12 @@ export interface OnboardFooterPropsGenerated {
33
34
  borderRadius?: string;
34
35
  width?: string;
35
36
  height?: string;
37
+ position?: PositionOptionType;
38
+ top?: string;
39
+ bottom?: string;
40
+ left?: string;
41
+ right?: string;
42
+ zIndex?: number;
36
43
  textLocalizationKey?: string;
37
44
  linkedWordFirstLocalizationKey?: string;
38
45
  linkedWordFirstColor?: string;
@@ -3,6 +3,7 @@ export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
3
3
  export type FlexDirectionOptionType = 'row' | 'column';
4
4
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
5
5
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
6
+ export type PositionOptionType = 'relative' | 'absolute';
6
7
  export interface OnboardImagePropsGenerated {
7
8
  child: string;
8
9
  attributes: {
@@ -30,6 +31,12 @@ export interface OnboardImagePropsGenerated {
30
31
  marginLeft?: string;
31
32
  marginRight?: string;
32
33
  backgroundColor?: string;
34
+ position?: PositionOptionType;
35
+ top?: string;
36
+ bottom?: string;
37
+ left?: string;
38
+ right?: string;
39
+ zIndex?: number;
33
40
  video_url?: string;
34
41
  lottie?: string;
35
42
  };
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export type DisplayOptionType = 'flex' | 'block';
6
7
  export interface OnboardItemPropsGenerated {
7
8
  child: string;
@@ -28,6 +29,12 @@ export interface OnboardItemPropsGenerated {
28
29
  borderRadius?: string;
29
30
  width?: string;
30
31
  height?: string;
32
+ position?: PositionOptionType;
33
+ top?: string;
34
+ bottom?: string;
35
+ left?: string;
36
+ right?: string;
37
+ zIndex?: number;
31
38
  display?: DisplayOptionType;
32
39
  };
33
40
  }
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export interface OnboardProviderPropsGenerated {
6
7
  child: string;
7
8
  attributes: {
@@ -27,7 +28,12 @@ export interface OnboardProviderPropsGenerated {
27
28
  borderRadius?: never;
28
29
  width?: string;
29
30
  height?: string;
30
- theme?: string;
31
+ position?: PositionOptionType;
32
+ top?: string;
33
+ bottom?: string;
34
+ left?: string;
35
+ right?: string;
36
+ zIndex?: number;
31
37
  use_safe_area_inset?: boolean;
32
38
  };
33
39
  }
@@ -4,6 +4,7 @@ export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
4
4
  export type FlexDirectionOptionType = 'row' | 'column';
5
5
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
6
6
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
7
+ export type PositionOptionType = 'relative' | 'absolute';
7
8
  export interface OnboardSubtitlePropsGenerated {
8
9
  child: string;
9
10
  attributes: {
@@ -33,6 +34,12 @@ export interface OnboardSubtitlePropsGenerated {
33
34
  borderRadius?: string;
34
35
  width?: string;
35
36
  height?: string;
37
+ position?: PositionOptionType;
38
+ top?: string;
39
+ bottom?: string;
40
+ left?: string;
41
+ right?: string;
42
+ zIndex?: number;
36
43
  };
37
44
  }
38
45
  export interface OnboardSubtitleComponentProps {
@@ -4,6 +4,7 @@ export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
4
4
  export type FlexDirectionOptionType = 'row' | 'column';
5
5
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
6
6
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
7
+ export type PositionOptionType = 'relative' | 'absolute';
7
8
  export interface OnboardTitlePropsGenerated {
8
9
  child: string;
9
10
  attributes: {
@@ -33,6 +34,12 @@ export interface OnboardTitlePropsGenerated {
33
34
  borderRadius?: string;
34
35
  width?: string;
35
36
  height?: string;
37
+ position?: PositionOptionType;
38
+ top?: string;
39
+ bottom?: string;
40
+ left?: string;
41
+ right?: string;
42
+ zIndex?: number;
36
43
  };
37
44
  }
38
45
  export interface OnboardTitleComponentProps {
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
6
7
  export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
7
8
  export interface TextPropsGenerated {
@@ -29,6 +30,12 @@ export interface TextPropsGenerated {
29
30
  borderRadius?: string;
30
31
  width?: string;
31
32
  height?: string;
33
+ position?: PositionOptionType;
34
+ top?: string;
35
+ bottom?: string;
36
+ left?: string;
37
+ right?: string;
38
+ zIndex?: number;
32
39
  color?: string;
33
40
  fontSize?: string;
34
41
  fontWeight?: FontWeightOptionType;
@@ -2,6 +2,7 @@ import type { NodeData } from '../../types/Node';
2
2
  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
+ export type PositionOptionType = 'relative' | 'absolute';
5
6
  export interface ViewPropsGenerated {
6
7
  child: string;
7
8
  attributes: {
@@ -27,6 +28,12 @@ export interface ViewPropsGenerated {
27
28
  borderRadius?: string;
28
29
  width?: string;
29
30
  height?: string;
31
+ position?: PositionOptionType;
32
+ top?: string;
33
+ bottom?: string;
34
+ left?: string;
35
+ right?: string;
36
+ zIndex?: number;
30
37
  };
31
38
  }
32
39
  export interface ViewComponentProps {
@@ -1,6 +1,7 @@
1
1
  export { default as RenderNode } from './RenderNode.generated';
2
2
  export { patterns } from './patterns.generated';
3
- export declare const allcomponentNames: readonly ["button", "carousel", "carouselButtons", "carouselDots", "carouselItem", "carouselProvider", "image", "Onboard", "OnboardButton", "OnboardButtons", "OnboardDot", "OnboardFooter", "OnboardImage", "OnboardItem", "OnboardProvider", "OnboardSubtitle", "OnboardTitle", "text", "view"];
3
+ export declare const allcomponentNames: readonly ["background-image", "button", "carousel", "carouselButtons", "carouselDots", "carouselItem", "carouselProvider", "image", "Onboard", "OnboardButton", "OnboardButtons", "OnboardDot", "OnboardFooter", "OnboardImage", "OnboardItem", "OnboardProvider", "OnboardSubtitle", "OnboardTitle", "text", "view"];
4
+ export type { BackgroundImagePropsGenerated, BackgroundImageComponentProps, } from './BackgroundImage/BackgroundImageProps.generated';
4
5
  export type { ButtonPropsGenerated, ButtonComponentProps, } from './Button/ButtonProps.generated';
5
6
  export type { CarouselPropsGenerated, CarouselComponentProps, } from './Carousel/CarouselProps.generated';
6
7
  export type { CarouselButtonsPropsGenerated, CarouselButtonsComponentProps, } from './CarouselButtons/CarouselButtonsProps.generated';