@developer_tribe/react-builder 1.2.7 → 1.2.9

package/dist/AttributesEditor.d.ts

@@ -1,11 +1,2 @@
-import React from 'react';
-import { Node } from './types/Node';
-import type { ProjectColors } from './types/Project';
-type AttributesEditorProps = {
-    node: Node;
-    onChange: (next: Node) => void;
-    projectColors?: ProjectColors;
-};
-export declare function AttributesEditor({ node, onChange, projectColors, }: AttributesEditorProps): import("react/jsx-runtime").JSX.Element | null;
-declare const _default: React.MemoExoticComponent<typeof AttributesEditor>;
-export default _default;
+import type { AttributesEditorProps } from './attributes-editor/attributesEditorModelTypes';
+export declare function AttributesEditor(props: AttributesEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/attribute-analyser/style/native/useExtractImageStyle.d.ts

@@ -0,0 +1,10 @@
+import type { NodeData } from '../../../types/Node';
+import type { ImagePropsGenerated } from '../../../build-components/Image/ImageProps.generated';
+export declare function useExtractImageStyle<T extends ImagePropsGenerated['attributes']>(node: NodeData<T>): {
+    style: {
+        [x: string]: unknown;
+    };
+    other: {
+        resizeMode: "cover" | "contain" | "stretch" | "center" | undefined;
+    };
+};

package/dist/attribute-analyser/style/native/useExtractTextStyle.d.ts

@@ -0,0 +1,9 @@
+import type { NodeData } from '../../../types/Node';
+import type { TextPropsGenerated } from '../../../build-components/Text/TextProps.generated';
+export declare function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(node: NodeData<T>): {
+    style: Record<string, unknown>;
+    other: {
+        adjustsFontSizeToFit: boolean | undefined;
+        showEllipsis: boolean | undefined;
+    };
+};

package/dist/attribute-analyser/style/native/useExtractViewStyle.d.ts

@@ -0,0 +1,8 @@
+import type { NodeData } from '../../../types/Node';
+import type { ViewPropsGenerated } from '../../../build-components/View/ViewProps.generated';
+export declare function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(node: NodeData<T>): {
+    style: Record<string, unknown>;
+    other: {
+        scrollable: boolean | undefined;
+    };
+};

package/dist/attribute-analyser/style/web/useExtractImageStyle.d.ts

@@ -0,0 +1,4 @@
+import type { CSSProperties } from 'react';
+import type { NodeData } from '../../../types/Node';
+import type { ImagePropsGenerated } from '../../../build-components/Image/ImageProps.generated';
+export declare function useExtractImageStyle<T extends ImagePropsGenerated['attributes']>(node: NodeData<T>): CSSProperties;

package/dist/attribute-analyser/style/web/useExtractTextStyle.d.ts

@@ -0,0 +1,4 @@
+import type { CSSProperties } from 'react';
+import type { NodeData } from '../../../types/Node';
+import type { TextPropsGenerated } from '../../../build-components/Text/TextProps.generated';
+export declare function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(node: NodeData<T>): CSSProperties;

package/dist/attribute-analyser/style/web/useExtractViewStyle.d.ts

@@ -0,0 +1,4 @@
+import type { CSSProperties } from 'react';
+import type { NodeData } from '../../../types/Node';
+import type { ViewPropsGenerated } from '../../../build-components/View/ViewProps.generated';
+export declare function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(node: NodeData<T>): CSSProperties;

package/dist/attributes-editor/AttributesEditorFields.d.ts

@@ -0,0 +1,18 @@
+import type { Fonts } from '../types/Fonts';
+type IconTypePickerFieldProps = {
+    name: string;
+    value: unknown;
+    onChange: (next: unknown) => void;
+};
+export declare function IconTypePickerField({ name, value, onChange, }: IconTypePickerFieldProps): import("react/jsx-runtime").JSX.Element;
+type FontFamilyPickerFieldProps = {
+    name: string;
+    value: unknown;
+    onChange: (next: unknown) => void;
+    fonts: Fonts;
+    loadedFonts: string[] | undefined;
+    markFontLoaded: (fontFamily: string) => void;
+    addError: (message: string) => void;
+};
+export declare function FontFamilyPickerField({ name, value, onChange, fonts, loadedFonts, markFontLoaded, addError, }: FontFamilyPickerFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/attributes-editor/AttributesEditorView.d.ts

@@ -0,0 +1,4 @@
+import type { AttributesEditorModel } from './attributesEditorModelTypes';
+type AttributesEditorViewProps = AttributesEditorModel;
+export declare function AttributesEditorView(props: AttributesEditorViewProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/attributes-editor/attributesEditorModelTypes.d.ts

@@ -0,0 +1,67 @@
+import type { Node, NodeData, NodeDefaultAttribute } from '../types/Node';
+import type { ProjectColors } from '../types/Project';
+import type { ViewPropsGenerated } from '../build-components/View/ViewProps.generated';
+import type { Fonts } from '../types/Fonts';
+import type { LayoutContext, SchemaEntry } from './types';
+export type TabId = 'style' | 'container' | 'other';
+export type AttributesEditorProps = {
+    node: Node;
+    onChange: (next: Node) => void;
+    projectColors?: ProjectColors;
+};
+export type AttributesEditorTabConfig = {
+    id: TabId;
+    label: string;
+    entries: SchemaEntry[];
+};
+export type AttributesEditorSpecialSection = {
+    key: string;
+    entries: SchemaEntry[];
+    meta?: {
+        label?: string;
+        description?: string;
+        sort?: number;
+        category?: string;
+    };
+};
+export type TabContentInfo = Record<TabId, {
+    baseCount: number;
+    specialCount: number;
+}>;
+export type AttributesEditorModel = {
+    isInvalidNode: boolean;
+    baseData: NodeData<NodeDefaultAttribute>;
+    data: NodeData<NodeDefaultAttribute>;
+    appConfig: unknown;
+    projectFonts: Fonts;
+    loadedFonts: string[] | undefined;
+    markFontLoaded: (fontFamily: string) => void;
+    addError: (message: string) => void;
+    schema: Record<string, unknown>;
+    attributeMeta?: Record<string, any>;
+    componentTitle: string;
+    componentDescription?: string;
+    patternForType?: any;
+    componentMeta?: any;
+    attributes: NodeDefaultAttribute;
+    styleBag?: Record<string, unknown>;
+    projectColorsForPicker?: ProjectColors;
+    viewAttributes?: Partial<ViewPropsGenerated['attributes']>;
+    layoutContext: LayoutContext;
+    getAttributeValue: (name: string) => unknown;
+    handleAttributeChange: (name: string, val: unknown) => void;
+    handleChildrenChange: (val: string) => void;
+    tabs: AttributesEditorTabConfig[];
+    tabContentInfo: TabContentInfo;
+    firstAvailableTab: TabId;
+    activeTab: TabId;
+    setActiveTab: (next: TabId) => void;
+    activeEntries: SchemaEntry[];
+    specialSectionsByTab: Record<TabId, AttributesEditorSpecialSection[]>;
+    activeSpecialSections: AttributesEditorSpecialSection[];
+    mockableFeatureKeys: string[];
+    activeMockableFeature: string | null;
+    setActiveMockableFeature: (next: string | null) => void;
+    hasStringChildren: boolean;
+    childrenValue: string;
+};

package/dist/attributes-editor/attributesEditorUtils.d.ts

@@ -0,0 +1,19 @@
+import type { NodeDefaultAttribute } from '../types/Node';
+import type { SchemaEntry } from './types';
+export type StyleBagSource = 'styles' | 'style' | 'none';
+export declare function getStyleBagSourceAndValue(attributes: NodeDefaultAttribute): {
+    source: StyleBagSource;
+    styleBag?: Record<string, unknown>;
+};
+/**
+ * Flattens schemaVersion=2 nested style schemas (under schema.style or schema.styles)
+ * into plain entries so the editor can list them as individual fields.
+ *
+ * Note: we intentionally exclude the raw `style` / `styles` keys themselves, because
+ * Field.tsx does not render object specs (---not-implemented----).
+ */
+export declare function buildAttributesEditorEntries(schema: Record<string, unknown>, attributeMeta?: Record<string, {
+    category?: string;
+}>): SchemaEntry[];
+export declare function isValidStyleBagValue(attributes: NodeDefaultAttribute): boolean;
+export declare function findLegacyFlatStyleKeys(attributes: NodeDefaultAttribute, isStyleKeyForWrite: (name: string) => boolean): string[];

package/dist/attributes-editor/useAttributesEditorModel.d.ts

@@ -0,0 +1,2 @@
+import type { AttributesEditorModel, AttributesEditorProps } from './attributesEditorModelTypes';
+export declare function useAttributesEditorModel({ node, onChange, projectColors, }: AttributesEditorProps): AttributesEditorModel;

package/dist/build-components/BIcon/BIconProps.generated.d.ts

@@ -4,50 +4,53 @@ 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 PositionOptionType = 'relative' | 'absolute';
+export interface BIconStyleGenerated {
+    color?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    fontWeight?: string;
+    textAlign?: TextAlignOptionType;
+    flexDirection?: FlexDirectionOptionType;
+    alignItems?: AlignItemsOptionType;
+    justifyContent?: JustifyContentOptionType;
+    gap?: string;
+    padding?: string;
+    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?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    flex?: number;
+    position?: PositionOptionType;
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+    zIndex?: number;
+}
 export interface BIconPropsGenerated {
     child: string;
     attributes: {
-        style?: Record<string, unknown>;
-        color?: string;
-        fontSize?: string;
-        fontFamily?: string;
-        fontWeight?: string;
-        textAlign?: TextAlignOptionType;
+        style?: BIconStyleGenerated;
         adjustsFontSizeToFit?: boolean;
         showEllipsis?: boolean;
         scrollable?: boolean;
-        flexDirection?: FlexDirectionOptionType;
-        alignItems?: AlignItemsOptionType;
-        justifyContent?: JustifyContentOptionType;
-        gap?: string;
-        padding?: string;
-        paddingHorizontal?: string;
-        paddingVertical?: string;
-        paddingTop?: string;
-        paddingBottom?: string;
-        paddingLeft?: string;
-        paddingRight?: string;
-        margin?: string;
-        marginVertical?: string;
-        marginTop?: string;
-        marginBottom?: string;
-        marginLeft?: string;
-        marginRight?: string;
-        backgroundColor?: string;
-        borderRadius?: string;
-        width?: string;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        flex?: number;
-        position?: PositionOptionType;
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        zIndex?: number;
         iconType?: string;
         size?: number;
         strokeWidth?: number;

package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts

@@ -1,46 +1,49 @@
 import type { NodeData } from '../../types/Node';
+export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
 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 PositionOptionType = 'relative' | 'absolute';
-export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
+export interface BackgroundImageStyleGenerated {
+    flexDirection?: FlexDirectionOptionType;
+    alignItems?: AlignItemsOptionType;
+    justifyContent?: JustifyContentOptionType;
+    gap?: string;
+    padding?: string;
+    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?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    flex?: number;
+    position?: PositionOptionType;
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+    zIndex?: number;
+}
 export interface BackgroundImagePropsGenerated {
     child: string;
     attributes: {
-        style?: Record<string, unknown>;
+        style?: BackgroundImageStyleGenerated;
         scrollable?: boolean;
-        flexDirection?: FlexDirectionOptionType;
-        alignItems?: AlignItemsOptionType;
-        justifyContent?: JustifyContentOptionType;
-        gap?: string;
-        padding?: string;
-        paddingHorizontal?: string;
-        paddingVertical?: string;
-        paddingTop?: string;
-        paddingBottom?: string;
-        paddingLeft?: string;
-        paddingRight?: string;
-        margin?: string;
-        marginVertical?: string;
-        marginTop?: string;
-        marginBottom?: string;
-        marginLeft?: string;
-        marginRight?: string;
-        backgroundColor?: string;
-        borderRadius?: string;
-        width?: string;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        flex?: number;
-        position?: PositionOptionType;
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        zIndex?: number;
         src?: string;
         resizeMode?: ResizeModeOptionType;
     };

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

@@ -4,46 +4,49 @@ export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stret
 export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 export type PositionOptionType = 'relative' | 'absolute';
 export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export interface ButtonStyleGenerated {
+    flexDirection?: FlexDirectionOptionType;
+    alignItems?: AlignItemsOptionType;
+    justifyContent?: JustifyContentOptionType;
+    gap?: string;
+    padding?: string;
+    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?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    flex?: number;
+    position?: PositionOptionType;
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+    zIndex?: number;
+    color?: string;
+    fontSize?: string;
+    fontWeight?: FontWeightOptionType;
+}
 export interface ButtonPropsGenerated {
     child: string;
     attributes: {
-        style?: Record<string, unknown>;
+        style?: ButtonStyleGenerated;
         scrollable?: boolean;
-        flexDirection?: FlexDirectionOptionType;
-        alignItems?: AlignItemsOptionType;
-        justifyContent?: JustifyContentOptionType;
-        gap?: string;
-        padding?: string;
-        paddingHorizontal?: string;
-        paddingVertical?: string;
-        paddingTop?: string;
-        paddingBottom?: string;
-        paddingLeft?: string;
-        paddingRight?: string;
-        margin?: string;
-        marginVertical?: string;
-        marginTop?: string;
-        marginBottom?: string;
-        marginLeft?: string;
-        marginRight?: string;
-        backgroundColor?: string;
-        borderRadius?: string;
-        width?: string;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        flex?: number;
-        position?: PositionOptionType;
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        zIndex?: number;
-        color?: string;
-        fontSize?: string;
-        fontWeight?: FontWeightOptionType;
     };
 }
 export interface ButtonComponentProps {

package/dist/build-components/Carousel/CarouselProps.generated.d.ts

@@ -1,46 +1,49 @@
 import type { NodeData } from '../../types/Node';
+export type AlignOptionType = 'start' | 'center' | 'end';
 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 PositionOptionType = 'relative' | 'absolute';
-export type AlignOptionType = 'start' | 'center' | 'end';
+export interface CarouselStyleGenerated {
+    flexDirection?: FlexDirectionOptionType;
+    alignItems?: AlignItemsOptionType;
+    justifyContent?: JustifyContentOptionType;
+    gap?: string;
+    padding?: string;
+    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?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    flex?: number;
+    position?: PositionOptionType;
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+    zIndex?: number;
+}
 export interface CarouselPropsGenerated {
     child: string;
     attributes: {
-        style?: Record<string, unknown>;
+        style?: CarouselStyleGenerated;
         scrollable?: boolean;
-        flexDirection?: FlexDirectionOptionType;
-        alignItems?: AlignItemsOptionType;
-        justifyContent?: JustifyContentOptionType;
-        gap?: string;
-        padding?: string;
-        paddingHorizontal?: string;
-        paddingVertical?: string;
-        paddingTop?: string;
-        paddingBottom?: string;
-        paddingLeft?: string;
-        paddingRight?: string;
-        margin?: string;
-        marginVertical?: string;
-        marginTop?: string;
-        marginBottom?: string;
-        marginLeft?: string;
-        marginRight?: string;
-        backgroundColor?: string;
-        borderRadius?: string;
-        width?: string;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        flex?: number;
-        position?: PositionOptionType;
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        zIndex?: number;
         loop?: boolean;
         dragFree?: boolean;
         align?: AlignOptionType;

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

@@ -1,46 +1,49 @@
 import type { NodeData } from '../../types/Node';
+export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
 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 PositionOptionType = 'relative' | 'absolute';
-export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
+export interface CarouselButtonsStyleGenerated {
+    flexDirection?: FlexDirectionOptionType;
+    alignItems?: AlignItemsOptionType;
+    justifyContent?: JustifyContentOptionType;
+    gap?: string;
+    padding?: string;
+    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?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    flex?: number;
+    position?: PositionOptionType;
+    top?: string;
+    bottom?: string;
+    left?: string;
+    right?: string;
+    zIndex?: number;
+}
 export interface CarouselButtonsPropsGenerated {
     child: string;
     attributes: {
-        style?: Record<string, unknown>;
+        style?: CarouselButtonsStyleGenerated;
         scrollable?: boolean;
-        flexDirection?: FlexDirectionOptionType;
-        alignItems?: AlignItemsOptionType;
-        justifyContent?: JustifyContentOptionType;
-        gap?: string;
-        padding?: string;
-        paddingHorizontal?: string;
-        paddingVertical?: string;
-        paddingTop?: string;
-        paddingBottom?: string;
-        paddingLeft?: string;
-        paddingRight?: string;
-        margin?: string;
-        marginVertical?: string;
-        marginTop?: string;
-        marginBottom?: string;
-        marginLeft?: string;
-        marginRight?: string;
-        backgroundColor?: string;
-        borderRadius?: string;
-        width?: string;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        flex?: number;
-        position?: PositionOptionType;
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        zIndex?: number;
         buttonType?: ButtonTypeOptionType;
         skipNumber?: number;
     };