@developer_tribe/react-builder 0.1.31 → 1.1.0

package/dist/DeviceMockFrame.d.ts

@@ -1,22 +1,6 @@
 import React from 'react';
-import { Device } from './types/Device';
 type DeviceMockFrameProps = {
-    width: number;
-    height: number;
-    isRtl: boolean;
-    screenStyle: {
-        light: {
-            backgroundColor: string;
-            color: string;
-        };
-        dark: {
-            backgroundColor: string;
-            color: string;
-        };
-    };
-    theme: 'dark' | 'light';
     children: React.ReactNode;
-    device: Device;
 };
-export declare function DeviceMockFrame({ width, height, isRtl, screenStyle, theme, children, device, }: DeviceMockFrameProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeviceMockFrame({ children }: DeviceMockFrameProps): import("react/jsx-runtime").JSX.Element;
 export default DeviceMockFrame;

package/dist/RenderPage.d.ts

@@ -1,6 +1,4 @@
-import { Localication } from './types/PreviewConfig';
 import { Node } from './types/Node';
-import { Device } from './types/Device';
 export type ScreenStyle = {
     light: {
         backgroundColor: string;
@@ -15,12 +13,6 @@ export type ScreenStyle = {
 };
 type RenderPageProps = {
     data: Node;
-    isRtl: boolean;
-    screenStyle: ScreenStyle;
-    theme: 'dark' | 'light';
-    localication: Localication;
-    defaultLanguage?: string;
-    device: Device;
 };
-export declare function RenderPage({ data, theme, isRtl, screenStyle, localication, defaultLanguage, device, }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function RenderPage({ data }: RenderPageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/build-components/Button/ButtonProps.generated.d.ts

@@ -1,10 +1,11 @@
 import type { NodeData } from '../../types/Node';
+export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export interface ButtonPropsGenerated {
     child: string;
     attributes: {
         color?: string;
         fontSize?: number;
-        fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+        fontWeight?: FontWeightOptionType;
     };
 }
 export interface ButtonComponentProps {

package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts

@@ -1,8 +1,9 @@
 import type { NodeData } from '../../types/Node';
+export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
 export interface CarouselButtonsPropsGenerated {
     child: string;
     attributes: {
-        buttonType?: 'previous_button' | 'next_button' | 'skip_button';
+        buttonType?: ButtonTypeOptionType;
         skipNumber?: number;
     };
 }

package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts

@@ -1,8 +1,9 @@
 import type { NodeData } from '../../types/Node';
+export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
 export interface CarouselDotsPropsGenerated {
     child: string;
     attributes: {
-        dotType?: 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
+        dotType?: DotTypeOptionType;
     };
 }
 export interface CarouselDotsComponentProps {

package/dist/build-components/Image/ImageProps.generated.d.ts

@@ -1,11 +1,12 @@
 import type { NodeData } from '../../types/Node';
+export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
 export interface ImagePropsGenerated {
     child: string;
     attributes: {
         src?: string;
         width?: number;
         height?: number;
-        resizeMode?: 'cover' | 'contain' | 'stretch' | 'center';
+        resizeMode?: ResizeModeOptionType;
         borderRadius?: number;
     };
 }

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

@@ -1,15 +1,19 @@
 import type { NodeData } from '../../types/Node';
+export type TypeOptionType = 'Permission' | 'Navigate';
+export type PermissionOptionType = 'att' | 'notification' | 'rating' | 'GDPR';
+export type AnimationOptionType = 'simple-animation' | 'line-animation' | 'blur' | 'blur-animation' | 'blur-line-animation';
 export interface EventObjectGenerated {
-    type?: 'Permission' | 'Navigate';
-    permission?: 'att' | 'notification' | 'rating' | 'null';
-    navigate_to?: 'string' | 'null';
+    type?: TypeOptionType;
+    permission?: PermissionOptionType | null;
+    navigate_to?: string;
+    targetIndex?: number;
 }
 export interface OnboardButtonPropsGenerated {
     child: string;
     attributes: {
         labelKey?: string;
         button_text_color?: string;
-        animation?: 'simple-animation' | 'line-animation' | 'blur' | 'blur-animation' | 'blur-line-animation';
+        animation?: AnimationOptionType;
         animation_color?: string;
         button_background_color?: string;
         flex?: number;

package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts

@@ -1,13 +1,16 @@
 import type { NodeData } from '../../types/Node';
+export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
+export type ButtonsDirectionOptionType = 'row' | 'column';
+export type ConditionOptionType = 'carousel-index';
 export interface OnboardButtonsPropsGenerated {
     child: string;
     attributes: {
-        buttonType?: 'previous_button' | 'next_button' | 'skip_button';
+        buttonType?: ButtonTypeOptionType;
         skipNumber?: number;
-        buttons_direction?: 'row' | 'column';
+        buttons_direction?: ButtonsDirectionOptionType;
         forIndex?: number;
         seperatorColor?: string;
-        condition?: 'carousel-index';
+        condition?: ConditionOptionType;
         conditionVariable?: number;
     };
 }

package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts

@@ -1,8 +1,9 @@
 import type { NodeData } from '../../types/Node';
+export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
 export interface OnboardDotPropsGenerated {
     child: string;
     attributes: {
-        dotType?: 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
+        dotType?: DotTypeOptionType;
         inactive_dot_opacity?: number;
         expanding_dot_width?: number;
         dot_style?: string;

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

@@ -1,15 +1,20 @@
 import type { NodeData } from '../../types/Node';
+export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export interface OnboardFooterPropsGenerated {
     child: string;
     attributes: {
         color?: string;
         fontSize?: number;
-        fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-        textAlign?: 'left' | 'center' | 'right' | 'justify';
+        fontWeight?: FontWeightOptionType;
+        textAlign?: TextAlignOptionType;
         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';
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
         gap?: string;
         padding?: number;
         paddingHorizontal?: string;

package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts

@@ -1,12 +1,15 @@
 import type { NodeData } from '../../types/Node';
+export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
 export interface OnboardImagePropsGenerated {
     child: string;
     attributes: {
         src?: string;
         width?: number;
         height?: number;
-        resizeMode?: 'cover' | 'contain' | 'stretch' | 'center';
+        resizeMode?: ResizeModeOptionType;
         borderRadius?: number;
+        video_url?: string;
+        lottie?: string;
     };
 }
 export interface OnboardImageComponentProps {

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

@@ -1,10 +1,12 @@
 import type { NodeData } from '../../types/Node';
+export type DisplayOptionType = 'flex' | 'block';
+export type FlexDirectionOptionType = 'row' | 'column';
 export interface OnboardItemPropsGenerated {
     child: string;
     attributes: {
-        display?: 'flex' | 'block';
+        display?: DisplayOptionType;
         gap?: string;
-        flexDirection?: 'row' | 'column';
+        flexDirection?: FlexDirectionOptionType;
         paddingHorizontal?: string;
     };
 }

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

@@ -1,15 +1,20 @@
 import type { NodeData } from '../../types/Node';
+export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export interface OnboardSubtitlePropsGenerated {
     child: string;
     attributes: {
         color?: string;
         fontSize?: number;
-        fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-        textAlign?: 'left' | 'center' | 'right' | 'justify';
+        fontWeight?: FontWeightOptionType;
+        textAlign?: TextAlignOptionType;
         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';
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
         gap?: string;
         padding?: number;
         paddingHorizontal?: string;

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

@@ -1,15 +1,20 @@
 import type { NodeData } from '../../types/Node';
+export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export interface OnboardTitlePropsGenerated {
     child: string;
     attributes: {
         color?: string;
         fontSize?: number;
-        fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-        textAlign?: 'left' | 'center' | 'right' | 'justify';
+        fontWeight?: FontWeightOptionType;
+        textAlign?: TextAlignOptionType;
         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';
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
         gap?: string;
         padding?: number;
         paddingHorizontal?: string;

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

@@ -1,11 +1,16 @@
 import type { NodeData } from '../../types/Node';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 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';
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
         gap?: string;
         padding?: number;
         paddingHorizontal?: string;
@@ -27,8 +32,8 @@ export interface TextPropsGenerated {
         height?: number;
         color?: string;
         fontSize?: number;
-        fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-        textAlign?: 'left' | 'center' | 'right' | 'justify';
+        fontWeight?: FontWeightOptionType;
+        textAlign?: TextAlignOptionType;
     };
 }
 export interface TextComponentProps {

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

@@ -1,11 +1,14 @@
 import type { NodeData } from '../../types/Node';
+export type FlexDirectionOptionType = 'row' | 'column';
+export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export interface ViewPropsGenerated {
     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';
+        flexDirection?: FlexDirectionOptionType;
+        alignItems?: AlignItemsOptionType;
+        justifyContent?: JustifyContentOptionType;
         gap?: string;
         padding?: number;
         paddingHorizontal?: string;

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

@@ -1,5 +1,6 @@
 export { default as RenderNode } from './RenderNode.generated';
 export { patterns } from './patterns.generated';
+export declare const allcomponentNames: readonly ["button", "carousel", "carouselButtons", "carouselDots", "carouselItem", "carouselProvider", "image", "Onboard", "OnboardButton", "OnboardButtons", "OnboardDot", "OnboardFooter", "OnboardImage", "OnboardItem", "OnboardProvider", "OnboardSubtitle", "OnboardTitle", "text", "view"];
 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

@@ -96,8 +96,9 @@ export declare const patterns: readonly [{
     readonly types: {
         readonly EventObject: {
             readonly type: readonly ["Permission", "Navigate"];
-            readonly permission: readonly ["att", "notification", "rating", "null"];
-            readonly navigate_to: readonly ["string", "null"];
+            readonly permission: readonly ["att", "notification", "rating", "GDPR", "null"];
+            readonly navigate_to: "string";
+            readonly targetIndex: "number";
         };
     };
 }, {
@@ -190,8 +191,12 @@ export declare const patterns: readonly [{
             readonly height: "number";
             readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
             readonly borderRadius: "number";
+            readonly video_url: "string";
+            readonly lottie: "string";
         };
     };
+    readonly types: {};
+    readonly defaults: {};
 }, {
     readonly schemaVersion: 1;
     readonly allowUnknownAttributes: false;

package/dist/components/AttributesEditorPanel.d.ts

@@ -0,0 +1,9 @@
+import { Node } from '..';
+interface AttributesEditorPanelProps {
+    current: Node;
+    attributes: any;
+    onChange: (data: Node) => void;
+    setCurrent: (current: Node) => void;
+}
+export declare function AttributesEditorPanel({ current, attributes, onChange, setCurrent, }: AttributesEditorPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type BreadcrumbItem = {
+    label: string;
+    to?: string;
+    onClick?: () => void;
+};
+type BreadcrumbProps = {
+    items: BreadcrumbItem[];
+    separator?: ReactNode;
+    ariaLabel?: string;
+};
+export declare function Breadcrumb({ items, separator, ariaLabel, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Builder.d.ts

@@ -0,0 +1,9 @@
+import { Node } from '..';
+type BuilderEditorProps = {
+    data: Node;
+    setData: (data: Node) => void;
+    current: Node;
+    setCurrent: (current: Node) => void;
+};
+export declare function Builder({ data, setData, current, setCurrent, }: BuilderEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/EditorHeader.d.ts

@@ -0,0 +1,15 @@
+import { Device, Node } from '..';
+interface EditorHeaderProps {
+    onSaveProject?: () => void;
+    current?: Node;
+    editorData?: Node;
+    setEditorData?: (data: Node) => void;
+}
+interface DeviceButtonProps {
+    device: Device;
+    selectedDevice: Device | null;
+    setSelectedDevice: (device: Device) => void;
+}
+export declare function DeviceButton({ device, selectedDevice, setSelectedDevice, }: DeviceButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorHeader({ onSaveProject, current, editorData, setEditorData, }: EditorHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};