@hero-design/rn 8.112.5 → 8.113.1

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 +3 -3
  2. package/CHANGELOG.md +21 -0
  3. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  4. package/es/index.js +1593 -2010
  5. package/jest.config.js +1 -1
  6. package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
  7. package/lib/index.js +1592 -2009
  8. package/package.json +5 -5
  9. package/src/components/Alert/index.tsx +1 -1
  10. package/src/components/Badge/Count.tsx +2 -2
  11. package/src/components/Badge/Status.tsx +2 -2
  12. package/src/components/Badge/index.tsx +2 -1
  13. package/src/components/BottomNavigation/StyledBottomNavigation.tsx +1 -1
  14. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +32 -36
  15. package/src/components/BottomNavigation/__tests__/index.spec.tsx +17 -8
  16. package/src/components/BottomNavigation/index.tsx +4 -5
  17. package/src/components/BottomSheet/ScrollView.tsx +2 -1
  18. package/src/components/BottomSheet/index.tsx +1 -1
  19. package/src/components/Button/Button.tsx +2 -2
  20. package/src/components/Calendar/CalendarRange.tsx +1 -1
  21. package/src/components/Calendar/__tests__/index.spec.tsx +3 -8
  22. package/src/components/Calendar/index.tsx +1 -1
  23. package/src/components/Card/DataCard/index.tsx +2 -2
  24. package/src/components/Card/index.tsx +2 -2
  25. package/src/components/Carousel/index.tsx +2 -2
  26. package/src/components/DatePicker/Dialog/__tests__/IOSDialog.spec.tsx +0 -6
  27. package/src/components/DatePicker/__tests__/DatePickerCalendar.spec.tsx +2 -10
  28. package/src/components/DatePicker/__tests__/DatePickerIOS.spec.tsx +27 -0
  29. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +176 -728
  30. package/src/components/DatePicker/hooks/__tests__/useFormatDate.spec.ts +5 -7
  31. package/src/components/DatePicker/hooks/useFormatDate.ts +1 -1
  32. package/src/components/DatePicker/types.ts +1 -1
  33. package/src/components/Drawer/DragableDrawer/index.tsx +2 -2
  34. package/src/components/Drawer/index.tsx +2 -2
  35. package/src/components/FAB/__tests__/index.spec.tsx +33 -8
  36. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  37. package/src/components/Icon/IconList.ts +1 -0
  38. package/src/components/Image/index.tsx +2 -1
  39. package/src/components/List/BasicListItem.tsx +2 -1
  40. package/src/components/List/ListItem.tsx +1 -1
  41. package/src/components/LocaleProvider/__tests__/utils.specs.ts +2 -1
  42. package/src/components/LocaleProvider/index.tsx +1 -1
  43. package/src/components/LocaleProvider/utils.ts +3 -2
  44. package/src/components/MapPin/Focussed.tsx +2 -1
  45. package/src/components/MapPin/index.tsx +2 -1
  46. package/src/components/Modal/__tests__/index.spec.tsx +46 -0
  47. package/src/components/Modal/index.tsx +121 -149
  48. package/src/components/Progress/ProgressBar.tsx +2 -1
  49. package/src/components/Progress/ProgressCircle.tsx +2 -1
  50. package/src/components/RichTextEditor/MentionList.tsx +2 -1
  51. package/src/components/Tabs/ScrollableTabsHeader/ScrollableTabsHeader.tsx +4 -6
  52. package/src/components/Tabs/__tests__/ScrollableTabs.spec.tsx +43 -32
  53. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +105 -129
  54. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +30 -42
  55. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +0 -683
  56. package/src/components/Tabs/__tests__/index.spec.tsx +37 -25
  57. package/src/components/Tabs/index.tsx +2 -2
  58. package/src/components/Tag/index.tsx +1 -1
  59. package/src/components/TimePicker/TimePickerAndroid.tsx +1 -1
  60. package/src/components/TimePicker/TimePickerIOS.tsx +1 -1
  61. package/src/components/TimePicker/__tests__/TimePickerIOS.spec.tsx +0 -6
  62. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +237 -282
  63. package/src/components/TimePicker/types.ts +1 -1
  64. package/src/components/Toast/Toast.tsx +2 -1
  65. package/src/components/Toolbar/ToolbarItem.tsx +2 -1
  66. package/src/components/Typography/Label/index.tsx +1 -1
  67. package/src/testHelpers/renderWithTheme.tsx +2 -1
  68. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +1 -1
  69. package/src/theme/components/bottomNavigation.ts +1 -1
  70. package/types/components/Alert/index.d.ts +1 -1
  71. package/types/components/Badge/Count.d.ts +2 -2
  72. package/types/components/Badge/Status.d.ts +2 -2
  73. package/types/components/Badge/index.d.ts +4 -3
  74. package/types/components/BottomNavigation/StyledBottomNavigation.d.ts +1 -1
  75. package/types/components/BottomNavigation/index.d.ts +2 -2
  76. package/types/components/BottomSheet/index.d.ts +1 -1
  77. package/types/components/Button/Button.d.ts +2 -2
  78. package/types/components/Card/DataCard/index.d.ts +2 -2
  79. package/types/components/Card/index.d.ts +3 -3
  80. package/types/components/Carousel/index.d.ts +2 -2
  81. package/types/components/DatePicker/types.d.ts +1 -1
  82. package/types/components/Drawer/DragableDrawer/index.d.ts +2 -2
  83. package/types/components/Drawer/index.d.ts +3 -3
  84. package/types/components/Icon/IconList.d.ts +1 -1
  85. package/types/components/Icon/index.d.ts +1 -1
  86. package/types/components/Image/index.d.ts +2 -1
  87. package/types/components/List/BasicListItem.d.ts +2 -1
  88. package/types/components/List/ListItem.d.ts +1 -1
  89. package/types/components/LocaleProvider/utils.d.ts +1 -1
  90. package/types/components/MapPin/Focussed.d.ts +2 -1
  91. package/types/components/MapPin/index.d.ts +3 -2
  92. package/types/components/Modal/index.d.ts +2 -2
  93. package/types/components/Progress/ProgressBar.d.ts +2 -1
  94. package/types/components/Progress/ProgressCircle.d.ts +2 -1
  95. package/types/components/Progress/index.d.ts +2 -2
  96. package/types/components/RichTextEditor/MentionList.d.ts +2 -1
  97. package/types/components/Tabs/index.d.ts +2 -2
  98. package/types/components/Tag/index.d.ts +1 -1
  99. package/types/components/TextInput/index.d.ts +1 -1
  100. package/types/components/TimePicker/types.d.ts +1 -1
  101. package/types/components/Toast/Toast.d.ts +2 -1
  102. package/types/components/Typography/Label/index.d.ts +1 -1
  103. package/types/testHelpers/renderWithTheme.d.ts +84 -1
@@ -1278,689 +1278,6 @@ exports[`useIsFocused renders correctly 1`] = `
1278
1278
  </Text>
1279
1279
  </View>
1280
1280
  </View>
1281
- <View
1282
- collapsable={false}
1283
- style={
1284
- {
1285
- "bottom": 0,
1286
- "left": 0,
1287
- "position": "absolute",
1288
- "right": 0,
1289
- "top": 0,
1290
- }
1291
- }
1292
- >
1293
- <View
1294
- accessibilityElementsHidden={true}
1295
- importantForAccessibility="no-hide-descendants"
1296
- style={
1297
- [
1298
- {
1299
- "flex": 1,
1300
- },
1301
- [
1302
- {
1303
- "flex": 1,
1304
- "overflow": "hidden",
1305
- },
1306
- null,
1307
- ],
1308
- ]
1309
- }
1310
- />
1311
- </View>
1312
- <View
1313
- collapsable={false}
1314
- style={
1315
- {
1316
- "bottom": 0,
1317
- "left": 0,
1318
- "position": "absolute",
1319
- "right": 0,
1320
- "top": 0,
1321
- }
1322
- }
1323
- >
1324
- <View
1325
- accessibilityElementsHidden={true}
1326
- importantForAccessibility="no-hide-descendants"
1327
- style={
1328
- [
1329
- {
1330
- "flex": 1,
1331
- },
1332
- [
1333
- {
1334
- "flex": 1,
1335
- "overflow": "hidden",
1336
- },
1337
- null,
1338
- ],
1339
- ]
1340
- }
1341
- />
1342
- </View>
1343
- </LEGACY_RNCViewPager>
1344
- </View>
1345
- </RNCSafeAreaProvider>
1346
- <View
1347
- pointerEvents="box-none"
1348
- position="bottom"
1349
- style={
1350
- [
1351
- {
1352
- "bottom": 0,
1353
- "elevation": 9999,
1354
- "flexDirection": "column-reverse",
1355
- "left": 0,
1356
- "paddingHorizontal": 24,
1357
- "paddingVertical": 16,
1358
- "position": "absolute",
1359
- "right": 0,
1360
- "top": 0,
1361
- },
1362
- undefined,
1363
- ]
1364
- }
1365
- />
1366
- </View>
1367
- `;
1368
-
1369
- exports[`useIsFocused renders correctly: xxxxxx 1`] = `
1370
- <View
1371
- style={
1372
- {
1373
- "flex": 1,
1374
- }
1375
- }
1376
- >
1377
- <RNCSafeAreaProvider
1378
- onInsetsChange={[Function]}
1379
- style={
1380
- [
1381
- {
1382
- "flex": 1,
1383
- },
1384
- undefined,
1385
- ]
1386
- }
1387
- >
1388
- <View
1389
- accessibilityState={
1390
- {
1391
- "busy": undefined,
1392
- "checked": undefined,
1393
- "disabled": undefined,
1394
- "expanded": undefined,
1395
- "selected": undefined,
1396
- }
1397
- }
1398
- accessibilityValue={
1399
- {
1400
- "max": undefined,
1401
- "min": undefined,
1402
- "now": undefined,
1403
- "text": undefined,
1404
- }
1405
- }
1406
- accessible={true}
1407
- collapsable={false}
1408
- focusable={true}
1409
- onClick={[Function]}
1410
- onResponderGrant={[Function]}
1411
- onResponderMove={[Function]}
1412
- onResponderRelease={[Function]}
1413
- onResponderTerminate={[Function]}
1414
- onResponderTerminationRequest={[Function]}
1415
- onStartShouldSetResponder={[Function]}
1416
- style={
1417
- {
1418
- "alignItems": "center",
1419
- "backgroundColor": "#ffffff",
1420
- "borderRadius": 8,
1421
- "flexDirection": "row",
1422
- "justifyContent": "center",
1423
- "opacity": 1,
1424
- "padding": 8,
1425
- "width": "100%",
1426
- }
1427
- }
1428
- >
1429
- <View
1430
- style={
1431
- [
1432
- {
1433
- "paddingRight": 12,
1434
- },
1435
- undefined,
1436
- ]
1437
- }
1438
- >
1439
- <HeroIcon
1440
- name="sync"
1441
- style={
1442
- [
1443
- {
1444
- "color": "#001f23",
1445
- "fontSize": 24,
1446
- },
1447
- undefined,
1448
- ]
1449
- }
1450
- testID="undefined-icon"
1451
- themeIntent="text"
1452
- themeSize="medium"
1453
- />
1454
- </View>
1455
- <Text
1456
- allowFontScaling={false}
1457
- style={
1458
- [
1459
- {
1460
- "color": "#001f23",
1461
- "fontFamily": "BeVietnamPro-Regular",
1462
- "fontSize": 16,
1463
- "letterSpacing": 0.48,
1464
- "lineHeight": 24,
1465
- },
1466
- [
1467
- {
1468
- "flexShrink": 1,
1469
- "lineHeight": undefined,
1470
- "textAlign": "center",
1471
- "textAlignVertical": "center",
1472
- },
1473
- undefined,
1474
- ],
1475
- ]
1476
- }
1477
- themeIntent="body"
1478
- themeIsItalic={false}
1479
- themeTypeface="neutral"
1480
- themeVariant="regular"
1481
- >
1482
- Move to Work
1483
- </Text>
1484
- </View>
1485
- <View
1486
- style={
1487
- [
1488
- {
1489
- "flex": 1,
1490
- "overflow": "hidden",
1491
- },
1492
- undefined,
1493
- ]
1494
- }
1495
- >
1496
- <View
1497
- style={
1498
- [
1499
- {
1500
- "backgroundColor": "#ffffff",
1501
- "borderBottomColor": "#e8e9ea",
1502
- "borderBottomWidth": 2,
1503
- "paddingHorizontal": 0,
1504
- },
1505
- undefined,
1506
- ]
1507
- }
1508
- themeInsets={
1509
- {
1510
- "bottom": 0,
1511
- "left": 0,
1512
- "right": 0,
1513
- "top": 0,
1514
- }
1515
- }
1516
- >
1517
- <View>
1518
- <View
1519
- onLayout={[Function]}
1520
- style={
1521
- [
1522
- {
1523
- "flexDirection": "row",
1524
- },
1525
- undefined,
1526
- ]
1527
- }
1528
- >
1529
- <View
1530
- accessibilityState={
1531
- {
1532
- "busy": undefined,
1533
- "checked": undefined,
1534
- "disabled": undefined,
1535
- "expanded": undefined,
1536
- "selected": undefined,
1537
- }
1538
- }
1539
- accessible={true}
1540
- focusable={true}
1541
- onClick={[Function]}
1542
- onResponderGrant={[Function]}
1543
- onResponderMove={[Function]}
1544
- onResponderRelease={[Function]}
1545
- onResponderTerminate={[Function]}
1546
- onResponderTerminationRequest={[Function]}
1547
- onStartShouldSetResponder={[Function]}
1548
- style={
1549
- [
1550
- {
1551
- "alignItems": "center",
1552
- "flex": 1,
1553
- "paddingVertical": 8,
1554
- },
1555
- undefined,
1556
- ]
1557
- }
1558
- >
1559
- <View>
1560
- <Text
1561
- allowFontScaling={false}
1562
- numberOfLines={1}
1563
- style={
1564
- [
1565
- {
1566
- "color": "#001f23",
1567
- "fontFamily": "BeVietnamPro-Regular",
1568
- "fontSize": 14,
1569
- "letterSpacing": 0.48,
1570
- "lineHeight": 22,
1571
- },
1572
- {
1573
- "color": "#001f23",
1574
- },
1575
- ]
1576
- }
1577
- themeIntent="body"
1578
- themeIsItalic={false}
1579
- themeTypeface="neutral"
1580
- themeVariant="small"
1581
- >
1582
- Work
1583
- </Text>
1584
- </View>
1585
- </View>
1586
- <View
1587
- accessibilityState={
1588
- {
1589
- "busy": undefined,
1590
- "checked": undefined,
1591
- "disabled": undefined,
1592
- "expanded": undefined,
1593
- "selected": undefined,
1594
- }
1595
- }
1596
- accessible={true}
1597
- focusable={true}
1598
- onClick={[Function]}
1599
- onResponderGrant={[Function]}
1600
- onResponderMove={[Function]}
1601
- onResponderRelease={[Function]}
1602
- onResponderTerminate={[Function]}
1603
- onResponderTerminationRequest={[Function]}
1604
- onStartShouldSetResponder={[Function]}
1605
- style={
1606
- [
1607
- {
1608
- "alignItems": "center",
1609
- "flex": 1,
1610
- "paddingVertical": 8,
1611
- },
1612
- undefined,
1613
- ]
1614
- }
1615
- >
1616
- <View>
1617
- <Text
1618
- allowFontScaling={false}
1619
- numberOfLines={1}
1620
- style={
1621
- [
1622
- {
1623
- "color": "#001f23",
1624
- "fontFamily": "BeVietnamPro-SemiBold",
1625
- "fontSize": 14,
1626
- "letterSpacing": 0.24,
1627
- "lineHeight": 22,
1628
- },
1629
- {
1630
- "color": "#001f23",
1631
- },
1632
- ]
1633
- }
1634
- themeIntent="body"
1635
- themeIsItalic={false}
1636
- themeTypeface="neutral"
1637
- themeVariant="small-bold"
1638
- >
1639
- Personal
1640
- </Text>
1641
- </View>
1642
- </View>
1643
- <View
1644
- accessibilityState={
1645
- {
1646
- "busy": undefined,
1647
- "checked": undefined,
1648
- "disabled": undefined,
1649
- "expanded": undefined,
1650
- "selected": undefined,
1651
- }
1652
- }
1653
- accessible={true}
1654
- focusable={true}
1655
- onClick={[Function]}
1656
- onResponderGrant={[Function]}
1657
- onResponderMove={[Function]}
1658
- onResponderRelease={[Function]}
1659
- onResponderTerminate={[Function]}
1660
- onResponderTerminationRequest={[Function]}
1661
- onStartShouldSetResponder={[Function]}
1662
- style={
1663
- [
1664
- {
1665
- "alignItems": "center",
1666
- "flex": 1,
1667
- "paddingVertical": 8,
1668
- },
1669
- undefined,
1670
- ]
1671
- }
1672
- >
1673
- <View
1674
- style={
1675
- {
1676
- "paddingHorizontal": 4,
1677
- }
1678
- }
1679
- >
1680
- <Text
1681
- allowFontScaling={false}
1682
- numberOfLines={1}
1683
- style={
1684
- [
1685
- {
1686
- "color": "#001f23",
1687
- "fontFamily": "BeVietnamPro-Regular",
1688
- "fontSize": 14,
1689
- "letterSpacing": 0.48,
1690
- "lineHeight": 22,
1691
- },
1692
- {
1693
- "color": "#001f23",
1694
- },
1695
- ]
1696
- }
1697
- themeIntent="body"
1698
- themeIsItalic={false}
1699
- themeTypeface="neutral"
1700
- themeVariant="small"
1701
- >
1702
- Home
1703
- </Text>
1704
- <View
1705
- collapsable={false}
1706
- style={
1707
- {
1708
- "backgroundColor": "#cb300a",
1709
- "borderRadius": 999,
1710
- "height": 8,
1711
- "opacity": 1,
1712
- "position": "absolute",
1713
- "right": -2,
1714
- "top": -2,
1715
- "transform": [
1716
- {
1717
- "scale": 1,
1718
- },
1719
- ],
1720
- "width": 8,
1721
- }
1722
- }
1723
- testID="status-dot"
1724
- themeIntent="danger"
1725
- />
1726
- </View>
1727
- </View>
1728
- <View
1729
- accessibilityState={
1730
- {
1731
- "busy": undefined,
1732
- "checked": undefined,
1733
- "disabled": undefined,
1734
- "expanded": undefined,
1735
- "selected": undefined,
1736
- }
1737
- }
1738
- accessible={true}
1739
- focusable={true}
1740
- onClick={[Function]}
1741
- onResponderGrant={[Function]}
1742
- onResponderMove={[Function]}
1743
- onResponderRelease={[Function]}
1744
- onResponderTerminate={[Function]}
1745
- onResponderTerminationRequest={[Function]}
1746
- onStartShouldSetResponder={[Function]}
1747
- style={
1748
- [
1749
- {
1750
- "alignItems": "center",
1751
- "flex": 1,
1752
- "paddingVertical": 8,
1753
- },
1754
- undefined,
1755
- ]
1756
- }
1757
- >
1758
- <View
1759
- style={
1760
- [
1761
- {
1762
- "alignItems": "center",
1763
- "flexDirection": "row",
1764
- },
1765
- undefined,
1766
- ]
1767
- }
1768
- >
1769
- <Text
1770
- allowFontScaling={false}
1771
- numberOfLines={1}
1772
- style={
1773
- [
1774
- {
1775
- "color": "#001f23",
1776
- "fontFamily": "BeVietnamPro-Regular",
1777
- "fontSize": 14,
1778
- "letterSpacing": 0.48,
1779
- "lineHeight": 22,
1780
- },
1781
- {
1782
- "color": "#001f23",
1783
- },
1784
- ]
1785
- }
1786
- themeIntent="body"
1787
- themeIsItalic={false}
1788
- themeTypeface="neutral"
1789
- themeVariant="small"
1790
- >
1791
- Money
1792
- </Text>
1793
- <View
1794
- collapsable={false}
1795
- style={
1796
- {
1797
- "alignItems": "center",
1798
- "backgroundColor": "#401960",
1799
- "borderColor": "#401960",
1800
- "borderRadius": 999,
1801
- "borderWidth": 2,
1802
- "height": 24,
1803
- "justifyContent": "center",
1804
- "marginLeft": 4,
1805
- "minWidth": 24,
1806
- "opacity": 1,
1807
- "paddingHorizontal": 8,
1808
- "transform": [
1809
- {
1810
- "scale": 1,
1811
- },
1812
- ],
1813
- }
1814
- }
1815
- themeIntent="primary"
1816
- themePadding="wideContent"
1817
- themeSize="medium"
1818
- themeVariant="filled"
1819
- >
1820
- <Text
1821
- allowFontScaling={false}
1822
- style={
1823
- [
1824
- {
1825
- "color": "#001f23",
1826
- "fontFamily": "BeVietnamPro-Regular",
1827
- "fontSize": 12,
1828
- "letterSpacing": 0.36,
1829
- "lineHeight": 16,
1830
- },
1831
- [
1832
- {
1833
- "color": "#ffffff",
1834
- "fontFamily": "BeVietnamPro-Regular",
1835
- "fontSize": 12,
1836
- "includeFontPadding": false,
1837
- "lineHeight": 16,
1838
- "textAlign": "center",
1839
- "textAlignVertical": "center",
1840
- },
1841
- undefined,
1842
- ],
1843
- ]
1844
- }
1845
- themeFontWeight="regular"
1846
- themeIntent="body"
1847
- themeIsItalic={false}
1848
- themeSize="medium"
1849
- >
1850
- 50
1851
- </Text>
1852
- </View>
1853
- </View>
1854
- </View>
1855
- </View>
1856
- <View
1857
- collapsable={false}
1858
- style={
1859
- {
1860
- "backgroundColor": "#401960",
1861
- "bottom": -2,
1862
- "height": 2,
1863
- "position": "absolute",
1864
- "transform": [
1865
- {
1866
- "translateX": 0,
1867
- },
1868
- ],
1869
- "width": 0,
1870
- }
1871
- }
1872
- themeWidth={0}
1873
- />
1874
- </View>
1875
- </View>
1876
- <LEGACY_RNCViewPager
1877
- layoutDirection="ltr"
1878
- onMoveShouldSetResponderCapture={[Function]}
1879
- onPageScroll={[Function]}
1880
- onPageScrollStateChanged={[Function]}
1881
- onPageSelected={[Function]}
1882
- useLegacy={true}
1883
- >
1884
- <View
1885
- collapsable={false}
1886
- style={
1887
- {
1888
- "bottom": 0,
1889
- "left": 0,
1890
- "position": "absolute",
1891
- "right": 0,
1892
- "top": 0,
1893
- }
1894
- }
1895
- >
1896
- <View
1897
- accessibilityElementsHidden={true}
1898
- importantForAccessibility="no-hide-descendants"
1899
- style={
1900
- [
1901
- {
1902
- "flex": 1,
1903
- },
1904
- [
1905
- {
1906
- "flex": 1,
1907
- "overflow": "hidden",
1908
- },
1909
- null,
1910
- ],
1911
- ]
1912
- }
1913
- >
1914
- <Text>
1915
- Work Screen
1916
-
1917
- unfocused
1918
- </Text>
1919
- </View>
1920
- </View>
1921
- <View
1922
- collapsable={false}
1923
- style={
1924
- {
1925
- "bottom": 0,
1926
- "left": 0,
1927
- "position": "absolute",
1928
- "right": 0,
1929
- "top": 0,
1930
- }
1931
- }
1932
- >
1933
- <View
1934
- accessibilityElementsHidden={false}
1935
- importantForAccessibility="auto"
1936
- style={
1937
- [
1938
- {
1939
- "flex": 1,
1940
- },
1941
- [
1942
- {
1943
- "flex": 1,
1944
- "overflow": "hidden",
1945
- },
1946
- {
1947
- "bottom": 0,
1948
- "left": 0,
1949
- "position": "absolute",
1950
- "right": 0,
1951
- "top": 0,
1952
- },
1953
- ],
1954
- ]
1955
- }
1956
- >
1957
- <Text>
1958
- Personal Screen
1959
-
1960
- focused
1961
- </Text>
1962
- </View>
1963
- </View>
1964
1281
  <View
1965
1282
  collapsable={false}
1966
1283
  style={