@developer_tribe/react-builder 1.0.1 → 1.0.2
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/DeviceMockFrame.d.ts +2 -1
- package/dist/RenderPage.d.ts +4 -3
- package/dist/attributes-editor/Field.d.ts +16 -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 +19 -0
- package/dist/attributes-editor/types.d.ts +14 -0
- package/dist/background.jpg +0 -0
- package/dist/build-components/Button/Button.d.ts +1 -1
- package/dist/build-components/Button/ButtonProps.generated.d.ts +26 -1
- package/dist/build-components/Carousel/CarouselProps.generated.d.ts +27 -1
- package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +25 -0
- package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +25 -0
- package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +27 -1
- package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +27 -1
- package/dist/build-components/Image/ImageProps.generated.d.ts +25 -3
- package/dist/build-components/Onboard/OnboardProps.generated.d.ts +27 -1
- package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +25 -0
- package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +25 -0
- package/dist/build-components/OnboardDot/OnboardDot.d.ts +1 -1
- package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +22 -0
- package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +4 -5
- package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +25 -3
- package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +24 -3
- package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +25 -4
- package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +4 -5
- package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +4 -5
- package/dist/build-components/Text/TextProps.generated.d.ts +4 -5
- package/dist/build-components/View/ViewProps.generated.d.ts +3 -4
- package/dist/build-components/patterns.generated.d.ts +4855 -132
- package/dist/components/Breadcrumb.d.ts +3 -1
- 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.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 +9 -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 +1 -1
- package/dist/store.d.ts +0 -2
- package/dist/styles.css +1 -1
- 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 +433 -312
- package/src/DeviceMockFrame.tsx +21 -37
- package/src/RenderPage.tsx +5 -4
- package/src/assets/images/android.svg +42 -42
- package/src/assets/images/apple.svg +15 -15
- package/src/attributes-editor/Field.tsx +662 -0
- package/src/attributes-editor/FieldInfoTooltip.tsx +49 -0
- package/src/attributes-editor/LayoutPreviewPicker.tsx +199 -0
- package/src/attributes-editor/SpecialCategorySection.tsx +284 -0
- package/src/attributes-editor/types.ts +30 -0
- package/src/build-components/Button/Button.tsx +10 -2
- package/src/build-components/Button/ButtonProps.generated.ts +37 -1
- package/src/build-components/Button/pattern.json +31 -2
- package/src/build-components/Carousel/Carousel.tsx +15 -2
- package/src/build-components/Carousel/CarouselProps.generated.ts +39 -1
- package/src/build-components/Carousel/pattern.json +10 -0
- package/src/build-components/CarouselButtons/CarouselButtons.tsx +6 -2
- package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +36 -0
- package/src/build-components/CarouselButtons/pattern.json +22 -0
- package/src/build-components/CarouselDots/CarouselDots.tsx +40 -8
- package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +36 -0
- package/src/build-components/CarouselDots/pattern.json +15 -0
- package/src/build-components/CarouselItem/CarouselItem.tsx +5 -2
- package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +39 -1
- package/src/build-components/CarouselItem/pattern.json +7 -0
- package/src/build-components/CarouselProvider/CarouselProvider.tsx +10 -2
- package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +39 -1
- package/src/build-components/CarouselProvider/pattern.json +7 -0
- package/src/build-components/Image/Image.tsx +8 -2
- package/src/build-components/Image/ImageProps.generated.ts +36 -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 +39 -1
- package/src/build-components/Onboard/pattern.json +11 -0
- package/src/build-components/OnboardButton/OnboardButton.tsx +46 -5
- package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +36 -0
- package/src/build-components/OnboardButton/pattern.json +71 -5
- package/src/build-components/OnboardButtons/OnboardButtons.tsx +20 -10
- package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +36 -0
- package/src/build-components/OnboardButtons/pattern.json +70 -4
- package/src/build-components/OnboardDot/OnboardDot.tsx +104 -4
- package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +22 -0
- package/src/build-components/OnboardDot/pattern.json +54 -1
- package/src/build-components/OnboardFooter/OnboardFooter.tsx +9 -3
- package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +4 -5
- package/src/build-components/OnboardFooter/pattern.json +58 -2
- package/src/build-components/OnboardImage/OnboardImage.tsx +27 -5
- package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +36 -3
- package/src/build-components/OnboardImage/pattern.json +21 -0
- package/src/build-components/OnboardItem/OnboardItem.tsx +6 -1
- package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +35 -3
- package/src/build-components/OnboardItem/pattern.json +38 -2
- package/src/build-components/OnboardProvider/OnboardProvider.tsx +20 -8
- package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +37 -4
- package/src/build-components/OnboardProvider/pattern.json +51 -4
- package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +4 -5
- package/src/build-components/OnboardSubtitle/pattern.json +6 -0
- package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +4 -5
- package/src/build-components/OnboardTitle/pattern.json +6 -0
- package/src/build-components/Text/Text.tsx +7 -3
- package/src/build-components/Text/TextProps.generated.ts +4 -5
- package/src/build-components/Text/pattern.json +38 -2
- package/src/build-components/View/View.tsx +9 -6
- package/src/build-components/View/ViewProps.generated.ts +3 -4
- package/src/build-components/View/pattern.json +227 -19
- package/src/build-components/patterns.generated.ts +4905 -139
- package/src/components/AttributesEditorPanel.tsx +7 -61
- package/src/components/Breadcrumb.tsx +37 -5
- package/src/components/Builder.tsx +180 -77
- 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/mockOS/components/MockLaunchScreenComponent.tsx +43 -0
- package/src/mockOS/components/MockOSRouter.tsx +115 -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 +268 -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 +19 -21
- package/src/pages/tabs/DebugTab.tsx +50 -9
- package/src/pages/tabs/PreviewTab.tsx +52 -40
- package/src/size-matters/index.ts +21 -5
- package/src/store.ts +0 -4
- package/src/styles/{global.scss → base/_global.scss} +92 -39
- package/src/styles/components/_attributes-editor.scss +261 -0
- package/src/styles/{editor.scss → components/_editor-shell.scss} +72 -57
- 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 +68 -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 +130 -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/images.d.ts +8 -0
- package/src/utils/extractTextStyle.ts +4 -2
- package/src/utils/extractViewStyle.ts +51 -7
- package/src/utils/patterns.ts +33 -0
- package/dist/build-components/OnboardDot/OnboardExpandingDotProps.generated.d.ts +0 -10
- package/src/build-components/OnboardDot/OnboardExpandingDotProps.generated.ts +0 -20
- package/src/styles/_variables.scss +0 -27
- package/src/styles/builder.scss +0 -60
- package/src/styles/components.scss +0 -88
- package/src/styles/pages.scss +0 -2
|
@@ -1,13 +1,34 @@
|
|
|
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';
|
|
2
5
|
export interface OnboardProviderPropsGenerated {
|
|
3
6
|
child: string;
|
|
4
7
|
attributes: {
|
|
8
|
+
scrollable?: boolean;
|
|
9
|
+
flexDirection?: FlexDirectionOptionType;
|
|
10
|
+
alignItems?: AlignItemsOptionType;
|
|
11
|
+
justifyContent?: JustifyContentOptionType;
|
|
12
|
+
gap?: string;
|
|
13
|
+
padding?: string;
|
|
14
|
+
paddingHorizontal?: string;
|
|
15
|
+
paddingVertical?: string;
|
|
16
|
+
paddingTop?: string;
|
|
17
|
+
paddingBottom?: string;
|
|
18
|
+
paddingLeft?: string;
|
|
19
|
+
paddingRight?: string;
|
|
20
|
+
margin?: string;
|
|
21
|
+
marginVertical?: string;
|
|
22
|
+
marginTop?: string;
|
|
23
|
+
marginBottom?: string;
|
|
24
|
+
marginLeft?: string;
|
|
25
|
+
marginRight?: string;
|
|
26
|
+
backgroundColor?: string;
|
|
27
|
+
borderRadius?: never;
|
|
28
|
+
width?: string;
|
|
29
|
+
height?: string;
|
|
5
30
|
theme?: string;
|
|
6
31
|
use_safe_area_inset?: boolean;
|
|
7
|
-
paddingTop?: number;
|
|
8
|
-
paddingRight?: number;
|
|
9
|
-
paddingBottom?: number;
|
|
10
|
-
paddingLeft?: number;
|
|
11
32
|
};
|
|
12
33
|
}
|
|
13
34
|
export interface OnboardProviderComponentProps {
|
|
@@ -8,7 +8,7 @@ export interface OnboardSubtitlePropsGenerated {
|
|
|
8
8
|
child: string;
|
|
9
9
|
attributes: {
|
|
10
10
|
color?: string;
|
|
11
|
-
fontSize?:
|
|
11
|
+
fontSize?: string;
|
|
12
12
|
fontWeight?: FontWeightOptionType;
|
|
13
13
|
textAlign?: TextAlignOptionType;
|
|
14
14
|
scrollable?: boolean;
|
|
@@ -16,7 +16,7 @@ export interface OnboardSubtitlePropsGenerated {
|
|
|
16
16
|
alignItems?: AlignItemsOptionType;
|
|
17
17
|
justifyContent?: JustifyContentOptionType;
|
|
18
18
|
gap?: string;
|
|
19
|
-
padding?:
|
|
19
|
+
padding?: string;
|
|
20
20
|
paddingHorizontal?: string;
|
|
21
21
|
paddingVertical?: string;
|
|
22
22
|
paddingTop?: string;
|
|
@@ -24,7 +24,6 @@ export interface OnboardSubtitlePropsGenerated {
|
|
|
24
24
|
paddingLeft?: string;
|
|
25
25
|
paddingRight?: string;
|
|
26
26
|
margin?: string;
|
|
27
|
-
marginHorizontal?: string;
|
|
28
27
|
marginVertical?: string;
|
|
29
28
|
marginTop?: string;
|
|
30
29
|
marginBottom?: string;
|
|
@@ -32,8 +31,8 @@ export interface OnboardSubtitlePropsGenerated {
|
|
|
32
31
|
marginRight?: string;
|
|
33
32
|
backgroundColor?: string;
|
|
34
33
|
borderRadius?: string;
|
|
35
|
-
width?:
|
|
36
|
-
height?:
|
|
34
|
+
width?: string;
|
|
35
|
+
height?: string;
|
|
37
36
|
};
|
|
38
37
|
}
|
|
39
38
|
export interface OnboardSubtitleComponentProps {
|
|
@@ -8,7 +8,7 @@ export interface OnboardTitlePropsGenerated {
|
|
|
8
8
|
child: string;
|
|
9
9
|
attributes: {
|
|
10
10
|
color?: string;
|
|
11
|
-
fontSize?:
|
|
11
|
+
fontSize?: string;
|
|
12
12
|
fontWeight?: FontWeightOptionType;
|
|
13
13
|
textAlign?: TextAlignOptionType;
|
|
14
14
|
scrollable?: boolean;
|
|
@@ -16,7 +16,7 @@ export interface OnboardTitlePropsGenerated {
|
|
|
16
16
|
alignItems?: AlignItemsOptionType;
|
|
17
17
|
justifyContent?: JustifyContentOptionType;
|
|
18
18
|
gap?: string;
|
|
19
|
-
padding?:
|
|
19
|
+
padding?: string;
|
|
20
20
|
paddingHorizontal?: string;
|
|
21
21
|
paddingVertical?: string;
|
|
22
22
|
paddingTop?: string;
|
|
@@ -24,7 +24,6 @@ export interface OnboardTitlePropsGenerated {
|
|
|
24
24
|
paddingLeft?: string;
|
|
25
25
|
paddingRight?: string;
|
|
26
26
|
margin?: string;
|
|
27
|
-
marginHorizontal?: string;
|
|
28
27
|
marginVertical?: string;
|
|
29
28
|
marginTop?: string;
|
|
30
29
|
marginBottom?: string;
|
|
@@ -32,8 +31,8 @@ export interface OnboardTitlePropsGenerated {
|
|
|
32
31
|
marginRight?: string;
|
|
33
32
|
backgroundColor?: string;
|
|
34
33
|
borderRadius?: string;
|
|
35
|
-
width?:
|
|
36
|
-
height?:
|
|
34
|
+
width?: string;
|
|
35
|
+
height?: string;
|
|
37
36
|
};
|
|
38
37
|
}
|
|
39
38
|
export interface OnboardTitleComponentProps {
|
|
@@ -12,7 +12,7 @@ export interface TextPropsGenerated {
|
|
|
12
12
|
alignItems?: AlignItemsOptionType;
|
|
13
13
|
justifyContent?: JustifyContentOptionType;
|
|
14
14
|
gap?: string;
|
|
15
|
-
padding?:
|
|
15
|
+
padding?: string;
|
|
16
16
|
paddingHorizontal?: string;
|
|
17
17
|
paddingVertical?: string;
|
|
18
18
|
paddingTop?: string;
|
|
@@ -20,7 +20,6 @@ export interface TextPropsGenerated {
|
|
|
20
20
|
paddingLeft?: string;
|
|
21
21
|
paddingRight?: string;
|
|
22
22
|
margin?: string;
|
|
23
|
-
marginHorizontal?: string;
|
|
24
23
|
marginVertical?: string;
|
|
25
24
|
marginTop?: string;
|
|
26
25
|
marginBottom?: string;
|
|
@@ -28,10 +27,10 @@ export interface TextPropsGenerated {
|
|
|
28
27
|
marginRight?: string;
|
|
29
28
|
backgroundColor?: string;
|
|
30
29
|
borderRadius?: string;
|
|
31
|
-
width?:
|
|
32
|
-
height?:
|
|
30
|
+
width?: string;
|
|
31
|
+
height?: string;
|
|
33
32
|
color?: string;
|
|
34
|
-
fontSize?:
|
|
33
|
+
fontSize?: string;
|
|
35
34
|
fontWeight?: FontWeightOptionType;
|
|
36
35
|
textAlign?: TextAlignOptionType;
|
|
37
36
|
};
|
|
@@ -10,7 +10,7 @@ export interface ViewPropsGenerated {
|
|
|
10
10
|
alignItems?: AlignItemsOptionType;
|
|
11
11
|
justifyContent?: JustifyContentOptionType;
|
|
12
12
|
gap?: string;
|
|
13
|
-
padding?:
|
|
13
|
+
padding?: string;
|
|
14
14
|
paddingHorizontal?: string;
|
|
15
15
|
paddingVertical?: string;
|
|
16
16
|
paddingTop?: string;
|
|
@@ -18,7 +18,6 @@ export interface ViewPropsGenerated {
|
|
|
18
18
|
paddingLeft?: string;
|
|
19
19
|
paddingRight?: string;
|
|
20
20
|
margin?: string;
|
|
21
|
-
marginHorizontal?: string;
|
|
22
21
|
marginVertical?: string;
|
|
23
22
|
marginTop?: string;
|
|
24
23
|
marginBottom?: string;
|
|
@@ -26,8 +25,8 @@ export interface ViewPropsGenerated {
|
|
|
26
25
|
marginRight?: string;
|
|
27
26
|
backgroundColor?: string;
|
|
28
27
|
borderRadius?: string;
|
|
29
|
-
width?:
|
|
30
|
-
height?:
|
|
28
|
+
width?: string;
|
|
29
|
+
height?: string;
|
|
31
30
|
};
|
|
32
31
|
}
|
|
33
32
|
export interface ViewComponentProps {
|