npm - @developer_tribe/react-builder - Versions diffs - 1.2.32 → 1.2.33 - Mend

@developer_tribe/react-builder 1.2.32 → 1.2.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (73) hide show

package/src/attribute-analyser/style/native/useExtractTextStyle.ts CHANGED Viewed

@@ -21,7 +21,7 @@ export function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(
   };
 } {
   const {
-    mockTheme: theme,
+    selectedTheme: theme,
     projectColors,
     fonts,
     baseSize,

package/src/attribute-analyser/style/native/useExtractViewStyle.ts CHANGED Viewed

@@ -17,7 +17,7 @@ export function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(
   style: ViewStyle;
   other: Omit<T, StyleAttrKey> & { scrollable?: boolean };
 } {
-  const { mockTheme: theme, projectColors, baseSize } = useBuilderParams();
+  const { selectedTheme: theme, projectColors, baseSize } = useBuilderParams();
   return useMemo(() => {
     const style = extractViewStyleNative(node, {

package/src/attribute-analyser/style/web/useExtractImageStyle.ts CHANGED Viewed

@@ -8,7 +8,7 @@ import { extractImageStyle } from '../../../utils/extractImageStyle';
 export function useExtractImageStyle<
   T extends ImagePropsGenerated['attributes'],
 >(node: NodeData<T>): CSSProperties {
-  const { mockTheme: theme, projectColors, baseSize } = useBuilderParams();
+  const { selectedTheme: theme, projectColors, baseSize } = useBuilderParams();
   return useMemo(
     () => extractImageStyle(node, { theme, projectColors, baseSize }),

package/src/attribute-analyser/style/web/useExtractTextStyle.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export function useExtractTextStyle<T extends TextPropsGenerated['attributes']>(
   directlyTextStyle = false,
 ): CSSProperties {
   const {
-    mockTheme: theme,
+    selectedTheme: theme,
     projectColors,
     fonts,
     baseSize,

package/src/attribute-analyser/style/web/useExtractViewStyle.ts CHANGED Viewed

@@ -8,7 +8,7 @@ import { extractViewStyle } from '../../../utils/extractViewStyle';
 export function useExtractViewStyle<T extends ViewPropsGenerated['attributes']>(
   node: NodeData<T>,
 ): CSSProperties {
-  const { mockTheme: theme, projectColors, baseSize } = useBuilderParams();
+  const { selectedTheme: theme, projectColors, baseSize } = useBuilderParams();
   return useMemo(
     () => extractViewStyle(node, { theme, projectColors, baseSize }),

package/src/build-components/BIcon/pattern.json CHANGED Viewed

@@ -13,9 +13,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "BIcon",
     "description": "Renders an icon from the icon set.",
     "styles": {},

package/src/build-components/BackgroundImage/pattern.json CHANGED Viewed

@@ -8,12 +8,7 @@
     "extends": "View",
     "attributes": {
       "src": "string",
-      "resizeMode": [
-        "cover",
-        "contain",
-        "stretch",
-        "center"
-      ]
+      "resizeMode": ["cover", "contain", "stretch", "center"]
     },
     "defaults": {
       "resizeMode": "cover",
@@ -29,10 +24,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all",
-      "background"
-    ],
+    "desiredParent": ["all", "background"],
     "label": "Background Image",
     "description": "Background image.",
     "styles": {

package/src/build-components/Button/pattern.json CHANGED Viewed

@@ -27,9 +27,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Button",
     "description": "Simple action button.",
     "styles": {

package/src/build-components/Carousel/pattern.json CHANGED Viewed

@@ -9,17 +9,11 @@
     "attributes": {
       "loop": "boolean",
       "dragFree": "boolean",
-      "align": [
-        "start",
-        "center",
-        "end"
-      ]
+      "align": ["start", "center", "end"]
     }
   },
   "meta": {
-    "desiredParent": [
-      "=CarouselProvider"
-    ],
+    "desiredParent": ["=CarouselProvider"],
     "label": "Carousel",
     "description": "Container for carousel items.",
     "styles": {}

package/src/build-components/CarouselDots/CarouselDots.tsx CHANGED Viewed

@@ -34,7 +34,7 @@ function CarouselDots({ node }: CarouselDotsComponentProps) {
   const onboardApi = useContext(onboardContext);
   const emblaApi = isOnboard ? onboardApi?.emblaApi : carouselApi;
-  const { mockTheme: theme, projectColors, baseSize } = useBuilderParams();
+  const { selectedTheme: theme, projectColors, baseSize } = useBuilderParams();
   const inactiveDotOpacity =
     (stylesBag?.inactive_dot_opacity as number | undefined) ??
     (attrRecord.inactive_dot_opacity as number | undefined) ??

package/src/build-components/CarouselProvider/pattern.json CHANGED Viewed

@@ -15,10 +15,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "root",
-      ">View"
-    ],
+    "desiredParent": ["root", ">View"],
     "label": "Carousel Provider",
     "description": "Provides carousel context to its children.",
     "attributes": {}

package/src/build-components/CountDown/pattern.json CHANGED Viewed

@@ -15,9 +15,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Count Down",
     "description": "Displays a countdown timer.",
     "attributes": {

package/src/build-components/Image/pattern.json CHANGED Viewed

@@ -9,12 +9,7 @@
     "attributes": {
       "src": "string",
       "styles": {
-        "resizeMode": [
-          "cover",
-          "contain",
-          "stretch",
-          "center"
-        ]
+        "resizeMode": ["cover", "contain", "stretch", "center"]
       }
     },
     "defaults": {
@@ -24,9 +19,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Image",
     "description": "Shows an image or graphic.",
     "styles": {

package/src/build-components/Main/pattern.json CHANGED Viewed

@@ -20,9 +20,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "root"
-    ],
+    "desiredParent": ["root"],
     "label": "Main",
     "description": "Top-level screen wrapper (safe area, base layout).",
     "hideAllAttributes": true,

package/src/build-components/NavigationBarColor/NavigationBarColor.tsx CHANGED Viewed

@@ -11,7 +11,7 @@ function NavigationBarColor({ node }: NavigationBarColorComponentProps) {
   useLogRender('NavigationBarColor');
   node = useNode(node);
-  const { theme, projectColors } = useBuilderParams();
+  const { selectedTheme: theme, projectColors } = useBuilderParams();
   const setNavBarOverrideColor = useRenderStore(
     (s) => s.setNavBarOverrideColor,
   );

package/src/build-components/NavigationBarColor/pattern.json CHANGED Viewed

@@ -13,9 +13,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Navigation Bar Color",
     "description": "Sets the OS navigation bar background color.",
     "styles": {

package/src/build-components/Onboard/pattern.json CHANGED Viewed

@@ -8,12 +8,8 @@
     "extends": "View"
   },
   "meta": {
-    "desiredParent": [
-      "=OnboardProvider"
-    ],
-    "desiredChildren": [
-      "=OnboardItem"
-    ],
+    "desiredParent": ["=OnboardProvider"],
+    "desiredChildren": ["=OnboardItem"],
     "label": "Onboard",
     "description": "Wraps the onboarding flow.",
     "styles": {}

package/src/build-components/OnboardButton/OnboardButton.tsx CHANGED Viewed

@@ -18,7 +18,7 @@ export function OnboardButton({ node }: OnboardButtonComponentProps) {
   node = useNode(node);
   const attributeName = node.sourceType ?? node.type ?? 'OnboardButton';
   const { emblaApi } = useContext(onboardContext) ?? {};
-  const { theme, projectColors } = useBuilderParams();
+  const { selectedTheme: theme, projectColors } = useBuilderParams();
   const context = useMockOSContext();
   const mockPermissionManager = useMockPermission(context);
   const handledEventsRef = useRef<EventObjectGenerated[]>([]);

package/src/build-components/OnboardButton/pattern.json CHANGED Viewed

@@ -31,25 +31,14 @@
   },
   "types": {
     "EventObject": {
-      "type": [
-        "Permission",
-        "Navigate"
-      ],
-      "permission": [
-        "att",
-        "notification",
-        "rating",
-        "GDPR",
-        "null"
-      ],
+      "type": ["Permission", "Navigate"],
+      "permission": ["att", "notification", "rating", "GDPR", "null"],
       "navigate_to": "string",
       "targetIndex": "number"
     }
   },
   "meta": {
-    "desiredParent": [
-      "=OnboardButtons"
-    ],
+    "desiredParent": ["=OnboardButtons"],
     "label": "Onboard Button",
     "description": "Single action button for onboarding.",
     "attributes": {

package/src/build-components/OnboardButtons/pattern.json CHANGED Viewed

@@ -7,21 +7,12 @@
     "children": "node",
     "extends": "View",
     "attributes": {
-      "buttonType": [
-        "previous_button",
-        "next_button",
-        "skip_button"
-      ],
+      "buttonType": ["previous_button", "next_button", "skip_button"],
       "skipNumber": "number",
-      "buttons_direction": [
-        "row",
-        "column"
-      ],
+      "buttons_direction": ["row", "column"],
       "forIndex": "number",
       "seperatorColor": "color",
-      "condition": [
-        "carousel-index"
-      ],
+      "condition": ["carousel-index"],
       "conditionVariable": "number"
     },
     "defaults": {
@@ -37,9 +28,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "=OnboardItem"
-    ],
+    "desiredParent": ["=OnboardItem"],
     "label": "Onboard Buttons",
     "description": "Wrapper for onboarding button set.",
     "styles": {

package/src/build-components/OnboardDot/OnboardDot.tsx CHANGED Viewed

@@ -29,7 +29,7 @@ export function OnboardDot({ node }: OnboardDotComponentProps) {
   const {
     previewMode,
     selectedKey,
-    mockTheme: theme,
+    selectedTheme: theme,
     projectColors,
     baseSize,
   } = useBuilderParams();

package/src/build-components/OnboardDot/pattern.json CHANGED Viewed

@@ -38,9 +38,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">OnboardProvider"
-    ],
+    "desiredParent": [">OnboardProvider"],
     "label": "Onboard Dot",
     "description": "Renders onboarding progress dots.",
     "styles": {

package/src/build-components/OnboardFooter/OnboardFooter.tsx CHANGED Viewed

@@ -97,15 +97,15 @@ function OnboardFooter({ node }: OnboardFooterComponentProps) {
   const attributeName = node.sourceType ?? node.type ?? 'OnboardFooter';
   const {
     localization: builderLocalization,
-    theme,
-    defaultLanguage,
+    selectedTheme: theme,
+    selectedLanguage,
     previewMode,
     selectedKey,
     projectColors: builderProjectColors,
   } = useBuilderParams();
   const localization = builderLocalization ?? defaultLocalization;
   const projectColors = builderProjectColors;
-  const lang = defaultLanguage ?? 'en';
+  const lang = selectedLanguage ?? 'en';
   const t = (key?: string) => (key ? (localization?.[lang]?.[key] ?? key) : '');
   const attrs = node?.attributes;

package/src/build-components/OnboardFooter/pattern.json CHANGED Viewed

@@ -27,9 +27,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">OnboardItem"
-    ],
+    "desiredParent": [">OnboardItem"],
     "label": "Onboard Footer",
     "description": "Footer text with optional links.",
     "styles": {

package/src/build-components/OnboardItem/pattern.json CHANGED Viewed

@@ -7,15 +7,9 @@
     "children": "node",
     "extends": "View",
     "attributes": {
-      "display": [
-        "flex",
-        "block"
-      ],
+      "display": ["flex", "block"],
       "gap": "size",
-      "flexDirection": [
-        "row",
-        "column"
-      ],
+      "flexDirection": ["row", "column"],
       "paddingHorizontal": "size"
     }
   },
@@ -28,9 +22,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "=Onboard"
-    ],
+    "desiredParent": ["=Onboard"],
     "label": "Onboard Item",
     "description": "Single onboarding screen section.",
     "styles": {},

package/src/build-components/OnboardProvider/pattern.json CHANGED Viewed

@@ -7,11 +7,7 @@
     "children": "node",
     "extends": "View",
     "attributes": {
-      "theme": [
-        "light",
-        "dark",
-        "all"
-      ],
+      "theme": ["light", "dark", "all"],
       "borderRadius": "never"
     }
   },
@@ -22,9 +18,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "root"
-    ],
+    "desiredParent": ["root"],
     "label": "Onboard Provider",
     "description": "Provides shared settings for onboarding.",
     "styles": {},

package/src/build-components/OnboardSubtitle/pattern.json CHANGED Viewed

@@ -14,10 +14,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">OnboardProvider",
-      ">OnboardItem"
-    ],
+    "desiredParent": [">OnboardProvider", ">OnboardItem"],
     "label": "Onboard Subtitle",
     "description": "Subtitle text for an onboarding step.",
     "styles": {}

package/src/build-components/OnboardTitle/pattern.json CHANGED Viewed

@@ -15,10 +15,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">OnboardItem",
-      ">OnboardProvider"
-    ],
+    "desiredParent": [">OnboardItem", ">OnboardProvider"],
     "label": "Onboard Title",
     "description": "Title text for an onboarding step.",
     "styles": {}

package/src/build-components/PaywallBackground/pattern.json CHANGED Viewed

@@ -20,9 +20,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Paywall Background",
     "description": "Paywall Background component.",
     "styles": {}

package/src/build-components/PaywallCloseButton/pattern.json CHANGED Viewed

@@ -8,9 +8,7 @@
     "extends": "BIcon"
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Paywall Close Button",
     "description": "Paywall Close Button component.",
     "styles": {}

package/src/build-components/PaywallOptions/pattern.json CHANGED Viewed

@@ -8,9 +8,7 @@
     "children": "node"
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Paywall Options",
     "description": "Paywall options selector component.",
     "styles": {}

package/src/build-components/PaywallProvider/pattern.json CHANGED Viewed

@@ -17,9 +17,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Paywall Provider",
     "description": "Provider/wrapper for paywall screen components.",
     "attributes": {

package/src/build-components/PaywallSubscribeButton/pattern.json CHANGED Viewed

@@ -21,9 +21,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Paywall Subscribe Button",
     "description": "Paywall subscribe call-to-action button. Extends Button.",
     "styles": {}

package/src/build-components/PriceTag/pattern.json CHANGED Viewed

@@ -10,11 +10,7 @@
       "showOriginalPricePossible": "boolean",
       "hideIfItsNotDiscount": "boolean",
       "styles": {
-        "textDecorationLine": [
-          "none",
-          "underline",
-          "line-through"
-        ]
+        "textDecorationLine": ["none", "underline", "line-through"]
       }
     }
   },
@@ -25,9 +21,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Price Tag",
     "description": "Displays a price tag text. Extends Text.",
     "styles": {

package/src/build-components/Pricing/pattern.json CHANGED Viewed

@@ -17,9 +17,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Pricing",
     "description": "Displays pricing details (e.g. promo/trial breakdown). Extends Text.",
     "styles": {}

package/src/build-components/Promo/pattern.json CHANGED Viewed

@@ -17,9 +17,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Promo",
     "description": "Displays promotional badge/text (e.g. discount percentage). Extends Text.",
     "styles": {}

package/src/build-components/Separator/pattern.json CHANGED Viewed

@@ -18,9 +18,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Separator",
     "description": "Horizontal line separator.",
     "styles": {

package/src/build-components/StatusBarColor/StatusBarColor.tsx CHANGED Viewed

@@ -11,7 +11,7 @@ function StatusBarColor({ node }: StatusBarColorComponentProps) {
   useLogRender('StatusBarColor');
   node = useNode(node);
-  const { theme, projectColors } = useBuilderParams();
+  const { selectedTheme: theme, projectColors } = useBuilderParams();
   const setStatusBarOverrideColor = useRenderStore(
     (s) => s.setStatusBarOverrideColor,
   );

package/src/build-components/StatusBarColor/pattern.json CHANGED Viewed

@@ -13,9 +13,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Status Bar Color",
     "description": "Sets the OS status bar background color.",
     "styles": {

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

@@ -27,9 +27,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Text",
     "description": "Displays simple text.",
     "styles": {

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

@@ -8,15 +8,8 @@
     "attributes": {
       "scrollable": "boolean",
       "styles": {
-        "flexDirection": [
-          "row",
-          "column"
-        ],
-        "flexWrap": [
-          "nowrap",
-          "wrap",
-          "wrap-reverse"
-        ],
+        "flexDirection": ["row", "column"],
+        "flexWrap": ["nowrap", "wrap", "wrap-reverse"],
         "alignItems": [
           "flex-start",
           "center",
@@ -56,10 +49,7 @@
         "minHeight": "size",
         "maxHeight": "size",
         "flex": "number",
-        "position": [
-          "relative",
-          "absolute"
-        ],
+        "position": ["relative", "absolute"],
         "top": "size",
         "bottom": "size",
         "left": "size",
@@ -69,9 +59,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "View",
     "description": "Base layout container.",
     "specialCategories": {