@tactics/toddle-styleguide 5.4.46 → 5.4.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "5.4.46",
+  "version": "5.4.47",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",

package/src/components/molecules/swipe/swipe.component.native.tsx

@@ -69,6 +69,7 @@ const Swipe = ({children, onIndexChange}: SwipeProps) => {
         initialPage={0}
         collapsable={false}
         onPageSelected={handlePageSelected}
+        orientation={"horizontal"}
       >
         {children}
       </PagerView>

package/src/components/molecules/swipe/swipe.styles.d.ts

@@ -24,5 +24,6 @@ export function Stylesheet(): {
   };
   swipeContainer: {
     flex: number;
+
   };
 };

package/src/components/molecules/swipe/swipe.styles.js

@@ -28,5 +28,6 @@ export const Stylesheet = () =>
     },
     swipeContainer: {
       flex: 1,
+      zIndex: 1,
     },
   });

package/src/components/templates/popover-action/popover-action.component.tsx

@@ -49,16 +49,20 @@ export const PopOverAction = ({
     index: number,
     layout: LayoutChangeEvent['nativeEvent']['layout']
   ) => {
-    setChildDimensions((prev) => {
-      const updated = [...prev];
-      updated[index] = layout;
-      return updated;
-    });
+    // Ignore zero-height layouts which can occur before content renders,
+    // otherwise the sheet may collapse and appear to lose content.
+    if (layout?.height && layout.height > 0) {
+      setChildDimensions((prev) => {
+        const updated = [...prev];
+        updated[index] = layout;
+        return updated;
+      });
 
-    // Ensure element size is known for the currently visible child so the animation can open
-    // even if Swipe never emits onIndexChange (e.g., only one child or Swipe not implemented yet).
-    if (index === currentChildIndex) {
-      setElementSize({ width: layout.width, height: layout.height });
+      // Ensure element size is known for the currently visible child so the animation can open
+      // even if Swipe never emits onIndexChange (e.g., only one child or Swipe not implemented yet).
+      if (index === currentChildIndex) {
+        setElementSize({ width: layout.width, height: layout.height });
+      }
     }
   };