@developer_tribe/react-builder 0.1.27 → 0.1.29

package/dist/RenderPage.d.ts

@@ -1,26 +1,26 @@
 import { Localication } from './types/PreviewConfig';
 import { Node } from './types/Node';
 import { Device } from './types/Device';
+export type ScreenStyle = {
+    light: {
+        backgroundColor: string;
+        color: string;
+        seperatorColor?: string;
+    };
+    dark: {
+        backgroundColor: string;
+        color: string;
+        seperatorColor?: string;
+    };
+};
 type RenderPageProps = {
     data: Node;
     isRtl: boolean;
-    screenStyle: {
-        light: {
-            backgroundColor: string;
-            color: string;
-        };
-        dark: {
-            backgroundColor: string;
-            color: string;
-        };
-    };
+    screenStyle: ScreenStyle;
     theme: 'dark' | 'light';
     localication: Localication;
     defaultLanguage?: string;
     device: Device;
 };
-export declare const renderPageContext: import("react").Context<{
-    device: Device;
-} | null>;
 export declare function RenderPage({ data, theme, isRtl, screenStyle, localication, defaultLanguage, device, }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts

@@ -1,8 +1,8 @@
 import type { NodeData } from '../../types/Node';
 export interface EventObjectGenerated {
     type?: 'Permission' | 'Navigate';
-    permission?: string;
-    next_page_key?: string;
+    permission?: 'att' | 'notification' | 'rating' | 'null';
+    navigate_to?: 'string' | 'null';
 }
 export interface OnboardButtonPropsGenerated {
     child: string;

package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts

@@ -2,19 +2,33 @@ import type { NodeData } from '../../types/Node';
 export interface OnboardFooterPropsGenerated {
     child: string;
     attributes: {
+        color?: string;
+        fontSize?: number;
+        fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
         scrollable?: boolean;
         flexDirection?: 'row' | 'column';
         alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
         justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
-        gap?: number;
+        gap?: string;
         padding?: number;
-        margin?: number;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginHorizontal?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
         backgroundColor?: string;
-        borderRadius?: number;
+        borderRadius?: string;
         width?: number;
         height?: number;
         textLocalizationKey?: string;
-        textColor?: string;
         linkedWordFirstLocalizationKey?: string;
         linkedWordFirstColor?: string;
         linkedWordFirstPage?: string;

package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts

@@ -1,7 +1,12 @@
 import type { NodeData } from '../../types/Node';
 export interface OnboardItemPropsGenerated {
     child: string;
-    attributes: {};
+    attributes: {
+        display?: 'flex' | 'block';
+        gap?: string;
+        flexDirection?: 'row' | 'column';
+        paddingHorizontal?: string;
+    };
 }
 export interface OnboardItemComponentProps {
     node: NodeData<OnboardItemPropsGenerated['attributes']>;

package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts

@@ -4,6 +4,10 @@ export interface OnboardProviderPropsGenerated {
     attributes: {
         theme?: string;
         use_safe_area_inset?: boolean;
+        paddingTop?: number;
+        paddingRight?: number;
+        paddingBottom?: number;
+        paddingLeft?: number;
     };
 }
 export interface OnboardProviderComponentProps {

package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts

@@ -4,8 +4,30 @@ export interface OnboardSubtitlePropsGenerated {
     attributes: {
         color?: string;
         fontSize?: number;
-        textAlign?: 'left' | 'center' | 'right' | 'justify';
         fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+        scrollable?: boolean;
+        flexDirection?: 'row' | 'column';
+        alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+        justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+        gap?: string;
+        padding?: number;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginHorizontal?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: number;
+        height?: number;
     };
 }
 export interface OnboardSubtitleComponentProps {

package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts

@@ -5,6 +5,29 @@ export interface OnboardTitlePropsGenerated {
         color?: string;
         fontSize?: number;
         fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+        scrollable?: boolean;
+        flexDirection?: 'row' | 'column';
+        alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+        justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+        gap?: string;
+        padding?: number;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginHorizontal?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: number;
+        height?: number;
     };
 }
 export interface OnboardTitleComponentProps {

package/dist/build-components/Text/TextProps.generated.d.ts

@@ -2,6 +2,29 @@ import type { NodeData } from '../../types/Node';
 export interface TextPropsGenerated {
     child: string;
     attributes: {
+        scrollable?: boolean;
+        flexDirection?: 'row' | 'column';
+        alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+        justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+        gap?: string;
+        padding?: number;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginHorizontal?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+        width?: number;
+        height?: number;
         color?: string;
         fontSize?: number;
         fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';

package/dist/build-components/View/ViewProps.generated.d.ts

@@ -6,11 +6,23 @@ export interface ViewPropsGenerated {
         flexDirection?: 'row' | 'column';
         alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
         justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
-        gap?: number;
+        gap?: string;
         padding?: number;
-        margin?: number;
+        paddingHorizontal?: string;
+        paddingVertical?: string;
+        paddingTop?: string;
+        paddingBottom?: string;
+        paddingLeft?: string;
+        paddingRight?: string;
+        margin?: string;
+        marginHorizontal?: string;
+        marginVertical?: string;
+        marginTop?: string;
+        marginBottom?: string;
+        marginLeft?: string;
+        marginRight?: string;
         backgroundColor?: string;
-        borderRadius?: number;
+        borderRadius?: string;
         width?: number;
         height?: number;
     };

package/dist/build-components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as RenderNode } from './RenderNode.generated';
+export { patterns } from './patterns.generated';
 export type { ButtonPropsGenerated, ButtonComponentProps, } from './Button/ButtonProps.generated';
 export type { CarouselPropsGenerated, CarouselComponentProps, } from './Carousel/CarouselProps.generated';
 export type { CarouselButtonsPropsGenerated, CarouselButtonsComponentProps, } from './CarouselButtons/CarouselButtonsProps.generated';

package/dist/build-components/patterns.generated.d.ts

@@ -0,0 +1,389 @@
+export declare const patterns: readonly [{
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "button";
+        readonly children: "string";
+        readonly attributes: {
+            readonly color: "string";
+            readonly fontSize: "number";
+            readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+        };
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "carousel";
+        readonly children: "carouselItem";
+        readonly attributes: {};
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "carouselButtons";
+        readonly children: "never";
+        readonly attributes: {
+            readonly buttonType: readonly ["previous_button", "next_button", "skip_button"];
+            readonly skipNumber: "number";
+        };
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "carouselDots";
+        readonly children: "never";
+        readonly attributes: {
+            readonly dotType: readonly ["expanding_dot", "normal_dot", "scaling_dot", "sliding_border", "sliding_dot", "liquid_like"];
+        };
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "carouselItem";
+        readonly children: "node";
+        readonly attributes: {};
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "carouselProvider";
+        readonly children: "node";
+        readonly attributes: {};
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "image";
+        readonly children: "never";
+        readonly attributes: {
+            readonly src: "string";
+            readonly width: "number";
+            readonly height: "number";
+            readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
+            readonly borderRadius: "number";
+        };
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "Onboard";
+        readonly children: "node";
+        readonly attributes: {};
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "OnboardButton";
+        readonly children: "never";
+        readonly attributes: {
+            readonly labelKey: "string";
+            readonly button_text_color: "string";
+            readonly animation: readonly ["simple-animation", "line-animation", "blur", "blur-animation", "blur-line-animation"];
+            readonly animation_color: "string";
+            readonly button_background_color: "string";
+            readonly flex: "number";
+            readonly targetIndex: "number";
+            readonly events: "EventObject[]";
+        };
+    };
+    readonly types: {
+        readonly EventObject: {
+            readonly type: readonly ["Permission", "Navigate"];
+            readonly permission: readonly ["att", "notification", "rating", "null"];
+            readonly navigate_to: readonly ["string", "null"];
+        };
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "OnboardButtons";
+        readonly children: "node";
+        readonly attributes: {
+            readonly buttonType: readonly ["previous_button", "next_button", "skip_button"];
+            readonly skipNumber: "number";
+            readonly buttons_direction: readonly ["row", "column"];
+            readonly forIndex: "number";
+            readonly seperatorColor: "string";
+            readonly condition: readonly ["carousel-index"];
+            readonly conditionVariable: "number";
+        };
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "OnboardDot";
+        readonly children: "node";
+        readonly attributes: {
+            readonly dotType: readonly ["expanding_dot", "normal_dot", "scaling_dot", "sliding_border", "sliding_dot", "liquid_like"];
+            readonly inactive_dot_opacity: "number";
+            readonly expanding_dot_width: "number";
+            readonly dot_style: "string";
+            readonly container_style: "string";
+            readonly active_dot_color: "string";
+        };
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "OnboardFooter";
+        readonly children: "node";
+        readonly attributes: {
+            readonly color: "string";
+            readonly fontSize: "number";
+            readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+            readonly scrollable: "boolean";
+            readonly flexDirection: readonly ["row", "column"];
+            readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
+            readonly justifyContent: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+            readonly gap: "string";
+            readonly padding: "number";
+            readonly paddingHorizontal: "string";
+            readonly paddingVertical: "string";
+            readonly paddingTop: "string";
+            readonly paddingBottom: "string";
+            readonly paddingLeft: "string";
+            readonly paddingRight: "string";
+            readonly margin: "string";
+            readonly marginHorizontal: "string";
+            readonly marginVertical: "string";
+            readonly marginTop: "string";
+            readonly marginBottom: "string";
+            readonly marginLeft: "string";
+            readonly marginRight: "string";
+            readonly backgroundColor: "string";
+            readonly borderRadius: "string";
+            readonly width: "number";
+            readonly height: "number";
+            readonly textLocalizationKey: "string";
+            readonly linkedWordFirstLocalizationKey: "string";
+            readonly linkedWordFirstColor: "string";
+            readonly linkedWordFirstPage: "string";
+            readonly linkedWordSecondLocalizationKey: "string";
+            readonly linkedWordSecondColor: "string";
+            readonly linkedWordSecondPage: "string";
+        };
+        readonly textAlign: readonly ["left", "center", "right", "justify"];
+    };
+    readonly defaults: {
+        readonly paddingHorizontal: "24@s";
+    };
+    readonly types: {};
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "OnboardImage";
+        readonly children: "node";
+        readonly attributes: {
+            readonly src: "string";
+            readonly width: "number";
+            readonly height: "number";
+            readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
+            readonly borderRadius: "number";
+        };
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "OnboardItem";
+        readonly children: "node";
+        readonly attributes: {
+            readonly display: readonly ["flex", "block"];
+            readonly gap: "string";
+            readonly flexDirection: readonly ["row", "column"];
+            readonly paddingHorizontal: "string";
+        };
+    };
+    readonly defaults: {
+        readonly gap: "16@vs";
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly paddingHorizontal: "24@s";
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "OnboardProvider";
+        readonly children: "node";
+        readonly attributes: {
+            readonly theme: "string";
+            readonly use_safe_area_inset: "boolean";
+            readonly paddingTop: "number";
+            readonly paddingRight: "number";
+            readonly paddingBottom: "number";
+            readonly paddingLeft: "number";
+        };
+    };
+    readonly defaults: {
+        readonly paddingTop: 0;
+        readonly paddingRight: 0;
+        readonly paddingBottom: 8;
+        readonly paddingLeft: 0;
+    };
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "OnboardSubtitle";
+        readonly children: "node";
+        readonly attributes: {
+            readonly color: "string";
+            readonly fontSize: "number";
+            readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+            readonly scrollable: "boolean";
+            readonly flexDirection: readonly ["row", "column"];
+            readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
+            readonly justifyContent: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+            readonly gap: "string";
+            readonly padding: "number";
+            readonly paddingHorizontal: "string";
+            readonly paddingVertical: "string";
+            readonly paddingTop: "string";
+            readonly paddingBottom: "string";
+            readonly paddingLeft: "string";
+            readonly paddingRight: "string";
+            readonly margin: "string";
+            readonly marginHorizontal: "string";
+            readonly marginVertical: "string";
+            readonly marginTop: "string";
+            readonly marginBottom: "string";
+            readonly marginLeft: "string";
+            readonly marginRight: "string";
+            readonly backgroundColor: "string";
+            readonly borderRadius: "string";
+            readonly width: "number";
+            readonly height: "number";
+        };
+        readonly textAlign: readonly ["left", "center", "right", "justify"];
+    };
+    readonly defaults: {
+        readonly fontSize: "14@fs";
+        readonly fontWeight: "600";
+    };
+    readonly types: {};
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "OnboardTitle";
+        readonly children: "node";
+        readonly attributes: {
+            readonly color: "string";
+            readonly fontSize: "number";
+            readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+            readonly scrollable: "boolean";
+            readonly flexDirection: readonly ["row", "column"];
+            readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
+            readonly justifyContent: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+            readonly gap: "string";
+            readonly padding: "number";
+            readonly paddingHorizontal: "string";
+            readonly paddingVertical: "string";
+            readonly paddingTop: "string";
+            readonly paddingBottom: "string";
+            readonly paddingLeft: "string";
+            readonly paddingRight: "string";
+            readonly margin: "string";
+            readonly marginHorizontal: "string";
+            readonly marginVertical: "string";
+            readonly marginTop: "string";
+            readonly marginBottom: "string";
+            readonly marginLeft: "string";
+            readonly marginRight: "string";
+            readonly backgroundColor: "string";
+            readonly borderRadius: "string";
+            readonly width: "number";
+            readonly height: "number";
+        };
+        readonly textAlign: readonly ["left", "center", "right", "justify"];
+    };
+    readonly defaults: {
+        readonly fontSize: "24@fs";
+        readonly fontWeight: "700";
+        readonly textAlign: "center";
+    };
+    readonly types: {};
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "text";
+        readonly children: "string";
+        readonly attributes: {
+            readonly scrollable: "boolean";
+            readonly flexDirection: readonly ["row", "column"];
+            readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
+            readonly justifyContent: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+            readonly gap: "string";
+            readonly padding: "number";
+            readonly paddingHorizontal: "string";
+            readonly paddingVertical: "string";
+            readonly paddingTop: "string";
+            readonly paddingBottom: "string";
+            readonly paddingLeft: "string";
+            readonly paddingRight: "string";
+            readonly margin: "string";
+            readonly marginHorizontal: "string";
+            readonly marginVertical: "string";
+            readonly marginTop: "string";
+            readonly marginBottom: "string";
+            readonly marginLeft: "string";
+            readonly marginRight: "string";
+            readonly backgroundColor: "string";
+            readonly borderRadius: "string";
+            readonly width: "number";
+            readonly height: "number";
+            readonly color: "string";
+            readonly fontSize: "number";
+            readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
+        };
+        readonly textAlign: readonly ["left", "center", "right", "justify"];
+    };
+    readonly types: {};
+    readonly defaults: {};
+}, {
+    readonly schemaVersion: 1;
+    readonly allowUnknownAttributes: false;
+    readonly pattern: {
+        readonly type: "view";
+        readonly children: readonly ["node", "array"];
+        readonly attributes: {
+            readonly scrollable: "boolean";
+            readonly flexDirection: readonly ["row", "column"];
+            readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
+            readonly justifyContent: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+            readonly gap: "string";
+            readonly padding: "number";
+            readonly paddingHorizontal: "string";
+            readonly paddingVertical: "string";
+            readonly paddingTop: "string";
+            readonly paddingBottom: "string";
+            readonly paddingLeft: "string";
+            readonly paddingRight: "string";
+            readonly margin: "string";
+            readonly marginHorizontal: "string";
+            readonly marginVertical: "string";
+            readonly marginTop: "string";
+            readonly marginBottom: "string";
+            readonly marginLeft: "string";
+            readonly marginRight: "string";
+            readonly backgroundColor: "string";
+            readonly borderRadius: "string";
+            readonly width: "number";
+            readonly height: "number";
+        };
+    };
+}];