@developer_tribe/react-builder 1.0.1 → 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.
- package/dist/AttributesEditor.d.ts +3 -1
- package/dist/DeviceMockFrame.d.ts +2 -1
- package/dist/RenderPage.d.ts +5 -3
- package/dist/attributes-editor/Field.d.ts +17 -0
- package/dist/attributes-editor/FieldInfoTooltip.d.ts +7 -0
- package/dist/attributes-editor/LayoutPreviewPicker.d.ts +12 -0
- package/dist/attributes-editor/SpecialCategorySection.d.ts +20 -0
- package/dist/attributes-editor/types.d.ts +14 -0
- package/dist/background.jpg +0 -0
- package/dist/build-components/BackgroundImage/BackgroundImage.d.ts +5 -0
- package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +44 -0
- package/dist/build-components/Button/Button.d.ts +1 -1
- package/dist/build-components/Button/ButtonProps.generated.d.ts +33 -1
- package/dist/build-components/Carousel/CarouselProps.generated.d.ts +34 -1
- package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +32 -0
- package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +32 -0
- package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +34 -1
- package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +34 -1
- package/dist/build-components/Image/ImageProps.generated.d.ts +32 -3
- package/dist/build-components/Onboard/OnboardProps.generated.d.ts +34 -1
- package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +32 -0
- package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +32 -0
- package/dist/build-components/OnboardDot/OnboardDot.d.ts +1 -1
- package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +29 -0
- package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +11 -5
- package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +32 -3
- package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +31 -3
- package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +32 -5
- package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +11 -5
- package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +11 -5
- package/dist/build-components/Text/TextProps.generated.d.ts +11 -5
- package/dist/build-components/View/ViewProps.generated.d.ts +10 -4
- package/dist/build-components/index.d.ts +2 -1
- package/dist/build-components/patterns.generated.d.ts +6288 -136
- package/dist/components/AttributesEditorPanel.d.ts +3 -4
- package/dist/components/Breadcrumb.d.ts +3 -1
- package/dist/components/Builder.d.ts +2 -1
- package/dist/components/BuilderButton.d.ts +9 -0
- package/dist/components/Checkbox.d.ts +17 -0
- package/dist/components/DeviceButton.d.ts +8 -0
- package/dist/components/DeviceNavigationBar.d.ts +10 -0
- package/dist/components/DeviceStatusBar.d.ts +9 -0
- package/dist/components/EditorHeader.d.ts +3 -8
- package/dist/index.cjs.js +5 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.esm.js +5 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/mockOS/components/MockLaunchScreenComponent.d.ts +6 -0
- package/dist/mockOS/components/MockOSRouter.d.ts +8 -0
- package/dist/mockOS/components/PermissionModal.d.ts +9 -0
- package/dist/mockOS/context/MockOSContext.d.ts +36 -0
- package/dist/mockOS/hooks/useMockNavigation.d.ts +3 -0
- package/dist/mockOS/hooks/useMockPermission.d.ts +3 -0
- package/dist/mockOS/index.d.ts +9 -0
- package/dist/mockOS/managers/mockPermissionManager.d.ts +10 -0
- package/dist/mockOS/managers/navigationManager.d.ts +17 -0
- package/dist/modals/AddComponentModal.d.ts +8 -0
- package/dist/modals/ColorModal.d.ts +11 -0
- package/dist/modals/DeviceSelectorModal.d.ts +9 -0
- package/dist/modals/LocalicationModal.d.ts +8 -0
- package/dist/modals/Modal.d.ts +12 -0
- package/dist/modals/index.d.ts +5 -0
- package/dist/pages/ProjectPage.d.ts +3 -3
- package/dist/pages/tabs/BuilderPanel.d.ts +8 -0
- package/dist/pages/tabs/{DebugTab.d.ts → SideTool.d.ts} +2 -2
- package/dist/store.d.ts +7 -3
- package/dist/styles.css +1 -1
- package/dist/types/Project.d.ts +11 -0
- package/dist/utils/analyseNode.d.ts +1 -0
- package/dist/utils/extractTextStyle.d.ts +8 -1
- package/dist/utils/extractViewStyle.d.ts +8 -1
- package/dist/utils/parseColor.d.ts +7 -0
- package/dist/utils/patterns.d.ts +24 -0
- package/package.json +2 -1
- package/scripts/prebuild/utils/createGeneratedProps.js +11 -3
- package/scripts/prebuild/utils/validateAllComponentsOrThrow.js +45 -6
- package/scripts/prebuild/utils/validatePatternJson.js +13 -5
- package/src/AttributesEditor.tsx +493 -310
- package/src/DeviceMockFrame.tsx +21 -37
- package/src/RenderPage.tsx +86 -7
- package/src/assets/images/android.svg +42 -42
- package/src/assets/images/apple.svg +15 -15
- package/src/attributes-editor/Field.tsx +669 -0
- package/src/attributes-editor/FieldInfoTooltip.tsx +49 -0
- package/src/attributes-editor/LayoutPreviewPicker.tsx +199 -0
- package/src/attributes-editor/SpecialCategorySection.tsx +285 -0
- package/src/attributes-editor/types.ts +30 -0
- package/src/build-components/BackgroundImage/BackgroundImage.tsx +87 -0
- package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +60 -0
- package/src/build-components/BackgroundImage/pattern.json +45 -0
- package/src/build-components/Button/Button.tsx +37 -2
- package/src/build-components/Button/ButtonProps.generated.ts +44 -1
- package/src/build-components/Button/pattern.json +31 -2
- package/src/build-components/Carousel/Carousel.tsx +39 -2
- package/src/build-components/Carousel/CarouselProps.generated.ts +46 -1
- package/src/build-components/Carousel/pattern.json +10 -0
- package/src/build-components/CarouselButtons/CarouselButtons.tsx +21 -2
- package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +43 -0
- package/src/build-components/CarouselButtons/pattern.json +22 -0
- package/src/build-components/CarouselDots/CarouselDots.tsx +49 -8
- package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +43 -0
- package/src/build-components/CarouselDots/pattern.json +15 -0
- package/src/build-components/CarouselItem/CarouselItem.tsx +21 -2
- package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +46 -1
- package/src/build-components/CarouselItem/pattern.json +7 -0
- package/src/build-components/CarouselProvider/CarouselProvider.tsx +21 -2
- package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +46 -1
- package/src/build-components/CarouselProvider/pattern.json +7 -0
- package/src/build-components/Image/Image.tsx +33 -2
- package/src/build-components/Image/ImageProps.generated.ts +43 -3
- package/src/build-components/Image/pattern.json +46 -3
- package/src/build-components/Onboard/Onboard.tsx +6 -1
- package/src/build-components/Onboard/OnboardProps.generated.ts +46 -1
- package/src/build-components/Onboard/pattern.json +11 -0
- package/src/build-components/OnboardButton/OnboardButton.tsx +54 -6
- package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +43 -0
- package/src/build-components/OnboardButton/pattern.json +71 -5
- package/src/build-components/OnboardButtons/OnboardButtons.tsx +33 -11
- package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +43 -0
- package/src/build-components/OnboardButtons/pattern.json +70 -4
- package/src/build-components/OnboardDot/OnboardDot.tsx +113 -4
- package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +29 -0
- package/src/build-components/OnboardDot/pattern.json +55 -2
- package/src/build-components/OnboardFooter/OnboardFooter.tsx +20 -4
- package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +11 -5
- package/src/build-components/OnboardFooter/pattern.json +58 -2
- package/src/build-components/OnboardImage/OnboardImage.tsx +49 -5
- package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +43 -3
- package/src/build-components/OnboardImage/pattern.json +21 -0
- package/src/build-components/OnboardItem/OnboardItem.tsx +17 -1
- package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +42 -3
- package/src/build-components/OnboardItem/pattern.json +38 -2
- package/src/build-components/OnboardProvider/OnboardProvider.tsx +52 -18
- package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +44 -5
- package/src/build-components/OnboardProvider/pattern.json +44 -5
- package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +11 -5
- package/src/build-components/OnboardSubtitle/pattern.json +7 -1
- package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +11 -5
- package/src/build-components/OnboardTitle/pattern.json +7 -1
- package/src/build-components/RenderNode.generated.tsx +3 -0
- package/src/build-components/Text/Text.tsx +34 -6
- package/src/build-components/Text/TextProps.generated.ts +11 -5
- package/src/build-components/Text/pattern.json +38 -2
- package/src/build-components/View/View.tsx +33 -6
- package/src/build-components/View/ViewProps.generated.ts +10 -4
- package/src/build-components/View/pattern.json +285 -19
- package/src/build-components/index.ts +5 -0
- package/src/build-components/patterns.generated.ts +6346 -143
- package/src/components/AttributesEditorPanel.tsx +17 -64
- package/src/components/Breadcrumb.tsx +37 -5
- package/src/components/Builder.tsx +311 -108
- package/src/components/BuilderButton.tsx +127 -0
- package/src/components/Checkbox.tsx +81 -0
- package/src/components/DeviceButton.tsx +39 -0
- package/src/components/DeviceNavigationBar.tsx +201 -0
- package/src/components/DeviceStatusBar.tsx +85 -0
- package/src/components/EditorHeader.tsx +26 -74
- package/src/index.ts +2 -2
- package/src/mockOS/components/MockLaunchScreenComponent.tsx +43 -0
- package/src/mockOS/components/MockOSRouter.tsx +123 -0
- package/src/mockOS/components/PermissionModal.tsx +270 -0
- package/src/mockOS/context/MockOSContext.tsx +179 -0
- package/src/mockOS/hooks/useMockNavigation.ts +11 -0
- package/src/mockOS/hooks/useMockPermission.ts +11 -0
- package/src/mockOS/index.ts +26 -0
- package/src/mockOS/managers/mockPermissionManager.ts +54 -0
- package/src/mockOS/managers/navigationManager.ts +91 -0
- package/src/modals/AddComponentModal.tsx +313 -0
- package/src/modals/ColorModal.tsx +425 -0
- package/src/modals/DeviceSelectorModal.tsx +57 -0
- package/src/modals/LocalicationModal.tsx +54 -0
- package/src/modals/Modal.tsx +57 -0
- package/src/modals/index.ts +5 -0
- package/src/pages/ProjectPage.tsx +307 -71
- package/src/pages/tabs/{BuilderTab.tsx → BuilderPanel.tsx} +13 -9
- package/src/pages/tabs/SideTool.tsx +259 -0
- package/src/size-matters/index.ts +27 -5
- package/src/store.ts +13 -5
- package/src/styles/base/_global.scss +404 -0
- package/src/styles/components/_attributes-editor.scss +273 -0
- package/src/styles/components/_editor-shell.scss +212 -0
- package/src/styles/components/_mockos-router.scss +140 -0
- package/src/styles/components/_ui-components.scss +183 -0
- package/src/styles/foundation/_colors.scss +8 -0
- package/src/styles/{_mixins.scss → foundation/_mixins.scss} +5 -4
- package/src/styles/{_reset.scss → foundation/_reset.scss} +5 -2
- package/src/styles/foundation/_sizes.scss +37 -0
- package/src/styles/foundation/_typography.scss +4 -0
- package/src/styles/foundation/_variables.scss +3 -0
- package/src/styles/index.scss +22 -136
- package/src/styles/layout/_builder.scss +124 -0
- package/src/styles/layout/_pages.scss +3 -0
- package/src/styles/modals/_add-component.scss +122 -0
- package/src/styles/modals/_color-modal.scss +159 -0
- package/src/styles/modals/_device-selector.scss +18 -0
- package/src/styles/modals/_localication-modal.scss +68 -0
- package/src/styles/modals/_modal-shell.scss +46 -0
- package/src/styles/utilities/_carousel.scss +125 -0
- package/src/types/Project.ts +14 -0
- package/src/types/images.d.ts +8 -0
- package/src/utils/analyseNode.ts +98 -0
- package/src/utils/extractTextStyle.ts +28 -10
- package/src/utils/extractViewStyle.ts +77 -9
- package/src/utils/parseColor.ts +43 -0
- package/src/utils/patterns.ts +33 -0
- package/dist/build-components/OnboardDot/OnboardExpandingDotProps.generated.d.ts +0 -10
- package/dist/pages/tabs/BuilderTab.d.ts +0 -9
- package/dist/pages/tabs/PreviewTab.d.ts +0 -3
- package/src/build-components/OnboardDot/OnboardExpandingDotProps.generated.ts +0 -20
- package/src/pages/tabs/DebugTab.tsx +0 -23
- package/src/pages/tabs/PreviewTab.tsx +0 -194
- package/src/styles/_variables.scss +0 -27
- package/src/styles/builder.scss +0 -60
- package/src/styles/components.scss +0 -88
- package/src/styles/editor.scss +0 -174
- package/src/styles/global.scss +0 -200
- package/src/styles/pages.scss +0 -2
|
@@ -4,11 +4,12 @@ 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: {
|
|
10
11
|
color?: string;
|
|
11
|
-
fontSize?:
|
|
12
|
+
fontSize?: string;
|
|
12
13
|
fontWeight?: FontWeightOptionType;
|
|
13
14
|
textAlign?: TextAlignOptionType;
|
|
14
15
|
scrollable?: boolean;
|
|
@@ -16,7 +17,7 @@ export interface OnboardFooterPropsGenerated {
|
|
|
16
17
|
alignItems?: AlignItemsOptionType;
|
|
17
18
|
justifyContent?: JustifyContentOptionType;
|
|
18
19
|
gap?: string;
|
|
19
|
-
padding?:
|
|
20
|
+
padding?: string;
|
|
20
21
|
paddingHorizontal?: string;
|
|
21
22
|
paddingVertical?: string;
|
|
22
23
|
paddingTop?: string;
|
|
@@ -24,7 +25,6 @@ export interface OnboardFooterPropsGenerated {
|
|
|
24
25
|
paddingLeft?: string;
|
|
25
26
|
paddingRight?: string;
|
|
26
27
|
margin?: string;
|
|
27
|
-
marginHorizontal?: string;
|
|
28
28
|
marginVertical?: string;
|
|
29
29
|
marginTop?: string;
|
|
30
30
|
marginBottom?: string;
|
|
@@ -32,8 +32,14 @@ export interface OnboardFooterPropsGenerated {
|
|
|
32
32
|
marginRight?: string;
|
|
33
33
|
backgroundColor?: string;
|
|
34
34
|
borderRadius?: string;
|
|
35
|
-
width?:
|
|
36
|
-
height?:
|
|
35
|
+
width?: string;
|
|
36
|
+
height?: string;
|
|
37
|
+
position?: PositionOptionType;
|
|
38
|
+
top?: string;
|
|
39
|
+
bottom?: string;
|
|
40
|
+
left?: string;
|
|
41
|
+
right?: string;
|
|
42
|
+
zIndex?: number;
|
|
37
43
|
textLocalizationKey?: string;
|
|
38
44
|
linkedWordFirstLocalizationKey?: string;
|
|
39
45
|
linkedWordFirstColor?: string;
|
|
@@ -1,13 +1,42 @@
|
|
|
1
1
|
import type { NodeData } from '../../types/Node';
|
|
2
2
|
export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
|
|
3
|
+
export type FlexDirectionOptionType = 'row' | 'column';
|
|
4
|
+
export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
|
|
5
|
+
export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
|
|
6
|
+
export type PositionOptionType = 'relative' | 'absolute';
|
|
3
7
|
export interface OnboardImagePropsGenerated {
|
|
4
8
|
child: string;
|
|
5
9
|
attributes: {
|
|
6
10
|
src?: string;
|
|
7
|
-
width?:
|
|
8
|
-
height?:
|
|
11
|
+
width?: string;
|
|
12
|
+
height?: string;
|
|
9
13
|
resizeMode?: ResizeModeOptionType;
|
|
10
|
-
borderRadius?:
|
|
14
|
+
borderRadius?: string;
|
|
15
|
+
scrollable?: boolean;
|
|
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
|
+
marginVertical?: string;
|
|
29
|
+
marginTop?: string;
|
|
30
|
+
marginBottom?: string;
|
|
31
|
+
marginLeft?: string;
|
|
32
|
+
marginRight?: string;
|
|
33
|
+
backgroundColor?: string;
|
|
34
|
+
position?: PositionOptionType;
|
|
35
|
+
top?: string;
|
|
36
|
+
bottom?: string;
|
|
37
|
+
left?: string;
|
|
38
|
+
right?: string;
|
|
39
|
+
zIndex?: number;
|
|
11
40
|
video_url?: string;
|
|
12
41
|
lottie?: string;
|
|
13
42
|
};
|
|
@@ -1,13 +1,41 @@
|
|
|
1
1
|
import type { NodeData } from '../../types/Node';
|
|
2
|
-
export type DisplayOptionType = 'flex' | 'block';
|
|
3
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 DisplayOptionType = 'flex' | 'block';
|
|
4
7
|
export interface OnboardItemPropsGenerated {
|
|
5
8
|
child: string;
|
|
6
9
|
attributes: {
|
|
7
|
-
|
|
8
|
-
gap?: string;
|
|
10
|
+
scrollable?: boolean;
|
|
9
11
|
flexDirection?: FlexDirectionOptionType;
|
|
12
|
+
alignItems?: AlignItemsOptionType;
|
|
13
|
+
justifyContent?: JustifyContentOptionType;
|
|
14
|
+
gap?: string;
|
|
15
|
+
padding?: string;
|
|
10
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
|
+
display?: DisplayOptionType;
|
|
11
39
|
};
|
|
12
40
|
}
|
|
13
41
|
export interface OnboardItemComponentProps {
|
|
@@ -1,13 +1,40 @@
|
|
|
1
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';
|
|
2
6
|
export interface OnboardProviderPropsGenerated {
|
|
3
7
|
child: string;
|
|
4
8
|
attributes: {
|
|
5
|
-
|
|
9
|
+
scrollable?: boolean;
|
|
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
|
+
marginVertical?: string;
|
|
23
|
+
marginTop?: string;
|
|
24
|
+
marginBottom?: string;
|
|
25
|
+
marginLeft?: string;
|
|
26
|
+
marginRight?: string;
|
|
27
|
+
backgroundColor?: string;
|
|
28
|
+
borderRadius?: never;
|
|
29
|
+
width?: string;
|
|
30
|
+
height?: string;
|
|
31
|
+
position?: PositionOptionType;
|
|
32
|
+
top?: string;
|
|
33
|
+
bottom?: string;
|
|
34
|
+
left?: string;
|
|
35
|
+
right?: string;
|
|
36
|
+
zIndex?: number;
|
|
6
37
|
use_safe_area_inset?: boolean;
|
|
7
|
-
paddingTop?: number;
|
|
8
|
-
paddingRight?: number;
|
|
9
|
-
paddingBottom?: number;
|
|
10
|
-
paddingLeft?: number;
|
|
11
38
|
};
|
|
12
39
|
}
|
|
13
40
|
export interface OnboardProviderComponentProps {
|
|
@@ -4,11 +4,12 @@ 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: {
|
|
10
11
|
color?: string;
|
|
11
|
-
fontSize?:
|
|
12
|
+
fontSize?: string;
|
|
12
13
|
fontWeight?: FontWeightOptionType;
|
|
13
14
|
textAlign?: TextAlignOptionType;
|
|
14
15
|
scrollable?: boolean;
|
|
@@ -16,7 +17,7 @@ export interface OnboardSubtitlePropsGenerated {
|
|
|
16
17
|
alignItems?: AlignItemsOptionType;
|
|
17
18
|
justifyContent?: JustifyContentOptionType;
|
|
18
19
|
gap?: string;
|
|
19
|
-
padding?:
|
|
20
|
+
padding?: string;
|
|
20
21
|
paddingHorizontal?: string;
|
|
21
22
|
paddingVertical?: string;
|
|
22
23
|
paddingTop?: string;
|
|
@@ -24,7 +25,6 @@ export interface OnboardSubtitlePropsGenerated {
|
|
|
24
25
|
paddingLeft?: string;
|
|
25
26
|
paddingRight?: string;
|
|
26
27
|
margin?: string;
|
|
27
|
-
marginHorizontal?: string;
|
|
28
28
|
marginVertical?: string;
|
|
29
29
|
marginTop?: string;
|
|
30
30
|
marginBottom?: string;
|
|
@@ -32,8 +32,14 @@ export interface OnboardSubtitlePropsGenerated {
|
|
|
32
32
|
marginRight?: string;
|
|
33
33
|
backgroundColor?: string;
|
|
34
34
|
borderRadius?: string;
|
|
35
|
-
width?:
|
|
36
|
-
height?:
|
|
35
|
+
width?: string;
|
|
36
|
+
height?: string;
|
|
37
|
+
position?: PositionOptionType;
|
|
38
|
+
top?: string;
|
|
39
|
+
bottom?: string;
|
|
40
|
+
left?: string;
|
|
41
|
+
right?: string;
|
|
42
|
+
zIndex?: number;
|
|
37
43
|
};
|
|
38
44
|
}
|
|
39
45
|
export interface OnboardSubtitleComponentProps {
|
|
@@ -4,11 +4,12 @@ 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: {
|
|
10
11
|
color?: string;
|
|
11
|
-
fontSize?:
|
|
12
|
+
fontSize?: string;
|
|
12
13
|
fontWeight?: FontWeightOptionType;
|
|
13
14
|
textAlign?: TextAlignOptionType;
|
|
14
15
|
scrollable?: boolean;
|
|
@@ -16,7 +17,7 @@ export interface OnboardTitlePropsGenerated {
|
|
|
16
17
|
alignItems?: AlignItemsOptionType;
|
|
17
18
|
justifyContent?: JustifyContentOptionType;
|
|
18
19
|
gap?: string;
|
|
19
|
-
padding?:
|
|
20
|
+
padding?: string;
|
|
20
21
|
paddingHorizontal?: string;
|
|
21
22
|
paddingVertical?: string;
|
|
22
23
|
paddingTop?: string;
|
|
@@ -24,7 +25,6 @@ export interface OnboardTitlePropsGenerated {
|
|
|
24
25
|
paddingLeft?: string;
|
|
25
26
|
paddingRight?: string;
|
|
26
27
|
margin?: string;
|
|
27
|
-
marginHorizontal?: string;
|
|
28
28
|
marginVertical?: string;
|
|
29
29
|
marginTop?: string;
|
|
30
30
|
marginBottom?: string;
|
|
@@ -32,8 +32,14 @@ export interface OnboardTitlePropsGenerated {
|
|
|
32
32
|
marginRight?: string;
|
|
33
33
|
backgroundColor?: string;
|
|
34
34
|
borderRadius?: string;
|
|
35
|
-
width?:
|
|
36
|
-
height?:
|
|
35
|
+
width?: string;
|
|
36
|
+
height?: string;
|
|
37
|
+
position?: PositionOptionType;
|
|
38
|
+
top?: string;
|
|
39
|
+
bottom?: string;
|
|
40
|
+
left?: string;
|
|
41
|
+
right?: string;
|
|
42
|
+
zIndex?: number;
|
|
37
43
|
};
|
|
38
44
|
}
|
|
39
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 {
|
|
@@ -12,7 +13,7 @@ export interface TextPropsGenerated {
|
|
|
12
13
|
alignItems?: AlignItemsOptionType;
|
|
13
14
|
justifyContent?: JustifyContentOptionType;
|
|
14
15
|
gap?: string;
|
|
15
|
-
padding?:
|
|
16
|
+
padding?: string;
|
|
16
17
|
paddingHorizontal?: string;
|
|
17
18
|
paddingVertical?: string;
|
|
18
19
|
paddingTop?: string;
|
|
@@ -20,7 +21,6 @@ export interface TextPropsGenerated {
|
|
|
20
21
|
paddingLeft?: string;
|
|
21
22
|
paddingRight?: string;
|
|
22
23
|
margin?: string;
|
|
23
|
-
marginHorizontal?: string;
|
|
24
24
|
marginVertical?: string;
|
|
25
25
|
marginTop?: string;
|
|
26
26
|
marginBottom?: string;
|
|
@@ -28,10 +28,16 @@ export interface TextPropsGenerated {
|
|
|
28
28
|
marginRight?: string;
|
|
29
29
|
backgroundColor?: string;
|
|
30
30
|
borderRadius?: string;
|
|
31
|
-
width?:
|
|
32
|
-
height?:
|
|
31
|
+
width?: string;
|
|
32
|
+
height?: string;
|
|
33
|
+
position?: PositionOptionType;
|
|
34
|
+
top?: string;
|
|
35
|
+
bottom?: string;
|
|
36
|
+
left?: string;
|
|
37
|
+
right?: string;
|
|
38
|
+
zIndex?: number;
|
|
33
39
|
color?: string;
|
|
34
|
-
fontSize?:
|
|
40
|
+
fontSize?: string;
|
|
35
41
|
fontWeight?: FontWeightOptionType;
|
|
36
42
|
textAlign?: TextAlignOptionType;
|
|
37
43
|
};
|
|
@@ -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: {
|
|
@@ -10,7 +11,7 @@ export interface ViewPropsGenerated {
|
|
|
10
11
|
alignItems?: AlignItemsOptionType;
|
|
11
12
|
justifyContent?: JustifyContentOptionType;
|
|
12
13
|
gap?: string;
|
|
13
|
-
padding?:
|
|
14
|
+
padding?: string;
|
|
14
15
|
paddingHorizontal?: string;
|
|
15
16
|
paddingVertical?: string;
|
|
16
17
|
paddingTop?: string;
|
|
@@ -18,7 +19,6 @@ export interface ViewPropsGenerated {
|
|
|
18
19
|
paddingLeft?: string;
|
|
19
20
|
paddingRight?: string;
|
|
20
21
|
margin?: string;
|
|
21
|
-
marginHorizontal?: string;
|
|
22
22
|
marginVertical?: string;
|
|
23
23
|
marginTop?: string;
|
|
24
24
|
marginBottom?: string;
|
|
@@ -26,8 +26,14 @@ export interface ViewPropsGenerated {
|
|
|
26
26
|
marginRight?: string;
|
|
27
27
|
backgroundColor?: string;
|
|
28
28
|
borderRadius?: string;
|
|
29
|
-
width?:
|
|
30
|
-
height?:
|
|
29
|
+
width?: string;
|
|
30
|
+
height?: string;
|
|
31
|
+
position?: PositionOptionType;
|
|
32
|
+
top?: string;
|
|
33
|
+
bottom?: string;
|
|
34
|
+
left?: string;
|
|
35
|
+
right?: string;
|
|
36
|
+
zIndex?: number;
|
|
31
37
|
};
|
|
32
38
|
}
|
|
33
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';
|