@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/MultiSelect/__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,320 +375,551 @@ 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
+ <HeroIcon
494
+ name="checkmark"
495
+ style={
496
+ Array [
497
+ Object {
498
+ "color": "#292a2b",
499
+ "fontSize": 20,
500
+ },
501
+ undefined,
502
+ ]
503
+ }
504
+ themeIntent="text"
505
+ themeSize="small"
506
+ />
507
+ </View>
508
+ </View>
437
509
  </View>
438
- <HeroIcon
439
- name="checkmark"
440
- style={
441
- Array [
442
- Object {
443
- "color": "#292a2b",
444
- "fontSize": 20,
445
- },
446
- undefined,
447
- ]
448
- }
449
- themeIntent="text"
450
- themeSize="small"
451
- />
452
- </View>
453
- <View
454
- style={
455
- Array [
456
- Object {
457
- "marginTop": 4,
458
- },
459
- undefined,
460
- ]
461
- }
462
- />
463
- <View
464
- accessible={true}
465
- collapsable={false}
466
- focusable={true}
467
- nativeID="animatedComponent"
468
- onClick={[Function]}
469
- onResponderGrant={[Function]}
470
- onResponderMove={[Function]}
471
- onResponderRelease={[Function]}
472
- onResponderTerminate={[Function]}
473
- onResponderTerminationRequest={[Function]}
474
- onStartShouldSetResponder={[Function]}
475
- style={
476
- Object {
477
- "alignItems": "center",
478
- "backgroundColor": "#f1e9fb",
479
- "borderRadius": 4,
480
- "flexDirection": "row",
481
- "justifyContent": "space-between",
482
- "opacity": 1,
483
- "padding": 16,
484
- }
485
- }
486
- >
487
510
  <View
488
- style={
489
- Object {
490
- "flex": 1,
491
- }
492
- }
511
+ onLayout={[Function]}
512
+ style={null}
493
513
  >
494
- <Text
495
- style={
496
- Array [
514
+ <View>
515
+ <View
516
+ accessible={true}
517
+ collapsable={false}
518
+ focusable={true}
519
+ nativeID="animatedComponent"
520
+ onClick={[Function]}
521
+ onResponderGrant={[Function]}
522
+ onResponderMove={[Function]}
523
+ onResponderRelease={[Function]}
524
+ onResponderTerminate={[Function]}
525
+ onResponderTerminationRequest={[Function]}
526
+ onStartShouldSetResponder={[Function]}
527
+ style={
497
528
  Object {
498
- "color": "#292a2b",
499
- "fontFamily": "BeVietnamPro-Regular",
500
- "fontSize": 16,
501
- "letterSpacing": 0.48,
502
- "lineHeight": 24,
503
- },
504
- undefined,
505
- ]
506
- }
507
- themeFontSize="large"
508
- themeFontWeight="regular"
509
- themeIntent="body"
510
- >
511
- Tuesday
512
- </Text>
529
+ "alignItems": "center",
530
+ "backgroundColor": "#f1e9fb",
531
+ "borderRadius": 4,
532
+ "flexDirection": "row",
533
+ "justifyContent": "space-between",
534
+ "opacity": 1,
535
+ "padding": 16,
536
+ }
537
+ }
538
+ >
539
+ <View
540
+ style={
541
+ Object {
542
+ "flex": 1,
543
+ }
544
+ }
545
+ >
546
+ <Text
547
+ style={
548
+ Array [
549
+ Object {
550
+ "color": "#292a2b",
551
+ "fontFamily": "BeVietnamPro-Regular",
552
+ "fontSize": 16,
553
+ "letterSpacing": 0.48,
554
+ "lineHeight": 24,
555
+ },
556
+ undefined,
557
+ ]
558
+ }
559
+ themeFontSize="large"
560
+ themeFontWeight="regular"
561
+ themeIntent="body"
562
+ >
563
+ Tuesday
564
+ </Text>
565
+ </View>
566
+ <HeroIcon
567
+ name="checkmark"
568
+ style={
569
+ Array [
570
+ Object {
571
+ "color": "#292a2b",
572
+ "fontSize": 20,
573
+ },
574
+ undefined,
575
+ ]
576
+ }
577
+ themeIntent="text"
578
+ themeSize="small"
579
+ />
580
+ </View>
581
+ </View>
513
582
  </View>
514
- <HeroIcon
515
- name="checkmark"
516
- style={
517
- Array [
518
- Object {
519
- "color": "#292a2b",
520
- "fontSize": 20,
521
- },
522
- undefined,
523
- ]
524
- }
525
- themeIntent="text"
526
- themeSize="small"
527
- />
528
- </View>
529
- <View
530
- style={
531
- Array [
532
- Object {
533
- "marginTop": 4,
534
- },
535
- undefined,
536
- ]
537
- }
538
- />
539
- <View
540
- accessible={true}
541
- collapsable={false}
542
- focusable={true}
543
- nativeID="animatedComponent"
544
- onClick={[Function]}
545
- onResponderGrant={[Function]}
546
- onResponderMove={[Function]}
547
- onResponderRelease={[Function]}
548
- onResponderTerminate={[Function]}
549
- onResponderTerminationRequest={[Function]}
550
- onStartShouldSetResponder={[Function]}
551
- style={
552
- Object {
553
- "alignItems": "center",
554
- "backgroundColor": "#ffffff",
555
- "borderRadius": 4,
556
- "flexDirection": "row",
557
- "justifyContent": "space-between",
558
- "opacity": 1,
559
- "padding": 16,
560
- }
561
- }
562
- >
563
583
  <View
564
- style={
565
- Object {
566
- "flex": 1,
567
- }
568
- }
584
+ onLayout={[Function]}
585
+ style={null}
569
586
  >
570
- <Text
571
- style={
572
- Array [
587
+ <View>
588
+ <View
589
+ accessible={true}
590
+ collapsable={false}
591
+ focusable={true}
592
+ nativeID="animatedComponent"
593
+ onClick={[Function]}
594
+ onResponderGrant={[Function]}
595
+ onResponderMove={[Function]}
596
+ onResponderRelease={[Function]}
597
+ onResponderTerminate={[Function]}
598
+ onResponderTerminationRequest={[Function]}
599
+ onStartShouldSetResponder={[Function]}
600
+ style={
573
601
  Object {
574
- "color": "#292a2b",
575
- "fontFamily": "BeVietnamPro-Regular",
576
- "fontSize": 16,
577
- "letterSpacing": 0.48,
578
- "lineHeight": 24,
579
- },
580
- undefined,
581
- ]
582
- }
583
- themeFontSize="large"
584
- themeFontWeight="regular"
585
- themeIntent="body"
586
- >
587
- Wednesday
588
- </Text>
602
+ "alignItems": "center",
603
+ "backgroundColor": "#ffffff",
604
+ "borderRadius": 4,
605
+ "flexDirection": "row",
606
+ "justifyContent": "space-between",
607
+ "opacity": 1,
608
+ "padding": 16,
609
+ }
610
+ }
611
+ >
612
+ <View
613
+ style={
614
+ Object {
615
+ "flex": 1,
616
+ }
617
+ }
618
+ >
619
+ <Text
620
+ style={
621
+ Array [
622
+ Object {
623
+ "color": "#292a2b",
624
+ "fontFamily": "BeVietnamPro-Regular",
625
+ "fontSize": 16,
626
+ "letterSpacing": 0.48,
627
+ "lineHeight": 24,
628
+ },
629
+ undefined,
630
+ ]
631
+ }
632
+ themeFontSize="large"
633
+ themeFontWeight="regular"
634
+ themeIntent="body"
635
+ >
636
+ Wednesday
637
+ </Text>
638
+ </View>
639
+ </View>
640
+ </View>
641
+ </View>
642
+ <View
643
+ onLayout={[Function]}
644
+ style={null}
645
+ >
646
+ <View>
647
+ <View
648
+ accessible={true}
649
+ collapsable={false}
650
+ focusable={true}
651
+ nativeID="animatedComponent"
652
+ onClick={[Function]}
653
+ onResponderGrant={[Function]}
654
+ onResponderMove={[Function]}
655
+ onResponderRelease={[Function]}
656
+ onResponderTerminate={[Function]}
657
+ onResponderTerminationRequest={[Function]}
658
+ onStartShouldSetResponder={[Function]}
659
+ style={
660
+ Object {
661
+ "alignItems": "center",
662
+ "backgroundColor": "#ffffff",
663
+ "borderRadius": 4,
664
+ "flexDirection": "row",
665
+ "justifyContent": "space-between",
666
+ "opacity": 1,
667
+ "padding": 16,
668
+ }
669
+ }
670
+ >
671
+ <View
672
+ style={
673
+ Object {
674
+ "flex": 1,
675
+ }
676
+ }
677
+ >
678
+ <Text
679
+ style={
680
+ Array [
681
+ Object {
682
+ "color": "#292a2b",
683
+ "fontFamily": "BeVietnamPro-Regular",
684
+ "fontSize": 16,
685
+ "letterSpacing": 0.48,
686
+ "lineHeight": 24,
687
+ },
688
+ undefined,
689
+ ]
690
+ }
691
+ themeFontSize="large"
692
+ themeFontWeight="regular"
693
+ themeIntent="body"
694
+ >
695
+ Thursday
696
+ </Text>
697
+ </View>
698
+ </View>
699
+ </View>
700
+ </View>
701
+ <View
702
+ onLayout={[Function]}
703
+ style={null}
704
+ >
705
+ <View>
706
+ <View
707
+ accessible={true}
708
+ collapsable={false}
709
+ focusable={true}
710
+ nativeID="animatedComponent"
711
+ onClick={[Function]}
712
+ onResponderGrant={[Function]}
713
+ onResponderMove={[Function]}
714
+ onResponderRelease={[Function]}
715
+ onResponderTerminate={[Function]}
716
+ onResponderTerminationRequest={[Function]}
717
+ onStartShouldSetResponder={[Function]}
718
+ style={
719
+ Object {
720
+ "alignItems": "center",
721
+ "backgroundColor": "#ffffff",
722
+ "borderRadius": 4,
723
+ "flexDirection": "row",
724
+ "justifyContent": "space-between",
725
+ "opacity": 1,
726
+ "padding": 16,
727
+ }
728
+ }
729
+ >
730
+ <View
731
+ style={
732
+ Object {
733
+ "flex": 1,
734
+ }
735
+ }
736
+ >
737
+ <Text
738
+ style={
739
+ Array [
740
+ Object {
741
+ "color": "#292a2b",
742
+ "fontFamily": "BeVietnamPro-Regular",
743
+ "fontSize": 16,
744
+ "letterSpacing": 0.48,
745
+ "lineHeight": 24,
746
+ },
747
+ undefined,
748
+ ]
749
+ }
750
+ themeFontSize="large"
751
+ themeFontWeight="regular"
752
+ themeIntent="body"
753
+ >
754
+ Friday
755
+ </Text>
756
+ </View>
757
+ </View>
758
+ </View>
759
+ </View>
760
+ <View
761
+ onLayout={[Function]}
762
+ style={null}
763
+ >
764
+ <View>
765
+ <View
766
+ accessible={true}
767
+ collapsable={false}
768
+ focusable={true}
769
+ nativeID="animatedComponent"
770
+ onClick={[Function]}
771
+ onResponderGrant={[Function]}
772
+ onResponderMove={[Function]}
773
+ onResponderRelease={[Function]}
774
+ onResponderTerminate={[Function]}
775
+ onResponderTerminationRequest={[Function]}
776
+ onStartShouldSetResponder={[Function]}
777
+ style={
778
+ Object {
779
+ "alignItems": "center",
780
+ "backgroundColor": "#ffffff",
781
+ "borderRadius": 4,
782
+ "flexDirection": "row",
783
+ "justifyContent": "space-between",
784
+ "opacity": 1,
785
+ "padding": 16,
786
+ }
787
+ }
788
+ >
789
+ <View
790
+ style={
791
+ Object {
792
+ "flex": 1,
793
+ }
794
+ }
795
+ >
796
+ <Text
797
+ style={
798
+ Array [
799
+ Object {
800
+ "color": "#292a2b",
801
+ "fontFamily": "BeVietnamPro-Regular",
802
+ "fontSize": 16,
803
+ "letterSpacing": 0.48,
804
+ "lineHeight": 24,
805
+ },
806
+ undefined,
807
+ ]
808
+ }
809
+ themeFontSize="large"
810
+ themeFontWeight="regular"
811
+ themeIntent="body"
812
+ >
813
+ Saturday
814
+ </Text>
815
+ </View>
816
+ </View>
817
+ </View>
818
+ </View>
819
+ <View
820
+ onLayout={[Function]}
821
+ style={null}
822
+ >
823
+ <View>
824
+ <View
825
+ accessible={true}
826
+ collapsable={false}
827
+ focusable={true}
828
+ nativeID="animatedComponent"
829
+ onClick={[Function]}
830
+ onResponderGrant={[Function]}
831
+ onResponderMove={[Function]}
832
+ onResponderRelease={[Function]}
833
+ onResponderTerminate={[Function]}
834
+ onResponderTerminationRequest={[Function]}
835
+ onStartShouldSetResponder={[Function]}
836
+ style={
837
+ Object {
838
+ "alignItems": "center",
839
+ "backgroundColor": "#ffffff",
840
+ "borderRadius": 4,
841
+ "flexDirection": "row",
842
+ "justifyContent": "space-between",
843
+ "opacity": 1,
844
+ "padding": 16,
845
+ }
846
+ }
847
+ >
848
+ <View
849
+ style={
850
+ Object {
851
+ "flex": 1,
852
+ }
853
+ }
854
+ >
855
+ <Text
856
+ style={
857
+ Array [
858
+ Object {
859
+ "color": "#292a2b",
860
+ "fontFamily": "BeVietnamPro-Regular",
861
+ "fontSize": 16,
862
+ "letterSpacing": 0.48,
863
+ "lineHeight": 24,
864
+ },
865
+ undefined,
866
+ ]
867
+ }
868
+ themeFontSize="large"
869
+ themeFontWeight="regular"
870
+ themeIntent="body"
871
+ >
872
+ Sunday
873
+ </Text>
874
+ </View>
875
+ </View>
876
+ </View>
589
877
  </View>
590
878
  </View>
879
+ </RCTScrollView>
880
+ <View>
591
881
  <View
592
882
  style={
593
883
  Array [
594
884
  Object {
595
- "marginTop": 4,
885
+ "borderBottomColor": "#dadbde",
886
+ "borderBottomWidth": 1,
887
+ "maxWidth": "100%",
596
888
  },
597
889
  undefined,
598
890
  ]
599
891
  }
600
892
  />
601
- <View
602
- accessible={true}
603
- collapsable={false}
604
- focusable={true}
605
- nativeID="animatedComponent"
606
- onClick={[Function]}
607
- onResponderGrant={[Function]}
608
- onResponderMove={[Function]}
609
- onResponderRelease={[Function]}
610
- onResponderTerminate={[Function]}
611
- onResponderTerminationRequest={[Function]}
612
- onStartShouldSetResponder={[Function]}
613
- style={
614
- Object {
615
- "alignItems": "center",
616
- "backgroundColor": "#ffffff",
617
- "borderRadius": 4,
618
- "flexDirection": "row",
619
- "justifyContent": "space-between",
620
- "opacity": 1,
621
- "padding": 16,
622
- }
623
- }
624
- >
625
- <View
626
- style={
627
- Object {
628
- "flex": 1,
629
- }
630
- }
631
- >
632
- <Text
633
- style={
634
- Array [
635
- Object {
636
- "color": "#292a2b",
637
- "fontFamily": "BeVietnamPro-Regular",
638
- "fontSize": 16,
639
- "letterSpacing": 0.48,
640
- "lineHeight": 24,
641
- },
642
- undefined,
643
- ]
644
- }
645
- themeFontSize="large"
646
- themeFontWeight="regular"
647
- themeIntent="body"
648
- >
649
- Thursday
650
- </Text>
651
- </View>
652
- </View>
653
893
  <View
654
894
  style={
655
895
  Array [
656
896
  Object {
657
- "marginTop": 4,
897
+ "alignItems": "center",
898
+ "flexDirection": "row",
899
+ "justifyContent": "flex-end",
900
+ "minHeight": 64,
901
+ "paddingHorizontal": 24,
902
+ "paddingVertical": 8,
658
903
  },
659
904
  undefined,
660
905
  ]
661
906
  }
662
- />
663
- <View
664
- accessible={true}
665
- collapsable={false}
666
- focusable={true}
667
- nativeID="animatedComponent"
668
- onClick={[Function]}
669
- onResponderGrant={[Function]}
670
- onResponderMove={[Function]}
671
- onResponderRelease={[Function]}
672
- onResponderTerminate={[Function]}
673
- onResponderTerminationRequest={[Function]}
674
- onStartShouldSetResponder={[Function]}
675
- style={
676
- Object {
677
- "alignItems": "center",
678
- "backgroundColor": "#ffffff",
679
- "borderRadius": 4,
680
- "flexDirection": "row",
681
- "justifyContent": "space-between",
682
- "opacity": 1,
683
- "padding": 16,
684
- }
685
- }
686
907
  >
687
908
  <View
909
+ accessible={true}
910
+ collapsable={false}
911
+ focusable={true}
912
+ nativeID="animatedComponent"
913
+ onClick={[Function]}
914
+ onResponderGrant={[Function]}
915
+ onResponderMove={[Function]}
916
+ onResponderRelease={[Function]}
917
+ onResponderTerminate={[Function]}
918
+ onResponderTerminationRequest={[Function]}
919
+ onStartShouldSetResponder={[Function]}
688
920
  style={
689
921
  Object {
690
- "flex": 1,
922
+ "opacity": 1,
691
923
  }
692
924
  }
693
925
  >
@@ -696,216 +928,24 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
696
928
  Array [
697
929
  Object {
698
930
  "color": "#292a2b",
699
- "fontFamily": "BeVietnamPro-Regular",
931
+ "fontFamily": "BeVietnamPro-SemiBold",
700
932
  "fontSize": 16,
701
933
  "letterSpacing": 0.48,
702
934
  "lineHeight": 24,
703
935
  },
704
- undefined,
936
+ Array [
937
+ Object {
938
+ "color": "#7622d7",
939
+ },
940
+ undefined,
941
+ ],
705
942
  ]
706
943
  }
707
944
  themeFontSize="large"
708
- themeFontWeight="regular"
945
+ themeFontWeight="semi-bold"
709
946
  themeIntent="body"
710
947
  >
711
- Friday
712
- </Text>
713
- </View>
714
- </View>
715
- <View
716
- style={
717
- Array [
718
- Object {
719
- "marginTop": 4,
720
- },
721
- undefined,
722
- ]
723
- }
724
- />
725
- <View
726
- accessible={true}
727
- collapsable={false}
728
- focusable={true}
729
- nativeID="animatedComponent"
730
- onClick={[Function]}
731
- onResponderGrant={[Function]}
732
- onResponderMove={[Function]}
733
- onResponderRelease={[Function]}
734
- onResponderTerminate={[Function]}
735
- onResponderTerminationRequest={[Function]}
736
- onStartShouldSetResponder={[Function]}
737
- style={
738
- Object {
739
- "alignItems": "center",
740
- "backgroundColor": "#ffffff",
741
- "borderRadius": 4,
742
- "flexDirection": "row",
743
- "justifyContent": "space-between",
744
- "opacity": 1,
745
- "padding": 16,
746
- }
747
- }
748
- >
749
- <View
750
- style={
751
- Object {
752
- "flex": 1,
753
- }
754
- }
755
- >
756
- <Text
757
- style={
758
- Array [
759
- Object {
760
- "color": "#292a2b",
761
- "fontFamily": "BeVietnamPro-Regular",
762
- "fontSize": 16,
763
- "letterSpacing": 0.48,
764
- "lineHeight": 24,
765
- },
766
- undefined,
767
- ]
768
- }
769
- themeFontSize="large"
770
- themeFontWeight="regular"
771
- themeIntent="body"
772
- >
773
- Saturday
774
- </Text>
775
- </View>
776
- </View>
777
- <View
778
- style={
779
- Array [
780
- Object {
781
- "marginTop": 4,
782
- },
783
- undefined,
784
- ]
785
- }
786
- />
787
- <View
788
- accessible={true}
789
- collapsable={false}
790
- focusable={true}
791
- nativeID="animatedComponent"
792
- onClick={[Function]}
793
- onResponderGrant={[Function]}
794
- onResponderMove={[Function]}
795
- onResponderRelease={[Function]}
796
- onResponderTerminate={[Function]}
797
- onResponderTerminationRequest={[Function]}
798
- onStartShouldSetResponder={[Function]}
799
- style={
800
- Object {
801
- "alignItems": "center",
802
- "backgroundColor": "#ffffff",
803
- "borderRadius": 4,
804
- "flexDirection": "row",
805
- "justifyContent": "space-between",
806
- "opacity": 1,
807
- "padding": 16,
808
- }
809
- }
810
- >
811
- <View
812
- style={
813
- Object {
814
- "flex": 1,
815
- }
816
- }
817
- >
818
- <Text
819
- style={
820
- Array [
821
- Object {
822
- "color": "#292a2b",
823
- "fontFamily": "BeVietnamPro-Regular",
824
- "fontSize": 16,
825
- "letterSpacing": 0.48,
826
- "lineHeight": 24,
827
- },
828
- undefined,
829
- ]
830
- }
831
- themeFontSize="large"
832
- themeFontWeight="regular"
833
- themeIntent="body"
834
- >
835
- Sunday
836
- </Text>
837
- </View>
838
- </View>
839
- </View>
840
- <View>
841
- <View
842
- style={
843
- Array [
844
- Object {
845
- "borderBottomColor": "#dadbde",
846
- "borderBottomWidth": 1,
847
- "maxWidth": "100%",
848
- },
849
- undefined,
850
- ]
851
- }
852
- />
853
- <View
854
- style={
855
- Array [
856
- Object {
857
- "alignItems": "center",
858
- "flexDirection": "row",
859
- "justifyContent": "flex-end",
860
- "minHeight": 64,
861
- "paddingHorizontal": 24,
862
- "paddingVertical": 8,
863
- },
864
- undefined,
865
- ]
866
- }
867
- >
868
- <View
869
- accessible={true}
870
- collapsable={false}
871
- focusable={true}
872
- nativeID="animatedComponent"
873
- onClick={[Function]}
874
- onResponderGrant={[Function]}
875
- onResponderMove={[Function]}
876
- onResponderRelease={[Function]}
877
- onResponderTerminate={[Function]}
878
- onResponderTerminationRequest={[Function]}
879
- onStartShouldSetResponder={[Function]}
880
- style={
881
- Object {
882
- "opacity": 1,
883
- }
884
- }
885
- >
886
- <Text
887
- style={
888
- Array [
889
- Object {
890
- "color": "#292a2b",
891
- "fontFamily": "BeVietnamPro-SemiBold",
892
- "fontSize": 16,
893
- "letterSpacing": 0.48,
894
- "lineHeight": 24,
895
- },
896
- Array [
897
- Object {
898
- "color": "#7622d7",
899
- },
900
- undefined,
901
- ],
902
- ]
903
- }
904
- themeFontSize="large"
905
- themeFontWeight="semi-bold"
906
- themeIntent="body"
907
- >
908
- Confirm
948
+ Confirm
909
949
  </Text>
910
950
  </View>
911
951
  </View>
@@ -1160,6 +1200,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1160
1200
  "borderTopRightRadius": 16,
1161
1201
  "elevation": 10,
1162
1202
  "maxHeight": "94%",
1203
+ "paddingBottom": 0,
1163
1204
  "shadowColor": "#292a2b",
1164
1205
  "shadowOffset": Object {
1165
1206
  "height": 3,
@@ -1283,455 +1324,508 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1283
1324
  ]
1284
1325
  }
1285
1326
  />
1286
- <View
1287
- style={
1327
+ <RCTScrollView
1328
+ ListFooterComponent={null}
1329
+ data={
1288
1330
  Array [
1289
1331
  Object {
1290
- "padding": 16,
1332
+ "text": "Monday",
1333
+ "value": "mon",
1334
+ },
1335
+ Object {
1336
+ "text": "Tuesday",
1337
+ "value": "tue",
1338
+ },
1339
+ Object {
1340
+ "text": "Wednesday",
1341
+ "value": "wed",
1342
+ },
1343
+ Object {
1344
+ "text": "Thursday",
1345
+ "value": "thu",
1346
+ },
1347
+ Object {
1348
+ "text": "Friday",
1349
+ "value": "fri",
1350
+ },
1351
+ Object {
1352
+ "text": "Saturday",
1353
+ "value": "sat",
1354
+ },
1355
+ Object {
1356
+ "text": "Sunday",
1357
+ "value": "sun",
1291
1358
  },
1292
- undefined,
1293
1359
  ]
1294
1360
  }
1295
- >
1296
- <View
1297
- accessible={true}
1298
- focusable={true}
1299
- onClick={[Function]}
1300
- onResponderGrant={[Function]}
1301
- onResponderMove={[Function]}
1302
- onResponderRelease={[Function]}
1303
- onResponderTerminate={[Function]}
1304
- onResponderTerminationRequest={[Function]}
1305
- onStartShouldSetResponder={[Function]}
1306
- style={
1307
- Object {
1308
- "alignItems": "center",
1309
- "backgroundColor": "#f1e9fb",
1310
- "borderRadius": 4,
1311
- "flexDirection": "row",
1312
- "justifyContent": "space-between",
1313
- "opacity": 1,
1314
- "padding": 16,
1315
- }
1361
+ getItem={[Function]}
1362
+ getItemCount={[Function]}
1363
+ keyExtractor={[Function]}
1364
+ onContentSizeChange={[Function]}
1365
+ onEndReached={[Function]}
1366
+ onEndReachedThreshold={0.1}
1367
+ onLayout={[Function]}
1368
+ onMomentumScrollBegin={[Function]}
1369
+ onMomentumScrollEnd={[Function]}
1370
+ onScroll={[Function]}
1371
+ onScrollBeginDrag={[Function]}
1372
+ onScrollEndDrag={[Function]}
1373
+ onScrollToIndexFailed={[Function]}
1374
+ removeClippedSubviews={false}
1375
+ renderItem={[Function]}
1376
+ scrollEventThrottle={50}
1377
+ stickyHeaderIndices={Array []}
1378
+ style={
1379
+ Object {
1380
+ "paddingHorizontal": 16,
1316
1381
  }
1317
- >
1382
+ }
1383
+ viewabilityConfigCallbackPairs={Array []}
1384
+ >
1385
+ <View>
1318
1386
  <View
1319
- style={
1320
- Object {
1321
- "flex": 1,
1322
- }
1323
- }
1387
+ onLayout={[Function]}
1388
+ style={null}
1324
1389
  >
1325
- <Text
1326
- style={
1327
- Array [
1390
+ <View>
1391
+ <View
1392
+ accessible={true}
1393
+ collapsable={false}
1394
+ focusable={true}
1395
+ nativeID="animatedComponent"
1396
+ onClick={[Function]}
1397
+ onResponderGrant={[Function]}
1398
+ onResponderMove={[Function]}
1399
+ onResponderRelease={[Function]}
1400
+ onResponderTerminate={[Function]}
1401
+ onResponderTerminationRequest={[Function]}
1402
+ onStartShouldSetResponder={[Function]}
1403
+ style={
1328
1404
  Object {
1329
- "color": "#292a2b",
1330
- "fontFamily": "BeVietnamPro-Regular",
1331
- "fontSize": 16,
1332
- "letterSpacing": 0.48,
1333
- "lineHeight": 24,
1334
- },
1335
- undefined,
1336
- ]
1337
- }
1338
- themeFontSize="large"
1339
- themeFontWeight="regular"
1340
- themeIntent="body"
1341
- >
1342
- Monday
1343
- </Text>
1405
+ "alignItems": "center",
1406
+ "backgroundColor": "#f1e9fb",
1407
+ "borderRadius": 4,
1408
+ "flexDirection": "row",
1409
+ "justifyContent": "space-between",
1410
+ "opacity": 1,
1411
+ "padding": 16,
1412
+ }
1413
+ }
1414
+ >
1415
+ <View
1416
+ style={
1417
+ Object {
1418
+ "flex": 1,
1419
+ }
1420
+ }
1421
+ >
1422
+ <Text
1423
+ style={
1424
+ Array [
1425
+ Object {
1426
+ "color": "#292a2b",
1427
+ "fontFamily": "BeVietnamPro-Regular",
1428
+ "fontSize": 16,
1429
+ "letterSpacing": 0.48,
1430
+ "lineHeight": 24,
1431
+ },
1432
+ undefined,
1433
+ ]
1434
+ }
1435
+ themeFontSize="large"
1436
+ themeFontWeight="regular"
1437
+ themeIntent="body"
1438
+ >
1439
+ Monday
1440
+ </Text>
1441
+ </View>
1442
+ <HeroIcon
1443
+ name="checkmark"
1444
+ style={
1445
+ Array [
1446
+ Object {
1447
+ "color": "#292a2b",
1448
+ "fontSize": 20,
1449
+ },
1450
+ undefined,
1451
+ ]
1452
+ }
1453
+ themeIntent="text"
1454
+ themeSize="small"
1455
+ />
1456
+ </View>
1457
+ </View>
1344
1458
  </View>
1345
- <HeroIcon
1346
- name="checkmark"
1347
- style={
1348
- Array [
1349
- Object {
1350
- "color": "#292a2b",
1351
- "fontSize": 20,
1352
- },
1353
- undefined,
1354
- ]
1355
- }
1356
- themeIntent="text"
1357
- themeSize="small"
1358
- />
1359
- </View>
1360
- <View
1361
- style={
1362
- Array [
1363
- Object {
1364
- "marginTop": 4,
1365
- },
1366
- undefined,
1367
- ]
1368
- }
1369
- />
1370
- <View
1371
- accessible={true}
1372
- focusable={true}
1373
- onClick={[Function]}
1374
- onResponderGrant={[Function]}
1375
- onResponderMove={[Function]}
1376
- onResponderRelease={[Function]}
1377
- onResponderTerminate={[Function]}
1378
- onResponderTerminationRequest={[Function]}
1379
- onStartShouldSetResponder={[Function]}
1380
- style={
1381
- Object {
1382
- "alignItems": "center",
1383
- "backgroundColor": "#f1e9fb",
1384
- "borderRadius": 4,
1385
- "flexDirection": "row",
1386
- "justifyContent": "space-between",
1387
- "opacity": 1,
1388
- "padding": 16,
1389
- }
1390
- }
1391
- >
1392
1459
  <View
1393
- style={
1394
- Object {
1395
- "flex": 1,
1396
- }
1397
- }
1460
+ onLayout={[Function]}
1461
+ style={null}
1398
1462
  >
1399
- <Text
1400
- style={
1401
- Array [
1463
+ <View>
1464
+ <View
1465
+ accessible={true}
1466
+ collapsable={false}
1467
+ focusable={true}
1468
+ nativeID="animatedComponent"
1469
+ onClick={[Function]}
1470
+ onResponderGrant={[Function]}
1471
+ onResponderMove={[Function]}
1472
+ onResponderRelease={[Function]}
1473
+ onResponderTerminate={[Function]}
1474
+ onResponderTerminationRequest={[Function]}
1475
+ onStartShouldSetResponder={[Function]}
1476
+ style={
1402
1477
  Object {
1403
- "color": "#292a2b",
1404
- "fontFamily": "BeVietnamPro-Regular",
1405
- "fontSize": 16,
1406
- "letterSpacing": 0.48,
1407
- "lineHeight": 24,
1408
- },
1409
- undefined,
1410
- ]
1411
- }
1412
- themeFontSize="large"
1413
- themeFontWeight="regular"
1414
- themeIntent="body"
1415
- >
1416
- Tuesday
1417
- </Text>
1478
+ "alignItems": "center",
1479
+ "backgroundColor": "#f1e9fb",
1480
+ "borderRadius": 4,
1481
+ "flexDirection": "row",
1482
+ "justifyContent": "space-between",
1483
+ "opacity": 1,
1484
+ "padding": 16,
1485
+ }
1486
+ }
1487
+ >
1488
+ <View
1489
+ style={
1490
+ Object {
1491
+ "flex": 1,
1492
+ }
1493
+ }
1494
+ >
1495
+ <Text
1496
+ style={
1497
+ Array [
1498
+ Object {
1499
+ "color": "#292a2b",
1500
+ "fontFamily": "BeVietnamPro-Regular",
1501
+ "fontSize": 16,
1502
+ "letterSpacing": 0.48,
1503
+ "lineHeight": 24,
1504
+ },
1505
+ undefined,
1506
+ ]
1507
+ }
1508
+ themeFontSize="large"
1509
+ themeFontWeight="regular"
1510
+ themeIntent="body"
1511
+ >
1512
+ Tuesday
1513
+ </Text>
1514
+ </View>
1515
+ <HeroIcon
1516
+ name="checkmark"
1517
+ style={
1518
+ Array [
1519
+ Object {
1520
+ "color": "#292a2b",
1521
+ "fontSize": 20,
1522
+ },
1523
+ undefined,
1524
+ ]
1525
+ }
1526
+ themeIntent="text"
1527
+ themeSize="small"
1528
+ />
1529
+ </View>
1530
+ </View>
1418
1531
  </View>
1419
- <HeroIcon
1420
- name="checkmark"
1421
- style={
1422
- Array [
1423
- Object {
1424
- "color": "#292a2b",
1425
- "fontSize": 20,
1426
- },
1427
- undefined,
1428
- ]
1429
- }
1430
- themeIntent="text"
1431
- themeSize="small"
1432
- />
1433
- </View>
1434
- <View
1435
- style={
1436
- Array [
1437
- Object {
1438
- "marginTop": 4,
1439
- },
1440
- undefined,
1441
- ]
1442
- }
1443
- />
1444
- <View
1445
- accessible={true}
1446
- focusable={true}
1447
- onClick={[Function]}
1448
- onResponderGrant={[Function]}
1449
- onResponderMove={[Function]}
1450
- onResponderRelease={[Function]}
1451
- onResponderTerminate={[Function]}
1452
- onResponderTerminationRequest={[Function]}
1453
- onStartShouldSetResponder={[Function]}
1454
- style={
1455
- Object {
1456
- "alignItems": "center",
1457
- "backgroundColor": "#ffffff",
1458
- "borderRadius": 4,
1459
- "flexDirection": "row",
1460
- "justifyContent": "space-between",
1461
- "opacity": 1,
1462
- "padding": 16,
1463
- }
1464
- }
1465
- >
1466
1532
  <View
1467
- style={
1468
- Object {
1469
- "flex": 1,
1470
- }
1471
- }
1533
+ onLayout={[Function]}
1534
+ style={null}
1472
1535
  >
1473
- <Text
1474
- style={
1475
- Array [
1536
+ <View>
1537
+ <View
1538
+ accessible={true}
1539
+ collapsable={false}
1540
+ focusable={true}
1541
+ nativeID="animatedComponent"
1542
+ onClick={[Function]}
1543
+ onResponderGrant={[Function]}
1544
+ onResponderMove={[Function]}
1545
+ onResponderRelease={[Function]}
1546
+ onResponderTerminate={[Function]}
1547
+ onResponderTerminationRequest={[Function]}
1548
+ onStartShouldSetResponder={[Function]}
1549
+ style={
1476
1550
  Object {
1477
- "color": "#292a2b",
1478
- "fontFamily": "BeVietnamPro-Regular",
1479
- "fontSize": 16,
1480
- "letterSpacing": 0.48,
1481
- "lineHeight": 24,
1482
- },
1483
- undefined,
1484
- ]
1485
- }
1486
- themeFontSize="large"
1487
- themeFontWeight="regular"
1488
- themeIntent="body"
1489
- >
1490
- Wednesday
1491
- </Text>
1551
+ "alignItems": "center",
1552
+ "backgroundColor": "#ffffff",
1553
+ "borderRadius": 4,
1554
+ "flexDirection": "row",
1555
+ "justifyContent": "space-between",
1556
+ "opacity": 1,
1557
+ "padding": 16,
1558
+ }
1559
+ }
1560
+ >
1561
+ <View
1562
+ style={
1563
+ Object {
1564
+ "flex": 1,
1565
+ }
1566
+ }
1567
+ >
1568
+ <Text
1569
+ style={
1570
+ Array [
1571
+ Object {
1572
+ "color": "#292a2b",
1573
+ "fontFamily": "BeVietnamPro-Regular",
1574
+ "fontSize": 16,
1575
+ "letterSpacing": 0.48,
1576
+ "lineHeight": 24,
1577
+ },
1578
+ undefined,
1579
+ ]
1580
+ }
1581
+ themeFontSize="large"
1582
+ themeFontWeight="regular"
1583
+ themeIntent="body"
1584
+ >
1585
+ Wednesday
1586
+ </Text>
1587
+ </View>
1588
+ </View>
1589
+ </View>
1492
1590
  </View>
1493
- </View>
1494
- <View
1495
- style={
1496
- Array [
1497
- Object {
1498
- "marginTop": 4,
1499
- },
1500
- undefined,
1501
- ]
1502
- }
1503
- />
1504
- <View
1505
- accessible={true}
1506
- focusable={true}
1507
- onClick={[Function]}
1508
- onResponderGrant={[Function]}
1509
- onResponderMove={[Function]}
1510
- onResponderRelease={[Function]}
1511
- onResponderTerminate={[Function]}
1512
- onResponderTerminationRequest={[Function]}
1513
- onStartShouldSetResponder={[Function]}
1514
- style={
1515
- Object {
1516
- "alignItems": "center",
1517
- "backgroundColor": "#ffffff",
1518
- "borderRadius": 4,
1519
- "flexDirection": "row",
1520
- "justifyContent": "space-between",
1521
- "opacity": 1,
1522
- "padding": 16,
1523
- }
1524
- }
1525
- >
1526
1591
  <View
1527
- style={
1528
- Object {
1529
- "flex": 1,
1530
- }
1531
- }
1592
+ onLayout={[Function]}
1593
+ style={null}
1532
1594
  >
1533
- <Text
1534
- style={
1535
- Array [
1595
+ <View>
1596
+ <View
1597
+ accessible={true}
1598
+ collapsable={false}
1599
+ focusable={true}
1600
+ nativeID="animatedComponent"
1601
+ onClick={[Function]}
1602
+ onResponderGrant={[Function]}
1603
+ onResponderMove={[Function]}
1604
+ onResponderRelease={[Function]}
1605
+ onResponderTerminate={[Function]}
1606
+ onResponderTerminationRequest={[Function]}
1607
+ onStartShouldSetResponder={[Function]}
1608
+ style={
1536
1609
  Object {
1537
- "color": "#292a2b",
1538
- "fontFamily": "BeVietnamPro-Regular",
1539
- "fontSize": 16,
1540
- "letterSpacing": 0.48,
1541
- "lineHeight": 24,
1542
- },
1543
- undefined,
1544
- ]
1545
- }
1546
- themeFontSize="large"
1547
- themeFontWeight="regular"
1548
- themeIntent="body"
1549
- >
1550
- Thursday
1551
- </Text>
1610
+ "alignItems": "center",
1611
+ "backgroundColor": "#ffffff",
1612
+ "borderRadius": 4,
1613
+ "flexDirection": "row",
1614
+ "justifyContent": "space-between",
1615
+ "opacity": 1,
1616
+ "padding": 16,
1617
+ }
1618
+ }
1619
+ >
1620
+ <View
1621
+ style={
1622
+ Object {
1623
+ "flex": 1,
1624
+ }
1625
+ }
1626
+ >
1627
+ <Text
1628
+ style={
1629
+ Array [
1630
+ Object {
1631
+ "color": "#292a2b",
1632
+ "fontFamily": "BeVietnamPro-Regular",
1633
+ "fontSize": 16,
1634
+ "letterSpacing": 0.48,
1635
+ "lineHeight": 24,
1636
+ },
1637
+ undefined,
1638
+ ]
1639
+ }
1640
+ themeFontSize="large"
1641
+ themeFontWeight="regular"
1642
+ themeIntent="body"
1643
+ >
1644
+ Thursday
1645
+ </Text>
1646
+ </View>
1647
+ </View>
1648
+ </View>
1552
1649
  </View>
1553
- </View>
1554
- <View
1555
- style={
1556
- Array [
1557
- Object {
1558
- "marginTop": 4,
1559
- },
1560
- undefined,
1561
- ]
1562
- }
1563
- />
1564
- <View
1565
- accessible={true}
1566
- focusable={true}
1567
- onClick={[Function]}
1568
- onResponderGrant={[Function]}
1569
- onResponderMove={[Function]}
1570
- onResponderRelease={[Function]}
1571
- onResponderTerminate={[Function]}
1572
- onResponderTerminationRequest={[Function]}
1573
- onStartShouldSetResponder={[Function]}
1574
- style={
1575
- Object {
1576
- "alignItems": "center",
1577
- "backgroundColor": "#ffffff",
1578
- "borderRadius": 4,
1579
- "flexDirection": "row",
1580
- "justifyContent": "space-between",
1581
- "opacity": 1,
1582
- "padding": 16,
1583
- }
1584
- }
1585
- >
1586
1650
  <View
1587
- style={
1588
- Object {
1589
- "flex": 1,
1590
- }
1591
- }
1651
+ onLayout={[Function]}
1652
+ style={null}
1592
1653
  >
1593
- <Text
1594
- style={
1595
- Array [
1654
+ <View>
1655
+ <View
1656
+ accessible={true}
1657
+ collapsable={false}
1658
+ focusable={true}
1659
+ nativeID="animatedComponent"
1660
+ onClick={[Function]}
1661
+ onResponderGrant={[Function]}
1662
+ onResponderMove={[Function]}
1663
+ onResponderRelease={[Function]}
1664
+ onResponderTerminate={[Function]}
1665
+ onResponderTerminationRequest={[Function]}
1666
+ onStartShouldSetResponder={[Function]}
1667
+ style={
1596
1668
  Object {
1597
- "color": "#292a2b",
1598
- "fontFamily": "BeVietnamPro-Regular",
1599
- "fontSize": 16,
1600
- "letterSpacing": 0.48,
1601
- "lineHeight": 24,
1602
- },
1603
- undefined,
1604
- ]
1605
- }
1606
- themeFontSize="large"
1607
- themeFontWeight="regular"
1608
- themeIntent="body"
1609
- >
1610
- Friday
1611
- </Text>
1669
+ "alignItems": "center",
1670
+ "backgroundColor": "#ffffff",
1671
+ "borderRadius": 4,
1672
+ "flexDirection": "row",
1673
+ "justifyContent": "space-between",
1674
+ "opacity": 1,
1675
+ "padding": 16,
1676
+ }
1677
+ }
1678
+ >
1679
+ <View
1680
+ style={
1681
+ Object {
1682
+ "flex": 1,
1683
+ }
1684
+ }
1685
+ >
1686
+ <Text
1687
+ style={
1688
+ Array [
1689
+ Object {
1690
+ "color": "#292a2b",
1691
+ "fontFamily": "BeVietnamPro-Regular",
1692
+ "fontSize": 16,
1693
+ "letterSpacing": 0.48,
1694
+ "lineHeight": 24,
1695
+ },
1696
+ undefined,
1697
+ ]
1698
+ }
1699
+ themeFontSize="large"
1700
+ themeFontWeight="regular"
1701
+ themeIntent="body"
1702
+ >
1703
+ Friday
1704
+ </Text>
1705
+ </View>
1706
+ </View>
1707
+ </View>
1612
1708
  </View>
1613
- </View>
1614
- <View
1615
- style={
1616
- Array [
1617
- Object {
1618
- "marginTop": 4,
1619
- },
1620
- undefined,
1621
- ]
1622
- }
1623
- />
1624
- <View
1625
- accessible={true}
1626
- focusable={true}
1627
- onClick={[Function]}
1628
- onResponderGrant={[Function]}
1629
- onResponderMove={[Function]}
1630
- onResponderRelease={[Function]}
1631
- onResponderTerminate={[Function]}
1632
- onResponderTerminationRequest={[Function]}
1633
- onStartShouldSetResponder={[Function]}
1634
- style={
1635
- Object {
1636
- "alignItems": "center",
1637
- "backgroundColor": "#ffffff",
1638
- "borderRadius": 4,
1639
- "flexDirection": "row",
1640
- "justifyContent": "space-between",
1641
- "opacity": 1,
1642
- "padding": 16,
1643
- }
1644
- }
1645
- >
1646
1709
  <View
1647
- style={
1648
- Object {
1649
- "flex": 1,
1650
- }
1651
- }
1710
+ onLayout={[Function]}
1711
+ style={null}
1652
1712
  >
1653
- <Text
1654
- style={
1655
- Array [
1713
+ <View>
1714
+ <View
1715
+ accessible={true}
1716
+ collapsable={false}
1717
+ focusable={true}
1718
+ nativeID="animatedComponent"
1719
+ onClick={[Function]}
1720
+ onResponderGrant={[Function]}
1721
+ onResponderMove={[Function]}
1722
+ onResponderRelease={[Function]}
1723
+ onResponderTerminate={[Function]}
1724
+ onResponderTerminationRequest={[Function]}
1725
+ onStartShouldSetResponder={[Function]}
1726
+ style={
1656
1727
  Object {
1657
- "color": "#292a2b",
1658
- "fontFamily": "BeVietnamPro-Regular",
1659
- "fontSize": 16,
1660
- "letterSpacing": 0.48,
1661
- "lineHeight": 24,
1662
- },
1663
- undefined,
1664
- ]
1665
- }
1666
- themeFontSize="large"
1667
- themeFontWeight="regular"
1668
- themeIntent="body"
1669
- >
1670
- Saturday
1671
- </Text>
1728
+ "alignItems": "center",
1729
+ "backgroundColor": "#ffffff",
1730
+ "borderRadius": 4,
1731
+ "flexDirection": "row",
1732
+ "justifyContent": "space-between",
1733
+ "opacity": 1,
1734
+ "padding": 16,
1735
+ }
1736
+ }
1737
+ >
1738
+ <View
1739
+ style={
1740
+ Object {
1741
+ "flex": 1,
1742
+ }
1743
+ }
1744
+ >
1745
+ <Text
1746
+ style={
1747
+ Array [
1748
+ Object {
1749
+ "color": "#292a2b",
1750
+ "fontFamily": "BeVietnamPro-Regular",
1751
+ "fontSize": 16,
1752
+ "letterSpacing": 0.48,
1753
+ "lineHeight": 24,
1754
+ },
1755
+ undefined,
1756
+ ]
1757
+ }
1758
+ themeFontSize="large"
1759
+ themeFontWeight="regular"
1760
+ themeIntent="body"
1761
+ >
1762
+ Saturday
1763
+ </Text>
1764
+ </View>
1765
+ </View>
1766
+ </View>
1672
1767
  </View>
1673
- </View>
1674
- <View
1675
- style={
1676
- Array [
1677
- Object {
1678
- "marginTop": 4,
1679
- },
1680
- undefined,
1681
- ]
1682
- }
1683
- />
1684
- <View
1685
- accessible={true}
1686
- focusable={true}
1687
- onClick={[Function]}
1688
- onResponderGrant={[Function]}
1689
- onResponderMove={[Function]}
1690
- onResponderRelease={[Function]}
1691
- onResponderTerminate={[Function]}
1692
- onResponderTerminationRequest={[Function]}
1693
- onStartShouldSetResponder={[Function]}
1694
- style={
1695
- Object {
1696
- "alignItems": "center",
1697
- "backgroundColor": "#ffffff",
1698
- "borderRadius": 4,
1699
- "flexDirection": "row",
1700
- "justifyContent": "space-between",
1701
- "opacity": 1,
1702
- "padding": 16,
1703
- }
1704
- }
1705
- >
1706
1768
  <View
1707
- style={
1708
- Object {
1709
- "flex": 1,
1710
- }
1711
- }
1769
+ onLayout={[Function]}
1770
+ style={null}
1712
1771
  >
1713
- <Text
1714
- style={
1715
- Array [
1772
+ <View>
1773
+ <View
1774
+ accessible={true}
1775
+ collapsable={false}
1776
+ focusable={true}
1777
+ nativeID="animatedComponent"
1778
+ onClick={[Function]}
1779
+ onResponderGrant={[Function]}
1780
+ onResponderMove={[Function]}
1781
+ onResponderRelease={[Function]}
1782
+ onResponderTerminate={[Function]}
1783
+ onResponderTerminationRequest={[Function]}
1784
+ onStartShouldSetResponder={[Function]}
1785
+ style={
1716
1786
  Object {
1717
- "color": "#292a2b",
1718
- "fontFamily": "BeVietnamPro-Regular",
1719
- "fontSize": 16,
1720
- "letterSpacing": 0.48,
1721
- "lineHeight": 24,
1722
- },
1723
- undefined,
1724
- ]
1725
- }
1726
- themeFontSize="large"
1727
- themeFontWeight="regular"
1728
- themeIntent="body"
1729
- >
1730
- Sunday
1731
- </Text>
1787
+ "alignItems": "center",
1788
+ "backgroundColor": "#ffffff",
1789
+ "borderRadius": 4,
1790
+ "flexDirection": "row",
1791
+ "justifyContent": "space-between",
1792
+ "opacity": 1,
1793
+ "padding": 16,
1794
+ }
1795
+ }
1796
+ >
1797
+ <View
1798
+ style={
1799
+ Object {
1800
+ "flex": 1,
1801
+ }
1802
+ }
1803
+ >
1804
+ <Text
1805
+ style={
1806
+ Array [
1807
+ Object {
1808
+ "color": "#292a2b",
1809
+ "fontFamily": "BeVietnamPro-Regular",
1810
+ "fontSize": 16,
1811
+ "letterSpacing": 0.48,
1812
+ "lineHeight": 24,
1813
+ },
1814
+ undefined,
1815
+ ]
1816
+ }
1817
+ themeFontSize="large"
1818
+ themeFontWeight="regular"
1819
+ themeIntent="body"
1820
+ >
1821
+ Sunday
1822
+ </Text>
1823
+ </View>
1824
+ </View>
1825
+ </View>
1732
1826
  </View>
1733
1827
  </View>
1734
- </View>
1828
+ </RCTScrollView>
1735
1829
  <View>
1736
1830
  <View
1737
1831
  style={