@developer_tribe/react-builder 1.2.7 → 1.2.9

package/src/build-components/Text/TextProps.generated.ts

@@ -19,48 +19,52 @@ export type JustifyContentOptionType =
 export type PositionOptionType = 'relative' | 'absolute';
 export type TextAlignOptionType = 'left' | 'center' | 'right' | 'justify';
 
+export interface TextStyleGenerated {
+  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;
+  fontFamily?: string;
+  fontWeight?: string;
+  textAlign?: TextAlignOptionType;
+}
+
 export interface TextPropsGenerated {
   child: string;
   attributes: {
-    style?: Record<string, unknown>;
+    style?: TextStyleGenerated;
     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;
-    fontFamily?: string;
-    fontWeight?: string;
-    textAlign?: TextAlignOptionType;
     adjustsFontSizeToFit?: boolean;
     showEllipsis?: boolean;
   };

package/src/build-components/Text/pattern.json

@@ -5,13 +5,15 @@
     "children": "string",
     "extends": "View",
     "attributes": {
-      "color": "color",
-      "fontSize": "size",
-      "fontFamily": "fontFamily",
-      "fontWeight": "fontWeight",
-      "textAlign": ["left", "center", "right", "justify"],
       "adjustsFontSizeToFit": "boolean",
-      "showEllipsis": "boolean"
+      "showEllipsis": "boolean",
+      "style": {
+        "color": "color",
+        "fontSize": "size",
+        "fontFamily": "fontFamily",
+        "fontWeight": "fontWeight",
+        "textAlign": ["left", "center", "right", "justify"]
+      }
     }
   },
   "meta": {
@@ -54,20 +56,22 @@
         "category": "style",
         "specialCategory": null,
         "sort": 5
-      },
+      }
+    },
+    "attributes": {
       "adjustsFontSizeToFit": {
         "label": "Adjust Font Size To Fit",
         "description": "Automatically reduces font size to fit the available space.",
-        "category": "style",
+        "category": "other",
         "specialCategory": null,
-        "sort": 6
+        "sort": 1
       },
       "showEllipsis": {
         "label": "Show Ellipsis",
         "description": "If text overflows, show ellipsis (…); applied as single-line truncation.",
-        "category": "style",
+        "category": "other",
         "specialCategory": null,
-        "sort": 7
+        "sort": 2
       }
     }
   }

package/src/build-components/View/View.tsx

@@ -4,7 +4,7 @@ import RenderNode from '../RenderNode.generated';
 import { Node } from '../../types/Node';
 import useNode from '../useNode';
 import { useBuilderParams } from '../../components/BuilderProvider';
-import { useExtractViewStyle } from '../../hooks/useExtractViewStyle';
+import { useExtractViewStyle } from '../../attribute-analyser/style/web/useExtractViewStyle';
 import { useLogRender } from '../../utils/useLogRender';
 import { isNodeSelected, SELECTED_OUTLINE_STYLE } from '../../utils/selection';
 import { useMergedStyle } from '../../utils/useMergedStyle';

package/src/build-components/View/ViewProps.generated.ts

@@ -18,43 +18,47 @@ export type JustifyContentOptionType =
   | 'space-evenly';
 export type PositionOptionType = 'relative' | 'absolute';
 
+export interface ViewStyleGenerated {
+  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 ViewPropsGenerated {
   child: string;
   attributes: {
-    style?: Record<string, unknown>;
+    style?: ViewStyleGenerated;
     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;
   };
 }
 

package/src/build-components/View/pattern.json

@@ -5,57 +5,60 @@
     "children": "node",
     "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": "size",
-      "padding": "size",
-      "paddingHorizontal": "size",
-      "paddingVertical": "size",
-      "paddingTop": "size",
-      "paddingBottom": "size",
-      "paddingLeft": "size",
-      "paddingRight": "size",
-      "margin": "size",
-      "marginVertical": "size",
-      "marginTop": "size",
-      "marginBottom": "size",
-      "marginLeft": "size",
-      "marginRight": "size",
-      "backgroundColor": "color",
-      "borderRadius": "size",
-      "width": "size",
-      "minWidth": "size",
-      "maxWidth": "size",
-      "height": "size",
-      "minHeight": "size",
-      "maxHeight": "size",
-      "flex": "number",
-      "position": [
-        "relative",
-        "absolute"
-      ],
-      "top": "size",
-      "bottom": "size",
-      "left": "size",
-      "right": "size",
-      "zIndex": "number"
+      "style": {
+        "flexDirection": [
+          "row",
+          "column"
+        ],
+        "alignItems": [
+          "flex-start",
+          "center",
+          "flex-end",
+          "stretch",
+          "baseline"
+        ],
+        "justifyContent": [
+          "flex-start",
+          "center",
+          "flex-end",
+          "space-between",
+          "space-around",
+          "space-evenly"
+        ],
+        "gap": "size",
+        "padding": "size",
+        "paddingHorizontal": "size",
+        "paddingVertical": "size",
+        "paddingTop": "size",
+        "paddingBottom": "size",
+        "paddingLeft": "size",
+        "paddingRight": "size",
+        "margin": "size",
+        "marginHorizontal": "size",
+        "marginVertical": "size",
+        "marginTop": "size",
+        "marginBottom": "size",
+        "marginLeft": "size",
+        "marginRight": "size",
+        "backgroundColor": "color",
+        "borderRadius": "size",
+        "width": "size",
+        "minWidth": "size",
+        "maxWidth": "size",
+        "height": "size",
+        "minHeight": "size",
+        "maxHeight": "size",
+        "flex": "number",
+        "position": [
+          "relative",
+          "absolute"
+        ],
+        "top": "size",
+        "bottom": "size",
+        "left": "size",
+        "right": "size",
+        "zIndex": "number"
+      }
     }
   },
   "meta": {
@@ -91,6 +94,23 @@
       }
     },
     "styles": {
+      "backgroundColor": {
+        "label": "Background Color",
+        "description": "Background fill color.",
+        "category": "style",
+        "specialCategory": null,
+        "sort": 20
+      },
+      "borderRadius": {
+        "label": "Border Radius",
+        "description": "Corner rounding amount.",
+        "category": "style",
+        "specialCategory": null,
+        "sort": 21,
+        "preferedScale": "s"
+      }
+    },
+    "attributes": {
       "scrollable": {
         "label": "Scrollable",
         "description": "Turns scroll interaction on.",
@@ -239,21 +259,6 @@
         "sort": 19,
         "preferedScale": "s"
       },
-      "backgroundColor": {
-        "label": "Background Color",
-        "description": "Background fill color.",
-        "category": "style",
-        "specialCategory": null,
-        "sort": 20
-      },
-      "borderRadius": {
-        "label": "Border Radius",
-        "description": "Corner rounding amount.",
-        "category": "style",
-        "specialCategory": null,
-        "sort": 21,
-        "preferedScale": "s"
-      },
       "width": {
         "label": "Width",
         "description": "Fixed width value.",