@react-navigation/elements 3.0.0-alpha.2 → 3.0.0-alpha.20

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 (171) hide show
  1. package/lib/module/ActivityView.js +90 -0
  2. package/lib/module/ActivityView.js.map +1 -0
  3. package/lib/module/ActivityView.native.js +67 -0
  4. package/lib/module/ActivityView.native.js.map +1 -0
  5. package/lib/module/Badge.js +5 -4
  6. package/lib/module/Badge.js.map +1 -1
  7. package/lib/module/Button.js +7 -2
  8. package/lib/module/Button.js.map +1 -1
  9. package/lib/module/Color.js +95 -0
  10. package/lib/module/Color.js.map +1 -1
  11. package/lib/module/Container.js +11 -1
  12. package/lib/module/Container.js.map +1 -1
  13. package/lib/module/Header/Header.js +26 -11
  14. package/lib/module/Header/Header.js.map +1 -1
  15. package/lib/module/Header/HeaderBackButton.js +27 -13
  16. package/lib/module/Header/HeaderBackButton.js.map +1 -1
  17. package/lib/module/Header/HeaderIcon.js +29 -10
  18. package/lib/module/Header/HeaderIcon.js.map +1 -1
  19. package/lib/module/Header/HeaderSearchBar.js +28 -21
  20. package/lib/module/Header/HeaderSearchBar.js.map +1 -1
  21. package/lib/module/Header/getHeaderTitle.js.map +1 -1
  22. package/lib/module/Header/useHeaderHeight.js +1 -1
  23. package/lib/module/Header/useHeaderHeight.js.map +1 -1
  24. package/lib/module/Label/getLabel.js.map +1 -1
  25. package/lib/module/PlatformColor.js +1 -0
  26. package/lib/module/PlatformColor.js.map +1 -1
  27. package/lib/module/PlatformColor.native.js +1 -1
  28. package/lib/module/PlatformColor.native.js.map +1 -1
  29. package/lib/module/PlatformPressable.js.map +1 -1
  30. package/lib/module/SafeAreaProviderCompat.js +1 -1
  31. package/lib/module/SafeAreaProviderCompat.js.map +1 -1
  32. package/lib/module/Screen.js +13 -9
  33. package/lib/module/Screen.js.map +1 -1
  34. package/lib/module/index.js +1 -7
  35. package/lib/module/index.js.map +1 -1
  36. package/lib/module/internal.js +1 -1
  37. package/lib/module/internal.js.map +1 -1
  38. package/lib/module/useFrameSize.js +1 -1
  39. package/lib/module/useFrameSize.js.map +1 -1
  40. package/lib/typescript/src/ActivityView.d.ts +31 -0
  41. package/lib/typescript/src/ActivityView.d.ts.map +1 -0
  42. package/lib/typescript/src/ActivityView.native.d.ts +3 -0
  43. package/lib/typescript/src/ActivityView.native.d.ts.map +1 -0
  44. package/lib/typescript/src/Badge.d.ts +3 -3
  45. package/lib/typescript/src/Badge.d.ts.map +1 -1
  46. package/lib/typescript/src/Button.d.ts +3 -3
  47. package/lib/typescript/src/Button.d.ts.map +1 -1
  48. package/lib/typescript/src/Color.d.ts +4 -3
  49. package/lib/typescript/src/Color.d.ts.map +1 -1
  50. package/lib/typescript/src/Container.d.ts +7 -4
  51. package/lib/typescript/src/Container.d.ts.map +1 -1
  52. package/lib/typescript/src/Header/Header.d.ts +2 -2
  53. package/lib/typescript/src/Header/Header.d.ts.map +1 -1
  54. package/lib/typescript/src/Header/HeaderBackButton.d.ts +1 -1
  55. package/lib/typescript/src/Header/HeaderBackButton.d.ts.map +1 -1
  56. package/lib/typescript/src/Header/HeaderBackground.d.ts +3 -3
  57. package/lib/typescript/src/Header/HeaderBackground.d.ts.map +1 -1
  58. package/lib/typescript/src/Header/HeaderIcon.d.ts +8 -4
  59. package/lib/typescript/src/Header/HeaderIcon.d.ts.map +1 -1
  60. package/lib/typescript/src/Header/HeaderSearchBar.d.ts +4 -4
  61. package/lib/typescript/src/Header/HeaderSearchBar.d.ts.map +1 -1
  62. package/lib/typescript/src/Header/HeaderTitle.d.ts +3 -3
  63. package/lib/typescript/src/Header/HeaderTitle.d.ts.map +1 -1
  64. package/lib/typescript/src/Header/getHeaderTitle.d.ts +1 -1
  65. package/lib/typescript/src/Header/getHeaderTitle.d.ts.map +1 -1
  66. package/lib/typescript/src/Label/getLabel.d.ts +2 -2
  67. package/lib/typescript/src/Label/getLabel.d.ts.map +1 -1
  68. package/lib/typescript/src/PlatformColor.d.ts +1 -0
  69. package/lib/typescript/src/PlatformColor.d.ts.map +1 -1
  70. package/lib/typescript/src/PlatformColor.native.d.ts +1 -1
  71. package/lib/typescript/src/PlatformColor.native.d.ts.map +1 -1
  72. package/lib/typescript/src/PlatformPressable.d.ts +12 -12
  73. package/lib/typescript/src/PlatformPressable.d.ts.map +1 -1
  74. package/lib/typescript/src/Screen.d.ts +6 -6
  75. package/lib/typescript/src/Screen.d.ts.map +1 -1
  76. package/lib/typescript/src/index.d.ts +1 -2
  77. package/lib/typescript/src/index.d.ts.map +1 -1
  78. package/lib/typescript/src/internal.d.ts +1 -1
  79. package/lib/typescript/src/internal.d.ts.map +1 -1
  80. package/lib/typescript/src/types.d.ts +119 -69
  81. package/lib/typescript/src/types.d.ts.map +1 -1
  82. package/package.json +14 -13
  83. package/src/ActivityView.native.tsx +90 -0
  84. package/src/ActivityView.tsx +129 -0
  85. package/src/Badge.tsx +9 -7
  86. package/src/Button.tsx +15 -7
  87. package/src/Color.tsx +133 -3
  88. package/src/Container.tsx +20 -4
  89. package/src/Header/Header.tsx +43 -20
  90. package/src/Header/HeaderBackButton.tsx +31 -17
  91. package/src/Header/HeaderBackground.tsx +3 -3
  92. package/src/Header/HeaderIcon.tsx +49 -9
  93. package/src/Header/HeaderSearchBar.tsx +31 -22
  94. package/src/Header/HeaderTitle.tsx +3 -3
  95. package/src/Header/getHeaderTitle.tsx +4 -1
  96. package/src/Header/useHeaderHeight.tsx +1 -1
  97. package/src/Label/getLabel.tsx +1 -1
  98. package/src/PlatformColor.native.tsx +1 -1
  99. package/src/PlatformColor.tsx +4 -0
  100. package/src/PlatformPressable.tsx +12 -8
  101. package/src/SafeAreaProviderCompat.tsx +1 -1
  102. package/src/Screen.tsx +19 -19
  103. package/src/index.tsx +1 -16
  104. package/src/internal.tsx +1 -1
  105. package/src/types.tsx +153 -76
  106. package/src/useFrameSize.tsx +1 -1
  107. package/lib/module/Lazy.js +0 -42
  108. package/lib/module/Lazy.js.map +0 -1
  109. package/lib/module/assets/back-icon.ios.svg +0 -4
  110. package/lib/module/assets/back-icon@1x.android.png +0 -0
  111. package/lib/module/assets/back-icon@1x.ios.png +0 -0
  112. package/lib/module/assets/back-icon@2x.android.png +0 -0
  113. package/lib/module/assets/back-icon@2x.ios.png +0 -0
  114. package/lib/module/assets/back-icon@3x.android.png +0 -0
  115. package/lib/module/assets/back-icon@3x.ios.png +0 -0
  116. package/lib/module/assets/back-icon@4x.android.png +0 -0
  117. package/lib/module/assets/back-icon@4x.ios.png +0 -0
  118. package/lib/module/assets/clear-icon@1x.png +0 -0
  119. package/lib/module/assets/clear-icon@2x.png +0 -0
  120. package/lib/module/assets/clear-icon@3x.png +0 -0
  121. package/lib/module/assets/clear-icon@4x.png +0 -0
  122. package/lib/module/assets/close-icon@1x.png +0 -0
  123. package/lib/module/assets/close-icon@2x.png +0 -0
  124. package/lib/module/assets/close-icon@3x.png +0 -0
  125. package/lib/module/assets/close-icon@4x.png +0 -0
  126. package/lib/module/assets/search-icon-legacy@1x.ios.png +0 -0
  127. package/lib/module/assets/search-icon-legacy@2x.ios.png +0 -0
  128. package/lib/module/assets/search-icon-legacy@3x.ios.png +0 -0
  129. package/lib/module/assets/search-icon-legacy@4x.ios.png +0 -0
  130. package/lib/module/assets/search-icon.ios.svg +0 -4
  131. package/lib/module/assets/search-icon@1x.android.png +0 -0
  132. package/lib/module/assets/search-icon@1x.ios.png +0 -0
  133. package/lib/module/assets/search-icon@2x.android.png +0 -0
  134. package/lib/module/assets/search-icon@2x.ios.png +0 -0
  135. package/lib/module/assets/search-icon@3x.android.png +0 -0
  136. package/lib/module/assets/search-icon@3x.ios.png +0 -0
  137. package/lib/module/assets/search-icon@4x.android.png +0 -0
  138. package/lib/module/assets/search-icon@4x.ios.png +0 -0
  139. package/lib/typescript/src/Lazy.d.ts +0 -31
  140. package/lib/typescript/src/Lazy.d.ts.map +0 -1
  141. package/src/Lazy.tsx +0 -59
  142. package/src/assets/back-icon.ios.svg +0 -4
  143. package/src/assets/back-icon@1x.android.png +0 -0
  144. package/src/assets/back-icon@1x.ios.png +0 -0
  145. package/src/assets/back-icon@2x.android.png +0 -0
  146. package/src/assets/back-icon@2x.ios.png +0 -0
  147. package/src/assets/back-icon@3x.android.png +0 -0
  148. package/src/assets/back-icon@3x.ios.png +0 -0
  149. package/src/assets/back-icon@4x.android.png +0 -0
  150. package/src/assets/back-icon@4x.ios.png +0 -0
  151. package/src/assets/clear-icon@1x.png +0 -0
  152. package/src/assets/clear-icon@2x.png +0 -0
  153. package/src/assets/clear-icon@3x.png +0 -0
  154. package/src/assets/clear-icon@4x.png +0 -0
  155. package/src/assets/close-icon@1x.png +0 -0
  156. package/src/assets/close-icon@2x.png +0 -0
  157. package/src/assets/close-icon@3x.png +0 -0
  158. package/src/assets/close-icon@4x.png +0 -0
  159. package/src/assets/search-icon-legacy@1x.ios.png +0 -0
  160. package/src/assets/search-icon-legacy@2x.ios.png +0 -0
  161. package/src/assets/search-icon-legacy@3x.ios.png +0 -0
  162. package/src/assets/search-icon-legacy@4x.ios.png +0 -0
  163. package/src/assets/search-icon.ios.svg +0 -4
  164. package/src/assets/search-icon@1x.android.png +0 -0
  165. package/src/assets/search-icon@1x.ios.png +0 -0
  166. package/src/assets/search-icon@2x.android.png +0 -0
  167. package/src/assets/search-icon@2x.ios.png +0 -0
  168. package/src/assets/search-icon@3x.android.png +0 -0
  169. package/src/assets/search-icon@3x.ios.png +0 -0
  170. package/src/assets/search-icon@4x.android.png +0 -0
  171. package/src/assets/search-icon@4x.ios.png +0 -0
package/src/Lazy.tsx DELETED
@@ -1,59 +0,0 @@
1
- import * as React from 'react';
2
-
3
- type Props = {
4
- /**
5
- * Whether lazy rendering is enabled.
6
- */
7
- enabled: boolean;
8
- /**
9
- * Whether the component is visible.
10
- */
11
- visible: boolean;
12
- /**
13
- * Content to render.
14
- */
15
- children: React.ReactElement;
16
- };
17
-
18
- /**
19
- * Render content lazily based on visibility.
20
- *
21
- * When enabled:
22
- * - If content is visible, it will render immediately
23
- * - If content is not visible, it won't render until it becomes visible
24
- *
25
- * Otherwise:
26
- * - If content is visible, it will render immediately
27
- * - If content is not visible, it will defer rendering until idle
28
- *
29
- * Once rendered, the content remains rendered.
30
- */
31
- export function Lazy({ enabled, visible, children }: Props) {
32
- const [rendered, setRendered] = React.useState(enabled ? visible : false);
33
-
34
- const shouldRenderInIdle = !(enabled || visible || rendered);
35
-
36
- React.useEffect(() => {
37
- if (shouldRenderInIdle === false) {
38
- return;
39
- }
40
-
41
- const id = requestIdleCallback(() => {
42
- setRendered(true);
43
- });
44
-
45
- return () => cancelIdleCallback(id);
46
- }, [shouldRenderInIdle]);
47
-
48
- if (visible && rendered === false) {
49
- setRendered(true);
50
-
51
- return children;
52
- }
53
-
54
- if (rendered) {
55
- return children;
56
- }
57
-
58
- return null;
59
- }
@@ -1,4 +0,0 @@
1
- <svg viewBox="0 0 12 21" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M10.527 1.485L1.584 10.5L10.559 19.542" stroke="#0c0000" stroke-width="2.5" stroke-linecap="round"
3
- stroke-linejoin="round" />
4
- </svg>
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
Binary file
@@ -1,4 +0,0 @@
1
- <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <circle cx="9.75" cy="9.75" r="8" stroke="#000" stroke-width="2" />
3
- <path d="M15.5 15.5L22 22" stroke="#000" stroke-width="2" stroke-linecap="round" />
4
- </svg>
Binary file
Binary file
Binary file
Binary file