@hero-design/rn-work-uikit 1.9.4 → 1.9.6

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 (41) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  3. package/es/index.js +69810 -0
  4. package/lib/index.js +809 -440
  5. package/package.json +5 -5
  6. package/src/components/RichTextEditor/MentionList.tsx +2 -1
  7. package/testUtils/renderWithTheme.tsx +2 -2
  8. package/types/index.d.ts +525 -0
  9. package/src/__tests__/index-export.spec.ts +0 -64
  10. package/src/__tests__/index.spec.tsx +0 -14
  11. package/src/components/DatePicker/__tests__/__snapshots__/index.spec.tsx.snap +0 -1649
  12. package/src/components/DatePicker/__tests__/index.spec.tsx +0 -56
  13. package/src/components/FormGroup/__tests__/__snapshots__/index.spec.tsx.snap +0 -908
  14. package/src/components/FormGroup/__tests__/index.spec.tsx +0 -319
  15. package/src/components/FormGroup/__tests__/utils.spec.ts +0 -73
  16. package/src/components/RichTextEditor/__tests__/EditorToolbar.spec.tsx +0 -154
  17. package/src/components/RichTextEditor/__tests__/MentionList.spec.tsx +0 -105
  18. package/src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx +0 -81
  19. package/src/components/RichTextEditor/__tests__/RichTextEditorInput.spec.tsx +0 -174
  20. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +0 -407
  21. package/src/components/RichTextEditor/__tests__/__snapshots__/MentionList.spec.tsx.snap +0 -13
  22. package/src/components/Select/__tests__/__snapshots__/index.spec.tsx.snap +0 -1324
  23. package/src/components/Select/__tests__/index.spec.tsx +0 -43
  24. package/src/components/TextInput/__tests__/ErrorOrHelpText.spec.tsx +0 -20
  25. package/src/components/TextInput/__tests__/FloatingLabel.spec.tsx +0 -193
  26. package/src/components/TextInput/__tests__/InputComponent.spec.tsx +0 -41
  27. package/src/components/TextInput/__tests__/InputRow.spec.tsx +0 -233
  28. package/src/components/TextInput/__tests__/MaxLengthMessage.spec.tsx +0 -17
  29. package/src/components/TextInput/__tests__/PrefixComponent.spec.tsx +0 -14
  30. package/src/components/TextInput/__tests__/StyledTextInput.spec.tsx +0 -114
  31. package/src/components/TextInput/__tests__/SuffixComponent.spec.tsx +0 -20
  32. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +0 -583
  33. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +0 -5835
  34. package/src/components/TextInput/__tests__/getState.spec.tsx +0 -89
  35. package/src/components/TextInput/__tests__/index.spec.tsx +0 -679
  36. package/src/components/TimePicker/__tests__/index.spec.tsx +0 -34
  37. package/src/theme/__tests__/ThemeProvider.spec.tsx +0 -32
  38. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +0 -2042
  39. package/src/theme/__tests__/index.spec.ts +0 -7
  40. package/src/utils/__tests__/helpers.spec.ts +0 -92
  41. package/stats/1.3.0/rn-work-uikit-stats.html +0 -4842
@@ -1,1324 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`MultiSelect renders correctly (snapshot) 1`] = `
4
- [
5
- <View
6
- pointerEvents="auto"
7
- >
8
- <TouchableOpacity
9
- onPress={[Function]}
10
- style={
11
- [
12
- [
13
- {},
14
- ],
15
- undefined,
16
- ]
17
- }
18
- testID="multi-select-touchable-opacity"
19
- themeGroupStyleEnabled={false}
20
- themeHasError={false}
21
- >
22
- <View
23
- pointerEvents="none"
24
- >
25
- <Pressable
26
- accessibilityState={
27
- {
28
- "disabled": false,
29
- }
30
- }
31
- disabled={false}
32
- onPress={[Function]}
33
- style={
34
- [
35
- [
36
- {
37
- "flexDirection": "row",
38
- "marginTop": 7.846153846153847,
39
- "minHeight": 54.92307692307692,
40
- "paddingHorizontal": 15.692307692307693,
41
- "width": "100%",
42
- },
43
- ],
44
- {},
45
- ]
46
- }
47
- themeFocused={false}
48
- themeGroupStyleEnabled={false}
49
- themeHasError={false}
50
- >
51
- <View
52
- pointerEvents="none"
53
- style={
54
- [
55
- [
56
- {
57
- "borderColor": "#e8e9ea",
58
- "borderRadius": 8,
59
- "borderWidth": 2,
60
- },
61
- ],
62
- [
63
- {
64
- "backgroundColor": "#ffffff",
65
- },
66
- {},
67
- ],
68
- ]
69
- }
70
- testID="text-input-border"
71
- themeFocused={false}
72
- themeState="filled"
73
- />
74
- <View
75
- style={
76
- [
77
- [
78
- {
79
- "backgroundColor": "transparent",
80
- "borderRadius": 8,
81
- "flex": 1,
82
- "flexDirection": "column",
83
- "marginBottom": 7.846153846153847,
84
- "marginTop": 7.846153846153847,
85
- "overflow": "hidden",
86
- },
87
- ],
88
- undefined,
89
- ]
90
- }
91
- >
92
- <AnimatedView
93
- style={
94
- [
95
- [
96
- {
97
- "alignItems": "center",
98
- "backgroundColor": "transparent",
99
- "flexDirection": "row",
100
- },
101
- ],
102
- [
103
- {
104
- "transformOrigin": "left center",
105
- },
106
- {
107
- "transform": [
108
- {
109
- "translateY": {
110
- "addListener": [MockFunction],
111
- "removeListener": [MockFunction],
112
- "setValue": [MockFunction],
113
- },
114
- },
115
- {
116
- "scale": {
117
- "addListener": [MockFunction],
118
- "removeListener": [MockFunction],
119
- "setValue": [MockFunction],
120
- },
121
- },
122
- ],
123
- },
124
- ],
125
- ]
126
- }
127
- testID="input-label"
128
- themeVariant="text"
129
- >
130
- <AnimatedView
131
- style={
132
- {
133
- "flexDirection": "row",
134
- }
135
- }
136
- >
137
- <Text
138
- allowFontScaling={false}
139
- numberOfLines={1}
140
- style={
141
- [
142
- [
143
- {
144
- "color": "#001f23",
145
- "fontFamily": "BeVietnamPro-Regular",
146
- "fontSize": 11.76923076923077,
147
- "letterSpacing": 0.36,
148
- "lineHeight": 15.76923076923077,
149
- },
150
- ],
151
- [
152
- [
153
- {
154
- "color": "#808f91",
155
- },
156
- ],
157
- {
158
- "backgroundColor": "transparent",
159
- },
160
- ],
161
- ]
162
- }
163
- testID="input-label-text"
164
- themeFontWeight="regular"
165
- themeIntent="body"
166
- themeIsItalic={false}
167
- themeState="filled"
168
- >
169
- Select Label
170
- </Text>
171
- <Text
172
- allowFontScaling={false}
173
- style={
174
- [
175
- [
176
- {
177
- "color": "#001f23",
178
- "fontFamily": "BeVietnamPro-Regular",
179
- "fontSize": 11.76923076923077,
180
- "letterSpacing": 0.36,
181
- "lineHeight": 15.76923076923077,
182
- },
183
- ],
184
- [
185
- [
186
- {
187
- "color": "#808f91",
188
- },
189
- ],
190
- undefined,
191
- ],
192
- ]
193
- }
194
- themeFontWeight="regular"
195
- themeIntent="body"
196
- themeIsItalic={false}
197
- themeState="filled"
198
- >
199
- (Optional)
200
- </Text>
201
- </AnimatedView>
202
- </AnimatedView>
203
- <Pressable
204
- style={
205
- [
206
- [
207
- {
208
- "alignItems": "center",
209
- "flexDirection": "row",
210
- "flexGrow": 2,
211
- "flexShrink": 1,
212
- "opacity": 1,
213
- },
214
- ],
215
- undefined,
216
- ]
217
- }
218
- themeOpacity={1}
219
- >
220
- <View />
221
- <View
222
- accessibilityLabel="Text input field"
223
- style={
224
- {
225
- "flex": 1,
226
- }
227
- }
228
- testID="input-row-input-wrapper"
229
- >
230
- <TextInput
231
- accessibilityState={
232
- {
233
- "disabled": false,
234
- }
235
- }
236
- allowFontScaling={false}
237
- editable={true}
238
- multiline={true}
239
- onBlur={[Function]}
240
- onChangeText={[Function]}
241
- onFocus={[Function]}
242
- placeholder=" "
243
- placeholderTextColor="#001f23"
244
- pointerEvents="none"
245
- style={
246
- [
247
- [
248
- {
249
- "flexGrow": 2,
250
- "fontFamily": "BeVietnamPro-Regular",
251
- "fontSize": 15.692307692307693,
252
- "height": undefined,
253
- "maxHeight": 141.23076923076923,
254
- "minHeight": 23.53846153846154,
255
- "paddingVertical": 0,
256
- "textAlignVertical": "center",
257
- },
258
- ],
259
- [
260
- {
261
- "backgroundColor": "#ffffff",
262
- "color": "#001f23",
263
- },
264
- {},
265
- ],
266
- ]
267
- }
268
- testID="text-input"
269
- themeVariant="text"
270
- value="Tuesday, Wednesday"
271
- />
272
- </View>
273
- </Pressable>
274
- <View
275
- style={
276
- [
277
- [
278
- {
279
- "alignItems": "flex-start",
280
- "flexDirection": "row",
281
- "justifyContent": "space-between",
282
- },
283
- ],
284
- undefined,
285
- ]
286
- }
287
- />
288
- </View>
289
- <View
290
- style={
291
- [
292
- [
293
- {
294
- "alignItems": "center",
295
- "flexDirection": "row",
296
- "justifyContent": "flex-end",
297
- },
298
- ],
299
- undefined,
300
- ]
301
- }
302
- >
303
- <Text
304
- accessibilityLabel="Suffix icon: arrow-down"
305
- accessibilityRole="image"
306
- allowFontScaling={false}
307
- selectable={false}
308
- style={
309
- [
310
- {
311
- "color": undefined,
312
- "fontSize": 12,
313
- },
314
- [
315
- [
316
- {
317
- "color": "#001f23",
318
- "fontSize": 23.53846153846154,
319
- },
320
- ],
321
- undefined,
322
- ],
323
- {
324
- "fontFamily": "hero-icons-mobile",
325
- "fontStyle": "normal",
326
- "fontWeight": "normal",
327
- },
328
- {},
329
- ]
330
- }
331
- testID="input-suffix"
332
- themeIntent="text"
333
- themeSize="medium"
334
- >
335
-
336
- </Text>
337
- </View>
338
- </Pressable>
339
- </View>
340
- </TouchableOpacity>
341
- </View>,
342
- <Modal
343
- onRequestClose={[Function]}
344
- supportedOrientations={
345
- [
346
- "portrait",
347
- ]
348
- }
349
- transparent={true}
350
- visible={false}
351
- >
352
- <View
353
- pointerEvents="box-none"
354
- style={
355
- [
356
- [
357
- {
358
- "flexDirection": "column-reverse",
359
- },
360
- ],
361
- undefined,
362
- ]
363
- }
364
- >
365
- <KeyboardAvoidingView
366
- behavior="padding"
367
- style={
368
- [
369
- [
370
- {
371
- "flex": 1,
372
- "flexDirection": "column-reverse",
373
- },
374
- ],
375
- undefined,
376
- ]
377
- }
378
- >
379
- <Pressable
380
- onPress={[Function]}
381
- style={
382
- [
383
- [
384
- {
385
- "backgroundColor": "#000000",
386
- "opacity": 0.4,
387
- },
388
- ],
389
- {
390
- "opacity": {
391
- "addListener": [MockFunction],
392
- "removeListener": [MockFunction],
393
- "setValue": [MockFunction],
394
- },
395
- },
396
- ]
397
- }
398
- />
399
- <SafeAreaView
400
- style={
401
- [
402
- [
403
- {
404
- "backgroundColor": "#ffffff",
405
- "borderTopLeftRadius": 16,
406
- "borderTopRightRadius": 16,
407
- "maxHeight": "94%",
408
- "width": "100%",
409
- },
410
- ],
411
- [
412
- {
413
- "paddingBottom": 0,
414
- },
415
- {
416
- "transform": [
417
- {
418
- "scaleY": 1,
419
- },
420
- {
421
- "translateY": {
422
- "addListener": [MockFunction],
423
- "removeListener": [MockFunction],
424
- "setValue": [MockFunction],
425
- },
426
- },
427
- ],
428
- },
429
- ],
430
- ]
431
- }
432
- >
433
- <View
434
- style={
435
- [
436
- [
437
- {
438
- "flexDirection": "row",
439
- "paddingHorizontal": 15.692307692307693,
440
- "paddingVertical": 7.846153846153847,
441
- },
442
- ],
443
- undefined,
444
- ]
445
- }
446
- >
447
- <View
448
- style={
449
- [
450
- [
451
- {
452
- "flex": 1,
453
- "justifyContent": "center",
454
- },
455
- ],
456
- undefined,
457
- ]
458
- }
459
- >
460
- <Text
461
- allowFontScaling={false}
462
- style={
463
- [
464
- [
465
- {
466
- "color": "#001f23",
467
- "fontFamily": "BeVietnamPro-SemiBold",
468
- "fontSize": 15.692307692307693,
469
- "letterSpacing": 0.24,
470
- "lineHeight": 23.692307692307693,
471
- },
472
- ],
473
- undefined,
474
- ]
475
- }
476
- themeIntent="body"
477
- themeIsItalic={false}
478
- themeTypeface="neutral"
479
- themeVariant="regular-bold"
480
- >
481
- Select Label
482
- </Text>
483
- </View>
484
- <View
485
- style={
486
- [
487
- [
488
- {
489
- "alignItems": "flex-end",
490
- "height": 47.07692307692308,
491
- "justifyContent": "center",
492
- "marginLeft": 11.76923076923077,
493
- "width": 47.07692307692308,
494
- },
495
- ],
496
- undefined,
497
- ]
498
- }
499
- >
500
- <TouchableOpacity
501
- onPress={[Function]}
502
- testID="bottom-sheet-close-icon"
503
- >
504
- <Text
505
- allowFontScaling={false}
506
- selectable={false}
507
- style={
508
- [
509
- {
510
- "color": undefined,
511
- "fontSize": 12,
512
- },
513
- [
514
- [
515
- {
516
- "color": "#001f23",
517
- "fontSize": 15.692307692307693,
518
- },
519
- ],
520
- undefined,
521
- ],
522
- {
523
- "fontFamily": "hero-icons-mobile",
524
- "fontStyle": "normal",
525
- "fontWeight": "normal",
526
- },
527
- {},
528
- ]
529
- }
530
- themeIntent="text"
531
- themeSize="xsmall"
532
- >
533
-
534
- </Text>
535
- </TouchableOpacity>
536
- </View>
537
- </View>
538
- <SectionList
539
- ItemSeparatorComponent={
540
- {
541
- "$$typeof": Symbol(react.forward_ref),
542
- "render": [Function],
543
- "withComponent": [Function],
544
- }
545
- }
546
- ListFooterComponent={null}
547
- SectionSeparatorComponent={
548
- {
549
- "$$typeof": Symbol(react.forward_ref),
550
- "render": [Function],
551
- "withComponent": [Function],
552
- }
553
- }
554
- onEndReached={[Function]}
555
- onEndReachedThreshold={0.1}
556
- onMomentumScrollBegin={[Function]}
557
- onScrollToIndexFailed={[Function]}
558
- renderItem={[Function]}
559
- renderSectionHeader={[Function]}
560
- sections={
561
- [
562
- {
563
- "category": "",
564
- "data": [
565
- {
566
- "text": "Monday",
567
- "value": "mon",
568
- },
569
- {
570
- "text": "Tuesday",
571
- "value": "tue",
572
- },
573
- {
574
- "text": "Wednesday",
575
- "value": "wed",
576
- },
577
- {
578
- "text": "Thursday",
579
- "value": "thu",
580
- },
581
- {
582
- "text": "Friday",
583
- "value": "fri",
584
- },
585
- {
586
- "text": "Saturday",
587
- "value": "sat",
588
- },
589
- {
590
- "disabled": true,
591
- "text": "Sunday",
592
- "value": "sun",
593
- },
594
- ],
595
- },
596
- ]
597
- }
598
- style={
599
- [
600
- [
601
- {
602
- "paddingHorizontal": 11.76923076923077,
603
- },
604
- ],
605
- {},
606
- ]
607
- }
608
- />
609
- <View>
610
- <View
611
- style={
612
- [
613
- [
614
- {
615
- "alignItems": "center",
616
- "flexDirection": "row",
617
- "justifyContent": "flex-end",
618
- "paddingHorizontal": 11.76923076923077,
619
- "paddingVertical": 1.9615384615384617,
620
- },
621
- ],
622
- undefined,
623
- ]
624
- }
625
- >
626
- <TouchableHighlight
627
- disabled={false}
628
- loading={false}
629
- onPress={[Function]}
630
- onPressIn={[Function]}
631
- onPressOut={[Function]}
632
- style={
633
- [
634
- [
635
- {
636
- "alignItems": "center",
637
- "backgroundColor": "transparent",
638
- "borderRadius": 999,
639
- "borderWidth": 0,
640
- "flexDirection": "row",
641
- "height": 58.84615384615385,
642
- "justifyContent": "center",
643
- "padding": 11.76923076923077,
644
- },
645
- ],
646
- undefined,
647
- ]
648
- }
649
- themeButtonVariant="text-primary"
650
- themeInlineText={false}
651
- themeIsCompact={false}
652
- themeIsIconOnly={false}
653
- themeIsMedium={false}
654
- underlayColor="#ece8ef"
655
- >
656
- <Text
657
- allowFontScaling={false}
658
- disabled={false}
659
- ellipsizeMode="tail"
660
- numberOfLines={1}
661
- style={
662
- [
663
- [
664
- {
665
- "color": "#001f23",
666
- "fontFamily": "BeVietnamPro-SemiBold",
667
- "fontSize": 15.692307692307693,
668
- "letterSpacing": 0.24,
669
- "lineHeight": 23.692307692307693,
670
- },
671
- ],
672
- [
673
- [
674
- {
675
- "color": "#401960",
676
- "flexShrink": 1,
677
- "lineHeight": 21.73076923076923,
678
- "textAlign": "center",
679
- "textAlignVertical": "center",
680
- },
681
- ],
682
- undefined,
683
- ],
684
- ]
685
- }
686
- themeButtonVariant="text-primary"
687
- themeIntent="body"
688
- themeIsCompact={false}
689
- themeIsItalic={false}
690
- themeIsPressed={false}
691
- themeTypeface="neutral"
692
- themeVariant="regular-bold"
693
- >
694
- Confirm
695
- </Text>
696
- </TouchableHighlight>
697
- </View>
698
- </View>
699
- </SafeAreaView>
700
- </KeyboardAvoidingView>
701
- </View>
702
- </Modal>,
703
- ]
704
- `;
705
-
706
- exports[`Select renders correctly (snapshot) 1`] = `
707
- [
708
- <View
709
- pointerEvents="auto"
710
- >
711
- <TouchableOpacity
712
- onPress={[Function]}
713
- style={
714
- [
715
- [
716
- {},
717
- ],
718
- undefined,
719
- ]
720
- }
721
- testID="single-select-touchable-opacity"
722
- themeGroupStyleEnabled={false}
723
- themeHasError={false}
724
- >
725
- <View
726
- pointerEvents="none"
727
- >
728
- <Pressable
729
- accessibilityState={
730
- {
731
- "disabled": false,
732
- }
733
- }
734
- disabled={false}
735
- onPress={[Function]}
736
- style={
737
- [
738
- [
739
- {
740
- "flexDirection": "row",
741
- "marginTop": 7.846153846153847,
742
- "minHeight": 54.92307692307692,
743
- "paddingHorizontal": 15.692307692307693,
744
- "width": "100%",
745
- },
746
- ],
747
- {},
748
- ]
749
- }
750
- themeFocused={false}
751
- themeGroupStyleEnabled={false}
752
- themeHasError={false}
753
- >
754
- <View
755
- pointerEvents="none"
756
- style={
757
- [
758
- [
759
- {
760
- "borderColor": "#e8e9ea",
761
- "borderRadius": 8,
762
- "borderWidth": 2,
763
- },
764
- ],
765
- [
766
- {
767
- "backgroundColor": "#ffffff",
768
- },
769
- {},
770
- ],
771
- ]
772
- }
773
- testID="text-input-border"
774
- themeFocused={false}
775
- themeState="filled"
776
- />
777
- <View
778
- style={
779
- [
780
- [
781
- {
782
- "backgroundColor": "transparent",
783
- "borderRadius": 8,
784
- "flex": 1,
785
- "flexDirection": "column",
786
- "marginBottom": 7.846153846153847,
787
- "marginTop": 7.846153846153847,
788
- "overflow": "hidden",
789
- },
790
- ],
791
- undefined,
792
- ]
793
- }
794
- >
795
- <AnimatedView
796
- style={
797
- [
798
- [
799
- {
800
- "alignItems": "center",
801
- "backgroundColor": "transparent",
802
- "flexDirection": "row",
803
- },
804
- ],
805
- [
806
- {
807
- "transformOrigin": "left center",
808
- },
809
- {
810
- "transform": [
811
- {
812
- "translateY": {
813
- "addListener": [MockFunction],
814
- "removeListener": [MockFunction],
815
- "setValue": [MockFunction],
816
- },
817
- },
818
- {
819
- "scale": {
820
- "addListener": [MockFunction],
821
- "removeListener": [MockFunction],
822
- "setValue": [MockFunction],
823
- },
824
- },
825
- ],
826
- },
827
- ],
828
- ]
829
- }
830
- testID="input-label"
831
- themeVariant="text"
832
- >
833
- <AnimatedView
834
- style={
835
- {
836
- "flexDirection": "row",
837
- }
838
- }
839
- >
840
- <Text
841
- allowFontScaling={false}
842
- numberOfLines={1}
843
- style={
844
- [
845
- [
846
- {
847
- "color": "#001f23",
848
- "fontFamily": "BeVietnamPro-Regular",
849
- "fontSize": 11.76923076923077,
850
- "letterSpacing": 0.36,
851
- "lineHeight": 15.76923076923077,
852
- },
853
- ],
854
- [
855
- [
856
- {
857
- "color": "#808f91",
858
- },
859
- ],
860
- {
861
- "backgroundColor": "transparent",
862
- },
863
- ],
864
- ]
865
- }
866
- testID="input-label-text"
867
- themeFontWeight="regular"
868
- themeIntent="body"
869
- themeIsItalic={false}
870
- themeState="filled"
871
- >
872
- Select Label
873
- </Text>
874
- <Text
875
- allowFontScaling={false}
876
- style={
877
- [
878
- [
879
- {
880
- "color": "#001f23",
881
- "fontFamily": "BeVietnamPro-Regular",
882
- "fontSize": 11.76923076923077,
883
- "letterSpacing": 0.36,
884
- "lineHeight": 15.76923076923077,
885
- },
886
- ],
887
- [
888
- [
889
- {
890
- "color": "#808f91",
891
- },
892
- ],
893
- undefined,
894
- ],
895
- ]
896
- }
897
- themeFontWeight="regular"
898
- themeIntent="body"
899
- themeIsItalic={false}
900
- themeState="filled"
901
- >
902
- (Optional)
903
- </Text>
904
- </AnimatedView>
905
- </AnimatedView>
906
- <Pressable
907
- style={
908
- [
909
- [
910
- {
911
- "alignItems": "center",
912
- "flexDirection": "row",
913
- "flexGrow": 2,
914
- "flexShrink": 1,
915
- "opacity": 1,
916
- },
917
- ],
918
- undefined,
919
- ]
920
- }
921
- themeOpacity={1}
922
- >
923
- <View />
924
- <View
925
- accessibilityLabel="Text input field"
926
- style={
927
- {
928
- "flex": 1,
929
- }
930
- }
931
- testID="input-row-input-wrapper"
932
- >
933
- <TextInput
934
- accessibilityState={
935
- {
936
- "disabled": false,
937
- }
938
- }
939
- allowFontScaling={false}
940
- editable={true}
941
- multiline={true}
942
- onBlur={[Function]}
943
- onChangeText={[Function]}
944
- onFocus={[Function]}
945
- placeholder=" "
946
- placeholderTextColor="#001f23"
947
- pointerEvents="none"
948
- style={
949
- [
950
- [
951
- {
952
- "flexGrow": 2,
953
- "fontFamily": "BeVietnamPro-Regular",
954
- "fontSize": 15.692307692307693,
955
- "height": undefined,
956
- "maxHeight": 141.23076923076923,
957
- "minHeight": 23.53846153846154,
958
- "paddingVertical": 0,
959
- "textAlignVertical": "center",
960
- },
961
- ],
962
- [
963
- {
964
- "backgroundColor": "#ffffff",
965
- "color": "#001f23",
966
- },
967
- {},
968
- ],
969
- ]
970
- }
971
- testID="text-input"
972
- themeVariant="text"
973
- value="Monday"
974
- />
975
- </View>
976
- </Pressable>
977
- <View
978
- style={
979
- [
980
- [
981
- {
982
- "alignItems": "flex-start",
983
- "flexDirection": "row",
984
- "justifyContent": "space-between",
985
- },
986
- ],
987
- undefined,
988
- ]
989
- }
990
- />
991
- </View>
992
- <View
993
- style={
994
- [
995
- [
996
- {
997
- "alignItems": "center",
998
- "flexDirection": "row",
999
- "justifyContent": "flex-end",
1000
- },
1001
- ],
1002
- undefined,
1003
- ]
1004
- }
1005
- >
1006
- <Text
1007
- accessibilityLabel="Suffix icon: arrow-down"
1008
- accessibilityRole="image"
1009
- allowFontScaling={false}
1010
- selectable={false}
1011
- style={
1012
- [
1013
- {
1014
- "color": undefined,
1015
- "fontSize": 12,
1016
- },
1017
- [
1018
- [
1019
- {
1020
- "color": "#001f23",
1021
- "fontSize": 23.53846153846154,
1022
- },
1023
- ],
1024
- undefined,
1025
- ],
1026
- {
1027
- "fontFamily": "hero-icons-mobile",
1028
- "fontStyle": "normal",
1029
- "fontWeight": "normal",
1030
- },
1031
- {},
1032
- ]
1033
- }
1034
- testID="input-suffix"
1035
- themeIntent="text"
1036
- themeSize="medium"
1037
- >
1038
-
1039
- </Text>
1040
- </View>
1041
- </Pressable>
1042
- </View>
1043
- </TouchableOpacity>
1044
- </View>,
1045
- <Modal
1046
- onRequestClose={[Function]}
1047
- supportedOrientations={
1048
- [
1049
- "portrait",
1050
- ]
1051
- }
1052
- transparent={true}
1053
- visible={false}
1054
- >
1055
- <View
1056
- pointerEvents="box-none"
1057
- style={
1058
- [
1059
- [
1060
- {
1061
- "flexDirection": "column-reverse",
1062
- },
1063
- ],
1064
- undefined,
1065
- ]
1066
- }
1067
- >
1068
- <KeyboardAvoidingView
1069
- behavior="padding"
1070
- style={
1071
- [
1072
- [
1073
- {
1074
- "flex": 1,
1075
- "flexDirection": "column-reverse",
1076
- },
1077
- ],
1078
- undefined,
1079
- ]
1080
- }
1081
- >
1082
- <Pressable
1083
- onPress={[Function]}
1084
- style={
1085
- [
1086
- [
1087
- {
1088
- "backgroundColor": "#000000",
1089
- "opacity": 0.4,
1090
- },
1091
- ],
1092
- {
1093
- "opacity": {
1094
- "addListener": [MockFunction],
1095
- "removeListener": [MockFunction],
1096
- "setValue": [MockFunction],
1097
- },
1098
- },
1099
- ]
1100
- }
1101
- />
1102
- <SafeAreaView
1103
- style={
1104
- [
1105
- [
1106
- {
1107
- "backgroundColor": "#ffffff",
1108
- "borderTopLeftRadius": 16,
1109
- "borderTopRightRadius": 16,
1110
- "maxHeight": "94%",
1111
- "width": "100%",
1112
- },
1113
- ],
1114
- [
1115
- {
1116
- "paddingBottom": 0,
1117
- },
1118
- {
1119
- "transform": [
1120
- {
1121
- "scaleY": 1,
1122
- },
1123
- {
1124
- "translateY": {
1125
- "addListener": [MockFunction],
1126
- "removeListener": [MockFunction],
1127
- "setValue": [MockFunction],
1128
- },
1129
- },
1130
- ],
1131
- },
1132
- ],
1133
- ]
1134
- }
1135
- >
1136
- <View
1137
- style={
1138
- [
1139
- [
1140
- {
1141
- "flexDirection": "row",
1142
- "paddingHorizontal": 15.692307692307693,
1143
- "paddingVertical": 7.846153846153847,
1144
- },
1145
- ],
1146
- undefined,
1147
- ]
1148
- }
1149
- >
1150
- <View
1151
- style={
1152
- [
1153
- [
1154
- {
1155
- "flex": 1,
1156
- "justifyContent": "center",
1157
- },
1158
- ],
1159
- undefined,
1160
- ]
1161
- }
1162
- >
1163
- <Text
1164
- allowFontScaling={false}
1165
- style={
1166
- [
1167
- [
1168
- {
1169
- "color": "#001f23",
1170
- "fontFamily": "BeVietnamPro-SemiBold",
1171
- "fontSize": 15.692307692307693,
1172
- "letterSpacing": 0.24,
1173
- "lineHeight": 23.692307692307693,
1174
- },
1175
- ],
1176
- undefined,
1177
- ]
1178
- }
1179
- themeIntent="body"
1180
- themeIsItalic={false}
1181
- themeTypeface="neutral"
1182
- themeVariant="regular-bold"
1183
- >
1184
- Select Label
1185
- </Text>
1186
- </View>
1187
- <View
1188
- style={
1189
- [
1190
- [
1191
- {
1192
- "alignItems": "flex-end",
1193
- "height": 47.07692307692308,
1194
- "justifyContent": "center",
1195
- "marginLeft": 11.76923076923077,
1196
- "width": 47.07692307692308,
1197
- },
1198
- ],
1199
- undefined,
1200
- ]
1201
- }
1202
- >
1203
- <TouchableOpacity
1204
- onPress={[Function]}
1205
- testID="bottom-sheet-close-icon"
1206
- >
1207
- <Text
1208
- allowFontScaling={false}
1209
- selectable={false}
1210
- style={
1211
- [
1212
- {
1213
- "color": undefined,
1214
- "fontSize": 12,
1215
- },
1216
- [
1217
- [
1218
- {
1219
- "color": "#001f23",
1220
- "fontSize": 15.692307692307693,
1221
- },
1222
- ],
1223
- undefined,
1224
- ],
1225
- {
1226
- "fontFamily": "hero-icons-mobile",
1227
- "fontStyle": "normal",
1228
- "fontWeight": "normal",
1229
- },
1230
- {},
1231
- ]
1232
- }
1233
- themeIntent="text"
1234
- themeSize="xsmall"
1235
- >
1236
-
1237
- </Text>
1238
- </TouchableOpacity>
1239
- </View>
1240
- </View>
1241
- <SectionList
1242
- ItemSeparatorComponent={
1243
- {
1244
- "$$typeof": Symbol(react.forward_ref),
1245
- "render": [Function],
1246
- "withComponent": [Function],
1247
- }
1248
- }
1249
- ListFooterComponent={null}
1250
- SectionSeparatorComponent={
1251
- {
1252
- "$$typeof": Symbol(react.forward_ref),
1253
- "render": [Function],
1254
- "withComponent": [Function],
1255
- }
1256
- }
1257
- onEndReached={[Function]}
1258
- onEndReachedThreshold={0.1}
1259
- onMomentumScrollBegin={[Function]}
1260
- onScrollToIndexFailed={[Function]}
1261
- renderItem={[Function]}
1262
- renderSectionHeader={[Function]}
1263
- sections={
1264
- [
1265
- {
1266
- "category": "",
1267
- "data": [
1268
- {
1269
- "text": "Monday",
1270
- "value": "mon",
1271
- },
1272
- {
1273
- "text": "Tuesday",
1274
- "value": "tue",
1275
- },
1276
- {
1277
- "text": "Wednesday",
1278
- "value": "wed",
1279
- },
1280
- {
1281
- "text": "Thursday",
1282
- "value": "thu",
1283
- },
1284
- {
1285
- "text": "Friday",
1286
- "value": "fri",
1287
- },
1288
- {
1289
- "text": "Saturday",
1290
- "value": "sat",
1291
- },
1292
- {
1293
- "disabled": true,
1294
- "text": "Sunday",
1295
- "value": "sun",
1296
- },
1297
- ],
1298
- },
1299
- ]
1300
- }
1301
- style={
1302
- [
1303
- [
1304
- {
1305
- "paddingHorizontal": 11.76923076923077,
1306
- },
1307
- ],
1308
- [
1309
- [
1310
- {
1311
- "paddingBottom": 15.692307692307693,
1312
- },
1313
- ],
1314
- {},
1315
- ],
1316
- ]
1317
- }
1318
- />
1319
- </SafeAreaView>
1320
- </KeyboardAvoidingView>
1321
- </View>
1322
- </Modal>,
1323
- ]
1324
- `;