@terreno/ui 0.9.3 → 0.11.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 (94) hide show
  1. package/dist/Banner.js +2 -2
  2. package/dist/Banner.js.map +1 -1
  3. package/dist/Common.d.ts +6 -10
  4. package/dist/Common.js.map +1 -1
  5. package/dist/ConsentHistory.d.ts +2 -1
  6. package/dist/DataTable.js +4 -2
  7. package/dist/DataTable.js.map +1 -1
  8. package/dist/DateUtilities.js +16 -7
  9. package/dist/DateUtilities.js.map +1 -1
  10. package/dist/DraggableList.d.ts +5 -4
  11. package/dist/DraggableList.js.map +1 -1
  12. package/dist/Icon.js +0 -3
  13. package/dist/Icon.js.map +1 -1
  14. package/dist/PasswordField.d.ts +1 -1
  15. package/dist/PasswordField.js.map +1 -1
  16. package/dist/TextFieldNumberActionSheet.d.ts +1 -1
  17. package/dist/Toast.d.ts +1 -1
  18. package/dist/Toast.js +2 -2
  19. package/dist/Toast.js.map +1 -1
  20. package/dist/index.d.ts +2 -2
  21. package/package.json +2 -1
  22. package/src/ActionSheet.test.tsx +262 -3
  23. package/src/AddressField.test.tsx +50 -0
  24. package/src/Banner.test.tsx +22 -0
  25. package/src/Banner.tsx +2 -2
  26. package/src/Box.test.tsx +218 -0
  27. package/src/Button.test.tsx +71 -0
  28. package/src/Common.ts +11 -9
  29. package/src/ConsentFormScreen.test.tsx +167 -0
  30. package/src/ConsentHistory.tsx +1 -1
  31. package/src/ConsentNavigator.test.tsx +210 -4
  32. package/src/DataTable.tsx +15 -15
  33. package/src/DateUtilities.test.ts +34 -16
  34. package/src/DateUtilities.tsx +24 -13
  35. package/src/DecimalRangeActionSheet.test.tsx +53 -2
  36. package/src/DraggableList.tsx +5 -5
  37. package/src/EmailField.test.tsx +81 -0
  38. package/src/EmojiSelector.test.tsx +262 -1
  39. package/src/ErrorBoundary.test.tsx +52 -1
  40. package/src/HeightActionSheet.test.tsx +57 -2
  41. package/src/Icon.tsx +0 -3
  42. package/src/InfoModalIcon.test.tsx +16 -0
  43. package/src/InfoTooltipButton.test.tsx +53 -1
  44. package/src/MobileAddressAutoComplete.test.tsx +137 -7
  45. package/src/Modal.test.tsx +188 -0
  46. package/src/NumberPickerActionSheet.test.tsx +59 -2
  47. package/src/OpenAPIContext.test.tsx +184 -3
  48. package/src/Page.test.tsx +162 -1
  49. package/src/Pagination.test.tsx +16 -0
  50. package/src/PasswordField.tsx +1 -1
  51. package/src/PhoneNumberField.test.tsx +46 -9
  52. package/src/PickerSelect.test.tsx +230 -0
  53. package/src/SegmentedControl.test.tsx +38 -0
  54. package/src/SelectBadge.test.tsx +52 -1
  55. package/src/SideDrawer.test.tsx +69 -0
  56. package/src/Signature.test.tsx +42 -5
  57. package/src/SignatureField.test.tsx +35 -0
  58. package/src/Slider.test.tsx +59 -0
  59. package/src/Spinner.test.tsx +6 -0
  60. package/src/SplitPage.test.tsx +228 -2
  61. package/src/TapToEdit.test.tsx +171 -1
  62. package/src/TerrenoProvider.test.tsx +42 -2
  63. package/src/TextFieldNumberActionSheet.tsx +1 -1
  64. package/src/Theme.test.tsx +118 -28
  65. package/src/Toast.test.tsx +95 -2
  66. package/src/Toast.tsx +3 -3
  67. package/src/Tooltip.test.tsx +204 -1
  68. package/src/UnifiedAddressAutoComplete.test.tsx +38 -19
  69. package/src/UserInactivity.test.tsx +73 -1
  70. package/src/Utilities.test.tsx +190 -2
  71. package/src/WebAddressAutocomplete.test.tsx +148 -1
  72. package/src/__snapshots__/ActionSheet.test.tsx.snap +1736 -0
  73. package/src/__snapshots__/Button.test.tsx.snap +68 -0
  74. package/src/__snapshots__/EmojiSelector.test.tsx.snap +1363 -0
  75. package/src/__snapshots__/InfoTooltipButton.test.tsx.snap +72 -3
  76. package/src/__snapshots__/MobileAddressAutoComplete.test.tsx.snap +60 -9
  77. package/src/__snapshots__/Modal.test.tsx.snap +181 -0
  78. package/src/__snapshots__/Page.test.tsx.snap +48 -2
  79. package/src/__snapshots__/PhoneNumberField.test.tsx.snap +0 -93
  80. package/src/__snapshots__/PickerSelect.test.tsx.snap +706 -0
  81. package/src/__snapshots__/SideDrawer.test.tsx.snap +533 -1399
  82. package/src/__snapshots__/Signature.test.tsx.snap +0 -3
  83. package/src/__snapshots__/SplitPage.test.tsx.snap +970 -0
  84. package/src/__snapshots__/UnifiedAddressAutoComplete.test.tsx.snap +220 -4
  85. package/src/__snapshots__/WebAddressAutocomplete.test.tsx.snap +93 -0
  86. package/src/bunSetup.ts +204 -121
  87. package/src/index.tsx +2 -2
  88. package/src/table/TableHeaderCell.test.tsx +142 -0
  89. package/src/table/TableRow.test.tsx +33 -0
  90. package/src/table/__snapshots__/TableRow.test.tsx.snap +403 -0
  91. package/src/table/tableContext.test.tsx +96 -0
  92. package/src/test-utils.tsx +1 -1
  93. package/src/useConsentForms.test.ts +130 -0
  94. package/src/useSubmitConsent.test.ts +64 -0
package/src/__snapshots__/PickerSelect.test.tsx.snap CHANGED
@@ -1051,3 +1051,709 @@ exports[`PickerSelect renders without placeholder when placeholder is empty obje
1051
1051
  "type": "View",
1052
1052
  }
1053
1053
  `;
1054
+
1055
+ exports[`PickerSelect matches items by itemKey 1`] = `
1056
+ {
1057
+ "$$typeof": Symbol(react.test.json),
1058
+ "children": [
1059
+ {
1060
+ "$$typeof": Symbol(react.test.json),
1061
+ "children": [
1062
+ {
1063
+ "$$typeof": Symbol(react.test.json),
1064
+ "children": [
1065
+ {
1066
+ "$$typeof": Symbol(react.test.json),
1067
+ "children": null,
1068
+ "props": {
1069
+ "readOnly": true,
1070
+ "style": {
1071
+ "color": "#1C1C1C",
1072
+ },
1073
+ "testID": "text_input",
1074
+ "value": "Option 2",
1075
+ },
1076
+ "type": "TextInput",
1077
+ },
1078
+ {
1079
+ "$$typeof": Symbol(react.test.json),
1080
+ "children": null,
1081
+ "props": {
1082
+ "style": {
1083
+ "pointerEvents": "none",
1084
+ },
1085
+ "testID": "icon_container",
1086
+ },
1087
+ "type": "View",
1088
+ },
1089
+ ],
1090
+ "props": {
1091
+ "style": {
1092
+ "flexDirection": "row",
1093
+ "justifyContent": "space-between",
1094
+ "pointerEvents": "box-only",
1095
+ "width": "100%",
1096
+ },
1097
+ "testID": undefined,
1098
+ },
1099
+ "type": "View",
1100
+ },
1101
+ ],
1102
+ "props": {
1103
+ "activeOpacity": 1,
1104
+ "onPress": [Function],
1105
+ "style": {
1106
+ "alignItems": "center",
1107
+ "flexDirection": "row",
1108
+ "justifyContent": "center",
1109
+ "minHeight": 40,
1110
+ "width": "95%",
1111
+ },
1112
+ "testID": "ios_touchable_wrapper",
1113
+ },
1114
+ "type": "Pressable",
1115
+ },
1116
+ {
1117
+ "$$typeof": Symbol(react.test.json),
1118
+ "children": [
1119
+ {
1120
+ "$$typeof": Symbol(react.test.json),
1121
+ "children": null,
1122
+ "props": {
1123
+ "aria-role": "button",
1124
+ "onPress": [Function],
1125
+ "style": {
1126
+ "flex": 1,
1127
+ },
1128
+ "testID": "ios_modal_top",
1129
+ },
1130
+ "type": "Pressable",
1131
+ },
1132
+ {
1133
+ "$$typeof": Symbol(react.test.json),
1134
+ "children": [
1135
+ {
1136
+ "$$typeof": Symbol(react.test.json),
1137
+ "children": null,
1138
+ "props": {
1139
+ "style": {
1140
+ "flexDirection": "row",
1141
+ },
1142
+ "testID": undefined,
1143
+ },
1144
+ "type": "View",
1145
+ },
1146
+ {
1147
+ "$$typeof": Symbol(react.test.json),
1148
+ "children": [
1149
+ {
1150
+ "$$typeof": Symbol(react.test.json),
1151
+ "children": [
1152
+ {
1153
+ "$$typeof": Symbol(react.test.json),
1154
+ "children": [
1155
+ "Done",
1156
+ ],
1157
+ "props": {
1158
+ "allowFontScaling": false,
1159
+ "style": [
1160
+ {
1161
+ "color": "#007aff",
1162
+ "fontSize": 17,
1163
+ "fontWeight": "600",
1164
+ "paddingRight": 11,
1165
+ "paddingTop": 1,
1166
+ },
1167
+ {},
1168
+ ],
1169
+ "testID": "done_text",
1170
+ },
1171
+ "type": "Text",
1172
+ },
1173
+ ],
1174
+ "props": {
1175
+ "style": undefined,
1176
+ "testID": "needed_for_touchable",
1177
+ },
1178
+ "type": "View",
1179
+ },
1180
+ ],
1181
+ "props": {
1182
+ "hitSlop": {
1183
+ "bottom": 4,
1184
+ "left": 4,
1185
+ "right": 4,
1186
+ "top": 4,
1187
+ },
1188
+ "onPress": [Function],
1189
+ "onPressIn": [Function],
1190
+ "onPressOut": [Function],
1191
+ "testID": "done_button",
1192
+ },
1193
+ "type": "Pressable",
1194
+ },
1195
+ ],
1196
+ "props": {
1197
+ "style": {
1198
+ "alignItems": "center",
1199
+ "backgroundColor": "#f8f8f8",
1200
+ "borderTopColor": "#dedede",
1201
+ "borderTopWidth": 1,
1202
+ "flexDirection": "row",
1203
+ "height": 45,
1204
+ "justifyContent": "space-between",
1205
+ "paddingHorizontal": 10,
1206
+ "zIndex": 2,
1207
+ },
1208
+ "testID": "input_accessory_view",
1209
+ },
1210
+ "type": "View",
1211
+ },
1212
+ {
1213
+ "$$typeof": Symbol(react.test.json),
1214
+ "children": [
1215
+ {
1216
+ "$$typeof": Symbol(react.test.json),
1217
+ "children": [
1218
+ {
1219
+ "$$typeof": Symbol(react.test.json),
1220
+ "children": null,
1221
+ "props": {
1222
+ "color": undefined,
1223
+ "label": "Select",
1224
+ "value": "",
1225
+ },
1226
+ "type": "Picker.Item",
1227
+ },
1228
+ {
1229
+ "$$typeof": Symbol(react.test.json),
1230
+ "children": null,
1231
+ "props": {
1232
+ "color": undefined,
1233
+ "label": "Option 1",
1234
+ "value": "1",
1235
+ },
1236
+ "type": "Picker.Item",
1237
+ },
1238
+ {
1239
+ "$$typeof": Symbol(react.test.json),
1240
+ "children": null,
1241
+ "props": {
1242
+ "color": undefined,
1243
+ "label": "Option 2",
1244
+ "value": "2",
1245
+ },
1246
+ "type": "Picker.Item",
1247
+ },
1248
+ ],
1249
+ "props": {
1250
+ "onValueChange": [Function],
1251
+ "selectedValue": "2",
1252
+ "testID": "ios_picker",
1253
+ },
1254
+ "type": "Picker",
1255
+ },
1256
+ ],
1257
+ "props": {
1258
+ "style": [
1259
+ {
1260
+ "backgroundColor": "#d0d4da",
1261
+ "justifyContent": "center",
1262
+ },
1263
+ {
1264
+ "height": 215,
1265
+ },
1266
+ ],
1267
+ "testID": undefined,
1268
+ },
1269
+ "type": "View",
1270
+ },
1271
+ ],
1272
+ "props": {
1273
+ "animationType": undefined,
1274
+ "onOrientationChange": [Function],
1275
+ "supportedOrientations": [
1276
+ "portrait",
1277
+ "landscape",
1278
+ ],
1279
+ "testID": "ios_modal",
1280
+ "transparent": true,
1281
+ "visible": false,
1282
+ },
1283
+ "type": "Modal",
1284
+ },
1285
+ ],
1286
+ "props": {
1287
+ "style": [
1288
+ {
1289
+ "alignItems": "center",
1290
+ "alignSelf": "stretch",
1291
+ "borderRadius": 4,
1292
+ "borderWidth": 1,
1293
+ "flexDirection": "row",
1294
+ "justifyContent": "center",
1295
+ "minHeight": 40,
1296
+ "width": "100%",
1297
+ },
1298
+ {
1299
+ "backgroundColor": "#FFFFFF",
1300
+ "borderColor": "#9A9A9A",
1301
+ },
1302
+ false,
1303
+ ],
1304
+ "testID": undefined,
1305
+ },
1306
+ "type": "View",
1307
+ }
1308
+ `;
1309
+
1310
+ exports[`PickerSelect renders custom InputAccessoryView 1`] = `
1311
+ {
1312
+ "$$typeof": Symbol(react.test.json),
1313
+ "children": [
1314
+ {
1315
+ "$$typeof": Symbol(react.test.json),
1316
+ "children": [
1317
+ {
1318
+ "$$typeof": Symbol(react.test.json),
1319
+ "children": [
1320
+ {
1321
+ "$$typeof": Symbol(react.test.json),
1322
+ "children": null,
1323
+ "props": {
1324
+ "readOnly": true,
1325
+ "style": {
1326
+ "color": "#1C1C1C",
1327
+ },
1328
+ "testID": "text_input",
1329
+ "value": "Select an option",
1330
+ },
1331
+ "type": "TextInput",
1332
+ },
1333
+ {
1334
+ "$$typeof": Symbol(react.test.json),
1335
+ "children": null,
1336
+ "props": {
1337
+ "style": {
1338
+ "pointerEvents": "none",
1339
+ },
1340
+ "testID": "icon_container",
1341
+ },
1342
+ "type": "View",
1343
+ },
1344
+ ],
1345
+ "props": {
1346
+ "style": {
1347
+ "flexDirection": "row",
1348
+ "justifyContent": "space-between",
1349
+ "pointerEvents": "box-only",
1350
+ "width": "100%",
1351
+ },
1352
+ "testID": undefined,
1353
+ },
1354
+ "type": "View",
1355
+ },
1356
+ ],
1357
+ "props": {
1358
+ "activeOpacity": 1,
1359
+ "onPress": [Function],
1360
+ "style": {
1361
+ "alignItems": "center",
1362
+ "flexDirection": "row",
1363
+ "justifyContent": "center",
1364
+ "minHeight": 40,
1365
+ "width": "95%",
1366
+ },
1367
+ "testID": "ios_touchable_wrapper",
1368
+ },
1369
+ "type": "Pressable",
1370
+ },
1371
+ {
1372
+ "$$typeof": Symbol(react.test.json),
1373
+ "children": [
1374
+ {
1375
+ "$$typeof": Symbol(react.test.json),
1376
+ "children": null,
1377
+ "props": {
1378
+ "aria-role": "button",
1379
+ "onPress": [Function],
1380
+ "style": {
1381
+ "flex": 1,
1382
+ },
1383
+ "testID": "ios_modal_top",
1384
+ },
1385
+ "type": "Pressable",
1386
+ },
1387
+ {
1388
+ "$$typeof": Symbol(react.test.json),
1389
+ "children": [
1390
+ {
1391
+ "$$typeof": Symbol(react.test.json),
1392
+ "children": [
1393
+ {
1394
+ "$$typeof": Symbol(react.test.json),
1395
+ "children": null,
1396
+ "props": {
1397
+ "color": undefined,
1398
+ "label": "Select an option",
1399
+ "value": "",
1400
+ },
1401
+ "type": "Picker.Item",
1402
+ },
1403
+ {
1404
+ "$$typeof": Symbol(react.test.json),
1405
+ "children": null,
1406
+ "props": {
1407
+ "color": undefined,
1408
+ "label": "Option 1",
1409
+ "value": "1",
1410
+ },
1411
+ "type": "Picker.Item",
1412
+ },
1413
+ {
1414
+ "$$typeof": Symbol(react.test.json),
1415
+ "children": null,
1416
+ "props": {
1417
+ "color": undefined,
1418
+ "label": "Option 2",
1419
+ "value": "2",
1420
+ },
1421
+ "type": "Picker.Item",
1422
+ },
1423
+ {
1424
+ "$$typeof": Symbol(react.test.json),
1425
+ "children": null,
1426
+ "props": {
1427
+ "color": undefined,
1428
+ "label": "Option 3",
1429
+ "value": "3",
1430
+ },
1431
+ "type": "Picker.Item",
1432
+ },
1433
+ ],
1434
+ "props": {
1435
+ "onValueChange": [Function],
1436
+ "selectedValue": "",
1437
+ "testID": "ios_picker",
1438
+ },
1439
+ "type": "Picker",
1440
+ },
1441
+ ],
1442
+ "props": {
1443
+ "style": [
1444
+ {
1445
+ "backgroundColor": "#d0d4da",
1446
+ "justifyContent": "center",
1447
+ },
1448
+ {
1449
+ "height": 215,
1450
+ },
1451
+ ],
1452
+ "testID": undefined,
1453
+ },
1454
+ "type": "View",
1455
+ },
1456
+ ],
1457
+ "props": {
1458
+ "animationType": undefined,
1459
+ "onOrientationChange": [Function],
1460
+ "supportedOrientations": [
1461
+ "portrait",
1462
+ "landscape",
1463
+ ],
1464
+ "testID": "ios_modal",
1465
+ "transparent": true,
1466
+ "visible": false,
1467
+ },
1468
+ "type": "Modal",
1469
+ },
1470
+ ],
1471
+ "props": {
1472
+ "style": [
1473
+ {
1474
+ "alignItems": "center",
1475
+ "alignSelf": "stretch",
1476
+ "borderRadius": 4,
1477
+ "borderWidth": 1,
1478
+ "flexDirection": "row",
1479
+ "justifyContent": "center",
1480
+ "minHeight": 40,
1481
+ "width": "100%",
1482
+ },
1483
+ {
1484
+ "backgroundColor": "#FFFFFF",
1485
+ "borderColor": "#9A9A9A",
1486
+ },
1487
+ false,
1488
+ ],
1489
+ "testID": undefined,
1490
+ },
1491
+ "type": "View",
1492
+ }
1493
+ `;
1494
+
1495
+ exports[`PickerSelect passes textInputProps to TextInput 1`] = `
1496
+ {
1497
+ "$$typeof": Symbol(react.test.json),
1498
+ "children": [
1499
+ {
1500
+ "$$typeof": Symbol(react.test.json),
1501
+ "children": [
1502
+ {
1503
+ "$$typeof": Symbol(react.test.json),
1504
+ "children": [
1505
+ {
1506
+ "$$typeof": Symbol(react.test.json),
1507
+ "children": null,
1508
+ "props": {
1509
+ "placeholder": "Custom placeholder",
1510
+ "readOnly": true,
1511
+ "style": {
1512
+ "color": "#1C1C1C",
1513
+ },
1514
+ "testID": "text_input",
1515
+ "value": "Option 1",
1516
+ },
1517
+ "type": "TextInput",
1518
+ },
1519
+ {
1520
+ "$$typeof": Symbol(react.test.json),
1521
+ "children": null,
1522
+ "props": {
1523
+ "style": {
1524
+ "pointerEvents": "none",
1525
+ },
1526
+ "testID": "icon_container",
1527
+ },
1528
+ "type": "View",
1529
+ },
1530
+ ],
1531
+ "props": {
1532
+ "style": {
1533
+ "flexDirection": "row",
1534
+ "justifyContent": "space-between",
1535
+ "pointerEvents": "box-only",
1536
+ "width": "100%",
1537
+ },
1538
+ "testID": undefined,
1539
+ },
1540
+ "type": "View",
1541
+ },
1542
+ ],
1543
+ "props": {
1544
+ "activeOpacity": 1,
1545
+ "onPress": [Function],
1546
+ "style": {
1547
+ "alignItems": "center",
1548
+ "flexDirection": "row",
1549
+ "justifyContent": "center",
1550
+ "minHeight": 40,
1551
+ "width": "95%",
1552
+ },
1553
+ "testID": "ios_touchable_wrapper",
1554
+ },
1555
+ "type": "Pressable",
1556
+ },
1557
+ {
1558
+ "$$typeof": Symbol(react.test.json),
1559
+ "children": [
1560
+ {
1561
+ "$$typeof": Symbol(react.test.json),
1562
+ "children": null,
1563
+ "props": {
1564
+ "aria-role": "button",
1565
+ "onPress": [Function],
1566
+ "style": {
1567
+ "flex": 1,
1568
+ },
1569
+ "testID": "ios_modal_top",
1570
+ },
1571
+ "type": "Pressable",
1572
+ },
1573
+ {
1574
+ "$$typeof": Symbol(react.test.json),
1575
+ "children": [
1576
+ {
1577
+ "$$typeof": Symbol(react.test.json),
1578
+ "children": null,
1579
+ "props": {
1580
+ "style": {
1581
+ "flexDirection": "row",
1582
+ },
1583
+ "testID": undefined,
1584
+ },
1585
+ "type": "View",
1586
+ },
1587
+ {
1588
+ "$$typeof": Symbol(react.test.json),
1589
+ "children": [
1590
+ {
1591
+ "$$typeof": Symbol(react.test.json),
1592
+ "children": [
1593
+ {
1594
+ "$$typeof": Symbol(react.test.json),
1595
+ "children": [
1596
+ "Done",
1597
+ ],
1598
+ "props": {
1599
+ "allowFontScaling": false,
1600
+ "style": [
1601
+ {
1602
+ "color": "#007aff",
1603
+ "fontSize": 17,
1604
+ "fontWeight": "600",
1605
+ "paddingRight": 11,
1606
+ "paddingTop": 1,
1607
+ },
1608
+ {},
1609
+ ],
1610
+ "testID": "done_text",
1611
+ },
1612
+ "type": "Text",
1613
+ },
1614
+ ],
1615
+ "props": {
1616
+ "style": undefined,
1617
+ "testID": "needed_for_touchable",
1618
+ },
1619
+ "type": "View",
1620
+ },
1621
+ ],
1622
+ "props": {
1623
+ "hitSlop": {
1624
+ "bottom": 4,
1625
+ "left": 4,
1626
+ "right": 4,
1627
+ "top": 4,
1628
+ },
1629
+ "onPress": [Function],
1630
+ "onPressIn": [Function],
1631
+ "onPressOut": [Function],
1632
+ "testID": "done_button",
1633
+ },
1634
+ "type": "Pressable",
1635
+ },
1636
+ ],
1637
+ "props": {
1638
+ "style": {
1639
+ "alignItems": "center",
1640
+ "backgroundColor": "#f8f8f8",
1641
+ "borderTopColor": "#dedede",
1642
+ "borderTopWidth": 1,
1643
+ "flexDirection": "row",
1644
+ "height": 45,
1645
+ "justifyContent": "space-between",
1646
+ "paddingHorizontal": 10,
1647
+ "zIndex": 2,
1648
+ },
1649
+ "testID": "input_accessory_view",
1650
+ },
1651
+ "type": "View",
1652
+ },
1653
+ {
1654
+ "$$typeof": Symbol(react.test.json),
1655
+ "children": [
1656
+ {
1657
+ "$$typeof": Symbol(react.test.json),
1658
+ "children": [
1659
+ {
1660
+ "$$typeof": Symbol(react.test.json),
1661
+ "children": null,
1662
+ "props": {
1663
+ "color": undefined,
1664
+ "label": "Select an option",
1665
+ "value": "",
1666
+ },
1667
+ "type": "Picker.Item",
1668
+ },
1669
+ {
1670
+ "$$typeof": Symbol(react.test.json),
1671
+ "children": null,
1672
+ "props": {
1673
+ "color": undefined,
1674
+ "label": "Option 1",
1675
+ "value": "1",
1676
+ },
1677
+ "type": "Picker.Item",
1678
+ },
1679
+ {
1680
+ "$$typeof": Symbol(react.test.json),
1681
+ "children": null,
1682
+ "props": {
1683
+ "color": undefined,
1684
+ "label": "Option 2",
1685
+ "value": "2",
1686
+ },
1687
+ "type": "Picker.Item",
1688
+ },
1689
+ {
1690
+ "$$typeof": Symbol(react.test.json),
1691
+ "children": null,
1692
+ "props": {
1693
+ "color": undefined,
1694
+ "label": "Option 3",
1695
+ "value": "3",
1696
+ },
1697
+ "type": "Picker.Item",
1698
+ },
1699
+ ],
1700
+ "props": {
1701
+ "onValueChange": [Function],
1702
+ "selectedValue": "1",
1703
+ "testID": "ios_picker",
1704
+ },
1705
+ "type": "Picker",
1706
+ },
1707
+ ],
1708
+ "props": {
1709
+ "style": [
1710
+ {
1711
+ "backgroundColor": "#d0d4da",
1712
+ "justifyContent": "center",
1713
+ },
1714
+ {
1715
+ "height": 215,
1716
+ },
1717
+ ],
1718
+ "testID": undefined,
1719
+ },
1720
+ "type": "View",
1721
+ },
1722
+ ],
1723
+ "props": {
1724
+ "animationType": undefined,
1725
+ "onOrientationChange": [Function],
1726
+ "supportedOrientations": [
1727
+ "portrait",
1728
+ "landscape",
1729
+ ],
1730
+ "testID": "ios_modal",
1731
+ "transparent": true,
1732
+ "visible": false,
1733
+ },
1734
+ "type": "Modal",
1735
+ },
1736
+ ],
1737
+ "props": {
1738
+ "style": [
1739
+ {
1740
+ "alignItems": "center",
1741
+ "alignSelf": "stretch",
1742
+ "borderRadius": 4,
1743
+ "borderWidth": 1,
1744
+ "flexDirection": "row",
1745
+ "justifyContent": "center",
1746
+ "minHeight": 40,
1747
+ "width": "100%",
1748
+ },
1749
+ {
1750
+ "backgroundColor": "#FFFFFF",
1751
+ "borderColor": "#9A9A9A",
1752
+ },
1753
+ false,
1754
+ ],
1755
+ "testID": undefined,
1756
+ },
1757
+ "type": "View",
1758
+ }
1759
+ `;