@hero-design/rn 8.1.0 → 8.2.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 (72) hide show
  1. package/.turbo/turbo-build.log +9 -9
  2. package/es/index.js +6 -1
  3. package/jest.config.js +1 -1
  4. package/lib/index.js +6 -1
  5. package/package.json +10 -11
  6. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +0 -8
  7. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +0 -12
  8. package/src/components/Alert/StyledAlert.tsx +4 -2
  9. package/src/components/Alert/__tests__/__snapshots__/index.spec.tsx.snap +120 -5
  10. package/src/components/Alert/__tests__/index.spec.tsx +14 -0
  11. package/src/components/Alert/index.tsx +13 -3
  12. package/src/components/Attachment/__tests__/__snapshots__/index.spec.tsx.snap +0 -2
  13. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/StyledAvatarStack.spec.tsx.snap +5 -1
  14. package/src/components/Avatar/AvatarStack/__tests__/__snapshots__/index.spec.tsx.snap +45 -9
  15. package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap +0 -1
  16. package/src/components/Avatar/__tests__/__snapshots__/index.spec.tsx.snap +16 -2
  17. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +0 -6
  18. package/src/components/Badge/__tests__/__snapshots__/Status.spec.tsx.snap +0 -2
  19. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +1 -278
  20. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +0 -70
  21. package/src/components/Button/UtilityButton/__tests__/__snapshots__/index.spec.tsx.snap +0 -2
  22. package/src/components/Button/__tests__/__snapshots__/IconButton.spec.tsx.snap +0 -1
  23. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +5 -10
  24. package/src/components/Calendar/__tests__/__snapshots__/CalendarRowItem.spec.tsx.snap +0 -5
  25. package/src/components/Checkbox/__tests__/__snapshots__/StyledCheckbox.spec.tsx.snap +0 -3
  26. package/src/components/Checkbox/__tests__/__snapshots__/index.spec.tsx.snap +30 -6
  27. package/src/components/Collapse/__tests__/__snapshots__/StyledCollapse.spec.tsx.snap +0 -1
  28. package/src/components/Collapse/__tests__/__snapshots__/index.spec.tsx.snap +0 -2
  29. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +20 -4
  30. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +6 -0
  31. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +13 -4
  32. package/src/components/Drawer/DragableDrawer/__tests__/__snapshots__/index.spec.tsx.snap +0 -1
  33. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +0 -6
  34. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +0 -14
  35. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +0 -2
  36. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +0 -1
  37. package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap +0 -1
  38. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +10 -2
  39. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +30 -7
  40. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +0 -4
  41. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +0 -4
  42. package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap +0 -11
  43. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +10 -2
  44. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +15 -3
  45. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +0 -7
  46. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +5 -1
  47. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +60 -19
  48. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +533 -3057
  49. package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +7 -2
  50. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +5 -1
  51. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +60 -19
  52. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +485 -2745
  53. package/src/components/Select/SingleSelect/__tests__/index.spec.tsx +1 -1
  54. package/src/components/Spinner/__tests__/__snapshots__/AnimatedSpinner.spec.tsx.snap +0 -7
  55. package/src/components/Spinner/__tests__/__snapshots__/StyledSpinner.spec.tsx.snap +0 -28
  56. package/src/components/Spinner/__tests__/__snapshots__/index.spec.tsx.snap +0 -7
  57. package/src/components/Swipeable/__tests__/__snapshots__/SwipeableAction.spec.tsx.snap +0 -3
  58. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +0 -3
  59. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +0 -1
  60. package/src/components/Switch/__tests__/__snapshots__/StyledSwitch.spec.tsx.snap +0 -1
  61. package/src/components/Switch/__tests__/__snapshots__/index.spec.tsx.snap +0 -2
  62. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +0 -11
  63. package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +0 -2
  64. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +0 -4
  65. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +0 -1
  66. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +11 -1
  67. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +18 -5
  68. package/src/components/Toast/__tests__/__snapshots__/Toast.spec.tsx.snap +0 -13
  69. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap +30 -6
  70. package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap +30 -6
  71. package/types/components/Alert/StyledAlert.d.ts +1 -0
  72. package/types/components/Alert/index.d.ts +5 -1
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -7,6 +7,7 @@ Array [
7
7
  >
8
8
  <View
9
9
  accessible={true}
10
+ collapsable={false}
10
11
  focusable={true}
11
12
  onClick={[Function]}
12
13
  onResponderGrant={[Function]}
@@ -270,6 +271,7 @@ Array [
270
271
  }
271
272
  />
272
273
  <RCTSafeAreaView
274
+ collapsable={false}
273
275
  emulateUnlessSupported={true}
274
276
  style={
275
277
  Object {
@@ -358,6 +360,7 @@ Array [
358
360
  >
359
361
  <View
360
362
  accessible={true}
363
+ collapsable={false}
361
364
  focusable={true}
362
365
  onClick={[Function]}
363
366
  onResponderGrant={[Function]}
@@ -593,7 +596,13 @@ Array [
593
596
  }
594
597
  />
595
598
  <View
599
+ accessibilityState={
600
+ Object {
601
+ "disabled": false,
602
+ }
603
+ }
596
604
  accessible={true}
605
+ collapsable={false}
597
606
  focusable={true}
598
607
  onClick={[Function]}
599
608
  onResponderGrant={[Function]}
@@ -732,7 +741,13 @@ Array [
732
741
  >
733
742
  <View>
734
743
  <View
744
+ accessibilityState={
745
+ Object {
746
+ "disabled": false,
747
+ }
748
+ }
735
749
  accessible={true}
750
+ collapsable={false}
736
751
  focusable={true}
737
752
  onClick={[Function]}
738
753
  onResponderGrant={[Function]}
@@ -987,7 +1002,13 @@ Array [
987
1002
  }
988
1003
  />
989
1004
  <View
1005
+ accessibilityState={
1006
+ Object {
1007
+ "disabled": false,
1008
+ }
1009
+ }
990
1010
  accessible={true}
1011
+ collapsable={false}
991
1012
  focusable={true}
992
1013
  onClick={[Function]}
993
1014
  onResponderGrant={[Function]}
@@ -1126,7 +1147,13 @@ Array [
1126
1147
  >
1127
1148
  <View>
1128
1149
  <View
1150
+ accessibilityState={
1151
+ Object {
1152
+ "disabled": false,
1153
+ }
1154
+ }
1129
1155
  accessible={true}
1156
+ collapsable={false}
1130
1157
  focusable={true}
1131
1158
  onClick={[Function]}
1132
1159
  onResponderGrant={[Function]}
@@ -1286,7 +1313,13 @@ Array [
1286
1313
  }
1287
1314
  >
1288
1315
  <View
1316
+ accessibilityState={
1317
+ Object {
1318
+ "disabled": false,
1319
+ }
1320
+ }
1289
1321
  accessible={true}
1322
+ collapsable={false}
1290
1323
  focusable={true}
1291
1324
  onClick={[Function]}
1292
1325
  onResponderGrant={[Function]}
@@ -1359,7 +1392,6 @@ Array [
1359
1392
  accessible={true}
1360
1393
  collapsable={false}
1361
1394
  focusable={true}
1362
- nativeID="animatedComponent"
1363
1395
  onClick={[Function]}
1364
1396
  onResponderGrant={[Function]}
1365
1397
  onResponderMove={[Function]}
@@ -1557,6 +1589,216 @@ Array [
1557
1589
  onRequestClose={[Function]}
1558
1590
  transparent={true}
1559
1591
  visible={false}
1592
+ />,
1593
+ ]
1594
+ `;
1595
+
1596
+ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1597
+ Array [
1598
+ <View
1599
+ pointerEvents="auto"
1600
+ >
1601
+ <View
1602
+ accessible={true}
1603
+ collapsable={false}
1604
+ focusable={true}
1605
+ onClick={[Function]}
1606
+ onResponderGrant={[Function]}
1607
+ onResponderMove={[Function]}
1608
+ onResponderRelease={[Function]}
1609
+ onResponderTerminate={[Function]}
1610
+ onResponderTerminationRequest={[Function]}
1611
+ onStartShouldSetResponder={[Function]}
1612
+ style={
1613
+ Object {
1614
+ "opacity": 1,
1615
+ }
1616
+ }
1617
+ >
1618
+ <View
1619
+ pointerEvents="none"
1620
+ >
1621
+ <View
1622
+ pointerEvents="auto"
1623
+ style={
1624
+ Array [
1625
+ Object {
1626
+ "marginVertical": 8,
1627
+ "width": "100%",
1628
+ },
1629
+ undefined,
1630
+ ]
1631
+ }
1632
+ >
1633
+ <View
1634
+ style={
1635
+ Array [
1636
+ Object {
1637
+ "alignItems": "center",
1638
+ "flexDirection": "row",
1639
+ "padding": 16,
1640
+ },
1641
+ undefined,
1642
+ ]
1643
+ }
1644
+ >
1645
+ <View
1646
+ style={
1647
+ Array [
1648
+ Object {
1649
+ "borderColor": "#001f23",
1650
+ "borderRadius": 8,
1651
+ "borderWidth": 1,
1652
+ "bottom": 0,
1653
+ "left": 0,
1654
+ "position": "absolute",
1655
+ "right": 0,
1656
+ "top": 0,
1657
+ },
1658
+ undefined,
1659
+ ]
1660
+ }
1661
+ themeFocused={false}
1662
+ themeVariant="filled"
1663
+ />
1664
+ <View
1665
+ pointerEvents="none"
1666
+ style={
1667
+ Array [
1668
+ Object {
1669
+ "backgroundColor": "#ffffff",
1670
+ "flexDirection": "row",
1671
+ "left": 16,
1672
+ "paddingHorizontal": 4,
1673
+ "position": "absolute",
1674
+ "top": -10,
1675
+ "zIndex": 1,
1676
+ },
1677
+ undefined,
1678
+ ]
1679
+ }
1680
+ >
1681
+ <Text
1682
+ style={
1683
+ Array [
1684
+ Object {
1685
+ "color": "#001f23",
1686
+ "fontFamily": "BeVietnamPro-Regular",
1687
+ "fontSize": 12,
1688
+ "letterSpacing": 0.36,
1689
+ "lineHeight": 20,
1690
+ },
1691
+ Array [
1692
+ Object {
1693
+ "color": "#001f23",
1694
+ },
1695
+ undefined,
1696
+ ],
1697
+ ]
1698
+ }
1699
+ testID="input-label"
1700
+ themeFontSize="small"
1701
+ themeFontWeight="regular"
1702
+ themeIntent="body"
1703
+ themeTypeface="neutral"
1704
+ themeVariant="filled"
1705
+ >
1706
+ Allow notifications
1707
+ </Text>
1708
+ </View>
1709
+ <View
1710
+ style={
1711
+ Array [
1712
+ Object {
1713
+ "alignItems": "center",
1714
+ "alignSelf": "stretch",
1715
+ "flexDirection": "row",
1716
+ "flexGrow": 2,
1717
+ "flexShrink": 1,
1718
+ },
1719
+ undefined,
1720
+ ]
1721
+ }
1722
+ >
1723
+ <TextInput
1724
+ accessibilityState={
1725
+ Object {
1726
+ "disabled": false,
1727
+ }
1728
+ }
1729
+ editable={true}
1730
+ multiline={true}
1731
+ onBlur={[Function]}
1732
+ onChangeText={[Function]}
1733
+ onFocus={[Function]}
1734
+ placeholder=" "
1735
+ pointerEvents="none"
1736
+ style={
1737
+ Array [
1738
+ Object {
1739
+ "alignSelf": "stretch",
1740
+ "flexGrow": 2,
1741
+ "fontSize": 14,
1742
+ "marginHorizontal": 8,
1743
+ "paddingVertical": 0,
1744
+ "textAlignVertical": "center",
1745
+ },
1746
+ Object {
1747
+ "color": "#001f23",
1748
+ },
1749
+ ]
1750
+ }
1751
+ testID="text-input"
1752
+ value="Monday, Tuesday"
1753
+ />
1754
+ </View>
1755
+ <HeroIcon
1756
+ name="arrow-down"
1757
+ style={
1758
+ Array [
1759
+ Object {
1760
+ "color": "#001f23",
1761
+ "fontSize": 16,
1762
+ },
1763
+ undefined,
1764
+ ]
1765
+ }
1766
+ testID="input-suffix"
1767
+ themeIntent="text"
1768
+ themeSize="xsmall"
1769
+ />
1770
+ </View>
1771
+ <View
1772
+ style={
1773
+ Array [
1774
+ Object {
1775
+ "paddingLeft": 16,
1776
+ },
1777
+ undefined,
1778
+ ]
1779
+ }
1780
+ >
1781
+ <View
1782
+ style={
1783
+ Array [
1784
+ Object {
1785
+ "flexDirection": "row",
1786
+ "justifyContent": "space-between",
1787
+ },
1788
+ undefined,
1789
+ ]
1790
+ }
1791
+ />
1792
+ </View>
1793
+ </View>
1794
+ </View>
1795
+ </View>
1796
+ </View>,
1797
+ <Modal
1798
+ hardwareAccelerated={false}
1799
+ onRequestClose={[Function]}
1800
+ transparent={true}
1801
+ visible={true}
1560
1802
  >
1561
1803
  <View
1562
1804
  pointerEvents="box-none"
@@ -1595,7 +1837,6 @@ Array [
1595
1837
  accessible={true}
1596
1838
  collapsable={false}
1597
1839
  focusable={true}
1598
- nativeID="animatedComponent"
1599
1840
  onBlur={[Function]}
1600
1841
  onClick={[Function]}
1601
1842
  onFocus={[Function]}
@@ -1620,7 +1861,6 @@ Array [
1620
1861
  <RCTSafeAreaView
1621
1862
  collapsable={false}
1622
1863
  emulateUnlessSupported={true}
1623
- nativeID="animatedComponent"
1624
1864
  style={
1625
1865
  Object {
1626
1866
  "backgroundColor": "#ffffff",
@@ -1710,7 +1950,6 @@ Array [
1710
1950
  accessible={true}
1711
1951
  collapsable={false}
1712
1952
  focusable={true}
1713
- nativeID="animatedComponent"
1714
1953
  onClick={[Function]}
1715
1954
  onResponderGrant={[Function]}
1716
1955
  onResponderMove={[Function]}
@@ -1886,10 +2125,14 @@ Array [
1886
2125
  }
1887
2126
  />
1888
2127
  <View
2128
+ accessibilityState={
2129
+ Object {
2130
+ "disabled": false,
2131
+ }
2132
+ }
1889
2133
  accessible={true}
1890
2134
  collapsable={false}
1891
2135
  focusable={true}
1892
- nativeID="animatedComponent"
1893
2136
  onClick={[Function]}
1894
2137
  onResponderGrant={[Function]}
1895
2138
  onResponderMove={[Function]}
@@ -2034,10 +2277,14 @@ Array [
2034
2277
  >
2035
2278
  <View>
2036
2279
  <View
2280
+ accessibilityState={
2281
+ Object {
2282
+ "disabled": false,
2283
+ }
2284
+ }
2037
2285
  accessible={true}
2038
2286
  collapsable={false}
2039
2287
  focusable={true}
2040
- nativeID="animatedComponent"
2041
2288
  onClick={[Function]}
2042
2289
  onResponderGrant={[Function]}
2043
2290
  onResponderMove={[Function]}
@@ -2182,10 +2429,14 @@ Array [
2182
2429
  >
2183
2430
  <View>
2184
2431
  <View
2432
+ accessibilityState={
2433
+ Object {
2434
+ "disabled": false,
2435
+ }
2436
+ }
2185
2437
  accessible={true}
2186
2438
  collapsable={false}
2187
2439
  focusable={true}
2188
- nativeID="animatedComponent"
2189
2440
  onClick={[Function]}
2190
2441
  onResponderGrant={[Function]}
2191
2442
  onResponderMove={[Function]}
@@ -2303,10 +2554,14 @@ Array [
2303
2554
  >
2304
2555
  <View>
2305
2556
  <View
2557
+ accessibilityState={
2558
+ Object {
2559
+ "disabled": false,
2560
+ }
2561
+ }
2306
2562
  accessible={true}
2307
2563
  collapsable={false}
2308
2564
  focusable={true}
2309
- nativeID="animatedComponent"
2310
2565
  onClick={[Function]}
2311
2566
  onResponderGrant={[Function]}
2312
2567
  onResponderMove={[Function]}
@@ -2424,10 +2679,14 @@ Array [
2424
2679
  >
2425
2680
  <View>
2426
2681
  <View
2682
+ accessibilityState={
2683
+ Object {
2684
+ "disabled": false,
2685
+ }
2686
+ }
2427
2687
  accessible={true}
2428
2688
  collapsable={false}
2429
2689
  focusable={true}
2430
- nativeID="animatedComponent"
2431
2690
  onClick={[Function]}
2432
2691
  onResponderGrant={[Function]}
2433
2692
  onResponderMove={[Function]}
@@ -2545,10 +2804,14 @@ Array [
2545
2804
  >
2546
2805
  <View>
2547
2806
  <View
2807
+ accessibilityState={
2808
+ Object {
2809
+ "disabled": false,
2810
+ }
2811
+ }
2548
2812
  accessible={true}
2549
2813
  collapsable={false}
2550
2814
  focusable={true}
2551
- nativeID="animatedComponent"
2552
2815
  onClick={[Function]}
2553
2816
  onResponderGrant={[Function]}
2554
2817
  onResponderMove={[Function]}
@@ -2667,3055 +2930,14 @@ Array [
2667
2930
  >
2668
2931
  <View>
2669
2932
  <View
2933
+ accessibilityState={
2934
+ Object {
2935
+ "disabled": true,
2936
+ }
2937
+ }
2670
2938
  accessible={true}
2671
2939
  collapsable={false}
2672
2940
  focusable={true}
2673
- nativeID="animatedComponent"
2674
- onClick={[Function]}
2675
- onResponderGrant={[Function]}
2676
- onResponderMove={[Function]}
2677
- onResponderRelease={[Function]}
2678
- onResponderTerminate={[Function]}
2679
- onResponderTerminationRequest={[Function]}
2680
- onStartShouldSetResponder={[Function]}
2681
- style={
2682
- Object {
2683
- "alignItems": "center",
2684
- "backgroundColor": "#ffffff",
2685
- "borderRadius": 4,
2686
- "flexDirection": "row",
2687
- "opacity": 0.38,
2688
- "padding": 16,
2689
- }
2690
- }
2691
- >
2692
- <View
2693
- style={
2694
- Array [
2695
- Object {
2696
- "flex": 1,
2697
- },
2698
- undefined,
2699
- ]
2700
- }
2701
- >
2702
- <Text
2703
- style={
2704
- Array [
2705
- Object {
2706
- "color": "#001f23",
2707
- "fontFamily": "BeVietnamPro-Regular",
2708
- "fontSize": 16,
2709
- "letterSpacing": 0.48,
2710
- "lineHeight": 24,
2711
- },
2712
- undefined,
2713
- ]
2714
- }
2715
- themeFontSize="large"
2716
- themeFontWeight="regular"
2717
- themeIntent="body"
2718
- themeTypeface="neutral"
2719
- >
2720
- Sunday
2721
- </Text>
2722
- </View>
2723
- </View>
2724
- <View
2725
- highlighted={false}
2726
- leadingItem={
2727
- Object {
2728
- "disabled": true,
2729
- "text": "Sunday",
2730
- "value": "sun",
2731
- }
2732
- }
2733
- section={
2734
- Object {
2735
- "category": "",
2736
- "data": Array [
2737
- Object {
2738
- "text": "Monday",
2739
- "value": "mon",
2740
- },
2741
- Object {
2742
- "text": "Tuesday",
2743
- "value": "tue",
2744
- },
2745
- Object {
2746
- "text": "Wednesday",
2747
- "value": "wed",
2748
- },
2749
- Object {
2750
- "text": "Thursday",
2751
- "value": "thu",
2752
- },
2753
- Object {
2754
- "text": "Friday",
2755
- "value": "fri",
2756
- },
2757
- Object {
2758
- "text": "Saturday",
2759
- "value": "sat",
2760
- },
2761
- Object {
2762
- "disabled": true,
2763
- "text": "Sunday",
2764
- "value": "sun",
2765
- },
2766
- ],
2767
- }
2768
- }
2769
- style={
2770
- Array [
2771
- Object {
2772
- "marginTop": 12,
2773
- },
2774
- undefined,
2775
- ]
2776
- }
2777
- />
2778
- </View>
2779
- </View>
2780
- <View
2781
- onLayout={[Function]}
2782
- style={null}
2783
- />
2784
- </View>
2785
- </RCTScrollView>
2786
- <View>
2787
- <View
2788
- style={
2789
- Array [
2790
- Object {
2791
- "borderBottomColor": "#e8e9ea",
2792
- "borderBottomWidth": 1,
2793
- "maxWidth": "100%",
2794
- },
2795
- undefined,
2796
- ]
2797
- }
2798
- />
2799
- <View
2800
- style={
2801
- Array [
2802
- Object {
2803
- "alignItems": "center",
2804
- "flexDirection": "row",
2805
- "justifyContent": "flex-end",
2806
- "paddingHorizontal": 12,
2807
- "paddingVertical": 2,
2808
- },
2809
- undefined,
2810
- ]
2811
- }
2812
- >
2813
- <View
2814
- accessible={true}
2815
- collapsable={false}
2816
- focusable={true}
2817
- nativeID="animatedComponent"
2818
- onClick={[Function]}
2819
- onResponderGrant={[Function]}
2820
- onResponderMove={[Function]}
2821
- onResponderRelease={[Function]}
2822
- onResponderTerminate={[Function]}
2823
- onResponderTerminationRequest={[Function]}
2824
- onStartShouldSetResponder={[Function]}
2825
- style={
2826
- Object {
2827
- "alignItems": "center",
2828
- "borderWidth": 0,
2829
- "flexDirection": "row",
2830
- "justifyContent": "center",
2831
- "opacity": 1,
2832
- "padding": 16,
2833
- }
2834
- }
2835
- >
2836
- <Text
2837
- disabled={false}
2838
- ellipsizeMode="tail"
2839
- numberOfLines={1}
2840
- style={
2841
- Array [
2842
- Object {
2843
- "color": "#001f23",
2844
- "fontFamily": "BeVietnamPro-Regular",
2845
- "fontSize": 14,
2846
- "letterSpacing": 0.42,
2847
- "lineHeight": 22,
2848
- },
2849
- Array [
2850
- Object {
2851
- "color": "#401960",
2852
- "flexShrink": 1,
2853
- "fontFamily": "BeVietnamPro-SemiBold",
2854
- "fontSize": 16,
2855
- "lineHeight": 24,
2856
- "textAlign": "center",
2857
- },
2858
- undefined,
2859
- ],
2860
- ]
2861
- }
2862
- themeFontSize="medium"
2863
- themeFontWeight="regular"
2864
- themeIntent="body"
2865
- themeTypeface="neutral"
2866
- themeVariant="text-primary"
2867
- >
2868
- Confirm
2869
- </Text>
2870
- </View>
2871
- </View>
2872
- </View>
2873
- </RCTSafeAreaView>
2874
- </View>
2875
- </View>
2876
- </Modal>,
2877
- ]
2878
- `;
2879
-
2880
- exports[`rendering renders correctly when bottom sheet is visible 1`] = `
2881
- Array [
2882
- <View
2883
- pointerEvents="auto"
2884
- >
2885
- <View
2886
- accessible={true}
2887
- focusable={true}
2888
- onClick={[Function]}
2889
- onResponderGrant={[Function]}
2890
- onResponderMove={[Function]}
2891
- onResponderRelease={[Function]}
2892
- onResponderTerminate={[Function]}
2893
- onResponderTerminationRequest={[Function]}
2894
- onStartShouldSetResponder={[Function]}
2895
- style={
2896
- Object {
2897
- "opacity": 1,
2898
- }
2899
- }
2900
- >
2901
- <View
2902
- pointerEvents="none"
2903
- >
2904
- <View
2905
- pointerEvents="auto"
2906
- style={
2907
- Array [
2908
- Object {
2909
- "marginVertical": 8,
2910
- "width": "100%",
2911
- },
2912
- undefined,
2913
- ]
2914
- }
2915
- >
2916
- <View
2917
- style={
2918
- Array [
2919
- Object {
2920
- "alignItems": "center",
2921
- "flexDirection": "row",
2922
- "padding": 16,
2923
- },
2924
- undefined,
2925
- ]
2926
- }
2927
- >
2928
- <View
2929
- style={
2930
- Array [
2931
- Object {
2932
- "borderColor": "#001f23",
2933
- "borderRadius": 8,
2934
- "borderWidth": 1,
2935
- "bottom": 0,
2936
- "left": 0,
2937
- "position": "absolute",
2938
- "right": 0,
2939
- "top": 0,
2940
- },
2941
- undefined,
2942
- ]
2943
- }
2944
- themeFocused={false}
2945
- themeVariant="filled"
2946
- />
2947
- <View
2948
- pointerEvents="none"
2949
- style={
2950
- Array [
2951
- Object {
2952
- "backgroundColor": "#ffffff",
2953
- "flexDirection": "row",
2954
- "left": 16,
2955
- "paddingHorizontal": 4,
2956
- "position": "absolute",
2957
- "top": -10,
2958
- "zIndex": 1,
2959
- },
2960
- undefined,
2961
- ]
2962
- }
2963
- >
2964
- <Text
2965
- style={
2966
- Array [
2967
- Object {
2968
- "color": "#001f23",
2969
- "fontFamily": "BeVietnamPro-Regular",
2970
- "fontSize": 12,
2971
- "letterSpacing": 0.36,
2972
- "lineHeight": 20,
2973
- },
2974
- Array [
2975
- Object {
2976
- "color": "#001f23",
2977
- },
2978
- undefined,
2979
- ],
2980
- ]
2981
- }
2982
- testID="input-label"
2983
- themeFontSize="small"
2984
- themeFontWeight="regular"
2985
- themeIntent="body"
2986
- themeTypeface="neutral"
2987
- themeVariant="filled"
2988
- >
2989
- Allow notifications
2990
- </Text>
2991
- </View>
2992
- <View
2993
- style={
2994
- Array [
2995
- Object {
2996
- "alignItems": "center",
2997
- "alignSelf": "stretch",
2998
- "flexDirection": "row",
2999
- "flexGrow": 2,
3000
- "flexShrink": 1,
3001
- },
3002
- undefined,
3003
- ]
3004
- }
3005
- >
3006
- <TextInput
3007
- accessibilityState={
3008
- Object {
3009
- "disabled": false,
3010
- }
3011
- }
3012
- editable={true}
3013
- multiline={true}
3014
- onBlur={[Function]}
3015
- onChangeText={[Function]}
3016
- onFocus={[Function]}
3017
- placeholder=" "
3018
- pointerEvents="none"
3019
- style={
3020
- Array [
3021
- Object {
3022
- "alignSelf": "stretch",
3023
- "flexGrow": 2,
3024
- "fontSize": 14,
3025
- "marginHorizontal": 8,
3026
- "paddingVertical": 0,
3027
- "textAlignVertical": "center",
3028
- },
3029
- Object {
3030
- "color": "#001f23",
3031
- },
3032
- ]
3033
- }
3034
- testID="text-input"
3035
- value="Monday, Tuesday"
3036
- />
3037
- </View>
3038
- <HeroIcon
3039
- name="arrow-down"
3040
- style={
3041
- Array [
3042
- Object {
3043
- "color": "#001f23",
3044
- "fontSize": 16,
3045
- },
3046
- undefined,
3047
- ]
3048
- }
3049
- testID="input-suffix"
3050
- themeIntent="text"
3051
- themeSize="xsmall"
3052
- />
3053
- </View>
3054
- <View
3055
- style={
3056
- Array [
3057
- Object {
3058
- "paddingLeft": 16,
3059
- },
3060
- undefined,
3061
- ]
3062
- }
3063
- >
3064
- <View
3065
- style={
3066
- Array [
3067
- Object {
3068
- "flexDirection": "row",
3069
- "justifyContent": "space-between",
3070
- },
3071
- undefined,
3072
- ]
3073
- }
3074
- />
3075
- </View>
3076
- </View>
3077
- </View>
3078
- </View>
3079
- </View>,
3080
- <Modal
3081
- hardwareAccelerated={false}
3082
- onRequestClose={[Function]}
3083
- transparent={true}
3084
- visible={true}
3085
- >
3086
- <View
3087
- pointerEvents="box-none"
3088
- style={
3089
- Array [
3090
- Object {
3091
- "bottom": 0,
3092
- "flexDirection": "column-reverse",
3093
- "left": 0,
3094
- "position": "absolute",
3095
- "right": 0,
3096
- "top": 0,
3097
- },
3098
- undefined,
3099
- ]
3100
- }
3101
- >
3102
- <View
3103
- onLayout={[Function]}
3104
- style={
3105
- Array [
3106
- Array [
3107
- Object {
3108
- "flex": 1,
3109
- "flexDirection": "column-reverse",
3110
- },
3111
- undefined,
3112
- ],
3113
- Object {
3114
- "paddingBottom": 0,
3115
- },
3116
- ]
3117
- }
3118
- >
3119
- <View
3120
- accessible={true}
3121
- collapsable={false}
3122
- focusable={true}
3123
- onBlur={[Function]}
3124
- onClick={[Function]}
3125
- onFocus={[Function]}
3126
- onResponderGrant={[Function]}
3127
- onResponderMove={[Function]}
3128
- onResponderRelease={[Function]}
3129
- onResponderTerminate={[Function]}
3130
- onResponderTerminationRequest={[Function]}
3131
- onStartShouldSetResponder={[Function]}
3132
- style={
3133
- Object {
3134
- "backgroundColor": "#000000",
3135
- "bottom": 0,
3136
- "left": 0,
3137
- "opacity": 0.48,
3138
- "position": "absolute",
3139
- "right": 0,
3140
- "top": 0,
3141
- }
3142
- }
3143
- />
3144
- <RCTSafeAreaView
3145
- emulateUnlessSupported={true}
3146
- style={
3147
- Object {
3148
- "backgroundColor": "#ffffff",
3149
- "borderTopLeftRadius": 16,
3150
- "borderTopRightRadius": 16,
3151
- "elevation": 10,
3152
- "maxHeight": "94%",
3153
- "paddingBottom": 0,
3154
- "shadowColor": "#001f23",
3155
- "shadowOffset": Object {
3156
- "height": 3,
3157
- "width": 0,
3158
- },
3159
- "shadowOpacity": 0.4,
3160
- "shadowRadius": 16,
3161
- "transform": Array [
3162
- Object {
3163
- "scaleY": 1,
3164
- },
3165
- Object {
3166
- "translateY": 0,
3167
- },
3168
- ],
3169
- "width": "100%",
3170
- }
3171
- }
3172
- >
3173
- <View
3174
- style={
3175
- Array [
3176
- Object {
3177
- "flexDirection": "row",
3178
- "paddingHorizontal": 16,
3179
- "paddingVertical": 8,
3180
- },
3181
- undefined,
3182
- ]
3183
- }
3184
- >
3185
- <View
3186
- style={
3187
- Array [
3188
- Object {
3189
- "flex": 1,
3190
- "justifyContent": "center",
3191
- },
3192
- undefined,
3193
- ]
3194
- }
3195
- >
3196
- <Text
3197
- style={
3198
- Array [
3199
- Object {
3200
- "color": "#001f23",
3201
- "fontFamily": "BeVietnamPro-SemiBold",
3202
- "fontSize": 16,
3203
- "letterSpacing": 0.48,
3204
- "lineHeight": 24,
3205
- },
3206
- undefined,
3207
- ]
3208
- }
3209
- themeFontSize="large"
3210
- themeFontWeight="semi-bold"
3211
- themeIntent="body"
3212
- themeTypeface="neutral"
3213
- >
3214
- Allow notifications
3215
- </Text>
3216
- </View>
3217
- <View
3218
- style={
3219
- Array [
3220
- Object {
3221
- "alignItems": "center",
3222
- "height": 48,
3223
- "justifyContent": "center",
3224
- "marginLeft": 12,
3225
- "width": 48,
3226
- },
3227
- undefined,
3228
- ]
3229
- }
3230
- >
3231
- <View
3232
- accessible={true}
3233
- focusable={true}
3234
- onClick={[Function]}
3235
- onResponderGrant={[Function]}
3236
- onResponderMove={[Function]}
3237
- onResponderRelease={[Function]}
3238
- onResponderTerminate={[Function]}
3239
- onResponderTerminationRequest={[Function]}
3240
- onStartShouldSetResponder={[Function]}
3241
- style={
3242
- Object {
3243
- "opacity": 1,
3244
- }
3245
- }
3246
- testID="bottom-sheet-close-icon"
3247
- >
3248
- <HeroIcon
3249
- name="cancel"
3250
- style={
3251
- Array [
3252
- Object {
3253
- "color": "#001f23",
3254
- "fontSize": 16,
3255
- },
3256
- undefined,
3257
- ]
3258
- }
3259
- themeIntent="text"
3260
- themeSize="xsmall"
3261
- />
3262
- </View>
3263
- </View>
3264
- </View>
3265
- <View
3266
- style={
3267
- Array [
3268
- Object {
3269
- "borderBottomColor": "#e8e9ea",
3270
- "borderBottomWidth": 1,
3271
- "maxWidth": "100%",
3272
- },
3273
- undefined,
3274
- ]
3275
- }
3276
- />
3277
- <RCTScrollView
3278
- ListFooterComponent={null}
3279
- data={
3280
- Array [
3281
- Object {
3282
- "category": "",
3283
- "data": Array [
3284
- Object {
3285
- "text": "Monday",
3286
- "value": "mon",
3287
- },
3288
- Object {
3289
- "text": "Tuesday",
3290
- "value": "tue",
3291
- },
3292
- Object {
3293
- "text": "Wednesday",
3294
- "value": "wed",
3295
- },
3296
- Object {
3297
- "text": "Thursday",
3298
- "value": "thu",
3299
- },
3300
- Object {
3301
- "text": "Friday",
3302
- "value": "fri",
3303
- },
3304
- Object {
3305
- "text": "Saturday",
3306
- "value": "sat",
3307
- },
3308
- Object {
3309
- "disabled": true,
3310
- "text": "Sunday",
3311
- "value": "sun",
3312
- },
3313
- ],
3314
- },
3315
- ]
3316
- }
3317
- getItem={[Function]}
3318
- getItemCount={[Function]}
3319
- keyExtractor={[Function]}
3320
- onContentSizeChange={[Function]}
3321
- onEndReached={[Function]}
3322
- onEndReachedThreshold={0.1}
3323
- onLayout={[Function]}
3324
- onMomentumScrollBegin={[Function]}
3325
- onMomentumScrollEnd={[Function]}
3326
- onScroll={[Function]}
3327
- onScrollBeginDrag={[Function]}
3328
- onScrollEndDrag={[Function]}
3329
- renderItem={[Function]}
3330
- scrollEventThrottle={50}
3331
- stickyHeaderIndices={
3332
- Array [
3333
- 0,
3334
- ]
3335
- }
3336
- style={
3337
- Array [
3338
- Object {
3339
- "paddingHorizontal": 12,
3340
- },
3341
- Object {},
3342
- ]
3343
- }
3344
- >
3345
- <View>
3346
- <View
3347
- onLayout={[Function]}
3348
- style={null}
3349
- />
3350
- <View
3351
- onLayout={[Function]}
3352
- style={null}
3353
- >
3354
- <View>
3355
- <View
3356
- highlighted={false}
3357
- section={
3358
- Object {
3359
- "category": "",
3360
- "data": Array [
3361
- Object {
3362
- "text": "Monday",
3363
- "value": "mon",
3364
- },
3365
- Object {
3366
- "text": "Tuesday",
3367
- "value": "tue",
3368
- },
3369
- Object {
3370
- "text": "Wednesday",
3371
- "value": "wed",
3372
- },
3373
- Object {
3374
- "text": "Thursday",
3375
- "value": "thu",
3376
- },
3377
- Object {
3378
- "text": "Friday",
3379
- "value": "fri",
3380
- },
3381
- Object {
3382
- "text": "Saturday",
3383
- "value": "sat",
3384
- },
3385
- Object {
3386
- "disabled": true,
3387
- "text": "Sunday",
3388
- "value": "sun",
3389
- },
3390
- ],
3391
- }
3392
- }
3393
- style={
3394
- Array [
3395
- Object {
3396
- "marginTop": 12,
3397
- },
3398
- undefined,
3399
- ]
3400
- }
3401
- trailingItem={
3402
- Object {
3403
- "text": "Monday",
3404
- "value": "mon",
3405
- }
3406
- }
3407
- />
3408
- <View
3409
- accessible={true}
3410
- focusable={true}
3411
- onClick={[Function]}
3412
- onResponderGrant={[Function]}
3413
- onResponderMove={[Function]}
3414
- onResponderRelease={[Function]}
3415
- onResponderTerminate={[Function]}
3416
- onResponderTerminationRequest={[Function]}
3417
- onStartShouldSetResponder={[Function]}
3418
- style={
3419
- Object {
3420
- "alignItems": "center",
3421
- "backgroundColor": "#ece8ef",
3422
- "borderRadius": 4,
3423
- "flexDirection": "row",
3424
- "opacity": 1,
3425
- "padding": 16,
3426
- }
3427
- }
3428
- >
3429
- <View
3430
- style={
3431
- Array [
3432
- Object {
3433
- "flex": 1,
3434
- },
3435
- undefined,
3436
- ]
3437
- }
3438
- >
3439
- <Text
3440
- style={
3441
- Array [
3442
- Object {
3443
- "color": "#001f23",
3444
- "fontFamily": "BeVietnamPro-Regular",
3445
- "fontSize": 16,
3446
- "letterSpacing": 0.48,
3447
- "lineHeight": 24,
3448
- },
3449
- undefined,
3450
- ]
3451
- }
3452
- themeFontSize="large"
3453
- themeFontWeight="regular"
3454
- themeIntent="body"
3455
- themeTypeface="neutral"
3456
- >
3457
- Monday
3458
- </Text>
3459
- </View>
3460
- <View
3461
- style={
3462
- Array [
3463
- Object {
3464
- "marginLeft": 8,
3465
- },
3466
- undefined,
3467
- ]
3468
- }
3469
- >
3470
- <HeroIcon
3471
- name="checkmark"
3472
- style={
3473
- Array [
3474
- Object {
3475
- "color": "#401960",
3476
- "fontSize": 20,
3477
- },
3478
- Object {
3479
- "marginRight": 12,
3480
- },
3481
- ]
3482
- }
3483
- themeIntent="primary"
3484
- themeSize="small"
3485
- />
3486
- </View>
3487
- </View>
3488
- <View
3489
- highlighted={false}
3490
- leadingItem={
3491
- Object {
3492
- "text": "Monday",
3493
- "value": "mon",
3494
- }
3495
- }
3496
- section={
3497
- Object {
3498
- "category": "",
3499
- "data": Array [
3500
- Object {
3501
- "text": "Monday",
3502
- "value": "mon",
3503
- },
3504
- Object {
3505
- "text": "Tuesday",
3506
- "value": "tue",
3507
- },
3508
- Object {
3509
- "text": "Wednesday",
3510
- "value": "wed",
3511
- },
3512
- Object {
3513
- "text": "Thursday",
3514
- "value": "thu",
3515
- },
3516
- Object {
3517
- "text": "Friday",
3518
- "value": "fri",
3519
- },
3520
- Object {
3521
- "text": "Saturday",
3522
- "value": "sat",
3523
- },
3524
- Object {
3525
- "disabled": true,
3526
- "text": "Sunday",
3527
- "value": "sun",
3528
- },
3529
- ],
3530
- }
3531
- }
3532
- style={
3533
- Array [
3534
- Object {
3535
- "marginTop": 4,
3536
- },
3537
- undefined,
3538
- ]
3539
- }
3540
- trailingItem={
3541
- Object {
3542
- "text": "Tuesday",
3543
- "value": "tue",
3544
- }
3545
- }
3546
- />
3547
- </View>
3548
- </View>
3549
- <View
3550
- onLayout={[Function]}
3551
- style={null}
3552
- >
3553
- <View>
3554
- <View
3555
- accessible={true}
3556
- focusable={true}
3557
- onClick={[Function]}
3558
- onResponderGrant={[Function]}
3559
- onResponderMove={[Function]}
3560
- onResponderRelease={[Function]}
3561
- onResponderTerminate={[Function]}
3562
- onResponderTerminationRequest={[Function]}
3563
- onStartShouldSetResponder={[Function]}
3564
- style={
3565
- Object {
3566
- "alignItems": "center",
3567
- "backgroundColor": "#ece8ef",
3568
- "borderRadius": 4,
3569
- "flexDirection": "row",
3570
- "opacity": 1,
3571
- "padding": 16,
3572
- }
3573
- }
3574
- >
3575
- <View
3576
- style={
3577
- Array [
3578
- Object {
3579
- "flex": 1,
3580
- },
3581
- undefined,
3582
- ]
3583
- }
3584
- >
3585
- <Text
3586
- style={
3587
- Array [
3588
- Object {
3589
- "color": "#001f23",
3590
- "fontFamily": "BeVietnamPro-Regular",
3591
- "fontSize": 16,
3592
- "letterSpacing": 0.48,
3593
- "lineHeight": 24,
3594
- },
3595
- undefined,
3596
- ]
3597
- }
3598
- themeFontSize="large"
3599
- themeFontWeight="regular"
3600
- themeIntent="body"
3601
- themeTypeface="neutral"
3602
- >
3603
- Tuesday
3604
- </Text>
3605
- </View>
3606
- <View
3607
- style={
3608
- Array [
3609
- Object {
3610
- "marginLeft": 8,
3611
- },
3612
- undefined,
3613
- ]
3614
- }
3615
- >
3616
- <HeroIcon
3617
- name="checkmark"
3618
- style={
3619
- Array [
3620
- Object {
3621
- "color": "#401960",
3622
- "fontSize": 20,
3623
- },
3624
- Object {
3625
- "marginRight": 12,
3626
- },
3627
- ]
3628
- }
3629
- themeIntent="primary"
3630
- themeSize="small"
3631
- />
3632
- </View>
3633
- </View>
3634
- <View
3635
- highlighted={false}
3636
- leadingItem={
3637
- Object {
3638
- "text": "Tuesday",
3639
- "value": "tue",
3640
- }
3641
- }
3642
- section={
3643
- Object {
3644
- "category": "",
3645
- "data": Array [
3646
- Object {
3647
- "text": "Monday",
3648
- "value": "mon",
3649
- },
3650
- Object {
3651
- "text": "Tuesday",
3652
- "value": "tue",
3653
- },
3654
- Object {
3655
- "text": "Wednesday",
3656
- "value": "wed",
3657
- },
3658
- Object {
3659
- "text": "Thursday",
3660
- "value": "thu",
3661
- },
3662
- Object {
3663
- "text": "Friday",
3664
- "value": "fri",
3665
- },
3666
- Object {
3667
- "text": "Saturday",
3668
- "value": "sat",
3669
- },
3670
- Object {
3671
- "disabled": true,
3672
- "text": "Sunday",
3673
- "value": "sun",
3674
- },
3675
- ],
3676
- }
3677
- }
3678
- style={
3679
- Array [
3680
- Object {
3681
- "marginTop": 4,
3682
- },
3683
- undefined,
3684
- ]
3685
- }
3686
- trailingItem={
3687
- Object {
3688
- "text": "Wednesday",
3689
- "value": "wed",
3690
- }
3691
- }
3692
- />
3693
- </View>
3694
- </View>
3695
- <View
3696
- onLayout={[Function]}
3697
- style={null}
3698
- >
3699
- <View>
3700
- <View
3701
- accessible={true}
3702
- focusable={true}
3703
- onClick={[Function]}
3704
- onResponderGrant={[Function]}
3705
- onResponderMove={[Function]}
3706
- onResponderRelease={[Function]}
3707
- onResponderTerminate={[Function]}
3708
- onResponderTerminationRequest={[Function]}
3709
- onStartShouldSetResponder={[Function]}
3710
- style={
3711
- Object {
3712
- "alignItems": "center",
3713
- "backgroundColor": "#ffffff",
3714
- "borderRadius": 4,
3715
- "flexDirection": "row",
3716
- "opacity": 1,
3717
- "padding": 16,
3718
- }
3719
- }
3720
- >
3721
- <View
3722
- style={
3723
- Array [
3724
- Object {
3725
- "flex": 1,
3726
- },
3727
- undefined,
3728
- ]
3729
- }
3730
- >
3731
- <Text
3732
- style={
3733
- Array [
3734
- Object {
3735
- "color": "#001f23",
3736
- "fontFamily": "BeVietnamPro-Regular",
3737
- "fontSize": 16,
3738
- "letterSpacing": 0.48,
3739
- "lineHeight": 24,
3740
- },
3741
- undefined,
3742
- ]
3743
- }
3744
- themeFontSize="large"
3745
- themeFontWeight="regular"
3746
- themeIntent="body"
3747
- themeTypeface="neutral"
3748
- >
3749
- Wednesday
3750
- </Text>
3751
- </View>
3752
- </View>
3753
- <View
3754
- highlighted={false}
3755
- leadingItem={
3756
- Object {
3757
- "text": "Wednesday",
3758
- "value": "wed",
3759
- }
3760
- }
3761
- section={
3762
- Object {
3763
- "category": "",
3764
- "data": Array [
3765
- Object {
3766
- "text": "Monday",
3767
- "value": "mon",
3768
- },
3769
- Object {
3770
- "text": "Tuesday",
3771
- "value": "tue",
3772
- },
3773
- Object {
3774
- "text": "Wednesday",
3775
- "value": "wed",
3776
- },
3777
- Object {
3778
- "text": "Thursday",
3779
- "value": "thu",
3780
- },
3781
- Object {
3782
- "text": "Friday",
3783
- "value": "fri",
3784
- },
3785
- Object {
3786
- "text": "Saturday",
3787
- "value": "sat",
3788
- },
3789
- Object {
3790
- "disabled": true,
3791
- "text": "Sunday",
3792
- "value": "sun",
3793
- },
3794
- ],
3795
- }
3796
- }
3797
- style={
3798
- Array [
3799
- Object {
3800
- "marginTop": 4,
3801
- },
3802
- undefined,
3803
- ]
3804
- }
3805
- trailingItem={
3806
- Object {
3807
- "text": "Thursday",
3808
- "value": "thu",
3809
- }
3810
- }
3811
- />
3812
- </View>
3813
- </View>
3814
- <View
3815
- onLayout={[Function]}
3816
- style={null}
3817
- >
3818
- <View>
3819
- <View
3820
- accessible={true}
3821
- focusable={true}
3822
- onClick={[Function]}
3823
- onResponderGrant={[Function]}
3824
- onResponderMove={[Function]}
3825
- onResponderRelease={[Function]}
3826
- onResponderTerminate={[Function]}
3827
- onResponderTerminationRequest={[Function]}
3828
- onStartShouldSetResponder={[Function]}
3829
- style={
3830
- Object {
3831
- "alignItems": "center",
3832
- "backgroundColor": "#ffffff",
3833
- "borderRadius": 4,
3834
- "flexDirection": "row",
3835
- "opacity": 1,
3836
- "padding": 16,
3837
- }
3838
- }
3839
- >
3840
- <View
3841
- style={
3842
- Array [
3843
- Object {
3844
- "flex": 1,
3845
- },
3846
- undefined,
3847
- ]
3848
- }
3849
- >
3850
- <Text
3851
- style={
3852
- Array [
3853
- Object {
3854
- "color": "#001f23",
3855
- "fontFamily": "BeVietnamPro-Regular",
3856
- "fontSize": 16,
3857
- "letterSpacing": 0.48,
3858
- "lineHeight": 24,
3859
- },
3860
- undefined,
3861
- ]
3862
- }
3863
- themeFontSize="large"
3864
- themeFontWeight="regular"
3865
- themeIntent="body"
3866
- themeTypeface="neutral"
3867
- >
3868
- Thursday
3869
- </Text>
3870
- </View>
3871
- </View>
3872
- <View
3873
- highlighted={false}
3874
- leadingItem={
3875
- Object {
3876
- "text": "Thursday",
3877
- "value": "thu",
3878
- }
3879
- }
3880
- section={
3881
- Object {
3882
- "category": "",
3883
- "data": Array [
3884
- Object {
3885
- "text": "Monday",
3886
- "value": "mon",
3887
- },
3888
- Object {
3889
- "text": "Tuesday",
3890
- "value": "tue",
3891
- },
3892
- Object {
3893
- "text": "Wednesday",
3894
- "value": "wed",
3895
- },
3896
- Object {
3897
- "text": "Thursday",
3898
- "value": "thu",
3899
- },
3900
- Object {
3901
- "text": "Friday",
3902
- "value": "fri",
3903
- },
3904
- Object {
3905
- "text": "Saturday",
3906
- "value": "sat",
3907
- },
3908
- Object {
3909
- "disabled": true,
3910
- "text": "Sunday",
3911
- "value": "sun",
3912
- },
3913
- ],
3914
- }
3915
- }
3916
- style={
3917
- Array [
3918
- Object {
3919
- "marginTop": 4,
3920
- },
3921
- undefined,
3922
- ]
3923
- }
3924
- trailingItem={
3925
- Object {
3926
- "text": "Friday",
3927
- "value": "fri",
3928
- }
3929
- }
3930
- />
3931
- </View>
3932
- </View>
3933
- <View
3934
- onLayout={[Function]}
3935
- style={null}
3936
- >
3937
- <View>
3938
- <View
3939
- accessible={true}
3940
- focusable={true}
3941
- onClick={[Function]}
3942
- onResponderGrant={[Function]}
3943
- onResponderMove={[Function]}
3944
- onResponderRelease={[Function]}
3945
- onResponderTerminate={[Function]}
3946
- onResponderTerminationRequest={[Function]}
3947
- onStartShouldSetResponder={[Function]}
3948
- style={
3949
- Object {
3950
- "alignItems": "center",
3951
- "backgroundColor": "#ffffff",
3952
- "borderRadius": 4,
3953
- "flexDirection": "row",
3954
- "opacity": 1,
3955
- "padding": 16,
3956
- }
3957
- }
3958
- >
3959
- <View
3960
- style={
3961
- Array [
3962
- Object {
3963
- "flex": 1,
3964
- },
3965
- undefined,
3966
- ]
3967
- }
3968
- >
3969
- <Text
3970
- style={
3971
- Array [
3972
- Object {
3973
- "color": "#001f23",
3974
- "fontFamily": "BeVietnamPro-Regular",
3975
- "fontSize": 16,
3976
- "letterSpacing": 0.48,
3977
- "lineHeight": 24,
3978
- },
3979
- undefined,
3980
- ]
3981
- }
3982
- themeFontSize="large"
3983
- themeFontWeight="regular"
3984
- themeIntent="body"
3985
- themeTypeface="neutral"
3986
- >
3987
- Friday
3988
- </Text>
3989
- </View>
3990
- </View>
3991
- <View
3992
- highlighted={false}
3993
- leadingItem={
3994
- Object {
3995
- "text": "Friday",
3996
- "value": "fri",
3997
- }
3998
- }
3999
- section={
4000
- Object {
4001
- "category": "",
4002
- "data": Array [
4003
- Object {
4004
- "text": "Monday",
4005
- "value": "mon",
4006
- },
4007
- Object {
4008
- "text": "Tuesday",
4009
- "value": "tue",
4010
- },
4011
- Object {
4012
- "text": "Wednesday",
4013
- "value": "wed",
4014
- },
4015
- Object {
4016
- "text": "Thursday",
4017
- "value": "thu",
4018
- },
4019
- Object {
4020
- "text": "Friday",
4021
- "value": "fri",
4022
- },
4023
- Object {
4024
- "text": "Saturday",
4025
- "value": "sat",
4026
- },
4027
- Object {
4028
- "disabled": true,
4029
- "text": "Sunday",
4030
- "value": "sun",
4031
- },
4032
- ],
4033
- }
4034
- }
4035
- style={
4036
- Array [
4037
- Object {
4038
- "marginTop": 4,
4039
- },
4040
- undefined,
4041
- ]
4042
- }
4043
- trailingItem={
4044
- Object {
4045
- "text": "Saturday",
4046
- "value": "sat",
4047
- }
4048
- }
4049
- />
4050
- </View>
4051
- </View>
4052
- <View
4053
- onLayout={[Function]}
4054
- style={null}
4055
- >
4056
- <View>
4057
- <View
4058
- accessible={true}
4059
- focusable={true}
4060
- onClick={[Function]}
4061
- onResponderGrant={[Function]}
4062
- onResponderMove={[Function]}
4063
- onResponderRelease={[Function]}
4064
- onResponderTerminate={[Function]}
4065
- onResponderTerminationRequest={[Function]}
4066
- onStartShouldSetResponder={[Function]}
4067
- style={
4068
- Object {
4069
- "alignItems": "center",
4070
- "backgroundColor": "#ffffff",
4071
- "borderRadius": 4,
4072
- "flexDirection": "row",
4073
- "opacity": 1,
4074
- "padding": 16,
4075
- }
4076
- }
4077
- >
4078
- <View
4079
- style={
4080
- Array [
4081
- Object {
4082
- "flex": 1,
4083
- },
4084
- undefined,
4085
- ]
4086
- }
4087
- >
4088
- <Text
4089
- style={
4090
- Array [
4091
- Object {
4092
- "color": "#001f23",
4093
- "fontFamily": "BeVietnamPro-Regular",
4094
- "fontSize": 16,
4095
- "letterSpacing": 0.48,
4096
- "lineHeight": 24,
4097
- },
4098
- undefined,
4099
- ]
4100
- }
4101
- themeFontSize="large"
4102
- themeFontWeight="regular"
4103
- themeIntent="body"
4104
- themeTypeface="neutral"
4105
- >
4106
- Saturday
4107
- </Text>
4108
- </View>
4109
- </View>
4110
- <View
4111
- highlighted={false}
4112
- leadingItem={
4113
- Object {
4114
- "text": "Saturday",
4115
- "value": "sat",
4116
- }
4117
- }
4118
- section={
4119
- Object {
4120
- "category": "",
4121
- "data": Array [
4122
- Object {
4123
- "text": "Monday",
4124
- "value": "mon",
4125
- },
4126
- Object {
4127
- "text": "Tuesday",
4128
- "value": "tue",
4129
- },
4130
- Object {
4131
- "text": "Wednesday",
4132
- "value": "wed",
4133
- },
4134
- Object {
4135
- "text": "Thursday",
4136
- "value": "thu",
4137
- },
4138
- Object {
4139
- "text": "Friday",
4140
- "value": "fri",
4141
- },
4142
- Object {
4143
- "text": "Saturday",
4144
- "value": "sat",
4145
- },
4146
- Object {
4147
- "disabled": true,
4148
- "text": "Sunday",
4149
- "value": "sun",
4150
- },
4151
- ],
4152
- }
4153
- }
4154
- style={
4155
- Array [
4156
- Object {
4157
- "marginTop": 4,
4158
- },
4159
- undefined,
4160
- ]
4161
- }
4162
- trailingItem={
4163
- Object {
4164
- "disabled": true,
4165
- "text": "Sunday",
4166
- "value": "sun",
4167
- }
4168
- }
4169
- />
4170
- </View>
4171
- </View>
4172
- <View
4173
- onLayout={[Function]}
4174
- style={null}
4175
- >
4176
- <View>
4177
- <View
4178
- accessible={true}
4179
- focusable={true}
4180
- onClick={[Function]}
4181
- onResponderGrant={[Function]}
4182
- onResponderMove={[Function]}
4183
- onResponderRelease={[Function]}
4184
- onResponderTerminate={[Function]}
4185
- onResponderTerminationRequest={[Function]}
4186
- onStartShouldSetResponder={[Function]}
4187
- style={
4188
- Object {
4189
- "alignItems": "center",
4190
- "backgroundColor": "#ffffff",
4191
- "borderRadius": 4,
4192
- "flexDirection": "row",
4193
- "opacity": 0.38,
4194
- "padding": 16,
4195
- }
4196
- }
4197
- >
4198
- <View
4199
- style={
4200
- Array [
4201
- Object {
4202
- "flex": 1,
4203
- },
4204
- undefined,
4205
- ]
4206
- }
4207
- >
4208
- <Text
4209
- style={
4210
- Array [
4211
- Object {
4212
- "color": "#001f23",
4213
- "fontFamily": "BeVietnamPro-Regular",
4214
- "fontSize": 16,
4215
- "letterSpacing": 0.48,
4216
- "lineHeight": 24,
4217
- },
4218
- undefined,
4219
- ]
4220
- }
4221
- themeFontSize="large"
4222
- themeFontWeight="regular"
4223
- themeIntent="body"
4224
- themeTypeface="neutral"
4225
- >
4226
- Sunday
4227
- </Text>
4228
- </View>
4229
- </View>
4230
- <View
4231
- highlighted={false}
4232
- leadingItem={
4233
- Object {
4234
- "disabled": true,
4235
- "text": "Sunday",
4236
- "value": "sun",
4237
- }
4238
- }
4239
- section={
4240
- Object {
4241
- "category": "",
4242
- "data": Array [
4243
- Object {
4244
- "text": "Monday",
4245
- "value": "mon",
4246
- },
4247
- Object {
4248
- "text": "Tuesday",
4249
- "value": "tue",
4250
- },
4251
- Object {
4252
- "text": "Wednesday",
4253
- "value": "wed",
4254
- },
4255
- Object {
4256
- "text": "Thursday",
4257
- "value": "thu",
4258
- },
4259
- Object {
4260
- "text": "Friday",
4261
- "value": "fri",
4262
- },
4263
- Object {
4264
- "text": "Saturday",
4265
- "value": "sat",
4266
- },
4267
- Object {
4268
- "disabled": true,
4269
- "text": "Sunday",
4270
- "value": "sun",
4271
- },
4272
- ],
4273
- }
4274
- }
4275
- style={
4276
- Array [
4277
- Object {
4278
- "marginTop": 12,
4279
- },
4280
- undefined,
4281
- ]
4282
- }
4283
- />
4284
- </View>
4285
- </View>
4286
- <View
4287
- onLayout={[Function]}
4288
- style={null}
4289
- />
4290
- </View>
4291
- </RCTScrollView>
4292
- <View>
4293
- <View
4294
- style={
4295
- Array [
4296
- Object {
4297
- "borderBottomColor": "#e8e9ea",
4298
- "borderBottomWidth": 1,
4299
- "maxWidth": "100%",
4300
- },
4301
- undefined,
4302
- ]
4303
- }
4304
- />
4305
- <View
4306
- style={
4307
- Array [
4308
- Object {
4309
- "alignItems": "center",
4310
- "flexDirection": "row",
4311
- "justifyContent": "flex-end",
4312
- "paddingHorizontal": 12,
4313
- "paddingVertical": 2,
4314
- },
4315
- undefined,
4316
- ]
4317
- }
4318
- >
4319
- <View
4320
- accessible={true}
4321
- focusable={true}
4322
- onClick={[Function]}
4323
- onResponderGrant={[Function]}
4324
- onResponderMove={[Function]}
4325
- onResponderRelease={[Function]}
4326
- onResponderTerminate={[Function]}
4327
- onResponderTerminationRequest={[Function]}
4328
- onStartShouldSetResponder={[Function]}
4329
- style={
4330
- Object {
4331
- "alignItems": "center",
4332
- "borderWidth": 0,
4333
- "flexDirection": "row",
4334
- "justifyContent": "center",
4335
- "opacity": 1,
4336
- "padding": 16,
4337
- }
4338
- }
4339
- >
4340
- <Text
4341
- disabled={false}
4342
- ellipsizeMode="tail"
4343
- numberOfLines={1}
4344
- style={
4345
- Array [
4346
- Object {
4347
- "color": "#001f23",
4348
- "fontFamily": "BeVietnamPro-Regular",
4349
- "fontSize": 14,
4350
- "letterSpacing": 0.42,
4351
- "lineHeight": 22,
4352
- },
4353
- Array [
4354
- Object {
4355
- "color": "#401960",
4356
- "flexShrink": 1,
4357
- "fontFamily": "BeVietnamPro-SemiBold",
4358
- "fontSize": 16,
4359
- "lineHeight": 24,
4360
- "textAlign": "center",
4361
- },
4362
- undefined,
4363
- ],
4364
- ]
4365
- }
4366
- themeFontSize="medium"
4367
- themeFontWeight="regular"
4368
- themeIntent="body"
4369
- themeTypeface="neutral"
4370
- themeVariant="text-primary"
4371
- >
4372
- Confirm
4373
- </Text>
4374
- </View>
4375
- </View>
4376
- </View>
4377
- </RCTSafeAreaView>
4378
- </View>
4379
- </View>
4380
- </Modal>,
4381
- ]
4382
- `;
4383
-
4384
- exports[`rendering renders correctly when input is loading 1`] = `
4385
- Array [
4386
- <View
4387
- pointerEvents="none"
4388
- >
4389
- <View
4390
- accessible={true}
4391
- collapsable={false}
4392
- focusable={true}
4393
- nativeID="animatedComponent"
4394
- onClick={[Function]}
4395
- onResponderGrant={[Function]}
4396
- onResponderMove={[Function]}
4397
- onResponderRelease={[Function]}
4398
- onResponderTerminate={[Function]}
4399
- onResponderTerminationRequest={[Function]}
4400
- onStartShouldSetResponder={[Function]}
4401
- style={
4402
- Object {
4403
- "opacity": 1,
4404
- }
4405
- }
4406
- >
4407
- <View
4408
- pointerEvents="none"
4409
- >
4410
- <View
4411
- pointerEvents="none"
4412
- style={
4413
- Array [
4414
- Object {
4415
- "marginVertical": 8,
4416
- "width": "100%",
4417
- },
4418
- undefined,
4419
- ]
4420
- }
4421
- >
4422
- <View
4423
- style={
4424
- Array [
4425
- Object {
4426
- "alignItems": "center",
4427
- "flexDirection": "row",
4428
- "padding": 16,
4429
- },
4430
- undefined,
4431
- ]
4432
- }
4433
- >
4434
- <View
4435
- style={
4436
- Array [
4437
- Object {
4438
- "borderColor": "#808f91",
4439
- "borderRadius": 8,
4440
- "borderWidth": 1,
4441
- "bottom": 0,
4442
- "left": 0,
4443
- "position": "absolute",
4444
- "right": 0,
4445
- "top": 0,
4446
- },
4447
- undefined,
4448
- ]
4449
- }
4450
- themeFocused={false}
4451
- themeVariant="readonly"
4452
- />
4453
- <View
4454
- pointerEvents="none"
4455
- style={
4456
- Array [
4457
- Object {
4458
- "backgroundColor": "#ffffff",
4459
- "flexDirection": "row",
4460
- "left": 16,
4461
- "paddingHorizontal": 4,
4462
- "position": "absolute",
4463
- "top": -10,
4464
- "zIndex": 1,
4465
- },
4466
- undefined,
4467
- ]
4468
- }
4469
- >
4470
- <Text
4471
- style={
4472
- Array [
4473
- Object {
4474
- "color": "#001f23",
4475
- "fontFamily": "BeVietnamPro-Regular",
4476
- "fontSize": 12,
4477
- "letterSpacing": 0.36,
4478
- "lineHeight": 20,
4479
- },
4480
- Array [
4481
- Object {
4482
- "color": "#808f91",
4483
- },
4484
- undefined,
4485
- ],
4486
- ]
4487
- }
4488
- testID="input-label"
4489
- themeFontSize="small"
4490
- themeFontWeight="regular"
4491
- themeIntent="body"
4492
- themeTypeface="neutral"
4493
- themeVariant="readonly"
4494
- >
4495
- Allow notifications
4496
- </Text>
4497
- </View>
4498
- <View
4499
- style={
4500
- Array [
4501
- Object {
4502
- "alignItems": "center",
4503
- "alignSelf": "stretch",
4504
- "flexDirection": "row",
4505
- "flexGrow": 2,
4506
- "flexShrink": 1,
4507
- },
4508
- undefined,
4509
- ]
4510
- }
4511
- >
4512
- <TextInput
4513
- accessibilityState={
4514
- Object {
4515
- "disabled": true,
4516
- }
4517
- }
4518
- editable={true}
4519
- multiline={true}
4520
- onBlur={[Function]}
4521
- onChangeText={[Function]}
4522
- onFocus={[Function]}
4523
- placeholder=" "
4524
- pointerEvents="none"
4525
- style={
4526
- Array [
4527
- Object {
4528
- "alignSelf": "stretch",
4529
- "flexGrow": 2,
4530
- "fontSize": 14,
4531
- "marginHorizontal": 8,
4532
- "paddingVertical": 0,
4533
- "textAlignVertical": "center",
4534
- },
4535
- Object {
4536
- "color": "#001f23",
4537
- },
4538
- ]
4539
- }
4540
- testID="text-input"
4541
- value="Monday, Tuesday"
4542
- />
4543
- </View>
4544
- <View
4545
- collapsable={false}
4546
- nativeID="animatedComponent"
4547
- style={
4548
- Object {
4549
- "transform": Array [
4550
- Object {
4551
- "rotate": "0deg",
4552
- },
4553
- ],
4554
- }
4555
- }
4556
- >
4557
- <HeroIcon
4558
- name="loading"
4559
- style={
4560
- Array [
4561
- Object {
4562
- "color": "#001f23",
4563
- "fontSize": 16,
4564
- },
4565
- undefined,
4566
- ]
4567
- }
4568
- testID="input-suffix"
4569
- themeIntent="text"
4570
- themeSize="xsmall"
4571
- />
4572
- </View>
4573
- </View>
4574
- <View
4575
- style={
4576
- Array [
4577
- Object {
4578
- "paddingLeft": 16,
4579
- },
4580
- undefined,
4581
- ]
4582
- }
4583
- >
4584
- <View
4585
- style={
4586
- Array [
4587
- Object {
4588
- "flexDirection": "row",
4589
- "justifyContent": "space-between",
4590
- },
4591
- undefined,
4592
- ]
4593
- }
4594
- />
4595
- </View>
4596
- </View>
4597
- </View>
4598
- </View>
4599
- </View>,
4600
- <Modal
4601
- hardwareAccelerated={false}
4602
- onRequestClose={[Function]}
4603
- transparent={true}
4604
- visible={false}
4605
- >
4606
- <View
4607
- pointerEvents="box-none"
4608
- style={
4609
- Array [
4610
- Object {
4611
- "bottom": 0,
4612
- "flexDirection": "column-reverse",
4613
- "left": 0,
4614
- "position": "absolute",
4615
- "right": 0,
4616
- "top": 0,
4617
- },
4618
- undefined,
4619
- ]
4620
- }
4621
- >
4622
- <View
4623
- onLayout={[Function]}
4624
- style={
4625
- Array [
4626
- Array [
4627
- Object {
4628
- "flex": 1,
4629
- "flexDirection": "column-reverse",
4630
- },
4631
- undefined,
4632
- ],
4633
- Object {
4634
- "paddingBottom": 0,
4635
- },
4636
- ]
4637
- }
4638
- >
4639
- <View
4640
- accessible={true}
4641
- collapsable={false}
4642
- focusable={true}
4643
- nativeID="animatedComponent"
4644
- onBlur={[Function]}
4645
- onClick={[Function]}
4646
- onFocus={[Function]}
4647
- onResponderGrant={[Function]}
4648
- onResponderMove={[Function]}
4649
- onResponderRelease={[Function]}
4650
- onResponderTerminate={[Function]}
4651
- onResponderTerminationRequest={[Function]}
4652
- onStartShouldSetResponder={[Function]}
4653
- style={
4654
- Object {
4655
- "backgroundColor": "#000000",
4656
- "bottom": 0,
4657
- "left": 0,
4658
- "opacity": 0.48,
4659
- "position": "absolute",
4660
- "right": 0,
4661
- "top": 0,
4662
- }
4663
- }
4664
- />
4665
- <RCTSafeAreaView
4666
- collapsable={false}
4667
- emulateUnlessSupported={true}
4668
- nativeID="animatedComponent"
4669
- style={
4670
- Object {
4671
- "backgroundColor": "#ffffff",
4672
- "borderTopLeftRadius": 16,
4673
- "borderTopRightRadius": 16,
4674
- "elevation": 10,
4675
- "maxHeight": "94%",
4676
- "paddingBottom": 0,
4677
- "shadowColor": "#001f23",
4678
- "shadowOffset": Object {
4679
- "height": 3,
4680
- "width": 0,
4681
- },
4682
- "shadowOpacity": 0.4,
4683
- "shadowRadius": 16,
4684
- "transform": Array [
4685
- Object {
4686
- "scaleY": 1,
4687
- },
4688
- Object {
4689
- "translateY": 0,
4690
- },
4691
- ],
4692
- "width": "100%",
4693
- }
4694
- }
4695
- >
4696
- <View
4697
- style={
4698
- Array [
4699
- Object {
4700
- "flexDirection": "row",
4701
- "paddingHorizontal": 16,
4702
- "paddingVertical": 8,
4703
- },
4704
- undefined,
4705
- ]
4706
- }
4707
- >
4708
- <View
4709
- style={
4710
- Array [
4711
- Object {
4712
- "flex": 1,
4713
- "justifyContent": "center",
4714
- },
4715
- undefined,
4716
- ]
4717
- }
4718
- >
4719
- <Text
4720
- style={
4721
- Array [
4722
- Object {
4723
- "color": "#001f23",
4724
- "fontFamily": "BeVietnamPro-SemiBold",
4725
- "fontSize": 16,
4726
- "letterSpacing": 0.48,
4727
- "lineHeight": 24,
4728
- },
4729
- undefined,
4730
- ]
4731
- }
4732
- themeFontSize="large"
4733
- themeFontWeight="semi-bold"
4734
- themeIntent="body"
4735
- themeTypeface="neutral"
4736
- >
4737
- Allow notifications
4738
- </Text>
4739
- </View>
4740
- <View
4741
- style={
4742
- Array [
4743
- Object {
4744
- "alignItems": "center",
4745
- "height": 48,
4746
- "justifyContent": "center",
4747
- "marginLeft": 12,
4748
- "width": 48,
4749
- },
4750
- undefined,
4751
- ]
4752
- }
4753
- >
4754
- <View
4755
- accessible={true}
4756
- collapsable={false}
4757
- focusable={true}
4758
- nativeID="animatedComponent"
4759
- onClick={[Function]}
4760
- onResponderGrant={[Function]}
4761
- onResponderMove={[Function]}
4762
- onResponderRelease={[Function]}
4763
- onResponderTerminate={[Function]}
4764
- onResponderTerminationRequest={[Function]}
4765
- onStartShouldSetResponder={[Function]}
4766
- style={
4767
- Object {
4768
- "opacity": 1,
4769
- }
4770
- }
4771
- testID="bottom-sheet-close-icon"
4772
- >
4773
- <HeroIcon
4774
- name="cancel"
4775
- style={
4776
- Array [
4777
- Object {
4778
- "color": "#001f23",
4779
- "fontSize": 16,
4780
- },
4781
- undefined,
4782
- ]
4783
- }
4784
- themeIntent="text"
4785
- themeSize="xsmall"
4786
- />
4787
- </View>
4788
- </View>
4789
- </View>
4790
- <View
4791
- style={
4792
- Array [
4793
- Object {
4794
- "borderBottomColor": "#e8e9ea",
4795
- "borderBottomWidth": 1,
4796
- "maxWidth": "100%",
4797
- },
4798
- undefined,
4799
- ]
4800
- }
4801
- />
4802
- <RCTScrollView
4803
- ListFooterComponent={null}
4804
- data={
4805
- Array [
4806
- Object {
4807
- "category": "",
4808
- "data": Array [
4809
- Object {
4810
- "text": "Monday",
4811
- "value": "mon",
4812
- },
4813
- Object {
4814
- "text": "Tuesday",
4815
- "value": "tue",
4816
- },
4817
- Object {
4818
- "text": "Wednesday",
4819
- "value": "wed",
4820
- },
4821
- Object {
4822
- "text": "Thursday",
4823
- "value": "thu",
4824
- },
4825
- Object {
4826
- "text": "Friday",
4827
- "value": "fri",
4828
- },
4829
- Object {
4830
- "text": "Saturday",
4831
- "value": "sat",
4832
- },
4833
- Object {
4834
- "disabled": true,
4835
- "text": "Sunday",
4836
- "value": "sun",
4837
- },
4838
- ],
4839
- },
4840
- ]
4841
- }
4842
- getItem={[Function]}
4843
- getItemCount={[Function]}
4844
- keyExtractor={[Function]}
4845
- onContentSizeChange={[Function]}
4846
- onEndReached={[Function]}
4847
- onEndReachedThreshold={0.1}
4848
- onLayout={[Function]}
4849
- onMomentumScrollBegin={[Function]}
4850
- onMomentumScrollEnd={[Function]}
4851
- onScroll={[Function]}
4852
- onScrollBeginDrag={[Function]}
4853
- onScrollEndDrag={[Function]}
4854
- renderItem={[Function]}
4855
- scrollEventThrottle={50}
4856
- stickyHeaderIndices={
4857
- Array [
4858
- 0,
4859
- ]
4860
- }
4861
- style={
4862
- Array [
4863
- Object {
4864
- "paddingHorizontal": 12,
4865
- },
4866
- Object {},
4867
- ]
4868
- }
4869
- >
4870
- <View>
4871
- <View
4872
- onLayout={[Function]}
4873
- style={null}
4874
- />
4875
- <View
4876
- onLayout={[Function]}
4877
- style={null}
4878
- >
4879
- <View>
4880
- <View
4881
- highlighted={false}
4882
- section={
4883
- Object {
4884
- "category": "",
4885
- "data": Array [
4886
- Object {
4887
- "text": "Monday",
4888
- "value": "mon",
4889
- },
4890
- Object {
4891
- "text": "Tuesday",
4892
- "value": "tue",
4893
- },
4894
- Object {
4895
- "text": "Wednesday",
4896
- "value": "wed",
4897
- },
4898
- Object {
4899
- "text": "Thursday",
4900
- "value": "thu",
4901
- },
4902
- Object {
4903
- "text": "Friday",
4904
- "value": "fri",
4905
- },
4906
- Object {
4907
- "text": "Saturday",
4908
- "value": "sat",
4909
- },
4910
- Object {
4911
- "disabled": true,
4912
- "text": "Sunday",
4913
- "value": "sun",
4914
- },
4915
- ],
4916
- }
4917
- }
4918
- style={
4919
- Array [
4920
- Object {
4921
- "marginTop": 12,
4922
- },
4923
- undefined,
4924
- ]
4925
- }
4926
- trailingItem={
4927
- Object {
4928
- "text": "Monday",
4929
- "value": "mon",
4930
- }
4931
- }
4932
- />
4933
- <View
4934
- accessible={true}
4935
- collapsable={false}
4936
- focusable={true}
4937
- nativeID="animatedComponent"
4938
- onClick={[Function]}
4939
- onResponderGrant={[Function]}
4940
- onResponderMove={[Function]}
4941
- onResponderRelease={[Function]}
4942
- onResponderTerminate={[Function]}
4943
- onResponderTerminationRequest={[Function]}
4944
- onStartShouldSetResponder={[Function]}
4945
- style={
4946
- Object {
4947
- "alignItems": "center",
4948
- "backgroundColor": "#ece8ef",
4949
- "borderRadius": 4,
4950
- "flexDirection": "row",
4951
- "opacity": 1,
4952
- "padding": 16,
4953
- }
4954
- }
4955
- >
4956
- <View
4957
- style={
4958
- Array [
4959
- Object {
4960
- "flex": 1,
4961
- },
4962
- undefined,
4963
- ]
4964
- }
4965
- >
4966
- <Text
4967
- style={
4968
- Array [
4969
- Object {
4970
- "color": "#001f23",
4971
- "fontFamily": "BeVietnamPro-Regular",
4972
- "fontSize": 16,
4973
- "letterSpacing": 0.48,
4974
- "lineHeight": 24,
4975
- },
4976
- undefined,
4977
- ]
4978
- }
4979
- themeFontSize="large"
4980
- themeFontWeight="regular"
4981
- themeIntent="body"
4982
- themeTypeface="neutral"
4983
- >
4984
- Monday
4985
- </Text>
4986
- </View>
4987
- <View
4988
- style={
4989
- Array [
4990
- Object {
4991
- "marginLeft": 8,
4992
- },
4993
- undefined,
4994
- ]
4995
- }
4996
- >
4997
- <HeroIcon
4998
- name="checkmark"
4999
- style={
5000
- Array [
5001
- Object {
5002
- "color": "#401960",
5003
- "fontSize": 20,
5004
- },
5005
- Object {
5006
- "marginRight": 12,
5007
- },
5008
- ]
5009
- }
5010
- themeIntent="primary"
5011
- themeSize="small"
5012
- />
5013
- </View>
5014
- </View>
5015
- <View
5016
- highlighted={false}
5017
- leadingItem={
5018
- Object {
5019
- "text": "Monday",
5020
- "value": "mon",
5021
- }
5022
- }
5023
- section={
5024
- Object {
5025
- "category": "",
5026
- "data": Array [
5027
- Object {
5028
- "text": "Monday",
5029
- "value": "mon",
5030
- },
5031
- Object {
5032
- "text": "Tuesday",
5033
- "value": "tue",
5034
- },
5035
- Object {
5036
- "text": "Wednesday",
5037
- "value": "wed",
5038
- },
5039
- Object {
5040
- "text": "Thursday",
5041
- "value": "thu",
5042
- },
5043
- Object {
5044
- "text": "Friday",
5045
- "value": "fri",
5046
- },
5047
- Object {
5048
- "text": "Saturday",
5049
- "value": "sat",
5050
- },
5051
- Object {
5052
- "disabled": true,
5053
- "text": "Sunday",
5054
- "value": "sun",
5055
- },
5056
- ],
5057
- }
5058
- }
5059
- style={
5060
- Array [
5061
- Object {
5062
- "marginTop": 4,
5063
- },
5064
- undefined,
5065
- ]
5066
- }
5067
- trailingItem={
5068
- Object {
5069
- "text": "Tuesday",
5070
- "value": "tue",
5071
- }
5072
- }
5073
- />
5074
- </View>
5075
- </View>
5076
- <View
5077
- onLayout={[Function]}
5078
- style={null}
5079
- >
5080
- <View>
5081
- <View
5082
- accessible={true}
5083
- collapsable={false}
5084
- focusable={true}
5085
- nativeID="animatedComponent"
5086
- onClick={[Function]}
5087
- onResponderGrant={[Function]}
5088
- onResponderMove={[Function]}
5089
- onResponderRelease={[Function]}
5090
- onResponderTerminate={[Function]}
5091
- onResponderTerminationRequest={[Function]}
5092
- onStartShouldSetResponder={[Function]}
5093
- style={
5094
- Object {
5095
- "alignItems": "center",
5096
- "backgroundColor": "#ece8ef",
5097
- "borderRadius": 4,
5098
- "flexDirection": "row",
5099
- "opacity": 1,
5100
- "padding": 16,
5101
- }
5102
- }
5103
- >
5104
- <View
5105
- style={
5106
- Array [
5107
- Object {
5108
- "flex": 1,
5109
- },
5110
- undefined,
5111
- ]
5112
- }
5113
- >
5114
- <Text
5115
- style={
5116
- Array [
5117
- Object {
5118
- "color": "#001f23",
5119
- "fontFamily": "BeVietnamPro-Regular",
5120
- "fontSize": 16,
5121
- "letterSpacing": 0.48,
5122
- "lineHeight": 24,
5123
- },
5124
- undefined,
5125
- ]
5126
- }
5127
- themeFontSize="large"
5128
- themeFontWeight="regular"
5129
- themeIntent="body"
5130
- themeTypeface="neutral"
5131
- >
5132
- Tuesday
5133
- </Text>
5134
- </View>
5135
- <View
5136
- style={
5137
- Array [
5138
- Object {
5139
- "marginLeft": 8,
5140
- },
5141
- undefined,
5142
- ]
5143
- }
5144
- >
5145
- <HeroIcon
5146
- name="checkmark"
5147
- style={
5148
- Array [
5149
- Object {
5150
- "color": "#401960",
5151
- "fontSize": 20,
5152
- },
5153
- Object {
5154
- "marginRight": 12,
5155
- },
5156
- ]
5157
- }
5158
- themeIntent="primary"
5159
- themeSize="small"
5160
- />
5161
- </View>
5162
- </View>
5163
- <View
5164
- highlighted={false}
5165
- leadingItem={
5166
- Object {
5167
- "text": "Tuesday",
5168
- "value": "tue",
5169
- }
5170
- }
5171
- section={
5172
- Object {
5173
- "category": "",
5174
- "data": Array [
5175
- Object {
5176
- "text": "Monday",
5177
- "value": "mon",
5178
- },
5179
- Object {
5180
- "text": "Tuesday",
5181
- "value": "tue",
5182
- },
5183
- Object {
5184
- "text": "Wednesday",
5185
- "value": "wed",
5186
- },
5187
- Object {
5188
- "text": "Thursday",
5189
- "value": "thu",
5190
- },
5191
- Object {
5192
- "text": "Friday",
5193
- "value": "fri",
5194
- },
5195
- Object {
5196
- "text": "Saturday",
5197
- "value": "sat",
5198
- },
5199
- Object {
5200
- "disabled": true,
5201
- "text": "Sunday",
5202
- "value": "sun",
5203
- },
5204
- ],
5205
- }
5206
- }
5207
- style={
5208
- Array [
5209
- Object {
5210
- "marginTop": 4,
5211
- },
5212
- undefined,
5213
- ]
5214
- }
5215
- trailingItem={
5216
- Object {
5217
- "text": "Wednesday",
5218
- "value": "wed",
5219
- }
5220
- }
5221
- />
5222
- </View>
5223
- </View>
5224
- <View
5225
- onLayout={[Function]}
5226
- style={null}
5227
- >
5228
- <View>
5229
- <View
5230
- accessible={true}
5231
- collapsable={false}
5232
- focusable={true}
5233
- nativeID="animatedComponent"
5234
- onClick={[Function]}
5235
- onResponderGrant={[Function]}
5236
- onResponderMove={[Function]}
5237
- onResponderRelease={[Function]}
5238
- onResponderTerminate={[Function]}
5239
- onResponderTerminationRequest={[Function]}
5240
- onStartShouldSetResponder={[Function]}
5241
- style={
5242
- Object {
5243
- "alignItems": "center",
5244
- "backgroundColor": "#ffffff",
5245
- "borderRadius": 4,
5246
- "flexDirection": "row",
5247
- "opacity": 1,
5248
- "padding": 16,
5249
- }
5250
- }
5251
- >
5252
- <View
5253
- style={
5254
- Array [
5255
- Object {
5256
- "flex": 1,
5257
- },
5258
- undefined,
5259
- ]
5260
- }
5261
- >
5262
- <Text
5263
- style={
5264
- Array [
5265
- Object {
5266
- "color": "#001f23",
5267
- "fontFamily": "BeVietnamPro-Regular",
5268
- "fontSize": 16,
5269
- "letterSpacing": 0.48,
5270
- "lineHeight": 24,
5271
- },
5272
- undefined,
5273
- ]
5274
- }
5275
- themeFontSize="large"
5276
- themeFontWeight="regular"
5277
- themeIntent="body"
5278
- themeTypeface="neutral"
5279
- >
5280
- Wednesday
5281
- </Text>
5282
- </View>
5283
- </View>
5284
- <View
5285
- highlighted={false}
5286
- leadingItem={
5287
- Object {
5288
- "text": "Wednesday",
5289
- "value": "wed",
5290
- }
5291
- }
5292
- section={
5293
- Object {
5294
- "category": "",
5295
- "data": Array [
5296
- Object {
5297
- "text": "Monday",
5298
- "value": "mon",
5299
- },
5300
- Object {
5301
- "text": "Tuesday",
5302
- "value": "tue",
5303
- },
5304
- Object {
5305
- "text": "Wednesday",
5306
- "value": "wed",
5307
- },
5308
- Object {
5309
- "text": "Thursday",
5310
- "value": "thu",
5311
- },
5312
- Object {
5313
- "text": "Friday",
5314
- "value": "fri",
5315
- },
5316
- Object {
5317
- "text": "Saturday",
5318
- "value": "sat",
5319
- },
5320
- Object {
5321
- "disabled": true,
5322
- "text": "Sunday",
5323
- "value": "sun",
5324
- },
5325
- ],
5326
- }
5327
- }
5328
- style={
5329
- Array [
5330
- Object {
5331
- "marginTop": 4,
5332
- },
5333
- undefined,
5334
- ]
5335
- }
5336
- trailingItem={
5337
- Object {
5338
- "text": "Thursday",
5339
- "value": "thu",
5340
- }
5341
- }
5342
- />
5343
- </View>
5344
- </View>
5345
- <View
5346
- onLayout={[Function]}
5347
- style={null}
5348
- >
5349
- <View>
5350
- <View
5351
- accessible={true}
5352
- collapsable={false}
5353
- focusable={true}
5354
- nativeID="animatedComponent"
5355
- onClick={[Function]}
5356
- onResponderGrant={[Function]}
5357
- onResponderMove={[Function]}
5358
- onResponderRelease={[Function]}
5359
- onResponderTerminate={[Function]}
5360
- onResponderTerminationRequest={[Function]}
5361
- onStartShouldSetResponder={[Function]}
5362
- style={
5363
- Object {
5364
- "alignItems": "center",
5365
- "backgroundColor": "#ffffff",
5366
- "borderRadius": 4,
5367
- "flexDirection": "row",
5368
- "opacity": 1,
5369
- "padding": 16,
5370
- }
5371
- }
5372
- >
5373
- <View
5374
- style={
5375
- Array [
5376
- Object {
5377
- "flex": 1,
5378
- },
5379
- undefined,
5380
- ]
5381
- }
5382
- >
5383
- <Text
5384
- style={
5385
- Array [
5386
- Object {
5387
- "color": "#001f23",
5388
- "fontFamily": "BeVietnamPro-Regular",
5389
- "fontSize": 16,
5390
- "letterSpacing": 0.48,
5391
- "lineHeight": 24,
5392
- },
5393
- undefined,
5394
- ]
5395
- }
5396
- themeFontSize="large"
5397
- themeFontWeight="regular"
5398
- themeIntent="body"
5399
- themeTypeface="neutral"
5400
- >
5401
- Thursday
5402
- </Text>
5403
- </View>
5404
- </View>
5405
- <View
5406
- highlighted={false}
5407
- leadingItem={
5408
- Object {
5409
- "text": "Thursday",
5410
- "value": "thu",
5411
- }
5412
- }
5413
- section={
5414
- Object {
5415
- "category": "",
5416
- "data": Array [
5417
- Object {
5418
- "text": "Monday",
5419
- "value": "mon",
5420
- },
5421
- Object {
5422
- "text": "Tuesday",
5423
- "value": "tue",
5424
- },
5425
- Object {
5426
- "text": "Wednesday",
5427
- "value": "wed",
5428
- },
5429
- Object {
5430
- "text": "Thursday",
5431
- "value": "thu",
5432
- },
5433
- Object {
5434
- "text": "Friday",
5435
- "value": "fri",
5436
- },
5437
- Object {
5438
- "text": "Saturday",
5439
- "value": "sat",
5440
- },
5441
- Object {
5442
- "disabled": true,
5443
- "text": "Sunday",
5444
- "value": "sun",
5445
- },
5446
- ],
5447
- }
5448
- }
5449
- style={
5450
- Array [
5451
- Object {
5452
- "marginTop": 4,
5453
- },
5454
- undefined,
5455
- ]
5456
- }
5457
- trailingItem={
5458
- Object {
5459
- "text": "Friday",
5460
- "value": "fri",
5461
- }
5462
- }
5463
- />
5464
- </View>
5465
- </View>
5466
- <View
5467
- onLayout={[Function]}
5468
- style={null}
5469
- >
5470
- <View>
5471
- <View
5472
- accessible={true}
5473
- collapsable={false}
5474
- focusable={true}
5475
- nativeID="animatedComponent"
5476
- onClick={[Function]}
5477
- onResponderGrant={[Function]}
5478
- onResponderMove={[Function]}
5479
- onResponderRelease={[Function]}
5480
- onResponderTerminate={[Function]}
5481
- onResponderTerminationRequest={[Function]}
5482
- onStartShouldSetResponder={[Function]}
5483
- style={
5484
- Object {
5485
- "alignItems": "center",
5486
- "backgroundColor": "#ffffff",
5487
- "borderRadius": 4,
5488
- "flexDirection": "row",
5489
- "opacity": 1,
5490
- "padding": 16,
5491
- }
5492
- }
5493
- >
5494
- <View
5495
- style={
5496
- Array [
5497
- Object {
5498
- "flex": 1,
5499
- },
5500
- undefined,
5501
- ]
5502
- }
5503
- >
5504
- <Text
5505
- style={
5506
- Array [
5507
- Object {
5508
- "color": "#001f23",
5509
- "fontFamily": "BeVietnamPro-Regular",
5510
- "fontSize": 16,
5511
- "letterSpacing": 0.48,
5512
- "lineHeight": 24,
5513
- },
5514
- undefined,
5515
- ]
5516
- }
5517
- themeFontSize="large"
5518
- themeFontWeight="regular"
5519
- themeIntent="body"
5520
- themeTypeface="neutral"
5521
- >
5522
- Friday
5523
- </Text>
5524
- </View>
5525
- </View>
5526
- <View
5527
- highlighted={false}
5528
- leadingItem={
5529
- Object {
5530
- "text": "Friday",
5531
- "value": "fri",
5532
- }
5533
- }
5534
- section={
5535
- Object {
5536
- "category": "",
5537
- "data": Array [
5538
- Object {
5539
- "text": "Monday",
5540
- "value": "mon",
5541
- },
5542
- Object {
5543
- "text": "Tuesday",
5544
- "value": "tue",
5545
- },
5546
- Object {
5547
- "text": "Wednesday",
5548
- "value": "wed",
5549
- },
5550
- Object {
5551
- "text": "Thursday",
5552
- "value": "thu",
5553
- },
5554
- Object {
5555
- "text": "Friday",
5556
- "value": "fri",
5557
- },
5558
- Object {
5559
- "text": "Saturday",
5560
- "value": "sat",
5561
- },
5562
- Object {
5563
- "disabled": true,
5564
- "text": "Sunday",
5565
- "value": "sun",
5566
- },
5567
- ],
5568
- }
5569
- }
5570
- style={
5571
- Array [
5572
- Object {
5573
- "marginTop": 4,
5574
- },
5575
- undefined,
5576
- ]
5577
- }
5578
- trailingItem={
5579
- Object {
5580
- "text": "Saturday",
5581
- "value": "sat",
5582
- }
5583
- }
5584
- />
5585
- </View>
5586
- </View>
5587
- <View
5588
- onLayout={[Function]}
5589
- style={null}
5590
- >
5591
- <View>
5592
- <View
5593
- accessible={true}
5594
- collapsable={false}
5595
- focusable={true}
5596
- nativeID="animatedComponent"
5597
- onClick={[Function]}
5598
- onResponderGrant={[Function]}
5599
- onResponderMove={[Function]}
5600
- onResponderRelease={[Function]}
5601
- onResponderTerminate={[Function]}
5602
- onResponderTerminationRequest={[Function]}
5603
- onStartShouldSetResponder={[Function]}
5604
- style={
5605
- Object {
5606
- "alignItems": "center",
5607
- "backgroundColor": "#ffffff",
5608
- "borderRadius": 4,
5609
- "flexDirection": "row",
5610
- "opacity": 1,
5611
- "padding": 16,
5612
- }
5613
- }
5614
- >
5615
- <View
5616
- style={
5617
- Array [
5618
- Object {
5619
- "flex": 1,
5620
- },
5621
- undefined,
5622
- ]
5623
- }
5624
- >
5625
- <Text
5626
- style={
5627
- Array [
5628
- Object {
5629
- "color": "#001f23",
5630
- "fontFamily": "BeVietnamPro-Regular",
5631
- "fontSize": 16,
5632
- "letterSpacing": 0.48,
5633
- "lineHeight": 24,
5634
- },
5635
- undefined,
5636
- ]
5637
- }
5638
- themeFontSize="large"
5639
- themeFontWeight="regular"
5640
- themeIntent="body"
5641
- themeTypeface="neutral"
5642
- >
5643
- Saturday
5644
- </Text>
5645
- </View>
5646
- </View>
5647
- <View
5648
- highlighted={false}
5649
- leadingItem={
5650
- Object {
5651
- "text": "Saturday",
5652
- "value": "sat",
5653
- }
5654
- }
5655
- section={
5656
- Object {
5657
- "category": "",
5658
- "data": Array [
5659
- Object {
5660
- "text": "Monday",
5661
- "value": "mon",
5662
- },
5663
- Object {
5664
- "text": "Tuesday",
5665
- "value": "tue",
5666
- },
5667
- Object {
5668
- "text": "Wednesday",
5669
- "value": "wed",
5670
- },
5671
- Object {
5672
- "text": "Thursday",
5673
- "value": "thu",
5674
- },
5675
- Object {
5676
- "text": "Friday",
5677
- "value": "fri",
5678
- },
5679
- Object {
5680
- "text": "Saturday",
5681
- "value": "sat",
5682
- },
5683
- Object {
5684
- "disabled": true,
5685
- "text": "Sunday",
5686
- "value": "sun",
5687
- },
5688
- ],
5689
- }
5690
- }
5691
- style={
5692
- Array [
5693
- Object {
5694
- "marginTop": 4,
5695
- },
5696
- undefined,
5697
- ]
5698
- }
5699
- trailingItem={
5700
- Object {
5701
- "disabled": true,
5702
- "text": "Sunday",
5703
- "value": "sun",
5704
- }
5705
- }
5706
- />
5707
- </View>
5708
- </View>
5709
- <View
5710
- onLayout={[Function]}
5711
- style={null}
5712
- >
5713
- <View>
5714
- <View
5715
- accessible={true}
5716
- collapsable={false}
5717
- focusable={true}
5718
- nativeID="animatedComponent"
5719
2941
  onClick={[Function]}
5720
2942
  onResponderGrant={[Function]}
5721
2943
  onResponderMove={[Function]}
@@ -5856,10 +3078,14 @@ Array [
5856
3078
  }
5857
3079
  >
5858
3080
  <View
3081
+ accessibilityState={
3082
+ Object {
3083
+ "disabled": false,
3084
+ }
3085
+ }
5859
3086
  accessible={true}
5860
3087
  collapsable={false}
5861
3088
  focusable={true}
5862
- nativeID="animatedComponent"
5863
3089
  onClick={[Function]}
5864
3090
  onResponderGrant={[Function]}
5865
3091
  onResponderMove={[Function]}
@@ -5922,6 +3148,229 @@ Array [
5922
3148
  ]
5923
3149
  `;
5924
3150
 
3151
+ exports[`rendering renders correctly when input is loading 1`] = `
3152
+ Array [
3153
+ <View
3154
+ pointerEvents="none"
3155
+ >
3156
+ <View
3157
+ accessible={true}
3158
+ collapsable={false}
3159
+ focusable={true}
3160
+ onClick={[Function]}
3161
+ onResponderGrant={[Function]}
3162
+ onResponderMove={[Function]}
3163
+ onResponderRelease={[Function]}
3164
+ onResponderTerminate={[Function]}
3165
+ onResponderTerminationRequest={[Function]}
3166
+ onStartShouldSetResponder={[Function]}
3167
+ style={
3168
+ Object {
3169
+ "opacity": 1,
3170
+ }
3171
+ }
3172
+ >
3173
+ <View
3174
+ pointerEvents="none"
3175
+ >
3176
+ <View
3177
+ pointerEvents="none"
3178
+ style={
3179
+ Array [
3180
+ Object {
3181
+ "marginVertical": 8,
3182
+ "width": "100%",
3183
+ },
3184
+ undefined,
3185
+ ]
3186
+ }
3187
+ >
3188
+ <View
3189
+ style={
3190
+ Array [
3191
+ Object {
3192
+ "alignItems": "center",
3193
+ "flexDirection": "row",
3194
+ "padding": 16,
3195
+ },
3196
+ undefined,
3197
+ ]
3198
+ }
3199
+ >
3200
+ <View
3201
+ style={
3202
+ Array [
3203
+ Object {
3204
+ "borderColor": "#808f91",
3205
+ "borderRadius": 8,
3206
+ "borderWidth": 1,
3207
+ "bottom": 0,
3208
+ "left": 0,
3209
+ "position": "absolute",
3210
+ "right": 0,
3211
+ "top": 0,
3212
+ },
3213
+ undefined,
3214
+ ]
3215
+ }
3216
+ themeFocused={false}
3217
+ themeVariant="readonly"
3218
+ />
3219
+ <View
3220
+ pointerEvents="none"
3221
+ style={
3222
+ Array [
3223
+ Object {
3224
+ "backgroundColor": "#ffffff",
3225
+ "flexDirection": "row",
3226
+ "left": 16,
3227
+ "paddingHorizontal": 4,
3228
+ "position": "absolute",
3229
+ "top": -10,
3230
+ "zIndex": 1,
3231
+ },
3232
+ undefined,
3233
+ ]
3234
+ }
3235
+ >
3236
+ <Text
3237
+ style={
3238
+ Array [
3239
+ Object {
3240
+ "color": "#001f23",
3241
+ "fontFamily": "BeVietnamPro-Regular",
3242
+ "fontSize": 12,
3243
+ "letterSpacing": 0.36,
3244
+ "lineHeight": 20,
3245
+ },
3246
+ Array [
3247
+ Object {
3248
+ "color": "#808f91",
3249
+ },
3250
+ undefined,
3251
+ ],
3252
+ ]
3253
+ }
3254
+ testID="input-label"
3255
+ themeFontSize="small"
3256
+ themeFontWeight="regular"
3257
+ themeIntent="body"
3258
+ themeTypeface="neutral"
3259
+ themeVariant="readonly"
3260
+ >
3261
+ Allow notifications
3262
+ </Text>
3263
+ </View>
3264
+ <View
3265
+ style={
3266
+ Array [
3267
+ Object {
3268
+ "alignItems": "center",
3269
+ "alignSelf": "stretch",
3270
+ "flexDirection": "row",
3271
+ "flexGrow": 2,
3272
+ "flexShrink": 1,
3273
+ },
3274
+ undefined,
3275
+ ]
3276
+ }
3277
+ >
3278
+ <TextInput
3279
+ accessibilityState={
3280
+ Object {
3281
+ "disabled": true,
3282
+ }
3283
+ }
3284
+ editable={true}
3285
+ multiline={true}
3286
+ onBlur={[Function]}
3287
+ onChangeText={[Function]}
3288
+ onFocus={[Function]}
3289
+ placeholder=" "
3290
+ pointerEvents="none"
3291
+ style={
3292
+ Array [
3293
+ Object {
3294
+ "alignSelf": "stretch",
3295
+ "flexGrow": 2,
3296
+ "fontSize": 14,
3297
+ "marginHorizontal": 8,
3298
+ "paddingVertical": 0,
3299
+ "textAlignVertical": "center",
3300
+ },
3301
+ Object {
3302
+ "color": "#001f23",
3303
+ },
3304
+ ]
3305
+ }
3306
+ testID="text-input"
3307
+ value="Monday, Tuesday"
3308
+ />
3309
+ </View>
3310
+ <View
3311
+ collapsable={false}
3312
+ style={
3313
+ Object {
3314
+ "transform": Array [
3315
+ Object {
3316
+ "rotate": "0deg",
3317
+ },
3318
+ ],
3319
+ }
3320
+ }
3321
+ >
3322
+ <HeroIcon
3323
+ name="loading"
3324
+ style={
3325
+ Array [
3326
+ Object {
3327
+ "color": "#001f23",
3328
+ "fontSize": 16,
3329
+ },
3330
+ undefined,
3331
+ ]
3332
+ }
3333
+ testID="input-suffix"
3334
+ themeIntent="text"
3335
+ themeSize="xsmall"
3336
+ />
3337
+ </View>
3338
+ </View>
3339
+ <View
3340
+ style={
3341
+ Array [
3342
+ Object {
3343
+ "paddingLeft": 16,
3344
+ },
3345
+ undefined,
3346
+ ]
3347
+ }
3348
+ >
3349
+ <View
3350
+ style={
3351
+ Array [
3352
+ Object {
3353
+ "flexDirection": "row",
3354
+ "justifyContent": "space-between",
3355
+ },
3356
+ undefined,
3357
+ ]
3358
+ }
3359
+ />
3360
+ </View>
3361
+ </View>
3362
+ </View>
3363
+ </View>
3364
+ </View>,
3365
+ <Modal
3366
+ hardwareAccelerated={false}
3367
+ onRequestClose={[Function]}
3368
+ transparent={true}
3369
+ visible={false}
3370
+ />,
3371
+ ]
3372
+ `;
3373
+
5925
3374
  exports[`rendering renders correctly when receives sections 1`] = `
5926
3375
  Array [
5927
3376
  <View
@@ -5929,6 +3378,7 @@ Array [
5929
3378
  >
5930
3379
  <View
5931
3380
  accessible={true}
3381
+ collapsable={false}
5932
3382
  focusable={true}
5933
3383
  onClick={[Function]}
5934
3384
  onResponderGrant={[Function]}
@@ -6187,6 +3637,7 @@ Array [
6187
3637
  }
6188
3638
  />
6189
3639
  <RCTSafeAreaView
3640
+ collapsable={false}
6190
3641
  emulateUnlessSupported={true}
6191
3642
  style={
6192
3643
  Object {
@@ -6275,6 +3726,7 @@ Array [
6275
3726
  >
6276
3727
  <View
6277
3728
  accessible={true}
3729
+ collapsable={false}
6278
3730
  focusable={true}
6279
3731
  onClick={[Function]}
6280
3732
  onResponderGrant={[Function]}
@@ -6493,7 +3945,13 @@ Array [
6493
3945
  }
6494
3946
  />
6495
3947
  <View
3948
+ accessibilityState={
3949
+ Object {
3950
+ "disabled": false,
3951
+ }
3952
+ }
6496
3953
  accessible={true}
3954
+ collapsable={false}
6497
3955
  focusable={true}
6498
3956
  onClick={[Function]}
6499
3957
  onResponderGrant={[Function]}
@@ -6710,7 +4168,13 @@ Array [
6710
4168
  }
6711
4169
  />
6712
4170
  <View
4171
+ accessibilityState={
4172
+ Object {
4173
+ "disabled": false,
4174
+ }
4175
+ }
6713
4176
  accessible={true}
4177
+ collapsable={false}
6714
4178
  focusable={true}
6715
4179
  onClick={[Function]}
6716
4180
  onResponderGrant={[Function]}
@@ -6846,7 +4310,13 @@ Array [
6846
4310
  >
6847
4311
  <View>
6848
4312
  <View
4313
+ accessibilityState={
4314
+ Object {
4315
+ "disabled": false,
4316
+ }
4317
+ }
6849
4318
  accessible={true}
4319
+ collapsable={false}
6850
4320
  focusable={true}
6851
4321
  onClick={[Function]}
6852
4322
  onResponderGrant={[Function]}
@@ -7004,7 +4474,13 @@ Array [
7004
4474
  }
7005
4475
  >
7006
4476
  <View
4477
+ accessibilityState={
4478
+ Object {
4479
+ "disabled": false,
4480
+ }
4481
+ }
7007
4482
  accessible={true}
4483
+ collapsable={false}
7008
4484
  focusable={true}
7009
4485
  onClick={[Function]}
7010
4486
  onResponderGrant={[Function]}