@hero-design/rn 8.12.0-rc.0 → 8.12.1

package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap

@@ -8,7 +8,6 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
     }
   }
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -18,14 +17,17 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ffffff",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#ffffff",
+        "borderRadius": 4,
+        "flexDirection": "row",
+        "opacity": 1,
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
   testID="basic-list-item"
 >
@@ -141,7 +143,6 @@ exports[`BasicListItem when suffix and prefix are react element renders correctl
     }
   }
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -151,14 +152,17 @@ exports[`BasicListItem when suffix and prefix are react element renders correctl
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ffffff",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#ffffff",
+        "borderRadius": 4,
+        "flexDirection": "row",
+        "opacity": 1,
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
   testID="basic-list-item"
 >

package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap

@@ -8,7 +8,6 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
     }
   }
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -18,12 +17,14 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "backgroundColor": "#ffffff",
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "backgroundColor": "#ffffff",
+        "flexDirection": "row",
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
 >
   <View
@@ -318,7 +319,6 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
     }
   }
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -328,12 +328,14 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "backgroundColor": "#ffffff",
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "backgroundColor": "#ffffff",
+        "flexDirection": "row",
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
   testID="list-item"
 >
@@ -446,7 +448,6 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
     }
   }
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -456,12 +457,14 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "backgroundColor": "#ffffff",
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "backgroundColor": "#ffffff",
+        "flexDirection": "row",
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
 >
   <View
@@ -568,7 +571,6 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
     }
   }
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -578,12 +580,14 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "backgroundColor": "#ffffff",
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "backgroundColor": "#ffffff",
+        "flexDirection": "row",
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
   testID="list-item"
 >

package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap

@@ -3,7 +3,6 @@
 exports[`StyledListItemContainer renders correctly themeSelected false themeDisabled false 1`] = `
 <View
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -13,14 +12,17 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ffffff",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#ffffff",
+        "borderRadius": 4,
+        "flexDirection": "row",
+        "opacity": 1,
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
 >
   <Text
@@ -49,7 +51,6 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
 exports[`StyledListItemContainer renders correctly themeSelected false themeDisabled true 1`] = `
 <View
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -59,14 +60,17 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ffffff",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "opacity": 0.38,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#ffffff",
+        "borderRadius": 4,
+        "flexDirection": "row",
+        "opacity": 0.38,
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
 >
   <Text
@@ -95,7 +99,6 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
 exports[`StyledListItemContainer renders correctly themeSelected true themeDisabled false 1`] = `
 <View
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -105,14 +108,17 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ece8ef",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#ece8ef",
+        "borderRadius": 4,
+        "flexDirection": "row",
+        "opacity": 1,
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
 >
   <Text
@@ -141,7 +147,6 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
 exports[`StyledListItemContainer renders correctly themeSelected true themeDisabled true 1`] = `
 <View
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -151,14 +156,17 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ece8ef",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "opacity": 0.38,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#ece8ef",
+        "borderRadius": 4,
+        "flexDirection": "row",
+        "opacity": 0.38,
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
 >
   <Text

package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap

@@ -88,7 +88,6 @@ exports[`LeadingStatus renders correctly themeLeadingStausIntent warning 1`] = `
 exports[`ListItemContainer renders correctly themeSelected false themeVariant card 1`] = `
 <View
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -98,22 +97,24 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ffffff",
-      "borderRadius": 8,
-      "elevation": 10,
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-      "shadowColor": "#e8e9ea",
-      "shadowOffset": Object {
-        "height": 2,
-        "width": 0,
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#ffffff",
+        "borderRadius": 8,
+        "elevation": 10,
+        "flexDirection": "row",
+        "padding": 16,
+        "shadowColor": "#e8e9ea",
+        "shadowOffset": Object {
+          "height": 2,
+          "width": 0,
+        },
+        "shadowOpacity": 1,
+        "shadowRadius": 4,
       },
-      "shadowOpacity": 1,
-      "shadowRadius": 4,
-    }
+      undefined,
+    ]
   }
 >
   <Text
@@ -142,7 +143,6 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
 exports[`ListItemContainer renders correctly themeSelected false themeVariant full-width 1`] = `
 <View
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -152,12 +152,14 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant fu
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "backgroundColor": "#ffffff",
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "backgroundColor": "#ffffff",
+        "flexDirection": "row",
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
 >
   <Text
@@ -186,7 +188,6 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant fu
 exports[`ListItemContainer renders correctly themeSelected true themeVariant card 1`] = `
 <View
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -196,22 +197,24 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ece8ef",
-      "borderRadius": 8,
-      "elevation": 10,
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-      "shadowColor": "#e8e9ea",
-      "shadowOffset": Object {
-        "height": 2,
-        "width": 0,
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#ece8ef",
+        "borderRadius": 8,
+        "elevation": 10,
+        "flexDirection": "row",
+        "padding": 16,
+        "shadowColor": "#e8e9ea",
+        "shadowOffset": Object {
+          "height": 2,
+          "width": 0,
+        },
+        "shadowOpacity": 1,
+        "shadowRadius": 4,
       },
-      "shadowOpacity": 1,
-      "shadowRadius": 4,
-    }
+      undefined,
+    ]
   }
 >
   <Text
@@ -240,7 +243,6 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
 exports[`ListItemContainer renders correctly themeSelected true themeVariant full-width 1`] = `
 <View
   accessible={true}
-  collapsable={false}
   focusable={false}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -250,12 +252,14 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant ful
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "backgroundColor": "#ece8ef",
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "backgroundColor": "#ece8ef",
+        "flexDirection": "row",
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
 >
   <Text

package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap

@@ -8,7 +8,6 @@ exports[`rendering renders correctly when checked 1`] = `
     }
   }
   accessible={true}
-  collapsable={false}
   focusable={true}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -18,14 +17,17 @@ exports[`rendering renders correctly when checked 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ece8ef",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#ece8ef",
+        "borderRadius": 4,
+        "flexDirection": "row",
+        "opacity": 1,
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
 >
   <View
@@ -112,7 +114,6 @@ exports[`rendering renders correctly when not checked 1`] = `
     }
   }
   accessible={true}
-  collapsable={false}
   focusable={true}
   onClick={[Function]}
   onResponderGrant={[Function]}
@@ -122,14 +123,17 @@ exports[`rendering renders correctly when not checked 1`] = `
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
   style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#ffffff",
-      "borderRadius": 4,
-      "flexDirection": "row",
-      "opacity": 1,
-      "padding": 16,
-    }
+    Array [
+      Object {
+        "alignItems": "center",
+        "backgroundColor": "#ffffff",
+        "borderRadius": 4,
+        "flexDirection": "row",
+        "opacity": 1,
+        "padding": 16,
+      },
+      undefined,
+    ]
   }
 >
   <View

package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap

@@ -9,7 +9,6 @@ exports[`rendering renders correctly 1`] = `
       }
     }
     accessible={true}
-    collapsable={false}
     focusable={true}
     onClick={[Function]}
     onResponderGrant={[Function]}
@@ -19,14 +18,17 @@ exports[`rendering renders correctly 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderRadius": 4,
-        "flexDirection": "row",
-        "opacity": 1,
-        "padding": 16,
-      }
+      Array [
+        Object {
+          "alignItems": "center",
+          "backgroundColor": "#ffffff",
+          "borderRadius": 4,
+          "flexDirection": "row",
+          "opacity": 1,
+          "padding": 16,
+        },
+        undefined,
+      ]
     }
   >
     <View
@@ -105,7 +107,6 @@ exports[`rendering renders correctly 1`] = `
       }
     }
     accessible={true}
-    collapsable={false}
     focusable={true}
     onClick={[Function]}
     onResponderGrant={[Function]}
@@ -115,14 +116,17 @@ exports[`rendering renders correctly 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ffffff",
-        "borderRadius": 4,
-        "flexDirection": "row",
-        "opacity": 1,
-        "padding": 16,
-      }
+      Array [
+        Object {
+          "alignItems": "center",
+          "backgroundColor": "#ffffff",
+          "borderRadius": 4,
+          "flexDirection": "row",
+          "opacity": 1,
+          "padding": 16,
+        },
+        undefined,
+      ]
     }
   >
     <View
@@ -201,7 +205,6 @@ exports[`rendering renders correctly 1`] = `
       }
     }
     accessible={true}
-    collapsable={false}
     focusable={true}
     onClick={[Function]}
     onResponderGrant={[Function]}
@@ -211,14 +214,17 @@ exports[`rendering renders correctly 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
-        "alignItems": "center",
-        "backgroundColor": "#ece8ef",
-        "borderRadius": 4,
-        "flexDirection": "row",
-        "opacity": 1,
-        "padding": 16,
-      }
+      Array [
+        Object {
+          "alignItems": "center",
+          "backgroundColor": "#ece8ef",
+          "borderRadius": 4,
+          "flexDirection": "row",
+          "opacity": 1,
+          "padding": 16,
+        },
+        undefined,
+      ]
     }
   >
     <View

package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap

@@ -17,6 +17,8 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
       Array [
         Object {
           "alignItems": "center",
+          "backgroundColor": "#ffffff",
+          "borderRadius": 8,
           "flexDirection": "row",
           "padding": 16,
         },
@@ -283,6 +285,8 @@ exports[`RichTextEditor should render correctly 1`] = `
       Array [
         Object {
           "alignItems": "center",
+          "backgroundColor": "#ffffff",
+          "borderRadius": 8,
           "flexDirection": "row",
           "padding": 16,
         },