@terreno/ui 0.14.1 → 0.15.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 (70) hide show
  1. package/dist/ActionSheet.js +15 -27
  2. package/dist/ActionSheet.js.map +1 -1
  3. package/dist/Badge.js +1 -0
  4. package/dist/Badge.js.map +1 -1
  5. package/dist/Banner.d.ts +8 -0
  6. package/dist/Banner.js +2 -2
  7. package/dist/Banner.js.map +1 -1
  8. package/dist/MarkdownView.js +20 -7
  9. package/dist/MarkdownView.js.map +1 -1
  10. package/dist/PickerSelect.js +6 -2
  11. package/dist/PickerSelect.js.map +1 -1
  12. package/dist/Signature.d.ts +8 -1
  13. package/dist/Signature.js +93 -18
  14. package/dist/Signature.js.map +1 -1
  15. package/dist/Signature.native.d.ts +15 -0
  16. package/dist/Signature.native.js +116 -21
  17. package/dist/Signature.native.js.map +1 -1
  18. package/dist/TapToEdit.js +1 -1
  19. package/dist/TapToEdit.js.map +1 -1
  20. package/dist/index.d.ts +1 -1
  21. package/dist/index.js +1 -1
  22. package/dist/index.js.map +1 -1
  23. package/dist/useConsentHistory.d.ts +6 -1
  24. package/dist/useConsentHistory.js +2 -1
  25. package/dist/useConsentHistory.js.map +1 -1
  26. package/package.json +2 -4
  27. package/src/ActionSheet.test.tsx +554 -0
  28. package/src/ActionSheet.tsx +24 -37
  29. package/src/Badge.test.tsx +7 -0
  30. package/src/Badge.tsx +1 -0
  31. package/src/Banner.test.tsx +58 -3
  32. package/src/Banner.tsx +3 -3
  33. package/src/DataTable.test.tsx +176 -1
  34. package/src/DateTimeField.test.tsx +942 -2
  35. package/src/Field.test.tsx +23 -0
  36. package/src/HeightActionSheet.test.tsx +1 -1
  37. package/src/HeightField.test.tsx +35 -0
  38. package/src/HeightFieldDesktop.test.tsx +19 -0
  39. package/src/MarkdownView.test.tsx +28 -0
  40. package/src/MarkdownView.tsx +69 -7
  41. package/src/MobileAddressAutoComplete.test.tsx +6 -2
  42. package/src/PickerSelect.test.tsx +265 -0
  43. package/src/PickerSelect.tsx +24 -8
  44. package/src/Signature.native.tsx +147 -30
  45. package/src/Signature.test.tsx +2 -49
  46. package/src/Signature.tsx +128 -22
  47. package/src/SignatureField.test.tsx +0 -9
  48. package/src/SplitPage.test.tsx +299 -43
  49. package/src/TapToEdit.test.tsx +46 -0
  50. package/src/TapToEdit.tsx +1 -1
  51. package/src/ToastNotifications.test.tsx +748 -1
  52. package/src/Tooltip.test.tsx +707 -1
  53. package/src/WebAddressAutocomplete.test.tsx +99 -0
  54. package/src/WebDropdownMenu.test.tsx +28 -2
  55. package/src/__snapshots__/Banner.test.tsx.snap +125 -0
  56. package/src/__snapshots__/CustomSelectField.test.tsx.snap +5 -4
  57. package/src/__snapshots__/DataTable.test.tsx.snap +366 -0
  58. package/src/__snapshots__/Field.test.tsx.snap +377 -0
  59. package/src/__snapshots__/MarkdownView.test.tsx.snap +284 -74
  60. package/src/__snapshots__/PickerSelect.test.tsx.snap +5 -4
  61. package/src/__snapshots__/SegmentedControl.test.tsx.snap +9 -0
  62. package/src/__snapshots__/SelectField.test.tsx.snap +5 -4
  63. package/src/__snapshots__/Signature.test.tsx.snap +13 -3
  64. package/src/__snapshots__/SignatureField.test.tsx.snap +10 -3
  65. package/src/__snapshots__/SplitPage.test.tsx.snap +698 -46
  66. package/src/bunSetup.ts +0 -19
  67. package/src/index.tsx +1 -1
  68. package/src/login/LoginScreen.test.tsx +12 -0
  69. package/src/useConsentHistory.test.ts +20 -13
  70. package/src/useConsentHistory.ts +7 -2
package/src/__snapshots__/SplitPage.test.tsx.snap CHANGED
@@ -77,7 +77,6 @@ exports[`SplitPage renders correctly with renderContent 1`] = `
77
77
  ],
78
78
  "props": {
79
79
  "extraData": undefined,
80
- "nestedScrollEnabled": true,
81
80
  },
82
81
  "type": "FlatList",
83
82
  },
@@ -88,9 +87,34 @@ exports[`SplitPage renders correctly with renderContent 1`] = `
88
87
  "flexDirection": "column",
89
88
  "flexGrow": 1,
90
89
  "flexShrink": 0,
91
- "height": "100%",
92
- "maxWidth": "100%",
93
- "width": "100%",
90
+ "maxWidth": 300,
91
+ "width": 300,
92
+ },
93
+ "testID": undefined,
94
+ },
95
+ "type": "View",
96
+ },
97
+ {
98
+ "$$typeof": Symbol(react.test.json),
99
+ "children": [
100
+ {
101
+ "$$typeof": Symbol(react.test.json),
102
+ "children": null,
103
+ "props": {
104
+ "style": undefined,
105
+ "testID": "content-undefined",
106
+ },
107
+ "type": "View",
108
+ },
109
+ ],
110
+ "props": {
111
+ "onPointerEnter": [Function: AsyncFunction],
112
+ "onPointerLeave": [Function: AsyncFunction],
113
+ "style": {
114
+ "display": "flex",
115
+ "flexGrow": 1,
116
+ "flexShrink": 1,
117
+ "padding": 8,
94
118
  },
95
119
  "testID": undefined,
96
120
  },
@@ -214,7 +238,6 @@ exports[`SplitPage renders correctly with children 1`] = `
214
238
  ],
215
239
  "props": {
216
240
  "extraData": undefined,
217
- "nestedScrollEnabled": true,
218
241
  },
219
242
  "type": "FlatList",
220
243
  },
@@ -225,9 +248,79 @@ exports[`SplitPage renders correctly with children 1`] = `
225
248
  "flexDirection": "column",
226
249
  "flexGrow": 1,
227
250
  "flexShrink": 0,
228
- "height": "100%",
229
- "maxWidth": "100%",
230
- "width": "100%",
251
+ "maxWidth": 300,
252
+ "width": 300,
253
+ },
254
+ "testID": undefined,
255
+ },
256
+ "type": "View",
257
+ },
258
+ {
259
+ "$$typeof": Symbol(react.test.json),
260
+ "children": [
261
+ {
262
+ "$$typeof": Symbol(react.test.json),
263
+ "children": [
264
+ {
265
+ "$$typeof": Symbol(react.test.json),
266
+ "children": null,
267
+ "props": {
268
+ "style": undefined,
269
+ "testID": "child-1",
270
+ },
271
+ "type": "View",
272
+ },
273
+ ],
274
+ "props": {
275
+ "contentContainerStyle": {
276
+ "flex": 1,
277
+ },
278
+ "style": {
279
+ "flex": 1,
280
+ "height": "100%",
281
+ "width": "60%",
282
+ },
283
+ },
284
+ "type": "ScrollView",
285
+ },
286
+ {
287
+ "$$typeof": Symbol(react.test.json),
288
+ "children": [
289
+ {
290
+ "$$typeof": Symbol(react.test.json),
291
+ "children": null,
292
+ "props": {
293
+ "style": undefined,
294
+ "testID": "child-2",
295
+ },
296
+ "type": "View",
297
+ },
298
+ ],
299
+ "props": {
300
+ "contentContainerStyle": {
301
+ "flex": 1,
302
+ },
303
+ "style": {
304
+ "flex": 1,
305
+ "height": "100%",
306
+ "width": "60%",
307
+ },
308
+ },
309
+ "type": "ScrollView",
310
+ },
311
+ ],
312
+ "props": {
313
+ "onPointerEnter": [Function: AsyncFunction],
314
+ "onPointerLeave": [Function: AsyncFunction],
315
+ "style": {
316
+ "alignItems": "center",
317
+ "display": "flex",
318
+ "flexDirection": "row",
319
+ "flexGrow": 1,
320
+ "flexShrink": 1,
321
+ "justifyContent": "center",
322
+ "paddingLeft": 8,
323
+ "paddingRight": 8,
231
324
  },
232
325
  "testID": undefined,
233
326
  },
@@ -351,7 +444,6 @@ exports[`SplitPage renders with loading state 1`] = `
351
444
  ],
352
445
  "props": {
353
446
  "extraData": undefined,
354
- "nestedScrollEnabled": true,
355
447
  },
356
448
  "type": "FlatList",
357
449
  },
@@ -362,9 +454,34 @@ exports[`SplitPage renders with loading state 1`] = `
362
454
  "flexDirection": "column",
363
455
  "flexGrow": 1,
364
456
  "flexShrink": 0,
365
- "height": "100%",
366
- "maxWidth": "100%",
367
- "width": "100%",
457
+ "maxWidth": 300,
458
+ "width": 300,
459
+ },
460
+ "testID": undefined,
461
+ },
462
+ "type": "View",
463
+ },
464
+ {
465
+ "$$typeof": Symbol(react.test.json),
466
+ "children": [
467
+ {
468
+ "$$typeof": Symbol(react.test.json),
469
+ "children": null,
470
+ "props": {
471
+ "style": undefined,
472
+ "testID": "content-undefined",
473
+ },
474
+ "type": "View",
475
+ },
476
+ ],
477
+ "props": {
478
+ "onPointerEnter": [Function: AsyncFunction],
479
+ "onPointerLeave": [Function: AsyncFunction],
480
+ "style": {
481
+ "display": "flex",
482
+ "flexGrow": 1,
483
+ "flexShrink": 1,
484
+ "padding": 8,
368
485
  },
369
486
  "testID": undefined,
370
487
  },
@@ -488,7 +605,6 @@ exports[`SplitPage renders with custom color 1`] = `
488
605
  ],
489
606
  "props": {
490
607
  "extraData": undefined,
491
- "nestedScrollEnabled": true,
492
608
  },
493
609
  "type": "FlatList",
494
610
  },
@@ -499,9 +615,34 @@ exports[`SplitPage renders with custom color 1`] = `
499
615
  "flexDirection": "column",
500
616
  "flexGrow": 1,
501
617
  "flexShrink": 0,
502
- "height": "100%",
503
- "maxWidth": "100%",
504
- "width": "100%",
618
+ "maxWidth": 300,
619
+ "width": 300,
620
+ },
621
+ "testID": undefined,
622
+ },
623
+ "type": "View",
624
+ },
625
+ {
626
+ "$$typeof": Symbol(react.test.json),
627
+ "children": [
628
+ {
629
+ "$$typeof": Symbol(react.test.json),
630
+ "children": null,
631
+ "props": {
632
+ "style": undefined,
633
+ "testID": "content-undefined",
634
+ },
635
+ "type": "View",
636
+ },
637
+ ],
638
+ "props": {
639
+ "onPointerEnter": [Function: AsyncFunction],
640
+ "onPointerLeave": [Function: AsyncFunction],
641
+ "style": {
642
+ "display": "flex",
643
+ "flexGrow": 1,
644
+ "flexShrink": 1,
645
+ "padding": 8,
505
646
  },
506
647
  "testID": undefined,
507
648
  },
@@ -625,7 +766,6 @@ exports[`SplitPage renders with tabs when more than 2 children 1`] = `
625
766
  ],
626
767
  "props": {
627
768
  "extraData": undefined,
628
- "nestedScrollEnabled": true,
629
769
  },
630
770
  "type": "FlatList",
631
771
  },
@@ -636,8 +776,287 @@ exports[`SplitPage renders with tabs when more than 2 children 1`] = `
636
776
  "flexDirection": "column",
637
777
  "flexGrow": 1,
638
778
  "flexShrink": 0,
779
+ "maxWidth": 300,
780
+ "width": 300,
781
+ },
782
+ "testID": undefined,
783
+ },
784
+ "type": "View",
785
+ },
786
+ {
787
+ "$$typeof": Symbol(react.test.json),
788
+ "children": [
789
+ {
790
+ "$$typeof": Symbol(react.test.json),
791
+ "children": [
792
+ {
793
+ "$$typeof": Symbol(react.test.json),
794
+ "children": [
795
+ {
796
+ "$$typeof": Symbol(react.test.json),
797
+ "children": [
798
+ {
799
+ "$$typeof": Symbol(react.test.json),
800
+ "children": [
801
+ {
802
+ "$$typeof": Symbol(react.test.json),
803
+ "children": [
804
+ {
805
+ "$$typeof": Symbol(react.test.json),
806
+ "children": [
807
+ "Tab 1",
808
+ ],
809
+ "props": {
810
+ "numberOfLines": 0,
811
+ "style": {
812
+ "color": "#1C1C1C",
813
+ "fontFamily": "heading-semibold",
814
+ "fontSize": 14,
815
+ },
816
+ "testID": undefined,
817
+ },
818
+ "type": "Text",
819
+ },
820
+ ],
821
+ "props": {
822
+ "aria-role": "button",
823
+ "onPress": [Function],
824
+ "style": {
825
+ "alignItems": "center",
826
+ "backgroundColor": "#FFFFFF",
827
+ "borderRadius": 360,
828
+ "display": "flex",
829
+ "flexBasis": 0,
830
+ "flexDirection": "row",
831
+ "flexGrow": 1,
832
+ "gap": 8,
833
+ "height": "100%",
834
+ "justifyContent": "center",
835
+ "overflow": "hidden",
836
+ "paddingHorizontal": 2,
837
+ },
838
+ },
839
+ "type": "Pressable",
840
+ },
841
+ {
842
+ "$$typeof": Symbol(react.test.json),
843
+ "children": [
844
+ {
845
+ "$$typeof": Symbol(react.test.json),
846
+ "children": [
847
+ "Tab 2",
848
+ ],
849
+ "props": {
850
+ "numberOfLines": 0,
851
+ "style": {
852
+ "color": "#1C1C1C",
853
+ "fontFamily": "heading-semibold",
854
+ "fontSize": 14,
855
+ },
856
+ "testID": undefined,
857
+ },
858
+ "type": "Text",
859
+ },
860
+ ],
861
+ "props": {
862
+ "aria-role": "button",
863
+ "onPress": [Function],
864
+ "style": {
865
+ "alignItems": "center",
866
+ "backgroundColor": undefined,
867
+ "borderRadius": 360,
868
+ "display": "flex",
869
+ "flexBasis": 0,
870
+ "flexDirection": "row",
871
+ "flexGrow": 1,
872
+ "gap": 8,
873
+ "height": "100%",
874
+ "justifyContent": "center",
875
+ "overflow": "hidden",
876
+ "paddingHorizontal": 2,
877
+ },
878
+ },
879
+ "type": "Pressable",
880
+ },
881
+ {
882
+ "$$typeof": Symbol(react.test.json),
883
+ "children": [
884
+ {
885
+ "$$typeof": Symbol(react.test.json),
886
+ "children": [
887
+ "Tab 3",
888
+ ],
889
+ "props": {
890
+ "numberOfLines": 0,
891
+ "style": {
892
+ "color": "#1C1C1C",
893
+ "fontFamily": "heading-semibold",
894
+ "fontSize": 14,
895
+ },
896
+ "testID": undefined,
897
+ },
898
+ "type": "Text",
899
+ },
900
+ ],
901
+ "props": {
902
+ "aria-role": "button",
903
+ "onPress": [Function],
904
+ "style": {
905
+ "alignItems": "center",
906
+ "backgroundColor": undefined,
907
+ "borderRadius": 360,
908
+ "display": "flex",
909
+ "flexBasis": 0,
910
+ "flexDirection": "row",
911
+ "flexGrow": 1,
912
+ "gap": 8,
913
+ "height": "100%",
914
+ "justifyContent": "center",
915
+ "overflow": "hidden",
916
+ "paddingHorizontal": 2,
917
+ },
918
+ },
919
+ "type": "Pressable",
920
+ },
921
+ ],
922
+ "props": {
923
+ "style": {
924
+ "display": "flex",
925
+ "flexDirection": "row",
926
+ "flexGrow": 1,
927
+ "gap": 4,
928
+ "height": 32,
929
+ "paddingHorizontal": 4,
930
+ },
931
+ "testID": undefined,
932
+ },
933
+ "type": "View",
934
+ },
935
+ ],
936
+ "props": {
937
+ "style": {
938
+ "alignItems": "center",
939
+ "backgroundColor": "#CDCDCD",
940
+ "borderRadius": 360,
941
+ "display": "flex",
942
+ "flexDirection": "row",
943
+ "flexGrow": 1,
944
+ "flexShrink": 1,
945
+ "height": 36,
946
+ "maxHeight": 36,
947
+ "overflow": "hidden",
948
+ },
949
+ "testID": undefined,
950
+ },
951
+ "type": "View",
952
+ },
953
+ ],
954
+ "props": {
955
+ "style": {
956
+ "alignItems": "center",
957
+ "display": "flex",
958
+ "flexDirection": "row",
959
+ "gap": 8,
960
+ },
961
+ "testID": undefined,
962
+ },
963
+ "type": "View",
964
+ },
965
+ ],
966
+ "props": {
967
+ "onPointerEnter": [Function: AsyncFunction],
968
+ "onPointerLeave": [Function: AsyncFunction],
969
+ "style": {
970
+ "marginBottom": 16,
971
+ "paddingLeft": 16,
972
+ "paddingRight": 16,
973
+ "width": "100%",
974
+ },
975
+ "testID": undefined,
976
+ },
977
+ "type": "View",
978
+ },
979
+ {
980
+ "$$typeof": Symbol(react.test.json),
981
+ "children": [
982
+ {
983
+ "$$typeof": Symbol(react.test.json),
984
+ "children": [
985
+ {
986
+ "$$typeof": Symbol(react.test.json),
987
+ "children": null,
988
+ "props": {
989
+ "style": undefined,
990
+ "testID": "child-1",
991
+ },
992
+ "type": "View",
993
+ },
994
+ ],
995
+ "props": {
996
+ "contentContainerStyle": {
997
+ "flex": 1,
998
+ },
999
+ "style": {
1000
+ "flex": 1,
1001
+ "height": "100%",
1002
+ "paddingLeft": 0,
1003
+ "paddingRight": 16,
1004
+ "width": "60%",
1005
+ },
1006
+ },
1007
+ "type": "ScrollView",
1008
+ },
1009
+ {
1010
+ "$$typeof": Symbol(react.test.json),
1011
+ "children": [
1012
+ {
1013
+ "$$typeof": Symbol(react.test.json),
1014
+ "children": null,
1015
+ "props": {
1016
+ "style": undefined,
1017
+ "testID": "child-2",
1018
+ },
1019
+ "type": "View",
1020
+ },
1021
+ ],
1022
+ "props": {
1023
+ "contentContainerStyle": {
1024
+ "flex": 1,
1025
+ },
1026
+ "style": {
1027
+ "flex": 1,
1028
+ "height": "100%",
1029
+ "paddingLeft": 16,
1030
+ "paddingRight": 0,
1031
+ "width": "60%",
1032
+ },
1033
+ },
1034
+ "type": "ScrollView",
1035
+ },
1036
+ ],
1037
+ "props": {
1038
+ "onPointerEnter": [Function: AsyncFunction],
1039
+ "onPointerLeave": [Function: AsyncFunction],
1040
+ "style": {
1041
+ "display": "flex",
1042
+ "flexDirection": "row",
1043
+ "flexGrow": 1,
1044
+ "flexShrink": 1,
1045
+ "height": "100%",
1046
+ "paddingLeft": 16,
1047
+ "paddingRight": 16,
1048
+ "width": "100%",
1049
+ },
1050
+ "testID": undefined,
1051
+ },
1052
+ "type": "View",
1053
+ },
1054
+ ],
1055
+ "props": {
1056
+ "style": {
1057
+ "alignItems": "center",
1058
+ "flex": 1,
639
1059
  "height": "100%",
640
- "maxWidth": "100%",
641
1060
  "width": "100%",
642
1061
  },
643
1062
  "testID": undefined,
@@ -771,7 +1190,6 @@ exports[`SplitPage renders with list view header 1`] = `
771
1190
  ],
772
1191
  "props": {
773
1192
  "extraData": undefined,
774
- "nestedScrollEnabled": true,
775
1193
  },
776
1194
  "type": "FlatList",
777
1195
  },
@@ -782,9 +1200,34 @@ exports[`SplitPage renders with list view header 1`] = `
782
1200
  "flexDirection": "column",
783
1201
  "flexGrow": 1,
784
1202
  "flexShrink": 0,
785
- "height": "100%",
786
- "maxWidth": "100%",
787
- "width": "100%",
1203
+ "maxWidth": 300,
1204
+ "width": 300,
1205
+ },
1206
+ "testID": undefined,
1207
+ },
1208
+ "type": "View",
1209
+ },
1210
+ {
1211
+ "$$typeof": Symbol(react.test.json),
1212
+ "children": [
1213
+ {
1214
+ "$$typeof": Symbol(react.test.json),
1215
+ "children": null,
1216
+ "props": {
1217
+ "style": undefined,
1218
+ "testID": "content-undefined",
1219
+ },
1220
+ "type": "View",
1221
+ },
1222
+ ],
1223
+ "props": {
1224
+ "onPointerEnter": [Function: AsyncFunction],
1225
+ "onPointerLeave": [Function: AsyncFunction],
1226
+ "style": {
1227
+ "display": "flex",
1228
+ "flexGrow": 1,
1229
+ "flexShrink": 1,
1230
+ "padding": 8,
788
1231
  },
789
1232
  "testID": undefined,
790
1233
  },
@@ -908,7 +1351,6 @@ exports[`SplitPage renders with custom list view width and max width 1`] = `
908
1351
  ],
909
1352
  "props": {
910
1353
  "extraData": undefined,
911
- "nestedScrollEnabled": true,
912
1354
  },
913
1355
  "type": "FlatList",
914
1356
  },
@@ -919,9 +1361,34 @@ exports[`SplitPage renders with custom list view width and max width 1`] = `
919
1361
  "flexDirection": "column",
920
1362
  "flexGrow": 1,
921
1363
  "flexShrink": 0,
922
- "height": "100%",
923
- "maxWidth": "100%",
924
- "width": "100%",
1364
+ "maxWidth": 500,
1365
+ "width": 400,
1366
+ },
1367
+ "testID": undefined,
1368
+ },
1369
+ "type": "View",
1370
+ },
1371
+ {
1372
+ "$$typeof": Symbol(react.test.json),
1373
+ "children": [
1374
+ {
1375
+ "$$typeof": Symbol(react.test.json),
1376
+ "children": null,
1377
+ "props": {
1378
+ "style": undefined,
1379
+ "testID": "content-undefined",
1380
+ },
1381
+ "type": "View",
1382
+ },
1383
+ ],
1384
+ "props": {
1385
+ "onPointerEnter": [Function: AsyncFunction],
1386
+ "onPointerLeave": [Function: AsyncFunction],
1387
+ "style": {
1388
+ "display": "flex",
1389
+ "flexGrow": 1,
1390
+ "flexShrink": 1,
1391
+ "padding": 8,
925
1392
  },
926
1393
  "testID": undefined,
927
1394
  },
@@ -1047,7 +1514,6 @@ exports[`SplitPage renders with listViewExtraData 1`] = `
1047
1514
  "extraData": {
1048
1515
  "counter": 1,
1049
1516
  },
1050
- "nestedScrollEnabled": true,
1051
1517
  },
1052
1518
  "type": "FlatList",
1053
1519
  },
@@ -1058,9 +1524,34 @@ exports[`SplitPage renders with listViewExtraData 1`] = `
1058
1524
  "flexDirection": "column",
1059
1525
  "flexGrow": 1,
1060
1526
  "flexShrink": 0,
1061
- "height": "100%",
1062
- "maxWidth": "100%",
1063
- "width": "100%",
1527
+ "maxWidth": 300,
1528
+ "width": 300,
1529
+ },
1530
+ "testID": undefined,
1531
+ },
1532
+ "type": "View",
1533
+ },
1534
+ {
1535
+ "$$typeof": Symbol(react.test.json),
1536
+ "children": [
1537
+ {
1538
+ "$$typeof": Symbol(react.test.json),
1539
+ "children": null,
1540
+ "props": {
1541
+ "style": undefined,
1542
+ "testID": "content-undefined",
1543
+ },
1544
+ "type": "View",
1545
+ },
1546
+ ],
1547
+ "props": {
1548
+ "onPointerEnter": [Function: AsyncFunction],
1549
+ "onPointerLeave": [Function: AsyncFunction],
1550
+ "style": {
1551
+ "display": "flex",
1552
+ "flexGrow": 1,
1553
+ "flexShrink": 1,
1554
+ "padding": 8,
1064
1555
  },
1065
1556
  "testID": undefined,
1066
1557
  },
@@ -1184,7 +1675,6 @@ exports[`SplitPage renders with keyboard offset 1`] = `
1184
1675
  ],
1185
1676
  "props": {
1186
1677
  "extraData": undefined,
1187
- "nestedScrollEnabled": true,
1188
1678
  },
1189
1679
  "type": "FlatList",
1190
1680
  },
@@ -1195,9 +1685,34 @@ exports[`SplitPage renders with keyboard offset 1`] = `
1195
1685
  "flexDirection": "column",
1196
1686
  "flexGrow": 1,
1197
1687
  "flexShrink": 0,
1198
- "height": "100%",
1199
- "maxWidth": "100%",
1200
- "width": "100%",
1688
+ "maxWidth": 300,
1689
+ "width": 300,
1690
+ },
1691
+ "testID": undefined,
1692
+ },
1693
+ "type": "View",
1694
+ },
1695
+ {
1696
+ "$$typeof": Symbol(react.test.json),
1697
+ "children": [
1698
+ {
1699
+ "$$typeof": Symbol(react.test.json),
1700
+ "children": null,
1701
+ "props": {
1702
+ "style": undefined,
1703
+ "testID": "content-undefined",
1704
+ },
1705
+ "type": "View",
1706
+ },
1707
+ ],
1708
+ "props": {
1709
+ "onPointerEnter": [Function: AsyncFunction],
1710
+ "onPointerLeave": [Function: AsyncFunction],
1711
+ "style": {
1712
+ "display": "flex",
1713
+ "flexGrow": 1,
1714
+ "flexShrink": 1,
1715
+ "padding": 8,
1201
1716
  },
1202
1717
  "testID": undefined,
1203
1718
  },
@@ -1321,7 +1836,6 @@ exports[`SplitPage filters out null children 1`] = `
1321
1836
  ],
1322
1837
  "props": {
1323
1838
  "extraData": undefined,
1324
- "nestedScrollEnabled": true,
1325
1839
  },
1326
1840
  "type": "FlatList",
1327
1841
  },
@@ -1332,9 +1846,79 @@ exports[`SplitPage filters out null children 1`] = `
1332
1846
  "flexDirection": "column",
1333
1847
  "flexGrow": 1,
1334
1848
  "flexShrink": 0,
1335
- "height": "100%",
1336
- "maxWidth": "100%",
1337
- "width": "100%",
1849
+ "maxWidth": 300,
1850
+ "width": 300,
1851
+ },
1852
+ "testID": undefined,
1853
+ },
1854
+ "type": "View",
1855
+ },
1856
+ {
1857
+ "$$typeof": Symbol(react.test.json),
1858
+ "children": [
1859
+ {
1860
+ "$$typeof": Symbol(react.test.json),
1861
+ "children": [
1862
+ {
1863
+ "$$typeof": Symbol(react.test.json),
1864
+ "children": null,
1865
+ "props": {
1866
+ "style": undefined,
1867
+ "testID": "child-1",
1868
+ },
1869
+ "type": "View",
1870
+ },
1871
+ ],
1872
+ "props": {
1873
+ "contentContainerStyle": {
1874
+ "flex": 1,
1875
+ },
1876
+ "style": {
1877
+ "flex": 1,
1878
+ "height": "100%",
1879
+ "width": "60%",
1880
+ },
1881
+ },
1882
+ "type": "ScrollView",
1883
+ },
1884
+ {
1885
+ "$$typeof": Symbol(react.test.json),
1886
+ "children": [
1887
+ {
1888
+ "$$typeof": Symbol(react.test.json),
1889
+ "children": null,
1890
+ "props": {
1891
+ "style": undefined,
1892
+ "testID": "child-2",
1893
+ },
1894
+ "type": "View",
1895
+ },
1896
+ ],
1897
+ "props": {
1898
+ "contentContainerStyle": {
1899
+ "flex": 1,
1900
+ },
1901
+ "style": {
1902
+ "flex": 1,
1903
+ "height": "100%",
1904
+ "width": "60%",
1905
+ },
1906
+ },
1907
+ "type": "ScrollView",
1908
+ },
1909
+ ],
1910
+ "props": {
1911
+ "onPointerEnter": [Function: AsyncFunction],
1912
+ "onPointerLeave": [Function: AsyncFunction],
1913
+ "style": {
1914
+ "alignItems": "center",
1915
+ "display": "flex",
1916
+ "flexDirection": "row",
1917
+ "flexGrow": 1,
1918
+ "flexShrink": 1,
1919
+ "justifyContent": "center",
1920
+ "paddingLeft": 8,
1921
+ "paddingRight": 8,
1338
1922
  },
1339
1923
  "testID": undefined,
1340
1924
  },
@@ -1458,7 +2042,6 @@ exports[`SplitPage renders with showItemList true to reset selection 1`] = `
1458
2042
  ],
1459
2043
  "props": {
1460
2044
  "extraData": undefined,
1461
- "nestedScrollEnabled": true,
1462
2045
  },
1463
2046
  "type": "FlatList",
1464
2047
  },
@@ -1469,9 +2052,34 @@ exports[`SplitPage renders with showItemList true to reset selection 1`] = `
1469
2052
  "flexDirection": "column",
1470
2053
  "flexGrow": 1,
1471
2054
  "flexShrink": 0,
1472
- "height": "100%",
1473
- "maxWidth": "100%",
1474
- "width": "100%",
2055
+ "maxWidth": 300,
2056
+ "width": 300,
2057
+ },
2058
+ "testID": undefined,
2059
+ },
2060
+ "type": "View",
2061
+ },
2062
+ {
2063
+ "$$typeof": Symbol(react.test.json),
2064
+ "children": [
2065
+ {
2066
+ "$$typeof": Symbol(react.test.json),
2067
+ "children": null,
2068
+ "props": {
2069
+ "style": undefined,
2070
+ "testID": "content-undefined",
2071
+ },
2072
+ "type": "View",
2073
+ },
2074
+ ],
2075
+ "props": {
2076
+ "onPointerEnter": [Function: AsyncFunction],
2077
+ "onPointerLeave": [Function: AsyncFunction],
2078
+ "style": {
2079
+ "display": "flex",
2080
+ "flexGrow": 1,
2081
+ "flexShrink": 1,
2082
+ "padding": 8,
1475
2083
  },
1476
2084
  "testID": undefined,
1477
2085
  },
@@ -1595,7 +2203,6 @@ exports[`SplitPage renders with bottomNavBarHeight 1`] = `
1595
2203
  ],
1596
2204
  "props": {
1597
2205
  "extraData": undefined,
1598
- "nestedScrollEnabled": true,
1599
2206
  },
1600
2207
  "type": "FlatList",
1601
2208
  },
@@ -1606,9 +2213,54 @@ exports[`SplitPage renders with bottomNavBarHeight 1`] = `
1606
2213
  "flexDirection": "column",
1607
2214
  "flexGrow": 1,
1608
2215
  "flexShrink": 0,
1609
- "height": "100%",
1610
- "maxWidth": "100%",
1611
- "width": "100%",
2216
+ "maxWidth": 300,
2217
+ "width": 300,
2218
+ },
2219
+ "testID": undefined,
2220
+ },
2221
+ "type": "View",
2222
+ },
2223
+ {
2224
+ "$$typeof": Symbol(react.test.json),
2225
+ "children": [
2226
+ {
2227
+ "$$typeof": Symbol(react.test.json),
2228
+ "children": [
2229
+ {
2230
+ "$$typeof": Symbol(react.test.json),
2231
+ "children": null,
2232
+ "props": {
2233
+ "style": undefined,
2234
+ "testID": "child-1",
2235
+ },
2236
+ "type": "View",
2237
+ },
2238
+ ],
2239
+ "props": {
2240
+ "contentContainerStyle": {
2241
+ "flex": 1,
2242
+ },
2243
+ "style": {
2244
+ "flex": 1,
2245
+ "height": "100%",
2246
+ "width": "60%",
2247
+ },
2248
+ },
2249
+ "type": "ScrollView",
2250
+ },
2251
+ ],
2252
+ "props": {
2253
+ "onPointerEnter": [Function: AsyncFunction],
2254
+ "onPointerLeave": [Function: AsyncFunction],
2255
+ "style": {
2256
+ "alignItems": "center",
2257
+ "display": "flex",
2258
+ "flexDirection": "row",
2259
+ "flexGrow": 1,
2260
+ "flexShrink": 1,
2261
+ "justifyContent": "center",
2262
+ "paddingLeft": 8,
2263
+ "paddingRight": 8,
1612
2264
  },
1613
2265
  "testID": undefined,
1614
2266
  },