@hero-design/rn 8.43.1 → 8.44.0

package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap

@@ -2,288 +2,372 @@
 
 exports[`Drawer renders correctly in invisible state 1`] = `
 <View
-  enableShadow={false}
-  pointerEvents="box-none"
   style={
-    [
-      {
-        "bottom": 0,
-        "elevation": 9999,
-        "left": 0,
-        "overflow": "hidden",
-        "position": "absolute",
-        "right": 0,
-        "shadowColor": "transparent",
-        "shadowOffset": {
-          "height": 3,
-          "width": 0,
-        },
-        "shadowOpacity": 0.27,
-        "shadowRadius": 4.65,
-        "top": 0,
-        "zIndex": 9999,
-      },
-      undefined,
-    ]
+    {
+      "flex": 1,
+    }
   }
 >
   <View
-    accessibilityState={
-      {
-        "busy": undefined,
-        "checked": undefined,
-        "disabled": undefined,
-        "expanded": undefined,
-        "selected": undefined,
-      }
-    }
-    accessibilityValue={
-      {
-        "max": undefined,
-        "min": undefined,
-        "now": undefined,
-        "text": undefined,
-      }
-    }
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    pointerEvents="box-none"
-    style={
-      {
-        "backgroundColor": "#ffffff",
-        "bottom": 0,
-        "left": 0,
-        "opacity": 0,
-        "position": "absolute",
-        "right": 0,
-        "top": 0,
-      }
-    }
-  />
-  <View
-    collapsable={false}
     enableShadow={false}
-    onLayout={[Function]}
+    pointerEvents="box-none"
     style={
-      {
-        "backgroundColor": "#ffffff",
-        "borderBottomLeftRadius": 16,
-        "borderBottomRightRadius": 16,
-        "elevation": undefined,
-        "overflow": "hidden",
-        "transform": [
-          {
-            "translateY": -1334,
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+          "shadowColor": "transparent",
+          "shadowOffset": {
+            "height": 3,
+            "width": 0,
           },
-        ],
-      }
+          "shadowOpacity": 0.27,
+          "shadowRadius": 4.65,
+          "top": 0,
+          "zIndex": 9999,
+        },
+        undefined,
+      ]
     }
   >
-    <Text>
-      Drawer Content
-    </Text>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onBlur={[Function]}
+      onClick={[Function]}
+      onFocus={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      pointerEvents="box-none"
+      style={
+        {
+          "backgroundColor": "#ffffff",
+          "bottom": 0,
+          "left": 0,
+          "opacity": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        }
+      }
+    />
+    <View
+      collapsable={false}
+      enableShadow={false}
+      onLayout={[Function]}
+      style={
+        {
+          "backgroundColor": "#ffffff",
+          "borderBottomLeftRadius": 16,
+          "borderBottomRightRadius": 16,
+          "elevation": undefined,
+          "overflow": "hidden",
+          "transform": [
+            {
+              "translateY": -1334,
+            },
+          ],
+        }
+      }
+    >
+      <Text>
+        Drawer Content
+      </Text>
+    </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[`Drawer renders correctly in visible state 1`] = `
 <View
-  enableShadow={false}
-  pointerEvents="box-none"
   style={
-    [
-      {
-        "bottom": 0,
-        "elevation": 9999,
-        "left": 0,
-        "overflow": "hidden",
-        "position": "absolute",
-        "right": 0,
-        "shadowColor": "transparent",
-        "shadowOffset": {
-          "height": 3,
-          "width": 0,
-        },
-        "shadowOpacity": 0.27,
-        "shadowRadius": 4.65,
-        "top": 0,
-        "zIndex": 9999,
-      },
-      undefined,
-    ]
+    {
+      "flex": 1,
+    }
   }
 >
   <View
-    accessibilityState={
-      {
-        "busy": undefined,
-        "checked": undefined,
-        "disabled": undefined,
-        "expanded": undefined,
-        "selected": undefined,
-      }
-    }
-    accessibilityValue={
-      {
-        "max": undefined,
-        "min": undefined,
-        "now": undefined,
-        "text": undefined,
-      }
-    }
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    pointerEvents="auto"
-    style={
-      {
-        "backgroundColor": "#ffffff",
-        "bottom": 0,
-        "left": 0,
-        "opacity": 0.35,
-        "position": "absolute",
-        "right": 0,
-        "top": 0,
-      }
-    }
-  />
-  <View
-    collapsable={false}
     enableShadow={false}
-    onLayout={[Function]}
+    pointerEvents="box-none"
     style={
-      {
-        "backgroundColor": "#ffffff",
-        "borderBottomLeftRadius": 16,
-        "borderBottomRightRadius": 16,
-        "elevation": undefined,
-        "overflow": "hidden",
-        "transform": [
-          {
-            "translateY": 0,
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+          "shadowColor": "transparent",
+          "shadowOffset": {
+            "height": 3,
+            "width": 0,
           },
-        ],
-      }
+          "shadowOpacity": 0.27,
+          "shadowRadius": 4.65,
+          "top": 0,
+          "zIndex": 9999,
+        },
+        undefined,
+      ]
     }
   >
-    <Text>
-      Drawer Content
-    </Text>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onBlur={[Function]}
+      onClick={[Function]}
+      onFocus={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      pointerEvents="auto"
+      style={
+        {
+          "backgroundColor": "#ffffff",
+          "bottom": 0,
+          "left": 0,
+          "opacity": 0.35,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        }
+      }
+    />
+    <View
+      collapsable={false}
+      enableShadow={false}
+      onLayout={[Function]}
+      style={
+        {
+          "backgroundColor": "#ffffff",
+          "borderBottomLeftRadius": 16,
+          "borderBottomRightRadius": 16,
+          "elevation": undefined,
+          "overflow": "hidden",
+          "transform": [
+            {
+              "translateY": 0,
+            },
+          ],
+        }
+      }
+    >
+      <Text>
+        Drawer Content
+      </Text>
+    </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[`Drawer renders correctly with no backdrop 1`] = `
 <View
-  enableShadow={false}
-  pointerEvents="box-none"
   style={
-    [
-      {
-        "bottom": 0,
-        "elevation": 9999,
-        "left": 0,
-        "overflow": "hidden",
-        "position": "absolute",
-        "right": 0,
-        "shadowColor": "transparent",
-        "shadowOffset": {
-          "height": 3,
-          "width": 0,
-        },
-        "shadowOpacity": 0.27,
-        "shadowRadius": 4.65,
-        "top": 0,
-        "zIndex": 9999,
-      },
-      undefined,
-    ]
+    {
+      "flex": 1,
+    }
   }
 >
   <View
-    accessibilityState={
-      {
-        "busy": undefined,
-        "checked": undefined,
-        "disabled": undefined,
-        "expanded": undefined,
-        "selected": undefined,
-      }
-    }
-    accessibilityValue={
-      {
-        "max": undefined,
-        "min": undefined,
-        "now": undefined,
-        "text": undefined,
-      }
-    }
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    pointerEvents="box-none"
-    style={
-      {
-        "backgroundColor": "#ffffff",
-        "bottom": 0,
-        "left": 0,
-        "opacity": 0,
-        "position": "absolute",
-        "right": 0,
-        "top": 0,
-      }
-    }
-  />
-  <View
-    collapsable={false}
     enableShadow={false}
-    onLayout={[Function]}
+    pointerEvents="box-none"
     style={
-      {
-        "backgroundColor": "#ffffff",
-        "borderBottomLeftRadius": 16,
-        "borderBottomRightRadius": 16,
-        "elevation": undefined,
-        "overflow": "hidden",
-        "transform": [
-          {
-            "translateY": -1334,
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "left": 0,
+          "overflow": "hidden",
+          "position": "absolute",
+          "right": 0,
+          "shadowColor": "transparent",
+          "shadowOffset": {
+            "height": 3,
+            "width": 0,
           },
-        ],
-      }
+          "shadowOpacity": 0.27,
+          "shadowRadius": 4.65,
+          "top": 0,
+          "zIndex": 9999,
+        },
+        undefined,
+      ]
     }
   >
-    <Text>
-      Drawer Content
-    </Text>
+    <View
+      accessibilityState={
+        {
+          "busy": undefined,
+          "checked": undefined,
+          "disabled": undefined,
+          "expanded": undefined,
+          "selected": undefined,
+        }
+      }
+      accessibilityValue={
+        {
+          "max": undefined,
+          "min": undefined,
+          "now": undefined,
+          "text": undefined,
+        }
+      }
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      onBlur={[Function]}
+      onClick={[Function]}
+      onFocus={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      pointerEvents="box-none"
+      style={
+        {
+          "backgroundColor": "#ffffff",
+          "bottom": 0,
+          "left": 0,
+          "opacity": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        }
+      }
+    />
+    <View
+      collapsable={false}
+      enableShadow={false}
+      onLayout={[Function]}
+      style={
+        {
+          "backgroundColor": "#ffffff",
+          "borderBottomLeftRadius": 16,
+          "borderBottomRightRadius": 16,
+          "elevation": undefined,
+          "overflow": "hidden",
+          "transform": [
+            {
+              "translateY": -1334,
+            },
+          ],
+        }
+      }
+    >
+      <Text>
+        Drawer Content
+      </Text>
+    </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>
 `;