@hero-design/rn 7.10.2 → 7.12.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 (103) hide show
  1. package/.turbo/turbo-build.log +8 -8
  2. package/assets/fonts/hero-icons.ttf +0 -0
  3. package/es/index.js +3778 -728
  4. package/global-setup.js +3 -0
  5. package/jest.config.js +1 -0
  6. package/lib/assets/fonts/hero-icons.ttf +0 -0
  7. package/lib/index.js +3779 -726
  8. package/package.json +7 -3
  9. package/rollup.config.js +8 -1
  10. package/src/components/ContentNavigator/__tests__/__snapshots__/index.spec.tsx.snap +2 -0
  11. package/src/components/ContentNavigator/__tests__/index.spec.tsx +19 -2
  12. package/src/components/ContentNavigator/index.tsx +12 -1
  13. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +4 -0
  14. package/src/components/FAB/ActionGroup/index.tsx +16 -5
  15. package/src/components/Icon/HeroIcon/selection.json +1 -1
  16. package/src/components/Icon/IconList.ts +1 -0
  17. package/src/components/PinInput/PinCell.tsx +34 -0
  18. package/src/components/PinInput/StyledPinInput.tsx +88 -0
  19. package/src/components/PinInput/__tests__/PinCell.spec.tsx +48 -0
  20. package/src/components/PinInput/__tests__/StyledPinInput.spec.tsx +22 -0
  21. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +186 -0
  22. package/src/components/PinInput/__tests__/__snapshots__/StyledPinInput.spec.tsx.snap +58 -0
  23. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +1028 -0
  24. package/src/components/PinInput/__tests__/index.spec.tsx +91 -0
  25. package/src/components/PinInput/index.tsx +173 -0
  26. package/src/components/Select/MultiSelect/Option.tsx +1 -1
  27. package/src/components/Select/MultiSelect/OptionList.tsx +48 -26
  28. package/src/components/Select/MultiSelect/__tests__/OptionList.spec.tsx +13 -0
  29. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +1062 -556
  30. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +983 -889
  31. package/src/components/Select/MultiSelect/index.tsx +59 -31
  32. package/src/components/Select/SingleSelect/OptionList.tsx +45 -26
  33. package/src/components/Select/SingleSelect/__tests__/OptionList.spec.tsx +8 -0
  34. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +992 -500
  35. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +880 -786
  36. package/src/components/Select/SingleSelect/index.tsx +60 -31
  37. package/src/components/Select/StyledOptionList.tsx +88 -0
  38. package/src/components/Select/StyledSelect.tsx +18 -16
  39. package/src/components/Select/__tests__/StyledSelect.spec.tsx +1 -14
  40. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +0 -13
  41. package/src/components/Select/types.tsx +47 -0
  42. package/src/components/TextInput/__tests__/index.spec.tsx +15 -0
  43. package/src/components/TextInput/index.tsx +20 -16
  44. package/src/components/TimePicker/StyledTimePicker.tsx +8 -0
  45. package/src/components/TimePicker/TimePickerAndroid.tsx +61 -0
  46. package/src/components/TimePicker/TimePickerIOS.tsx +91 -0
  47. package/src/components/TimePicker/__tests__/TimePicker.spec.tsx +34 -0
  48. package/src/components/TimePicker/__tests__/TimePickerAndroid.spec.tsx +39 -0
  49. package/src/components/TimePicker/__tests__/TimePickerIOS.spec.tsx +46 -0
  50. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +200 -0
  51. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +513 -0
  52. package/src/components/TimePicker/index.tsx +15 -0
  53. package/src/components/TimePicker/types.ts +50 -0
  54. package/src/components/Typography/Text/StyledText.tsx +1 -1
  55. package/src/components/Typography/Text/__tests__/StyledText.spec.tsx +1 -0
  56. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +22 -0
  57. package/src/components/Typography/Text/index.tsx +1 -1
  58. package/src/index.ts +4 -0
  59. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +44 -0
  60. package/src/theme/components/pinInput.ts +45 -0
  61. package/src/theme/components/select.ts +4 -0
  62. package/src/theme/components/timePicker.ts +11 -0
  63. package/src/theme/components/typography.ts +2 -0
  64. package/src/theme/global/colors.ts +1 -1
  65. package/src/theme/global/space.ts +10 -10
  66. package/src/theme/index.ts +9 -3
  67. package/testUtils/setup.tsx +10 -0
  68. package/types/components/ContentNavigator/index.d.ts +5 -1
  69. package/types/components/Icon/IconList.d.ts +1 -1
  70. package/types/components/Icon/utils.d.ts +1 -1
  71. package/types/components/PinInput/PinCell.d.ts +8 -0
  72. package/types/components/PinInput/StyledPinInput.d.ts +73 -0
  73. package/types/components/PinInput/__tests__/PinCell.spec.d.ts +1 -0
  74. package/types/components/PinInput/__tests__/StyledPinInput.spec.d.ts +1 -0
  75. package/types/components/PinInput/__tests__/index.spec.d.ts +1 -0
  76. package/types/components/PinInput/index.d.ts +48 -0
  77. package/types/components/Select/MultiSelect/OptionList.d.ts +1 -1
  78. package/types/components/Select/MultiSelect/index.d.ts +3 -25
  79. package/types/components/Select/SingleSelect/OptionList.d.ts +1 -1
  80. package/types/components/Select/SingleSelect/index.d.ts +4 -26
  81. package/types/components/Select/StyledOptionList.d.ts +17 -0
  82. package/types/components/Select/StyledSelect.d.ts +7 -7
  83. package/types/components/Select/index.d.ts +1 -1
  84. package/types/components/Select/types.d.ts +44 -0
  85. package/types/components/TimePicker/StyledTimePicker.d.ts +8 -0
  86. package/types/components/TimePicker/TimePickerAndroid.d.ts +3 -0
  87. package/types/components/TimePicker/TimePickerIOS.d.ts +3 -0
  88. package/types/components/TimePicker/__tests__/TimePicker.spec.d.ts +1 -0
  89. package/types/components/TimePicker/__tests__/TimePickerAndroid.spec.d.ts +1 -0
  90. package/types/components/TimePicker/__tests__/TimePickerIOS.spec.d.ts +1 -0
  91. package/types/components/TimePicker/index.d.ts +3 -0
  92. package/types/components/TimePicker/types.d.ts +49 -0
  93. package/types/components/Typography/Text/StyledText.d.ts +1 -1
  94. package/types/components/Typography/Text/index.d.ts +1 -1
  95. package/types/index.d.ts +3 -1
  96. package/types/theme/components/pinInput.d.ts +35 -0
  97. package/types/theme/components/select.d.ts +4 -0
  98. package/types/theme/components/timePicker.d.ts +6 -0
  99. package/types/theme/components/typography.d.ts +2 -0
  100. package/types/theme/index.d.ts +6 -2
  101. package/src/components/Select/types.ts +0 -1
  102. package/src/components/TextInput/__tests__/.log/ti-10343.log +0 -62
  103. package/src/components/TextInput/__tests__/.log/tsserver.log +0 -15584
package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -249,6 +249,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
249
249
  "borderTopRightRadius": 16,
250
250
  "elevation": 10,
251
251
  "maxHeight": "94%",
252
+ "paddingBottom": 0,
252
253
  "shadowColor": "#292a2b",
253
254
  "shadowOffset": Object {
254
255
  "height": 3,
@@ -374,441 +375,480 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
374
375
  ]
375
376
  }
376
377
  />
377
- <View
378
- style={
378
+ <RCTScrollView
379
+ ListFooterComponent={null}
380
+ data={
379
381
  Array [
380
382
  Object {
381
- "padding": 16,
383
+ "text": "Monday",
384
+ "value": "mon",
385
+ },
386
+ Object {
387
+ "text": "Tuesday",
388
+ "value": "tue",
389
+ },
390
+ Object {
391
+ "text": "Wednesday",
392
+ "value": "wed",
393
+ },
394
+ Object {
395
+ "text": "Thursday",
396
+ "value": "thu",
397
+ },
398
+ Object {
399
+ "text": "Friday",
400
+ "value": "fri",
401
+ },
402
+ Object {
403
+ "text": "Saturday",
404
+ "value": "sat",
405
+ },
406
+ Object {
407
+ "text": "Sunday",
408
+ "value": "sun",
382
409
  },
383
- undefined,
384
410
  ]
385
411
  }
386
- >
387
- <View
388
- accessible={true}
389
- collapsable={false}
390
- focusable={true}
391
- nativeID="animatedComponent"
392
- onClick={[Function]}
393
- onResponderGrant={[Function]}
394
- onResponderMove={[Function]}
395
- onResponderRelease={[Function]}
396
- onResponderTerminate={[Function]}
397
- onResponderTerminationRequest={[Function]}
398
- onStartShouldSetResponder={[Function]}
399
- style={
400
- Object {
401
- "alignItems": "center",
402
- "backgroundColor": "#f1e9fb",
403
- "borderRadius": 4,
404
- "flexDirection": "row",
405
- "justifyContent": "space-between",
406
- "opacity": 1,
407
- "padding": 16,
408
- }
412
+ getItem={[Function]}
413
+ getItemCount={[Function]}
414
+ keyExtractor={[Function]}
415
+ onContentSizeChange={[Function]}
416
+ onEndReached={[Function]}
417
+ onEndReachedThreshold={0.1}
418
+ onLayout={[Function]}
419
+ onMomentumScrollBegin={[Function]}
420
+ onMomentumScrollEnd={[Function]}
421
+ onScroll={[Function]}
422
+ onScrollBeginDrag={[Function]}
423
+ onScrollEndDrag={[Function]}
424
+ onScrollToIndexFailed={[Function]}
425
+ removeClippedSubviews={false}
426
+ renderItem={[Function]}
427
+ scrollEventThrottle={50}
428
+ stickyHeaderIndices={Array []}
429
+ style={
430
+ Object {
431
+ "paddingHorizontal": 16,
409
432
  }
410
- >
433
+ }
434
+ viewabilityConfigCallbackPairs={Array []}
435
+ >
436
+ <View>
411
437
  <View
412
- style={
413
- Object {
414
- "flex": 1,
415
- }
416
- }
438
+ onLayout={[Function]}
439
+ style={null}
417
440
  >
418
- <Text
419
- style={
420
- Array [
441
+ <View>
442
+ <View
443
+ accessible={true}
444
+ collapsable={false}
445
+ focusable={true}
446
+ nativeID="animatedComponent"
447
+ onClick={[Function]}
448
+ onResponderGrant={[Function]}
449
+ onResponderMove={[Function]}
450
+ onResponderRelease={[Function]}
451
+ onResponderTerminate={[Function]}
452
+ onResponderTerminationRequest={[Function]}
453
+ onStartShouldSetResponder={[Function]}
454
+ style={
421
455
  Object {
422
- "color": "#292a2b",
423
- "fontFamily": "BeVietnamPro-Regular",
424
- "fontSize": 16,
425
- "letterSpacing": 0.48,
426
- "lineHeight": 24,
427
- },
428
- undefined,
429
- ]
430
- }
431
- themeFontSize="large"
432
- themeFontWeight="regular"
433
- themeIntent="body"
434
- >
435
- Monday
436
- </Text>
456
+ "alignItems": "center",
457
+ "backgroundColor": "#f1e9fb",
458
+ "borderRadius": 4,
459
+ "flexDirection": "row",
460
+ "justifyContent": "space-between",
461
+ "opacity": 1,
462
+ "padding": 16,
463
+ }
464
+ }
465
+ >
466
+ <View
467
+ style={
468
+ Object {
469
+ "flex": 1,
470
+ }
471
+ }
472
+ >
473
+ <Text
474
+ style={
475
+ Array [
476
+ Object {
477
+ "color": "#292a2b",
478
+ "fontFamily": "BeVietnamPro-Regular",
479
+ "fontSize": 16,
480
+ "letterSpacing": 0.48,
481
+ "lineHeight": 24,
482
+ },
483
+ undefined,
484
+ ]
485
+ }
486
+ themeFontSize="large"
487
+ themeFontWeight="regular"
488
+ themeIntent="body"
489
+ >
490
+ Monday
491
+ </Text>
492
+ </View>
493
+ </View>
494
+ </View>
437
495
  </View>
438
- </View>
439
- <View
440
- style={
441
- Array [
442
- Object {
443
- "marginTop": 4,
444
- },
445
- undefined,
446
- ]
447
- }
448
- />
449
- <View
450
- accessible={true}
451
- collapsable={false}
452
- focusable={true}
453
- nativeID="animatedComponent"
454
- onClick={[Function]}
455
- onResponderGrant={[Function]}
456
- onResponderMove={[Function]}
457
- onResponderRelease={[Function]}
458
- onResponderTerminate={[Function]}
459
- onResponderTerminationRequest={[Function]}
460
- onStartShouldSetResponder={[Function]}
461
- style={
462
- Object {
463
- "alignItems": "center",
464
- "backgroundColor": "#ffffff",
465
- "borderRadius": 4,
466
- "flexDirection": "row",
467
- "justifyContent": "space-between",
468
- "opacity": 1,
469
- "padding": 16,
470
- }
471
- }
472
- >
473
496
  <View
474
- style={
475
- Object {
476
- "flex": 1,
477
- }
478
- }
497
+ onLayout={[Function]}
498
+ style={null}
479
499
  >
480
- <Text
481
- style={
482
- Array [
500
+ <View>
501
+ <View
502
+ accessible={true}
503
+ collapsable={false}
504
+ focusable={true}
505
+ nativeID="animatedComponent"
506
+ onClick={[Function]}
507
+ onResponderGrant={[Function]}
508
+ onResponderMove={[Function]}
509
+ onResponderRelease={[Function]}
510
+ onResponderTerminate={[Function]}
511
+ onResponderTerminationRequest={[Function]}
512
+ onStartShouldSetResponder={[Function]}
513
+ style={
483
514
  Object {
484
- "color": "#292a2b",
485
- "fontFamily": "BeVietnamPro-Regular",
486
- "fontSize": 16,
487
- "letterSpacing": 0.48,
488
- "lineHeight": 24,
489
- },
490
- undefined,
491
- ]
492
- }
493
- themeFontSize="large"
494
- themeFontWeight="regular"
495
- themeIntent="body"
496
- >
497
- Tuesday
498
- </Text>
515
+ "alignItems": "center",
516
+ "backgroundColor": "#ffffff",
517
+ "borderRadius": 4,
518
+ "flexDirection": "row",
519
+ "justifyContent": "space-between",
520
+ "opacity": 1,
521
+ "padding": 16,
522
+ }
523
+ }
524
+ >
525
+ <View
526
+ style={
527
+ Object {
528
+ "flex": 1,
529
+ }
530
+ }
531
+ >
532
+ <Text
533
+ style={
534
+ Array [
535
+ Object {
536
+ "color": "#292a2b",
537
+ "fontFamily": "BeVietnamPro-Regular",
538
+ "fontSize": 16,
539
+ "letterSpacing": 0.48,
540
+ "lineHeight": 24,
541
+ },
542
+ undefined,
543
+ ]
544
+ }
545
+ themeFontSize="large"
546
+ themeFontWeight="regular"
547
+ themeIntent="body"
548
+ >
549
+ Tuesday
550
+ </Text>
551
+ </View>
552
+ </View>
553
+ </View>
499
554
  </View>
500
- </View>
501
- <View
502
- style={
503
- Array [
504
- Object {
505
- "marginTop": 4,
506
- },
507
- undefined,
508
- ]
509
- }
510
- />
511
- <View
512
- accessible={true}
513
- collapsable={false}
514
- focusable={true}
515
- nativeID="animatedComponent"
516
- onClick={[Function]}
517
- onResponderGrant={[Function]}
518
- onResponderMove={[Function]}
519
- onResponderRelease={[Function]}
520
- onResponderTerminate={[Function]}
521
- onResponderTerminationRequest={[Function]}
522
- onStartShouldSetResponder={[Function]}
523
- style={
524
- Object {
525
- "alignItems": "center",
526
- "backgroundColor": "#ffffff",
527
- "borderRadius": 4,
528
- "flexDirection": "row",
529
- "justifyContent": "space-between",
530
- "opacity": 1,
531
- "padding": 16,
532
- }
533
- }
534
- >
535
555
  <View
536
- style={
537
- Object {
538
- "flex": 1,
539
- }
540
- }
556
+ onLayout={[Function]}
557
+ style={null}
541
558
  >
542
- <Text
543
- style={
544
- Array [
559
+ <View>
560
+ <View
561
+ accessible={true}
562
+ collapsable={false}
563
+ focusable={true}
564
+ nativeID="animatedComponent"
565
+ onClick={[Function]}
566
+ onResponderGrant={[Function]}
567
+ onResponderMove={[Function]}
568
+ onResponderRelease={[Function]}
569
+ onResponderTerminate={[Function]}
570
+ onResponderTerminationRequest={[Function]}
571
+ onStartShouldSetResponder={[Function]}
572
+ style={
545
573
  Object {
546
- "color": "#292a2b",
547
- "fontFamily": "BeVietnamPro-Regular",
548
- "fontSize": 16,
549
- "letterSpacing": 0.48,
550
- "lineHeight": 24,
551
- },
552
- undefined,
553
- ]
554
- }
555
- themeFontSize="large"
556
- themeFontWeight="regular"
557
- themeIntent="body"
558
- >
559
- Wednesday
560
- </Text>
574
+ "alignItems": "center",
575
+ "backgroundColor": "#ffffff",
576
+ "borderRadius": 4,
577
+ "flexDirection": "row",
578
+ "justifyContent": "space-between",
579
+ "opacity": 1,
580
+ "padding": 16,
581
+ }
582
+ }
583
+ >
584
+ <View
585
+ style={
586
+ Object {
587
+ "flex": 1,
588
+ }
589
+ }
590
+ >
591
+ <Text
592
+ style={
593
+ Array [
594
+ Object {
595
+ "color": "#292a2b",
596
+ "fontFamily": "BeVietnamPro-Regular",
597
+ "fontSize": 16,
598
+ "letterSpacing": 0.48,
599
+ "lineHeight": 24,
600
+ },
601
+ undefined,
602
+ ]
603
+ }
604
+ themeFontSize="large"
605
+ themeFontWeight="regular"
606
+ themeIntent="body"
607
+ >
608
+ Wednesday
609
+ </Text>
610
+ </View>
611
+ </View>
612
+ </View>
561
613
  </View>
562
- </View>
563
- <View
564
- style={
565
- Array [
566
- Object {
567
- "marginTop": 4,
568
- },
569
- undefined,
570
- ]
571
- }
572
- />
573
- <View
574
- accessible={true}
575
- collapsable={false}
576
- focusable={true}
577
- nativeID="animatedComponent"
578
- onClick={[Function]}
579
- onResponderGrant={[Function]}
580
- onResponderMove={[Function]}
581
- onResponderRelease={[Function]}
582
- onResponderTerminate={[Function]}
583
- onResponderTerminationRequest={[Function]}
584
- onStartShouldSetResponder={[Function]}
585
- style={
586
- Object {
587
- "alignItems": "center",
588
- "backgroundColor": "#ffffff",
589
- "borderRadius": 4,
590
- "flexDirection": "row",
591
- "justifyContent": "space-between",
592
- "opacity": 1,
593
- "padding": 16,
594
- }
595
- }
596
- >
597
614
  <View
598
- style={
599
- Object {
600
- "flex": 1,
601
- }
602
- }
615
+ onLayout={[Function]}
616
+ style={null}
603
617
  >
604
- <Text
605
- style={
606
- Array [
618
+ <View>
619
+ <View
620
+ accessible={true}
621
+ collapsable={false}
622
+ focusable={true}
623
+ nativeID="animatedComponent"
624
+ onClick={[Function]}
625
+ onResponderGrant={[Function]}
626
+ onResponderMove={[Function]}
627
+ onResponderRelease={[Function]}
628
+ onResponderTerminate={[Function]}
629
+ onResponderTerminationRequest={[Function]}
630
+ onStartShouldSetResponder={[Function]}
631
+ style={
607
632
  Object {
608
- "color": "#292a2b",
609
- "fontFamily": "BeVietnamPro-Regular",
610
- "fontSize": 16,
611
- "letterSpacing": 0.48,
612
- "lineHeight": 24,
613
- },
614
- undefined,
615
- ]
616
- }
617
- themeFontSize="large"
618
- themeFontWeight="regular"
619
- themeIntent="body"
620
- >
621
- Thursday
622
- </Text>
633
+ "alignItems": "center",
634
+ "backgroundColor": "#ffffff",
635
+ "borderRadius": 4,
636
+ "flexDirection": "row",
637
+ "justifyContent": "space-between",
638
+ "opacity": 1,
639
+ "padding": 16,
640
+ }
641
+ }
642
+ >
643
+ <View
644
+ style={
645
+ Object {
646
+ "flex": 1,
647
+ }
648
+ }
649
+ >
650
+ <Text
651
+ style={
652
+ Array [
653
+ Object {
654
+ "color": "#292a2b",
655
+ "fontFamily": "BeVietnamPro-Regular",
656
+ "fontSize": 16,
657
+ "letterSpacing": 0.48,
658
+ "lineHeight": 24,
659
+ },
660
+ undefined,
661
+ ]
662
+ }
663
+ themeFontSize="large"
664
+ themeFontWeight="regular"
665
+ themeIntent="body"
666
+ >
667
+ Thursday
668
+ </Text>
669
+ </View>
670
+ </View>
671
+ </View>
623
672
  </View>
624
- </View>
625
- <View
626
- style={
627
- Array [
628
- Object {
629
- "marginTop": 4,
630
- },
631
- undefined,
632
- ]
633
- }
634
- />
635
- <View
636
- accessible={true}
637
- collapsable={false}
638
- focusable={true}
639
- nativeID="animatedComponent"
640
- onClick={[Function]}
641
- onResponderGrant={[Function]}
642
- onResponderMove={[Function]}
643
- onResponderRelease={[Function]}
644
- onResponderTerminate={[Function]}
645
- onResponderTerminationRequest={[Function]}
646
- onStartShouldSetResponder={[Function]}
647
- style={
648
- Object {
649
- "alignItems": "center",
650
- "backgroundColor": "#ffffff",
651
- "borderRadius": 4,
652
- "flexDirection": "row",
653
- "justifyContent": "space-between",
654
- "opacity": 1,
655
- "padding": 16,
656
- }
657
- }
658
- >
659
673
  <View
660
- style={
661
- Object {
662
- "flex": 1,
663
- }
664
- }
674
+ onLayout={[Function]}
675
+ style={null}
665
676
  >
666
- <Text
667
- style={
668
- Array [
677
+ <View>
678
+ <View
679
+ accessible={true}
680
+ collapsable={false}
681
+ focusable={true}
682
+ nativeID="animatedComponent"
683
+ onClick={[Function]}
684
+ onResponderGrant={[Function]}
685
+ onResponderMove={[Function]}
686
+ onResponderRelease={[Function]}
687
+ onResponderTerminate={[Function]}
688
+ onResponderTerminationRequest={[Function]}
689
+ onStartShouldSetResponder={[Function]}
690
+ style={
669
691
  Object {
670
- "color": "#292a2b",
671
- "fontFamily": "BeVietnamPro-Regular",
672
- "fontSize": 16,
673
- "letterSpacing": 0.48,
674
- "lineHeight": 24,
675
- },
676
- undefined,
677
- ]
678
- }
679
- themeFontSize="large"
680
- themeFontWeight="regular"
681
- themeIntent="body"
682
- >
683
- Friday
684
- </Text>
692
+ "alignItems": "center",
693
+ "backgroundColor": "#ffffff",
694
+ "borderRadius": 4,
695
+ "flexDirection": "row",
696
+ "justifyContent": "space-between",
697
+ "opacity": 1,
698
+ "padding": 16,
699
+ }
700
+ }
701
+ >
702
+ <View
703
+ style={
704
+ Object {
705
+ "flex": 1,
706
+ }
707
+ }
708
+ >
709
+ <Text
710
+ style={
711
+ Array [
712
+ Object {
713
+ "color": "#292a2b",
714
+ "fontFamily": "BeVietnamPro-Regular",
715
+ "fontSize": 16,
716
+ "letterSpacing": 0.48,
717
+ "lineHeight": 24,
718
+ },
719
+ undefined,
720
+ ]
721
+ }
722
+ themeFontSize="large"
723
+ themeFontWeight="regular"
724
+ themeIntent="body"
725
+ >
726
+ Friday
727
+ </Text>
728
+ </View>
729
+ </View>
730
+ </View>
685
731
  </View>
686
- </View>
687
- <View
688
- style={
689
- Array [
690
- Object {
691
- "marginTop": 4,
692
- },
693
- undefined,
694
- ]
695
- }
696
- />
697
- <View
698
- accessible={true}
699
- collapsable={false}
700
- focusable={true}
701
- nativeID="animatedComponent"
702
- onClick={[Function]}
703
- onResponderGrant={[Function]}
704
- onResponderMove={[Function]}
705
- onResponderRelease={[Function]}
706
- onResponderTerminate={[Function]}
707
- onResponderTerminationRequest={[Function]}
708
- onStartShouldSetResponder={[Function]}
709
- style={
710
- Object {
711
- "alignItems": "center",
712
- "backgroundColor": "#ffffff",
713
- "borderRadius": 4,
714
- "flexDirection": "row",
715
- "justifyContent": "space-between",
716
- "opacity": 1,
717
- "padding": 16,
718
- }
719
- }
720
- >
721
732
  <View
722
- style={
723
- Object {
724
- "flex": 1,
725
- }
726
- }
733
+ onLayout={[Function]}
734
+ style={null}
727
735
  >
728
- <Text
729
- style={
730
- Array [
736
+ <View>
737
+ <View
738
+ accessible={true}
739
+ collapsable={false}
740
+ focusable={true}
741
+ nativeID="animatedComponent"
742
+ onClick={[Function]}
743
+ onResponderGrant={[Function]}
744
+ onResponderMove={[Function]}
745
+ onResponderRelease={[Function]}
746
+ onResponderTerminate={[Function]}
747
+ onResponderTerminationRequest={[Function]}
748
+ onStartShouldSetResponder={[Function]}
749
+ style={
731
750
  Object {
732
- "color": "#292a2b",
733
- "fontFamily": "BeVietnamPro-Regular",
734
- "fontSize": 16,
735
- "letterSpacing": 0.48,
736
- "lineHeight": 24,
737
- },
738
- undefined,
739
- ]
740
- }
741
- themeFontSize="large"
742
- themeFontWeight="regular"
743
- themeIntent="body"
744
- >
745
- Saturday
746
- </Text>
751
+ "alignItems": "center",
752
+ "backgroundColor": "#ffffff",
753
+ "borderRadius": 4,
754
+ "flexDirection": "row",
755
+ "justifyContent": "space-between",
756
+ "opacity": 1,
757
+ "padding": 16,
758
+ }
759
+ }
760
+ >
761
+ <View
762
+ style={
763
+ Object {
764
+ "flex": 1,
765
+ }
766
+ }
767
+ >
768
+ <Text
769
+ style={
770
+ Array [
771
+ Object {
772
+ "color": "#292a2b",
773
+ "fontFamily": "BeVietnamPro-Regular",
774
+ "fontSize": 16,
775
+ "letterSpacing": 0.48,
776
+ "lineHeight": 24,
777
+ },
778
+ undefined,
779
+ ]
780
+ }
781
+ themeFontSize="large"
782
+ themeFontWeight="regular"
783
+ themeIntent="body"
784
+ >
785
+ Saturday
786
+ </Text>
787
+ </View>
788
+ </View>
789
+ </View>
747
790
  </View>
748
- </View>
749
- <View
750
- style={
751
- Array [
752
- Object {
753
- "marginTop": 4,
754
- },
755
- undefined,
756
- ]
757
- }
758
- />
759
- <View
760
- accessible={true}
761
- collapsable={false}
762
- focusable={true}
763
- nativeID="animatedComponent"
764
- onClick={[Function]}
765
- onResponderGrant={[Function]}
766
- onResponderMove={[Function]}
767
- onResponderRelease={[Function]}
768
- onResponderTerminate={[Function]}
769
- onResponderTerminationRequest={[Function]}
770
- onStartShouldSetResponder={[Function]}
771
- style={
772
- Object {
773
- "alignItems": "center",
774
- "backgroundColor": "#ffffff",
775
- "borderRadius": 4,
776
- "flexDirection": "row",
777
- "justifyContent": "space-between",
778
- "opacity": 1,
779
- "padding": 16,
780
- }
781
- }
782
- >
783
791
  <View
784
- style={
785
- Object {
786
- "flex": 1,
787
- }
788
- }
792
+ onLayout={[Function]}
793
+ style={null}
789
794
  >
790
- <Text
791
- style={
792
- Array [
795
+ <View>
796
+ <View
797
+ accessible={true}
798
+ collapsable={false}
799
+ focusable={true}
800
+ nativeID="animatedComponent"
801
+ onClick={[Function]}
802
+ onResponderGrant={[Function]}
803
+ onResponderMove={[Function]}
804
+ onResponderRelease={[Function]}
805
+ onResponderTerminate={[Function]}
806
+ onResponderTerminationRequest={[Function]}
807
+ onStartShouldSetResponder={[Function]}
808
+ style={
793
809
  Object {
794
- "color": "#292a2b",
795
- "fontFamily": "BeVietnamPro-Regular",
796
- "fontSize": 16,
797
- "letterSpacing": 0.48,
798
- "lineHeight": 24,
799
- },
800
- undefined,
801
- ]
802
- }
803
- themeFontSize="large"
804
- themeFontWeight="regular"
805
- themeIntent="body"
806
- >
807
- Sunday
808
- </Text>
810
+ "alignItems": "center",
811
+ "backgroundColor": "#ffffff",
812
+ "borderRadius": 4,
813
+ "flexDirection": "row",
814
+ "justifyContent": "space-between",
815
+ "opacity": 1,
816
+ "padding": 16,
817
+ }
818
+ }
819
+ >
820
+ <View
821
+ style={
822
+ Object {
823
+ "flex": 1,
824
+ }
825
+ }
826
+ >
827
+ <Text
828
+ style={
829
+ Array [
830
+ Object {
831
+ "color": "#292a2b",
832
+ "fontFamily": "BeVietnamPro-Regular",
833
+ "fontSize": 16,
834
+ "letterSpacing": 0.48,
835
+ "lineHeight": 24,
836
+ },
837
+ undefined,
838
+ ]
839
+ }
840
+ themeFontSize="large"
841
+ themeFontWeight="regular"
842
+ themeIntent="body"
843
+ >
844
+ Sunday
845
+ </Text>
846
+ </View>
847
+ </View>
848
+ </View>
809
849
  </View>
810
850
  </View>
811
- </View>
851
+ </RCTScrollView>
812
852
  </View>
813
853
  </View>
814
854
  </Modal>
@@ -1059,6 +1099,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1059
1099
  "borderTopRightRadius": 16,
1060
1100
  "elevation": 10,
1061
1101
  "maxHeight": "94%",
1102
+ "paddingBottom": 0,
1062
1103
  "shadowColor": "#292a2b",
1063
1104
  "shadowOffset": Object {
1064
1105
  "height": 3,
@@ -1182,427 +1223,480 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1182
1223
  ]
1183
1224
  }
1184
1225
  />
1185
- <View
1186
- style={
1226
+ <RCTScrollView
1227
+ ListFooterComponent={null}
1228
+ data={
1187
1229
  Array [
1188
1230
  Object {
1189
- "padding": 16,
1231
+ "text": "Monday",
1232
+ "value": "mon",
1233
+ },
1234
+ Object {
1235
+ "text": "Tuesday",
1236
+ "value": "tue",
1237
+ },
1238
+ Object {
1239
+ "text": "Wednesday",
1240
+ "value": "wed",
1241
+ },
1242
+ Object {
1243
+ "text": "Thursday",
1244
+ "value": "thu",
1245
+ },
1246
+ Object {
1247
+ "text": "Friday",
1248
+ "value": "fri",
1249
+ },
1250
+ Object {
1251
+ "text": "Saturday",
1252
+ "value": "sat",
1253
+ },
1254
+ Object {
1255
+ "text": "Sunday",
1256
+ "value": "sun",
1190
1257
  },
1191
- undefined,
1192
1258
  ]
1193
1259
  }
1194
- >
1195
- <View
1196
- accessible={true}
1197
- focusable={true}
1198
- onClick={[Function]}
1199
- onResponderGrant={[Function]}
1200
- onResponderMove={[Function]}
1201
- onResponderRelease={[Function]}
1202
- onResponderTerminate={[Function]}
1203
- onResponderTerminationRequest={[Function]}
1204
- onStartShouldSetResponder={[Function]}
1205
- style={
1206
- Object {
1207
- "alignItems": "center",
1208
- "backgroundColor": "#f1e9fb",
1209
- "borderRadius": 4,
1210
- "flexDirection": "row",
1211
- "justifyContent": "space-between",
1212
- "opacity": 1,
1213
- "padding": 16,
1214
- }
1260
+ getItem={[Function]}
1261
+ getItemCount={[Function]}
1262
+ keyExtractor={[Function]}
1263
+ onContentSizeChange={[Function]}
1264
+ onEndReached={[Function]}
1265
+ onEndReachedThreshold={0.1}
1266
+ onLayout={[Function]}
1267
+ onMomentumScrollBegin={[Function]}
1268
+ onMomentumScrollEnd={[Function]}
1269
+ onScroll={[Function]}
1270
+ onScrollBeginDrag={[Function]}
1271
+ onScrollEndDrag={[Function]}
1272
+ onScrollToIndexFailed={[Function]}
1273
+ removeClippedSubviews={false}
1274
+ renderItem={[Function]}
1275
+ scrollEventThrottle={50}
1276
+ stickyHeaderIndices={Array []}
1277
+ style={
1278
+ Object {
1279
+ "paddingHorizontal": 16,
1215
1280
  }
1216
- >
1281
+ }
1282
+ viewabilityConfigCallbackPairs={Array []}
1283
+ >
1284
+ <View>
1217
1285
  <View
1218
- style={
1219
- Object {
1220
- "flex": 1,
1221
- }
1222
- }
1286
+ onLayout={[Function]}
1287
+ style={null}
1223
1288
  >
1224
- <Text
1225
- style={
1226
- Array [
1289
+ <View>
1290
+ <View
1291
+ accessible={true}
1292
+ collapsable={false}
1293
+ focusable={true}
1294
+ nativeID="animatedComponent"
1295
+ onClick={[Function]}
1296
+ onResponderGrant={[Function]}
1297
+ onResponderMove={[Function]}
1298
+ onResponderRelease={[Function]}
1299
+ onResponderTerminate={[Function]}
1300
+ onResponderTerminationRequest={[Function]}
1301
+ onStartShouldSetResponder={[Function]}
1302
+ style={
1227
1303
  Object {
1228
- "color": "#292a2b",
1229
- "fontFamily": "BeVietnamPro-Regular",
1230
- "fontSize": 16,
1231
- "letterSpacing": 0.48,
1232
- "lineHeight": 24,
1233
- },
1234
- undefined,
1235
- ]
1236
- }
1237
- themeFontSize="large"
1238
- themeFontWeight="regular"
1239
- themeIntent="body"
1240
- >
1241
- Monday
1242
- </Text>
1304
+ "alignItems": "center",
1305
+ "backgroundColor": "#f1e9fb",
1306
+ "borderRadius": 4,
1307
+ "flexDirection": "row",
1308
+ "justifyContent": "space-between",
1309
+ "opacity": 1,
1310
+ "padding": 16,
1311
+ }
1312
+ }
1313
+ >
1314
+ <View
1315
+ style={
1316
+ Object {
1317
+ "flex": 1,
1318
+ }
1319
+ }
1320
+ >
1321
+ <Text
1322
+ style={
1323
+ Array [
1324
+ Object {
1325
+ "color": "#292a2b",
1326
+ "fontFamily": "BeVietnamPro-Regular",
1327
+ "fontSize": 16,
1328
+ "letterSpacing": 0.48,
1329
+ "lineHeight": 24,
1330
+ },
1331
+ undefined,
1332
+ ]
1333
+ }
1334
+ themeFontSize="large"
1335
+ themeFontWeight="regular"
1336
+ themeIntent="body"
1337
+ >
1338
+ Monday
1339
+ </Text>
1340
+ </View>
1341
+ </View>
1342
+ </View>
1243
1343
  </View>
1244
- </View>
1245
- <View
1246
- style={
1247
- Array [
1248
- Object {
1249
- "marginTop": 4,
1250
- },
1251
- undefined,
1252
- ]
1253
- }
1254
- />
1255
- <View
1256
- accessible={true}
1257
- focusable={true}
1258
- onClick={[Function]}
1259
- onResponderGrant={[Function]}
1260
- onResponderMove={[Function]}
1261
- onResponderRelease={[Function]}
1262
- onResponderTerminate={[Function]}
1263
- onResponderTerminationRequest={[Function]}
1264
- onStartShouldSetResponder={[Function]}
1265
- style={
1266
- Object {
1267
- "alignItems": "center",
1268
- "backgroundColor": "#ffffff",
1269
- "borderRadius": 4,
1270
- "flexDirection": "row",
1271
- "justifyContent": "space-between",
1272
- "opacity": 1,
1273
- "padding": 16,
1274
- }
1275
- }
1276
- >
1277
1344
  <View
1278
- style={
1279
- Object {
1280
- "flex": 1,
1281
- }
1282
- }
1345
+ onLayout={[Function]}
1346
+ style={null}
1283
1347
  >
1284
- <Text
1285
- style={
1286
- Array [
1348
+ <View>
1349
+ <View
1350
+ accessible={true}
1351
+ collapsable={false}
1352
+ focusable={true}
1353
+ nativeID="animatedComponent"
1354
+ onClick={[Function]}
1355
+ onResponderGrant={[Function]}
1356
+ onResponderMove={[Function]}
1357
+ onResponderRelease={[Function]}
1358
+ onResponderTerminate={[Function]}
1359
+ onResponderTerminationRequest={[Function]}
1360
+ onStartShouldSetResponder={[Function]}
1361
+ style={
1287
1362
  Object {
1288
- "color": "#292a2b",
1289
- "fontFamily": "BeVietnamPro-Regular",
1290
- "fontSize": 16,
1291
- "letterSpacing": 0.48,
1292
- "lineHeight": 24,
1293
- },
1294
- undefined,
1295
- ]
1296
- }
1297
- themeFontSize="large"
1298
- themeFontWeight="regular"
1299
- themeIntent="body"
1300
- >
1301
- Tuesday
1302
- </Text>
1363
+ "alignItems": "center",
1364
+ "backgroundColor": "#ffffff",
1365
+ "borderRadius": 4,
1366
+ "flexDirection": "row",
1367
+ "justifyContent": "space-between",
1368
+ "opacity": 1,
1369
+ "padding": 16,
1370
+ }
1371
+ }
1372
+ >
1373
+ <View
1374
+ style={
1375
+ Object {
1376
+ "flex": 1,
1377
+ }
1378
+ }
1379
+ >
1380
+ <Text
1381
+ style={
1382
+ Array [
1383
+ Object {
1384
+ "color": "#292a2b",
1385
+ "fontFamily": "BeVietnamPro-Regular",
1386
+ "fontSize": 16,
1387
+ "letterSpacing": 0.48,
1388
+ "lineHeight": 24,
1389
+ },
1390
+ undefined,
1391
+ ]
1392
+ }
1393
+ themeFontSize="large"
1394
+ themeFontWeight="regular"
1395
+ themeIntent="body"
1396
+ >
1397
+ Tuesday
1398
+ </Text>
1399
+ </View>
1400
+ </View>
1401
+ </View>
1303
1402
  </View>
1304
- </View>
1305
- <View
1306
- style={
1307
- Array [
1308
- Object {
1309
- "marginTop": 4,
1310
- },
1311
- undefined,
1312
- ]
1313
- }
1314
- />
1315
- <View
1316
- accessible={true}
1317
- focusable={true}
1318
- onClick={[Function]}
1319
- onResponderGrant={[Function]}
1320
- onResponderMove={[Function]}
1321
- onResponderRelease={[Function]}
1322
- onResponderTerminate={[Function]}
1323
- onResponderTerminationRequest={[Function]}
1324
- onStartShouldSetResponder={[Function]}
1325
- style={
1326
- Object {
1327
- "alignItems": "center",
1328
- "backgroundColor": "#ffffff",
1329
- "borderRadius": 4,
1330
- "flexDirection": "row",
1331
- "justifyContent": "space-between",
1332
- "opacity": 1,
1333
- "padding": 16,
1334
- }
1335
- }
1336
- >
1337
1403
  <View
1338
- style={
1339
- Object {
1340
- "flex": 1,
1341
- }
1342
- }
1404
+ onLayout={[Function]}
1405
+ style={null}
1343
1406
  >
1344
- <Text
1345
- style={
1346
- Array [
1407
+ <View>
1408
+ <View
1409
+ accessible={true}
1410
+ collapsable={false}
1411
+ focusable={true}
1412
+ nativeID="animatedComponent"
1413
+ onClick={[Function]}
1414
+ onResponderGrant={[Function]}
1415
+ onResponderMove={[Function]}
1416
+ onResponderRelease={[Function]}
1417
+ onResponderTerminate={[Function]}
1418
+ onResponderTerminationRequest={[Function]}
1419
+ onStartShouldSetResponder={[Function]}
1420
+ style={
1347
1421
  Object {
1348
- "color": "#292a2b",
1349
- "fontFamily": "BeVietnamPro-Regular",
1350
- "fontSize": 16,
1351
- "letterSpacing": 0.48,
1352
- "lineHeight": 24,
1353
- },
1354
- undefined,
1355
- ]
1356
- }
1357
- themeFontSize="large"
1358
- themeFontWeight="regular"
1359
- themeIntent="body"
1360
- >
1361
- Wednesday
1362
- </Text>
1422
+ "alignItems": "center",
1423
+ "backgroundColor": "#ffffff",
1424
+ "borderRadius": 4,
1425
+ "flexDirection": "row",
1426
+ "justifyContent": "space-between",
1427
+ "opacity": 1,
1428
+ "padding": 16,
1429
+ }
1430
+ }
1431
+ >
1432
+ <View
1433
+ style={
1434
+ Object {
1435
+ "flex": 1,
1436
+ }
1437
+ }
1438
+ >
1439
+ <Text
1440
+ style={
1441
+ Array [
1442
+ Object {
1443
+ "color": "#292a2b",
1444
+ "fontFamily": "BeVietnamPro-Regular",
1445
+ "fontSize": 16,
1446
+ "letterSpacing": 0.48,
1447
+ "lineHeight": 24,
1448
+ },
1449
+ undefined,
1450
+ ]
1451
+ }
1452
+ themeFontSize="large"
1453
+ themeFontWeight="regular"
1454
+ themeIntent="body"
1455
+ >
1456
+ Wednesday
1457
+ </Text>
1458
+ </View>
1459
+ </View>
1460
+ </View>
1363
1461
  </View>
1364
- </View>
1365
- <View
1366
- style={
1367
- Array [
1368
- Object {
1369
- "marginTop": 4,
1370
- },
1371
- undefined,
1372
- ]
1373
- }
1374
- />
1375
- <View
1376
- accessible={true}
1377
- focusable={true}
1378
- onClick={[Function]}
1379
- onResponderGrant={[Function]}
1380
- onResponderMove={[Function]}
1381
- onResponderRelease={[Function]}
1382
- onResponderTerminate={[Function]}
1383
- onResponderTerminationRequest={[Function]}
1384
- onStartShouldSetResponder={[Function]}
1385
- style={
1386
- Object {
1387
- "alignItems": "center",
1388
- "backgroundColor": "#ffffff",
1389
- "borderRadius": 4,
1390
- "flexDirection": "row",
1391
- "justifyContent": "space-between",
1392
- "opacity": 1,
1393
- "padding": 16,
1394
- }
1395
- }
1396
- >
1397
1462
  <View
1398
- style={
1399
- Object {
1400
- "flex": 1,
1401
- }
1402
- }
1463
+ onLayout={[Function]}
1464
+ style={null}
1403
1465
  >
1404
- <Text
1405
- style={
1406
- Array [
1466
+ <View>
1467
+ <View
1468
+ accessible={true}
1469
+ collapsable={false}
1470
+ focusable={true}
1471
+ nativeID="animatedComponent"
1472
+ onClick={[Function]}
1473
+ onResponderGrant={[Function]}
1474
+ onResponderMove={[Function]}
1475
+ onResponderRelease={[Function]}
1476
+ onResponderTerminate={[Function]}
1477
+ onResponderTerminationRequest={[Function]}
1478
+ onStartShouldSetResponder={[Function]}
1479
+ style={
1407
1480
  Object {
1408
- "color": "#292a2b",
1409
- "fontFamily": "BeVietnamPro-Regular",
1410
- "fontSize": 16,
1411
- "letterSpacing": 0.48,
1412
- "lineHeight": 24,
1413
- },
1414
- undefined,
1415
- ]
1416
- }
1417
- themeFontSize="large"
1418
- themeFontWeight="regular"
1419
- themeIntent="body"
1420
- >
1421
- Thursday
1422
- </Text>
1481
+ "alignItems": "center",
1482
+ "backgroundColor": "#ffffff",
1483
+ "borderRadius": 4,
1484
+ "flexDirection": "row",
1485
+ "justifyContent": "space-between",
1486
+ "opacity": 1,
1487
+ "padding": 16,
1488
+ }
1489
+ }
1490
+ >
1491
+ <View
1492
+ style={
1493
+ Object {
1494
+ "flex": 1,
1495
+ }
1496
+ }
1497
+ >
1498
+ <Text
1499
+ style={
1500
+ Array [
1501
+ Object {
1502
+ "color": "#292a2b",
1503
+ "fontFamily": "BeVietnamPro-Regular",
1504
+ "fontSize": 16,
1505
+ "letterSpacing": 0.48,
1506
+ "lineHeight": 24,
1507
+ },
1508
+ undefined,
1509
+ ]
1510
+ }
1511
+ themeFontSize="large"
1512
+ themeFontWeight="regular"
1513
+ themeIntent="body"
1514
+ >
1515
+ Thursday
1516
+ </Text>
1517
+ </View>
1518
+ </View>
1519
+ </View>
1423
1520
  </View>
1424
- </View>
1425
- <View
1426
- style={
1427
- Array [
1428
- Object {
1429
- "marginTop": 4,
1430
- },
1431
- undefined,
1432
- ]
1433
- }
1434
- />
1435
- <View
1436
- accessible={true}
1437
- focusable={true}
1438
- onClick={[Function]}
1439
- onResponderGrant={[Function]}
1440
- onResponderMove={[Function]}
1441
- onResponderRelease={[Function]}
1442
- onResponderTerminate={[Function]}
1443
- onResponderTerminationRequest={[Function]}
1444
- onStartShouldSetResponder={[Function]}
1445
- style={
1446
- Object {
1447
- "alignItems": "center",
1448
- "backgroundColor": "#ffffff",
1449
- "borderRadius": 4,
1450
- "flexDirection": "row",
1451
- "justifyContent": "space-between",
1452
- "opacity": 1,
1453
- "padding": 16,
1454
- }
1455
- }
1456
- >
1457
1521
  <View
1458
- style={
1459
- Object {
1460
- "flex": 1,
1461
- }
1462
- }
1522
+ onLayout={[Function]}
1523
+ style={null}
1463
1524
  >
1464
- <Text
1465
- style={
1466
- Array [
1525
+ <View>
1526
+ <View
1527
+ accessible={true}
1528
+ collapsable={false}
1529
+ focusable={true}
1530
+ nativeID="animatedComponent"
1531
+ onClick={[Function]}
1532
+ onResponderGrant={[Function]}
1533
+ onResponderMove={[Function]}
1534
+ onResponderRelease={[Function]}
1535
+ onResponderTerminate={[Function]}
1536
+ onResponderTerminationRequest={[Function]}
1537
+ onStartShouldSetResponder={[Function]}
1538
+ style={
1467
1539
  Object {
1468
- "color": "#292a2b",
1469
- "fontFamily": "BeVietnamPro-Regular",
1470
- "fontSize": 16,
1471
- "letterSpacing": 0.48,
1472
- "lineHeight": 24,
1473
- },
1474
- undefined,
1475
- ]
1476
- }
1477
- themeFontSize="large"
1478
- themeFontWeight="regular"
1479
- themeIntent="body"
1480
- >
1481
- Friday
1482
- </Text>
1540
+ "alignItems": "center",
1541
+ "backgroundColor": "#ffffff",
1542
+ "borderRadius": 4,
1543
+ "flexDirection": "row",
1544
+ "justifyContent": "space-between",
1545
+ "opacity": 1,
1546
+ "padding": 16,
1547
+ }
1548
+ }
1549
+ >
1550
+ <View
1551
+ style={
1552
+ Object {
1553
+ "flex": 1,
1554
+ }
1555
+ }
1556
+ >
1557
+ <Text
1558
+ style={
1559
+ Array [
1560
+ Object {
1561
+ "color": "#292a2b",
1562
+ "fontFamily": "BeVietnamPro-Regular",
1563
+ "fontSize": 16,
1564
+ "letterSpacing": 0.48,
1565
+ "lineHeight": 24,
1566
+ },
1567
+ undefined,
1568
+ ]
1569
+ }
1570
+ themeFontSize="large"
1571
+ themeFontWeight="regular"
1572
+ themeIntent="body"
1573
+ >
1574
+ Friday
1575
+ </Text>
1576
+ </View>
1577
+ </View>
1578
+ </View>
1483
1579
  </View>
1484
- </View>
1485
- <View
1486
- style={
1487
- Array [
1488
- Object {
1489
- "marginTop": 4,
1490
- },
1491
- undefined,
1492
- ]
1493
- }
1494
- />
1495
- <View
1496
- accessible={true}
1497
- focusable={true}
1498
- onClick={[Function]}
1499
- onResponderGrant={[Function]}
1500
- onResponderMove={[Function]}
1501
- onResponderRelease={[Function]}
1502
- onResponderTerminate={[Function]}
1503
- onResponderTerminationRequest={[Function]}
1504
- onStartShouldSetResponder={[Function]}
1505
- style={
1506
- Object {
1507
- "alignItems": "center",
1508
- "backgroundColor": "#ffffff",
1509
- "borderRadius": 4,
1510
- "flexDirection": "row",
1511
- "justifyContent": "space-between",
1512
- "opacity": 1,
1513
- "padding": 16,
1514
- }
1515
- }
1516
- >
1517
1580
  <View
1518
- style={
1519
- Object {
1520
- "flex": 1,
1521
- }
1522
- }
1581
+ onLayout={[Function]}
1582
+ style={null}
1523
1583
  >
1524
- <Text
1525
- style={
1526
- Array [
1584
+ <View>
1585
+ <View
1586
+ accessible={true}
1587
+ collapsable={false}
1588
+ focusable={true}
1589
+ nativeID="animatedComponent"
1590
+ onClick={[Function]}
1591
+ onResponderGrant={[Function]}
1592
+ onResponderMove={[Function]}
1593
+ onResponderRelease={[Function]}
1594
+ onResponderTerminate={[Function]}
1595
+ onResponderTerminationRequest={[Function]}
1596
+ onStartShouldSetResponder={[Function]}
1597
+ style={
1527
1598
  Object {
1528
- "color": "#292a2b",
1529
- "fontFamily": "BeVietnamPro-Regular",
1530
- "fontSize": 16,
1531
- "letterSpacing": 0.48,
1532
- "lineHeight": 24,
1533
- },
1534
- undefined,
1535
- ]
1536
- }
1537
- themeFontSize="large"
1538
- themeFontWeight="regular"
1539
- themeIntent="body"
1540
- >
1541
- Saturday
1542
- </Text>
1599
+ "alignItems": "center",
1600
+ "backgroundColor": "#ffffff",
1601
+ "borderRadius": 4,
1602
+ "flexDirection": "row",
1603
+ "justifyContent": "space-between",
1604
+ "opacity": 1,
1605
+ "padding": 16,
1606
+ }
1607
+ }
1608
+ >
1609
+ <View
1610
+ style={
1611
+ Object {
1612
+ "flex": 1,
1613
+ }
1614
+ }
1615
+ >
1616
+ <Text
1617
+ style={
1618
+ Array [
1619
+ Object {
1620
+ "color": "#292a2b",
1621
+ "fontFamily": "BeVietnamPro-Regular",
1622
+ "fontSize": 16,
1623
+ "letterSpacing": 0.48,
1624
+ "lineHeight": 24,
1625
+ },
1626
+ undefined,
1627
+ ]
1628
+ }
1629
+ themeFontSize="large"
1630
+ themeFontWeight="regular"
1631
+ themeIntent="body"
1632
+ >
1633
+ Saturday
1634
+ </Text>
1635
+ </View>
1636
+ </View>
1637
+ </View>
1543
1638
  </View>
1544
- </View>
1545
- <View
1546
- style={
1547
- Array [
1548
- Object {
1549
- "marginTop": 4,
1550
- },
1551
- undefined,
1552
- ]
1553
- }
1554
- />
1555
- <View
1556
- accessible={true}
1557
- focusable={true}
1558
- onClick={[Function]}
1559
- onResponderGrant={[Function]}
1560
- onResponderMove={[Function]}
1561
- onResponderRelease={[Function]}
1562
- onResponderTerminate={[Function]}
1563
- onResponderTerminationRequest={[Function]}
1564
- onStartShouldSetResponder={[Function]}
1565
- style={
1566
- Object {
1567
- "alignItems": "center",
1568
- "backgroundColor": "#ffffff",
1569
- "borderRadius": 4,
1570
- "flexDirection": "row",
1571
- "justifyContent": "space-between",
1572
- "opacity": 1,
1573
- "padding": 16,
1574
- }
1575
- }
1576
- >
1577
1639
  <View
1578
- style={
1579
- Object {
1580
- "flex": 1,
1581
- }
1582
- }
1640
+ onLayout={[Function]}
1641
+ style={null}
1583
1642
  >
1584
- <Text
1585
- style={
1586
- Array [
1643
+ <View>
1644
+ <View
1645
+ accessible={true}
1646
+ collapsable={false}
1647
+ focusable={true}
1648
+ nativeID="animatedComponent"
1649
+ onClick={[Function]}
1650
+ onResponderGrant={[Function]}
1651
+ onResponderMove={[Function]}
1652
+ onResponderRelease={[Function]}
1653
+ onResponderTerminate={[Function]}
1654
+ onResponderTerminationRequest={[Function]}
1655
+ onStartShouldSetResponder={[Function]}
1656
+ style={
1587
1657
  Object {
1588
- "color": "#292a2b",
1589
- "fontFamily": "BeVietnamPro-Regular",
1590
- "fontSize": 16,
1591
- "letterSpacing": 0.48,
1592
- "lineHeight": 24,
1593
- },
1594
- undefined,
1595
- ]
1596
- }
1597
- themeFontSize="large"
1598
- themeFontWeight="regular"
1599
- themeIntent="body"
1600
- >
1601
- Sunday
1602
- </Text>
1658
+ "alignItems": "center",
1659
+ "backgroundColor": "#ffffff",
1660
+ "borderRadius": 4,
1661
+ "flexDirection": "row",
1662
+ "justifyContent": "space-between",
1663
+ "opacity": 1,
1664
+ "padding": 16,
1665
+ }
1666
+ }
1667
+ >
1668
+ <View
1669
+ style={
1670
+ Object {
1671
+ "flex": 1,
1672
+ }
1673
+ }
1674
+ >
1675
+ <Text
1676
+ style={
1677
+ Array [
1678
+ Object {
1679
+ "color": "#292a2b",
1680
+ "fontFamily": "BeVietnamPro-Regular",
1681
+ "fontSize": 16,
1682
+ "letterSpacing": 0.48,
1683
+ "lineHeight": 24,
1684
+ },
1685
+ undefined,
1686
+ ]
1687
+ }
1688
+ themeFontSize="large"
1689
+ themeFontWeight="regular"
1690
+ themeIntent="body"
1691
+ >
1692
+ Sunday
1693
+ </Text>
1694
+ </View>
1695
+ </View>
1696
+ </View>
1603
1697
  </View>
1604
1698
  </View>
1605
- </View>
1699
+ </RCTScrollView>
1606
1700
  </View>
1607
1701
  </View>
1608
1702
  </Modal>