@hero-design/rn 8.113.0 → 8.114.0

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap

@@ -266,391 +266,115 @@ exports[`DatePickerIOS renders correctly 1`] = `
         </View>
       </View>
     </View>
-    <RCTModalHostView
-      animationType="none"
-      hardwareAccelerated={false}
-      identifier={0}
-      onDismiss={[Function]}
-      onRequestClose={[Function]}
-      onStartShouldSetResponder={[Function]}
-      presentationStyle="overFullScreen"
-      style={
-        {
-          "position": "absolute",
-        }
-      }
-      supportedOrientations={
-        [
-          "portrait",
-        ]
-      }
-      transparent={true}
-      visible={true}
-    >
+    <View>
+      <View>
+        Start date
+      </View>
       <View
-        collapsable={false}
         style={
           [
             {
-              "flex": 1,
-              "left": 0,
-              "top": 0,
-            },
-            {
-              "backgroundColor": "transparent",
+              "alignItems": "center",
+              "height": 176,
             },
+            undefined,
           ]
         }
       >
-        <View
-          pointerEvents="box-none"
+        <Picker
+          display="spinner"
+          locale="en-AU"
+          mode="date"
+          onChange={[Function]}
           style={
             {
               "flex": 1,
             }
           }
+          testID="datePickerIOS"
+          textColor="#001f23"
+          value={1995-12-21T00:00:00.000Z}
+        />
+      </View>
+      <View>
+        <View
+          accessibilityState={
+            {
+              "disabled": false,
+            }
+          }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
+          accessible={true}
+          focusable={true}
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          style={
+            [
+              {
+                "alignItems": "center",
+                "backgroundColor": "transparent",
+                "borderRadius": 999,
+                "borderWidth": 0,
+                "flexDirection": "row",
+                "height": 60,
+                "justifyContent": "center",
+                "padding": 12,
+              },
+              undefined,
+            ]
+          }
         >
-          <View
-            collapsable={true}
-            pointerEvents="box-none"
+          <Text
+            allowFontScaling={false}
+            disabled={false}
+            ellipsizeMode="tail"
+            numberOfLines={1}
             style={
-              {
-                "flex": 1,
-              }
-            }
-          >
-            <View
-              pointerEvents="box-none"
-              style={
+              [
+                {
+                  "color": "#001f23",
+                  "fontFamily": "BeVietnamPro-SemiBold",
+                  "fontSize": 16,
+                  "letterSpacing": 0.24,
+                  "lineHeight": 24,
+                },
                 [
                   {
-                    "bottom": 0,
-                    "flexDirection": "column-reverse",
-                    "left": 0,
-                    "position": "absolute",
-                    "right": 0,
-                    "top": 0,
+                    "color": "#401960",
+                    "flexShrink": 1,
+                    "lineHeight": 22,
+                    "textAlign": "center",
+                    "textAlignVertical": "center",
                   },
                   undefined,
-                ]
-              }
-            >
-              <View
-                onLayout={[Function]}
-                style={
-                  [
-                    [
-                      {
-                        "flex": 1,
-                        "flexDirection": "column-reverse",
-                      },
-                      undefined,
-                    ],
-                    {
-                      "paddingBottom": 0,
-                    },
-                  ]
-                }
-              >
-                <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]}
-                  style={
-                    {
-                      "backgroundColor": "#000000",
-                      "bottom": 0,
-                      "left": 0,
-                      "opacity": 0.48,
-                      "position": "absolute",
-                      "right": 0,
-                      "top": 0,
-                    }
-                  }
-                />
-                <RCTSafeAreaView
-                  collapsable={false}
-                  style={
-                    {
-                      "backgroundColor": "#ffffff",
-                      "borderTopLeftRadius": 16,
-                      "borderTopRightRadius": 16,
-                      "maxHeight": "94%",
-                      "transform": [
-                        {
-                          "scaleY": 1,
-                        },
-                        {
-                          "translateY": 0,
-                        },
-                      ],
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <View
-                    style={
-                      [
-                        {
-                          "flexDirection": "row",
-                          "paddingHorizontal": 16,
-                          "paddingVertical": 8,
-                        },
-                        undefined,
-                      ]
-                    }
-                  >
-                    <View
-                      style={
-                        [
-                          {
-                            "flex": 1,
-                            "justifyContent": "center",
-                          },
-                          undefined,
-                        ]
-                      }
-                    >
-                      <Text
-                        allowFontScaling={false}
-                        style={
-                          [
-                            {
-                              "color": "#001f23",
-                              "fontFamily": "BeVietnamPro-SemiBold",
-                              "fontSize": 16,
-                              "letterSpacing": 0.24,
-                              "lineHeight": 24,
-                            },
-                            undefined,
-                          ]
-                        }
-                        themeIntent="body"
-                        themeIsItalic={false}
-                        themeTypeface="neutral"
-                        themeVariant="regular-bold"
-                      >
-                        Start date
-                      </Text>
-                    </View>
-                    <View
-                      style={
-                        [
-                          {
-                            "alignItems": "flex-end",
-                            "height": 48,
-                            "justifyContent": "center",
-                            "marginLeft": 12,
-                            "width": 48,
-                          },
-                          undefined,
-                        ]
-                      }
-                    >
-                      <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}
-                        onClick={[Function]}
-                        onResponderGrant={[Function]}
-                        onResponderMove={[Function]}
-                        onResponderRelease={[Function]}
-                        onResponderTerminate={[Function]}
-                        onResponderTerminationRequest={[Function]}
-                        onStartShouldSetResponder={[Function]}
-                        style={
-                          {
-                            "opacity": 1,
-                          }
-                        }
-                        testID="bottom-sheet-close-icon"
-                      >
-                        <HeroIcon
-                          name="cancel"
-                          style={
-                            [
-                              {
-                                "color": "#001f23",
-                                "fontSize": 16,
-                              },
-                              undefined,
-                            ]
-                          }
-                          themeIntent="text"
-                          themeSize="xsmall"
-                        />
-                      </View>
-                    </View>
-                  </View>
-                  <View
-                    style={
-                      [
-                        {
-                          "alignItems": "center",
-                          "height": 176,
-                        },
-                        undefined,
-                      ]
-                    }
-                  >
-                    <Picker
-                      display="spinner"
-                      locale="en-AU"
-                      mode="date"
-                      onChange={[Function]}
-                      style={
-                        {
-                          "flex": 1,
-                        }
-                      }
-                      testID="datePickerIOS"
-                      textColor="#001f23"
-                      value={1995-12-21T00:00:00.000Z}
-                    />
-                  </View>
-                  <View>
-                    <View
-                      style={
-                        [
-                          {
-                            "alignItems": "center",
-                            "flexDirection": "row",
-                            "justifyContent": "flex-end",
-                            "paddingHorizontal": 12,
-                            "paddingVertical": 2,
-                          },
-                          undefined,
-                        ]
-                      }
-                    >
-                      <View
-                        accessibilityState={
-                          {
-                            "disabled": false,
-                          }
-                        }
-                        accessibilityValue={
-                          {
-                            "max": undefined,
-                            "min": undefined,
-                            "now": undefined,
-                            "text": undefined,
-                          }
-                        }
-                        accessible={true}
-                        focusable={true}
-                        onClick={[Function]}
-                        onResponderGrant={[Function]}
-                        onResponderMove={[Function]}
-                        onResponderRelease={[Function]}
-                        onResponderTerminate={[Function]}
-                        onResponderTerminationRequest={[Function]}
-                        onStartShouldSetResponder={[Function]}
-                        style={
-                          [
-                            {
-                              "alignItems": "center",
-                              "backgroundColor": "transparent",
-                              "borderRadius": 999,
-                              "borderWidth": 0,
-                              "flexDirection": "row",
-                              "height": 60,
-                              "justifyContent": "center",
-                              "padding": 12,
-                            },
-                            undefined,
-                          ]
-                        }
-                      >
-                        <Text
-                          allowFontScaling={false}
-                          disabled={false}
-                          ellipsizeMode="tail"
-                          numberOfLines={1}
-                          style={
-                            [
-                              {
-                                "color": "#001f23",
-                                "fontFamily": "BeVietnamPro-SemiBold",
-                                "fontSize": 16,
-                                "letterSpacing": 0.24,
-                                "lineHeight": 24,
-                              },
-                              [
-                                {
-                                  "color": "#401960",
-                                  "flexShrink": 1,
-                                  "lineHeight": 22,
-                                  "textAlign": "center",
-                                  "textAlignVertical": "center",
-                                },
-                                undefined,
-                              ],
-                            ]
-                          }
-                          themeButtonVariant="text-primary"
-                          themeIntent="body"
-                          themeIsCompact={false}
-                          themeIsItalic={false}
-                          themeIsPressed={false}
-                          themeTypeface="neutral"
-                          themeVariant="regular-bold"
-                        >
-                          Confirm
-                        </Text>
-                      </View>
-                    </View>
-                  </View>
-                </RCTSafeAreaView>
-              </View>
-            </View>
-          </View>
+                ],
+              ]
+            }
+            themeButtonVariant="text-primary"
+            themeIntent="body"
+            themeIsCompact={false}
+            themeIsItalic={false}
+            themeIsPressed={false}
+            themeTypeface="neutral"
+            themeVariant="regular-bold"
+          >
+            Confirm
+          </Text>
         </View>
       </View>
-    </RCTModalHostView>
+    </View>
   </View>
   <View
     pointerEvents="box-none"
@@ -941,391 +665,115 @@ exports[`DatePickerIOS renders correctly with custom locale 1`] = `
         </View>
       </View>
     </View>
-    <RCTModalHostView
-      animationType="none"
-      hardwareAccelerated={false}
-      identifier={2}
-      onDismiss={[Function]}
-      onRequestClose={[Function]}
-      onStartShouldSetResponder={[Function]}
-      presentationStyle="overFullScreen"
-      style={
-        {
-          "position": "absolute",
-        }
-      }
-      supportedOrientations={
-        [
-          "portrait",
-        ]
-      }
-      transparent={true}
-      visible={true}
-    >
+    <View>
+      <View>
+        Start date
+      </View>
       <View
-        collapsable={false}
         style={
           [
             {
-              "flex": 1,
-              "left": 0,
-              "top": 0,
-            },
-            {
-              "backgroundColor": "transparent",
+              "alignItems": "center",
+              "height": 176,
             },
+            undefined,
           ]
         }
       >
-        <View
-          pointerEvents="box-none"
+        <Picker
+          display="spinner"
+          locale="zh-CN"
+          mode="date"
+          onChange={[Function]}
           style={
             {
               "flex": 1,
             }
           }
+          testID="datePickerIOS"
+          textColor="#001f23"
+          value={1995-12-21T00:00:00.000Z}
+        />
+      </View>
+      <View>
+        <View
+          accessibilityState={
+            {
+              "disabled": false,
+            }
+          }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
+          }
+          accessible={true}
+          focusable={true}
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          style={
+            [
+              {
+                "alignItems": "center",
+                "backgroundColor": "transparent",
+                "borderRadius": 999,
+                "borderWidth": 0,
+                "flexDirection": "row",
+                "height": 60,
+                "justifyContent": "center",
+                "padding": 12,
+              },
+              undefined,
+            ]
+          }
         >
-          <View
-            collapsable={true}
-            pointerEvents="box-none"
+          <Text
+            allowFontScaling={false}
+            disabled={false}
+            ellipsizeMode="tail"
+            numberOfLines={1}
             style={
-              {
-                "flex": 1,
-              }
-            }
-          >
-            <View
-              pointerEvents="box-none"
-              style={
+              [
+                {
+                  "color": "#001f23",
+                  "fontFamily": "BeVietnamPro-SemiBold",
+                  "fontSize": 16,
+                  "letterSpacing": 0.24,
+                  "lineHeight": 24,
+                },
                 [
                   {
-                    "bottom": 0,
-                    "flexDirection": "column-reverse",
-                    "left": 0,
-                    "position": "absolute",
-                    "right": 0,
-                    "top": 0,
+                    "color": "#401960",
+                    "flexShrink": 1,
+                    "lineHeight": 22,
+                    "textAlign": "center",
+                    "textAlignVertical": "center",
                   },
                   undefined,
-                ]
-              }
-            >
-              <View
-                onLayout={[Function]}
-                style={
-                  [
-                    [
-                      {
-                        "flex": 1,
-                        "flexDirection": "column-reverse",
-                      },
-                      undefined,
-                    ],
-                    {
-                      "paddingBottom": 0,
-                    },
-                  ]
-                }
-              >
-                <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]}
-                  style={
-                    {
-                      "backgroundColor": "#000000",
-                      "bottom": 0,
-                      "left": 0,
-                      "opacity": 0.48,
-                      "position": "absolute",
-                      "right": 0,
-                      "top": 0,
-                    }
-                  }
-                />
-                <RCTSafeAreaView
-                  collapsable={false}
-                  style={
-                    {
-                      "backgroundColor": "#ffffff",
-                      "borderTopLeftRadius": 16,
-                      "borderTopRightRadius": 16,
-                      "maxHeight": "94%",
-                      "transform": [
-                        {
-                          "scaleY": 1,
-                        },
-                        {
-                          "translateY": 0,
-                        },
-                      ],
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <View
-                    style={
-                      [
-                        {
-                          "flexDirection": "row",
-                          "paddingHorizontal": 16,
-                          "paddingVertical": 8,
-                        },
-                        undefined,
-                      ]
-                    }
-                  >
-                    <View
-                      style={
-                        [
-                          {
-                            "flex": 1,
-                            "justifyContent": "center",
-                          },
-                          undefined,
-                        ]
-                      }
-                    >
-                      <Text
-                        allowFontScaling={false}
-                        style={
-                          [
-                            {
-                              "color": "#001f23",
-                              "fontFamily": "BeVietnamPro-SemiBold",
-                              "fontSize": 16,
-                              "letterSpacing": 0.24,
-                              "lineHeight": 24,
-                            },
-                            undefined,
-                          ]
-                        }
-                        themeIntent="body"
-                        themeIsItalic={false}
-                        themeTypeface="neutral"
-                        themeVariant="regular-bold"
-                      >
-                        Start date
-                      </Text>
-                    </View>
-                    <View
-                      style={
-                        [
-                          {
-                            "alignItems": "flex-end",
-                            "height": 48,
-                            "justifyContent": "center",
-                            "marginLeft": 12,
-                            "width": 48,
-                          },
-                          undefined,
-                        ]
-                      }
-                    >
-                      <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}
-                        onClick={[Function]}
-                        onResponderGrant={[Function]}
-                        onResponderMove={[Function]}
-                        onResponderRelease={[Function]}
-                        onResponderTerminate={[Function]}
-                        onResponderTerminationRequest={[Function]}
-                        onStartShouldSetResponder={[Function]}
-                        style={
-                          {
-                            "opacity": 1,
-                          }
-                        }
-                        testID="bottom-sheet-close-icon"
-                      >
-                        <HeroIcon
-                          name="cancel"
-                          style={
-                            [
-                              {
-                                "color": "#001f23",
-                                "fontSize": 16,
-                              },
-                              undefined,
-                            ]
-                          }
-                          themeIntent="text"
-                          themeSize="xsmall"
-                        />
-                      </View>
-                    </View>
-                  </View>
-                  <View
-                    style={
-                      [
-                        {
-                          "alignItems": "center",
-                          "height": 176,
-                        },
-                        undefined,
-                      ]
-                    }
-                  >
-                    <Picker
-                      display="spinner"
-                      locale="zh-CN"
-                      mode="date"
-                      onChange={[Function]}
-                      style={
-                        {
-                          "flex": 1,
-                        }
-                      }
-                      testID="datePickerIOS"
-                      textColor="#001f23"
-                      value={1995-12-21T00:00:00.000Z}
-                    />
-                  </View>
-                  <View>
-                    <View
-                      style={
-                        [
-                          {
-                            "alignItems": "center",
-                            "flexDirection": "row",
-                            "justifyContent": "flex-end",
-                            "paddingHorizontal": 12,
-                            "paddingVertical": 2,
-                          },
-                          undefined,
-                        ]
-                      }
-                    >
-                      <View
-                        accessibilityState={
-                          {
-                            "disabled": false,
-                          }
-                        }
-                        accessibilityValue={
-                          {
-                            "max": undefined,
-                            "min": undefined,
-                            "now": undefined,
-                            "text": undefined,
-                          }
-                        }
-                        accessible={true}
-                        focusable={true}
-                        onClick={[Function]}
-                        onResponderGrant={[Function]}
-                        onResponderMove={[Function]}
-                        onResponderRelease={[Function]}
-                        onResponderTerminate={[Function]}
-                        onResponderTerminationRequest={[Function]}
-                        onStartShouldSetResponder={[Function]}
-                        style={
-                          [
-                            {
-                              "alignItems": "center",
-                              "backgroundColor": "transparent",
-                              "borderRadius": 999,
-                              "borderWidth": 0,
-                              "flexDirection": "row",
-                              "height": 60,
-                              "justifyContent": "center",
-                              "padding": 12,
-                            },
-                            undefined,
-                          ]
-                        }
-                      >
-                        <Text
-                          allowFontScaling={false}
-                          disabled={false}
-                          ellipsizeMode="tail"
-                          numberOfLines={1}
-                          style={
-                            [
-                              {
-                                "color": "#001f23",
-                                "fontFamily": "BeVietnamPro-SemiBold",
-                                "fontSize": 16,
-                                "letterSpacing": 0.24,
-                                "lineHeight": 24,
-                              },
-                              [
-                                {
-                                  "color": "#401960",
-                                  "flexShrink": 1,
-                                  "lineHeight": 22,
-                                  "textAlign": "center",
-                                  "textAlignVertical": "center",
-                                },
-                                undefined,
-                              ],
-                            ]
-                          }
-                          themeButtonVariant="text-primary"
-                          themeIntent="body"
-                          themeIsCompact={false}
-                          themeIsItalic={false}
-                          themeIsPressed={false}
-                          themeTypeface="neutral"
-                          themeVariant="regular-bold"
-                        >
-                          Confirm
-                        </Text>
-                      </View>
-                    </View>
-                  </View>
-                </RCTSafeAreaView>
-              </View>
-            </View>
-          </View>
+                ],
+              ]
+            }
+            themeButtonVariant="text-primary"
+            themeIntent="body"
+            themeIsCompact={false}
+            themeIsItalic={false}
+            themeIsPressed={false}
+            themeTypeface="neutral"
+            themeVariant="regular-bold"
+          >
+            Confirm
+          </Text>
         </View>
       </View>
-    </RCTModalHostView>
+    </View>
   </View>
   <View
     pointerEvents="box-none"