npm - @hero-design/rn - Versions diffs - 8.43.1 → 8.44.0 - Mend

@hero-design/rn 8.43.1 → 8.44.0

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 (133) hide show

package/src/components/Collapse/__tests__/__snapshots__/StyledCollapse.spec.tsx.snap CHANGED Viewed

@@ -3,34 +3,90 @@
 exports[`StyledChildWrapper renders correct style 1`] = `
 <View
   style={
-    [
-      {
-        "margin": 0,
-        "padding": 0,
-      },
-      undefined,
-    ]
+    {
+      "flex": 1,
+    }
   }
 >
-  <Text>
-    Sample Child
-  </Text>
+  <View
+    style={
+      [
+        {
+          "margin": 0,
+          "padding": 0,
+        },
+        undefined,
+      ]
+    }
+  >
+    <Text>
+      Sample Child
+    </Text>
+  </View>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
 </View>
 `;
 exports[`StyledWrapper renders correct style 1`] = `
 <View
-  collapsable={false}
   style={
     {
-      "margin": 0,
-      "overflow": "hidden",
-      "padding": 0,
+      "flex": 1,
     }
   }
 >
-  <Text>
-    Sample Child
-  </Text>
+  <View
+    collapsable={false}
+    style={
+      {
+        "margin": 0,
+        "overflow": "hidden",
+        "padding": 0,
+      }
+    }
+  >
+    <Text>
+      Sample Child
+    </Text>
+  </View>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
 </View>
 `;

package/src/components/Collapse/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -2,88 +2,144 @@
 exports[`Collapse renders correctly 1`] = `
 <View
-  collapsable={false}
-  onLayout={[Function]}
   style={
     {
-      "height": 0,
-      "margin": 0,
-      "overflow": "hidden",
-      "padding": 0,
+      "flex": 1,
     }
   }
-  testID="collapse"
 >
   <View
+    collapsable={false}
+    onLayout={[Function]}
     style={
-      [
-        {
-          "height": 1334,
-        },
-        undefined,
-      ]
+      {
+        "height": 0,
+        "margin": 0,
+        "overflow": "hidden",
+        "padding": 0,
+      }
     }
+    testID="collapse"
   >
     <View
-      onLayout={[Function]}
       style={
         [
           {
-            "margin": 0,
-            "padding": 0,
+            "height": 1334,
           },
           undefined,
         ]
       }
     >
-      <Text>
-        Sample Text
-      </Text>
+      <View
+        onLayout={[Function]}
+        style={
+          [
+            {
+              "margin": 0,
+              "padding": 0,
+            },
+            undefined,
+          ]
+        }
+      >
+        <Text>
+          Sample Text
+        </Text>
+      </View>
     </View>
   </View>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
 </View>
 `;
 exports[`Collapse should render Sample Text but not visible 1`] = `
 <View
-  collapsable={false}
-  onLayout={[Function]}
   style={
     {
-      "height": 0,
-      "margin": 0,
-      "overflow": "hidden",
-      "padding": 0,
+      "flex": 1,
     }
   }
-  testID="collapse"
 >
   <View
+    collapsable={false}
+    onLayout={[Function]}
     style={
-      [
-        {
-          "height": 1334,
-        },
-        undefined,
-      ]
+      {
+        "height": 0,
+        "margin": 0,
+        "overflow": "hidden",
+        "padding": 0,
+      }
     }
+    testID="collapse"
   >
     <View
-      onLayout={[Function]}
       style={
         [
           {
-            "margin": 0,
-            "padding": 0,
+            "height": 1334,
           },
           undefined,
         ]
       }
     >
-      <Text>
-        Sample Text
-      </Text>
+      <View
+        onLayout={[Function]}
+        style={
+          [
+            {
+              "margin": 0,
+              "padding": 0,
+            },
+            undefined,
+          ]
+        }
+      >
+        <Text>
+          Sample Text
+        </Text>
+      </View>
     </View>
   </View>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
 </View>
 `;

package/src/components/ContentNavigator/__tests__/__snapshots__/StyledContentNavigator.spec.tsx.snap CHANGED Viewed

@@ -3,14 +3,42 @@
 exports[`Wrapper has correct style 1`] = `
 <View
   style={
-    [
-      {
-        "flex": 1,
-        "flexDirection": "row",
-        "justifyContent": "space-between",
-      },
-      undefined,
-    ]
+    {
+      "flex": 1,
+    }
   }
-/>
+>
+  <View
+    style={
+      [
+        {
+          "flex": 1,
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+        },
+        undefined,
+      ]
+    }
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
 `;