@developer_tribe/react-builder 1.2.38 → 1.2.40

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

@@ -50,8 +50,8 @@ export declare const patterns: readonly [{
                 readonly right: "size";
                 readonly zIndex: "number";
             };
-            readonly testID: "string";
             readonly scrollable: "boolean";
+            readonly testID: "string";
             readonly iconType: "iconType";
             readonly size: "number";
             readonly strokeWidth: "number";
@@ -3158,8 +3158,8 @@ export declare const patterns: readonly [{
                 readonly right: "size";
                 readonly zIndex: "number";
             };
-            readonly testID: "string";
             readonly scrollable: "boolean";
+            readonly testID: "string";
             readonly count: "number";
         };
     };
@@ -3591,6 +3591,7 @@ export declare const patterns: readonly [{
             };
             readonly testID: "string";
             readonly src: "string";
+            readonly fetchStrategy: readonly ["highIfItsAppLaunch", "normal", "lazy", "none"];
         };
     };
     readonly meta: {
@@ -3904,6 +3905,13 @@ export declare const patterns: readonly [{
                 readonly specialCategory: null;
                 readonly sort: 1;
             };
+            readonly fetchStrategy: {
+                readonly label: "Fetch Strategy";
+                readonly description: "highIfItsAppLaunch ilk başta yükleniyor eğer app_launch placeholder'i ile gelirse\nnormal sonra bütün hepsi toplanıp prefetch ediniyor\nlazy builder açılır açılmaz\nnone ise os'a bırakıldı";
+                readonly category: "other";
+                readonly specialCategory: null;
+                readonly sort: 2;
+            };
         };
         readonly styles: {
             readonly resizeMode: {
@@ -3925,6 +3933,7 @@ export declare const patterns: readonly [{
             readonly flexShrink: 0;
             readonly resizeMode: "contain";
         };
+        readonly fetchStrategy: "normal";
     };
     readonly types: {};
 }, {
@@ -4315,351 +4324,16 @@ export declare const patterns: readonly [{
         readonly description: "description";
         readonly children: "never";
         readonly attributes: {
-            readonly scrollable: "boolean";
             readonly styles: {
-                readonly flexDirection: readonly ["row", "column"];
-                readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
-                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: "size";
-                readonly padding: "size";
-                readonly paddingHorizontal: "size";
-                readonly paddingVertical: "size";
-                readonly paddingTop: "size";
-                readonly paddingBottom: "size";
-                readonly paddingLeft: "size";
-                readonly paddingRight: "size";
-                readonly margin: "size";
-                readonly marginHorizontal: "size";
-                readonly marginVertical: "size";
-                readonly marginTop: "size";
-                readonly marginBottom: "size";
-                readonly marginLeft: "size";
-                readonly marginRight: "size";
                 readonly backgroundColor: "color";
-                readonly borderRadius: "size";
-                readonly width: "size";
-                readonly minWidth: "size";
-                readonly maxWidth: "size";
-                readonly height: "size";
-                readonly minHeight: "size";
-                readonly maxHeight: "size";
-                readonly flex: "number";
-                readonly position: readonly ["relative", "absolute"];
-                readonly top: "size";
-                readonly bottom: "size";
-                readonly left: "size";
-                readonly right: "size";
-                readonly zIndex: "number";
             };
-            readonly testID: "string";
+            readonly translucent: "boolean";
         };
     };
     readonly meta: {
         readonly desiredParent: readonly ["all"];
         readonly label: "Navigation Bar Color";
         readonly description: "Sets the OS navigation bar background color.";
-        readonly specialCategories: {
-            readonly padding: {
-                readonly label: "Padding";
-                readonly description: "Uniform padding on all sides.";
-                readonly category: "container";
-                readonly sort: 1;
-            };
-            readonly margin: {
-                readonly label: "Margin";
-                readonly description: "Uniform margin on all sides.";
-                readonly category: "container";
-                readonly sort: 2;
-            };
-            readonly size: {
-                readonly label: "Size";
-                readonly description: "Fixed dimensions.";
-                readonly category: "container";
-                readonly sort: 3;
-            };
-            readonly offset: {
-                readonly label: "Offset";
-                readonly description: "Absolute positioning offsets.";
-                readonly category: "container";
-                readonly sort: 4;
-            };
-        };
-        readonly attributes: {
-            readonly scrollable: {
-                readonly label: "Scrollable";
-                readonly description: "Turns scroll interaction on.";
-                readonly category: "container";
-                readonly specialCategory: null;
-                readonly sort: -1;
-            };
-            readonly styles: {
-                readonly backgroundColor: {
-                    readonly label: "Background Color";
-                    readonly description: "Background fill color.";
-                    readonly category: "style";
-                    readonly specialCategory: null;
-                    readonly sort: 20;
-                };
-                readonly borderRadius: {
-                    readonly label: "Border Radius";
-                    readonly description: "Corner rounding amount.";
-                    readonly category: "style";
-                    readonly specialCategory: null;
-                    readonly sort: 21;
-                    readonly preferredScale: "s";
-                };
-                readonly flexDirection: {
-                    readonly label: "Flex Direction";
-                    readonly description: "Sets row or column layout.";
-                    readonly category: "container";
-                    readonly specialCategory: null;
-                    readonly sort: 4;
-                };
-                readonly flexWrap: {
-                    readonly label: "Flex Wrap";
-                    readonly description: "Controls whether flex items wrap to multiple lines.";
-                    readonly category: "container";
-                    readonly specialCategory: null;
-                    readonly sort: 4.5;
-                };
-                readonly alignItems: {
-                    readonly label: "Align Items";
-                    readonly description: "Controls cross-axis alignment.";
-                    readonly category: "container";
-                    readonly specialCategory: null;
-                    readonly sort: 3;
-                };
-                readonly justifyContent: {
-                    readonly label: "Justify Content";
-                    readonly description: "Controls main-axis alignment.";
-                    readonly category: "container";
-                    readonly specialCategory: null;
-                    readonly sort: 5;
-                };
-                readonly gap: {
-                    readonly label: "Gap";
-                    readonly description: "Space between children.";
-                    readonly category: "container";
-                    readonly specialCategory: null;
-                    readonly sort: 10;
-                    readonly preferredScale: "s";
-                };
-                readonly padding: {
-                    readonly label: "Padding";
-                    readonly description: "Uniform padding on all sides.";
-                    readonly category: "container";
-                    readonly specialCategory: "padding";
-                    readonly sort: 6;
-                    readonly preferredScale: "s";
-                };
-                readonly paddingHorizontal: {
-                    readonly label: "Padding Horizontal";
-                    readonly description: "Left and right padding.";
-                    readonly category: "container";
-                    readonly specialCategory: "padding";
-                    readonly sort: 7;
-                    readonly preferredScale: "s";
-                };
-                readonly paddingVertical: {
-                    readonly label: "Padding Vertical";
-                    readonly description: "Top and bottom padding.";
-                    readonly category: "container";
-                    readonly specialCategory: "padding";
-                    readonly sort: 8;
-                    readonly preferredScale: "vs";
-                };
-                readonly paddingTop: {
-                    readonly label: "Padding Top";
-                    readonly description: "Top padding only.";
-                    readonly category: "container";
-                    readonly specialCategory: "padding";
-                    readonly sort: 9;
-                    readonly preferredScale: "vs";
-                };
-                readonly paddingBottom: {
-                    readonly label: "Padding Bottom";
-                    readonly description: "Bottom padding only.";
-                    readonly category: "container";
-                    readonly specialCategory: "padding";
-                    readonly sort: 10;
-                    readonly preferredScale: "vs";
-                };
-                readonly paddingLeft: {
-                    readonly label: "Padding Left";
-                    readonly description: "Left padding only.";
-                    readonly category: "container";
-                    readonly specialCategory: "padding";
-                    readonly sort: 11;
-                    readonly preferredScale: "s";
-                };
-                readonly paddingRight: {
-                    readonly label: "Padding Right";
-                    readonly description: "Right padding only.";
-                    readonly category: "container";
-                    readonly specialCategory: "padding";
-                    readonly sort: 12;
-                    readonly preferredScale: "s";
-                };
-                readonly margin: {
-                    readonly label: "Margin";
-                    readonly description: "Uniform margin on all sides.";
-                    readonly category: "container";
-                    readonly specialCategory: "margin";
-                    readonly sort: 13;
-                    readonly preferredScale: "s";
-                };
-                readonly marginHorizontal: {
-                    readonly label: "Margin Horizontal";
-                    readonly description: "Left and right margin.";
-                    readonly category: "container";
-                    readonly specialCategory: "margin";
-                    readonly sort: 14;
-                    readonly preferredScale: "s";
-                };
-                readonly marginVertical: {
-                    readonly label: "Margin Vertical";
-                    readonly description: "Top and bottom margin.";
-                    readonly category: "container";
-                    readonly specialCategory: "margin";
-                    readonly sort: 15;
-                    readonly preferredScale: "vs";
-                };
-                readonly marginTop: {
-                    readonly label: "Margin Top";
-                    readonly description: "Top margin only.";
-                    readonly category: "container";
-                    readonly specialCategory: "margin";
-                    readonly sort: 16;
-                    readonly preferredScale: "vs";
-                };
-                readonly marginBottom: {
-                    readonly label: "Margin Bottom";
-                    readonly description: "Bottom margin only.";
-                    readonly category: "container";
-                    readonly specialCategory: "margin";
-                    readonly sort: 17;
-                    readonly preferredScale: "vs";
-                };
-                readonly marginLeft: {
-                    readonly label: "Margin Left";
-                    readonly description: "Left margin only.";
-                    readonly category: "container";
-                    readonly specialCategory: "margin";
-                    readonly sort: 18;
-                    readonly preferredScale: "s";
-                };
-                readonly marginRight: {
-                    readonly label: "Margin Right";
-                    readonly description: "Right margin only.";
-                    readonly category: "container";
-                    readonly specialCategory: "margin";
-                    readonly sort: 19;
-                    readonly preferredScale: "s";
-                };
-                readonly width: {
-                    readonly label: "Width";
-                    readonly description: "Fixed width value.";
-                    readonly category: "container";
-                    readonly specialCategory: "size";
-                    readonly sort: 0;
-                    readonly preferredScale: "s";
-                };
-                readonly minWidth: {
-                    readonly label: "Min Width";
-                    readonly description: "Minimum width constraint.";
-                    readonly category: "container";
-                    readonly specialCategory: "size";
-                    readonly sort: 1;
-                    readonly preferredScale: "s";
-                };
-                readonly maxWidth: {
-                    readonly label: "Max Width";
-                    readonly description: "Maximum width constraint.";
-                    readonly category: "container";
-                    readonly specialCategory: "size";
-                    readonly sort: 2;
-                    readonly preferredScale: "s";
-                };
-                readonly height: {
-                    readonly label: "Height";
-                    readonly description: "Fixed height value.";
-                    readonly category: "container";
-                    readonly specialCategory: "size";
-                    readonly sort: 3;
-                    readonly preferredScale: "vs";
-                };
-                readonly minHeight: {
-                    readonly label: "Min Height";
-                    readonly description: "Minimum height constraint.";
-                    readonly category: "container";
-                    readonly specialCategory: "size";
-                    readonly sort: 4;
-                    readonly preferredScale: "vs";
-                };
-                readonly maxHeight: {
-                    readonly label: "Max Height";
-                    readonly description: "Maximum height constraint.";
-                    readonly category: "container";
-                    readonly specialCategory: "size";
-                    readonly sort: 5;
-                    readonly preferredScale: "vs";
-                };
-                readonly flex: {
-                    readonly label: "Flex";
-                    readonly description: "Flex grow factor (e.g. 1 fills available space).";
-                    readonly category: "container";
-                    readonly specialCategory: "size";
-                    readonly sort: 6;
-                };
-                readonly position: {
-                    readonly label: "Position";
-                    readonly description: "Sets layout positioning mode.";
-                    readonly category: "container";
-                    readonly specialCategory: null;
-                    readonly sort: 3;
-                };
-                readonly top: {
-                    readonly label: "Top";
-                    readonly description: "Offset from the top edge.";
-                    readonly category: "container";
-                    readonly specialCategory: "offset";
-                    readonly sort: 22;
-                    readonly preferredScale: "vs";
-                };
-                readonly bottom: {
-                    readonly label: "Bottom";
-                    readonly description: "Offset from the bottom edge.";
-                    readonly category: "container";
-                    readonly specialCategory: "offset";
-                    readonly sort: 23;
-                    readonly preferredScale: "vs";
-                };
-                readonly left: {
-                    readonly label: "Left";
-                    readonly description: "Offset from the left edge.";
-                    readonly category: "container";
-                    readonly specialCategory: "offset";
-                    readonly sort: 24;
-                    readonly preferredScale: "s";
-                };
-                readonly right: {
-                    readonly label: "Right";
-                    readonly description: "Offset from the right edge.";
-                    readonly category: "container";
-                    readonly specialCategory: "offset";
-                    readonly sort: 25;
-                    readonly preferredScale: "s";
-                };
-                readonly zIndex: {
-                    readonly label: "Z-Index";
-                    readonly description: "Controls stacking order.";
-                    readonly category: "container";
-                    readonly specialCategory: null;
-                    readonly sort: 26;
-                };
-            };
-        };
         readonly styles: {
             readonly backgroundColor: {
                 readonly label: "Background Color";
@@ -4669,19 +4343,21 @@ export declare const patterns: readonly [{
                 readonly sort: 1;
             };
         };
+        readonly attributes: {
+            readonly translucent: {
+                readonly label: "Translucent";
+                readonly description: "Sets the navigation bar to translucent.";
+                readonly category: "style";
+                readonly specialCategory: null;
+                readonly sort: 2;
+            };
+        };
     };
     readonly defaults: {
         readonly styles: {
-            readonly flexDirection: "column";
-            readonly position: "relative";
-            readonly zIndex: 1;
-            readonly alignSelf: "flex-start";
-            readonly flexGrow: 0;
-            readonly flexShrink: 0;
             readonly backgroundColor: "THEME_COLORS.BACKGROUND";
         };
     };
-    readonly types: {};
 }, {
     readonly schemaVersion: 2;
     readonly pattern: {
@@ -6362,8 +6038,8 @@ export declare const patterns: readonly [{
                 readonly right: "size";
                 readonly zIndex: "number";
             };
-            readonly testID: "string";
             readonly scrollable: "boolean";
+            readonly testID: "string";
             readonly textLocalizationKey: "string";
             readonly linkedWordFirstLocalizationKey: "string";
             readonly linkedWordFirstColor: "color";
@@ -6809,6 +6485,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly src: "string";
+            readonly fetchStrategy: readonly ["highIfItsAppLaunch", "normal", "lazy", "none"];
             readonly styles: {
                 readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
                 readonly flexDirection: readonly ["row", "column"];
@@ -6846,8 +6523,8 @@ export declare const patterns: readonly [{
                 readonly right: "size";
                 readonly zIndex: "number";
             };
-            readonly testID: "string";
             readonly scrollable: "boolean";
+            readonly testID: "string";
             readonly video_url: "string";
             readonly lottie: "string";
         };
@@ -6873,6 +6550,13 @@ export declare const patterns: readonly [{
                 readonly specialCategory: null;
                 readonly sort: 1;
             };
+            readonly fetchStrategy: {
+                readonly label: "Fetch Strategy";
+                readonly description: "highIfItsAppLaunch ilk başta yükleniyor eğer app_launch placeholder'i ile gelirse\nnormal sonra bütün hepsi toplanıp prefetch ediniyor\nlazy builder açılır açılmaz\nnone ise os'a bırakıldı";
+                readonly category: "other";
+                readonly specialCategory: null;
+                readonly sort: 2;
+            };
             readonly scrollable: {
                 readonly label: "Scrollable";
                 readonly description: "Turns scroll interaction on.";
@@ -7189,6 +6873,7 @@ export declare const patterns: readonly [{
         };
     };
     readonly defaults: {
+        readonly fetchStrategy: "normal";
         readonly styles: {
             readonly resizeMode: "contain";
             readonly flexDirection: "column";
@@ -8000,8 +7685,8 @@ export declare const patterns: readonly [{
                 readonly right: "size";
                 readonly zIndex: "number";
             };
-            readonly testID: "string";
             readonly scrollable: "boolean";
+            readonly testID: "string";
         };
     };
     readonly meta: {
@@ -8429,8 +8114,8 @@ export declare const patterns: readonly [{
                 readonly right: "size";
                 readonly zIndex: "number";
             };
-            readonly testID: "string";
             readonly scrollable: "boolean";
+            readonly testID: "string";
         };
     };
     readonly meta: {
@@ -8817,7 +8502,6 @@ export declare const patterns: readonly [{
         readonly attributes: {
             readonly src: "string";
             readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
-            readonly testID: "string";
             readonly scrollable: "boolean";
             readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
@@ -8855,6 +8539,7 @@ export declare const patterns: readonly [{
                 readonly right: "size";
                 readonly zIndex: "number";
             };
+            readonly testID: "string";
         };
     };
     readonly meta: {
@@ -9207,7 +8892,6 @@ export declare const patterns: readonly [{
             readonly iconType: "iconType";
             readonly size: "number";
             readonly strokeWidth: "number";
-            readonly testID: "string";
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
             readonly translateCounter: "number";
@@ -9253,6 +8937,7 @@ export declare const patterns: readonly [{
                 readonly zIndex: "number";
             };
             readonly scrollable: "boolean";
+            readonly testID: "string";
         };
     };
     readonly meta: {
@@ -9653,6 +9338,7 @@ export declare const patterns: readonly [{
             readonly alignItems: "center";
         };
         readonly translateCounter: 1;
+        readonly testID: "paywall-close-button";
         readonly size: 24;
     };
     readonly types: {};
@@ -10452,8 +10138,8 @@ export declare const patterns: readonly [{
                 readonly right: "size";
                 readonly zIndex: "number";
             };
-            readonly testID: "string";
             readonly scrollable: "boolean";
+            readonly testID: "string";
         };
     };
     readonly meta: {
@@ -10859,8 +10545,8 @@ export declare const patterns: readonly [{
                 readonly zIndex: "number";
                 readonly textDecorationLine: readonly ["none", "underline", "line-through"];
             };
-            readonly testID: "string";
             readonly scrollable: "boolean";
+            readonly testID: "string";
             readonly showOriginalPricePossible: "boolean";
             readonly hideIfItsNotDiscount: "boolean";
         };
@@ -11311,8 +10997,8 @@ export declare const patterns: readonly [{
                 readonly right: "size";
                 readonly zIndex: "number";
             };
-            readonly testID: "string";
             readonly scrollable: "boolean";
+            readonly testID: "string";
         };
     };
     readonly meta: {
@@ -11741,8 +11427,8 @@ export declare const patterns: readonly [{
                 readonly right: "size";
                 readonly zIndex: "number";
             };
-            readonly testID: "string";
             readonly scrollable: "boolean";
+            readonly testID: "string";
         };
     };
     readonly meta: {
@@ -12579,7 +12265,7 @@ export declare const patterns: readonly [{
             readonly styles: {
                 readonly backgroundColor: "color";
             };
-            readonly testID: "string";
+            readonly translucent: "boolean";
         };
     };
     readonly meta: {
@@ -12595,6 +12281,15 @@ export declare const patterns: readonly [{
                 readonly sort: 1;
             };
         };
+        readonly attributes: {
+            readonly translucent: {
+                readonly label: "Translucent";
+                readonly description: "Sets the status bar to translucent.";
+                readonly category: "style";
+                readonly specialCategory: null;
+                readonly sort: 2;
+            };
+        };
     };
     readonly defaults: {
         readonly styles: {

package/dist/components/BuilderProvider.d.ts

@@ -23,6 +23,7 @@ export type BuilderProviderParams = {
     fonts?: Fonts;
     previewMode?: boolean;
     selectedKey?: string;
+    device?: import('../types/Device').Device;
 };
 type BuilderProviderProps = {
     params: BuilderProviderParams;

package/dist/components/DeviceButton.d.ts

@@ -1,8 +1,11 @@
+import React from 'react';
 import { Device } from '../types/Device';
 type DeviceButtonProps = {
     device: Device;
     selectedDevice: Device | null;
     onSelect: (device: Device) => void;
+    isFavorite?: boolean;
+    onToggleFavorite?: (device: Device, e: React.MouseEvent) => void;
 };
-export declare function DeviceButton({ device, selectedDevice, onSelect, }: DeviceButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeviceButton({ device, selectedDevice, onSelect, isFavorite, onToggleFavorite, }: DeviceButtonProps): import("react/jsx-runtime").JSX.Element;
 export default DeviceButton;