@developer_tribe/react-builder 1.2.39 → 1.2.41

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

@@ -0,0 +1,6 @@
+type FallbackLocalizationFieldProps = {
+    value: string;
+    onChange: (v: string) => void;
+};
+export declare function FallbackLocalizationField({ value, onChange, }: FallbackLocalizationFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/build-components/NavigationBarColor/NavigationBarColorProps.generated.d.ts

@@ -1,51 +1,12 @@
 import type { NodeData } from '../../types/Node';
-export type FlexDirectionOptionType = 'row' | 'column';
-export type FlexWrapOptionType = 'nowrap' | 'wrap' | 'wrap-reverse';
-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 NavigationBarColorStyleGenerated {
-    flexDirection?: FlexDirectionOptionType;
-    flexWrap?: FlexWrapOptionType;
-    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 NavigationBarColorPropsGenerated {
     child: string;
     attributes: {
         styles?: NavigationBarColorStyleGenerated;
-        scrollable?: boolean;
-        testID?: string;
+        translucent?: boolean;
     };
 }
 export interface NavigationBarColorComponentProps {

package/dist/build-components/StatusBarColor/StatusBarColorProps.generated.d.ts

@@ -6,7 +6,7 @@ export interface StatusBarColorPropsGenerated {
     child: string;
     attributes: {
         styles?: StatusBarColorStyleGenerated;
-        testID?: string;
+        translucent?: boolean;
     };
 }
 export interface StatusBarColorComponentProps {

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

@@ -4324,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";
@@ -4678,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: {
@@ -9671,6 +9338,7 @@ export declare const patterns: readonly [{
             readonly alignItems: "center";
         };
         readonly translateCounter: 1;
+        readonly testID: "paywall-close-button";
         readonly size: 24;
     };
     readonly types: {};
@@ -12597,7 +12265,7 @@ export declare const patterns: readonly [{
             readonly styles: {
                 readonly backgroundColor: "color";
             };
-            readonly testID: "string";
+            readonly translucent: "boolean";
         };
     };
     readonly meta: {
@@ -12613,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;