@bravostudioai/react 0.1.12 → 0.1.14

package/dist/contexts/EncoreActionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"EncoreActionContext.js","sources":["../../src/contexts/EncoreActionContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport type EncoreActionPayload = {\n  bravo: {\n    cancel: () => void;\n    action: any;\n  };\n};\n\ntype EncoreActionContextType = {\n  onAction?: (payload: EncoreActionPayload) => void | Promise<void>;\n};\n\nconst EncoreActionContext = React.createContext<EncoreActionContextType>({});\n\nexport default EncoreActionContext;\n\n\n"],"names":["EncoreActionContext","React"],"mappings":";AAaA,MAAMA,IAAsBC,EAAM,cAAuC,CAAA,CAAE;"}
+{"version":3,"file":"EncoreActionContext.js","sources":["../../src/contexts/EncoreActionContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport type EncoreActionPayload = {\n  bravo: {\n    cancel: () => void;\n    action: any;\n    componentId?: string; // ID of the component that triggered the action\n  };\n};\n\ntype EncoreActionContextType = {\n  onAction?: (payload: EncoreActionPayload) => void | Promise<void>;\n};\n\nconst EncoreActionContext = React.createContext<EncoreActionContextType>({});\n\nexport default EncoreActionContext;\n"],"names":["EncoreActionContext","React"],"mappings":";AAcA,MAAMA,IAAsBC,EAAM,cAAuC,CAAA,CAAE;"}

package/dist/src/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AA6hGf,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAoDxD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AAwjGf,QAAA,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAoDxD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/contexts/EncoreActionContext.d.ts

@@ -3,6 +3,7 @@ export type EncoreActionPayload = {
     bravo: {
         cancel: () => void;
         action: any;
+        componentId?: string;
     };
 };
 type EncoreActionContextType = {

package/dist/src/contexts/EncoreActionContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EncoreActionContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/EncoreActionContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,MAAM,EAAE,GAAG,CAAC;KACb,CAAC;CACH,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE,CAAC;AAEF,QAAA,MAAM,mBAAmB,wCAAmD,CAAC;AAE7E,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"EncoreActionContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/EncoreActionContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,MAAM,EAAE,GAAG,CAAC;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE,CAAC;AAEF,QAAA,MAAM,mBAAmB,wCAAmD,CAAC;AAE7E,eAAe,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bravostudioai/react",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/src/index.d.ts",

package/src/components.tsx

@@ -401,6 +401,12 @@ const useEncoreStyle = (
     result.width = style.layout.size.x * scale;
   }
 
+  // HUG sizing: explicitly do NOT set width
+  // Let flex layout determine width based on content
+  if (style.layout?.layoutSizingHorizontal === "HUG") {
+    // Don't set result.width
+  }
+
   if (style.layout?.layoutSizingVertical === "FIXED") {
     const scale = pageContext.scaleFactor ?? 1;
     result.height = style.layout.size.y * scale;
@@ -798,7 +804,7 @@ const EncoreLinkActionWrapper: React.FC<{
     };
     if (typeof onAction === "function") {
       try {
-        await onAction({ bravo: { cancel, action } });
+        await onAction({ bravo: { cancel, action, componentId: id } });
         proceed = true;
       } catch (e) {
         // ignore callback errors to avoid breaking in-bravo behavior
@@ -896,6 +902,7 @@ const EncoreLinkActionWrapper: React.FC<{
                     },
                     event: "tap",
                   },
+                  componentId: id,
                 },
               });
               console.log("✅ Input group change event fired");
@@ -1463,6 +1470,7 @@ const SelectInputComponent: React.FC<ComponentProps> = ({
               nodeId: id,
               params: { value: newValue },
             },
+            componentId: id,
           },
         });
       } catch (e) {
@@ -2174,6 +2182,7 @@ const SliderComponent = ({ id, name, nodeData, children }) => {
   const idleTimeoutRef = React.useRef(null);
   const pageContext = useContext(EncorePageContext);
   const repeatingContainerContext = useContext(EncoreRepeatingContainerContext);
+  const { onAction } = useContext(EncoreActionContext);
 
   // Control props from context
   const [controlProps, setControlProps] = React.useState({
@@ -2620,8 +2629,26 @@ const SliderComponent = ({ id, name, nodeData, children }) => {
       if (currentControlProps.onIndexChange) {
         currentControlProps.onIndexChange(index);
       }
+
+      // Trigger onAction for visibility in parent
+      if (typeof onAction === "function") {
+        try {
+          onAction({
+            bravo: {
+              cancel: () => {},
+              action: {
+                action: "index-change",
+                params: { index },
+              },
+              componentId: id,
+            },
+          });
+        } catch (e) {
+          // ignore
+        }
+      }
     },
-    [] // Empty deps - we use ref to access latest controlProps
+    [onAction, id] // Depend on onAction to ensure we call the latest version
   );
 
   // Set up scroll event listeners

package/src/contexts/EncoreActionContext.ts

@@ -4,6 +4,7 @@ export type EncoreActionPayload = {
   bravo: {
     cancel: () => void;
     action: any;
+    componentId?: string; // ID of the component that triggered the action
   };
 };
 
@@ -14,5 +15,3 @@ type EncoreActionContextType = {
 const EncoreActionContext = React.createContext<EncoreActionContextType>({});
 
 export default EncoreActionContext;
-
-