ferns-ui 0.36.1 → 0.36.3

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 (303) hide show
  1. package/dist/ActionSheet.d.ts +492 -0
  2. package/dist/ActionSheet.js +649 -0
  3. package/dist/ActionSheet.js.map +1 -0
  4. package/dist/Avatar.d.ts +68 -0
  5. package/dist/Avatar.js +152 -0
  6. package/dist/Avatar.js.map +1 -0
  7. package/dist/Badge.d.ts +10 -0
  8. package/dist/Badge.js +36 -0
  9. package/dist/Badge.js.map +1 -0
  10. package/dist/Banner.d.ts +27 -0
  11. package/dist/Banner.js +56 -0
  12. package/dist/Banner.js.map +1 -0
  13. package/dist/BlurBox.d.ts +5 -0
  14. package/dist/BlurBox.js +28 -0
  15. package/dist/BlurBox.js.map +1 -0
  16. package/dist/BlurBox.native.d.ts +6 -0
  17. package/dist/BlurBox.native.js +30 -0
  18. package/dist/BlurBox.native.js.map +1 -0
  19. package/dist/Body.d.ts +6 -0
  20. package/dist/Body.js +21 -0
  21. package/dist/Body.js.map +1 -0
  22. package/dist/Box.d.ts +3 -0
  23. package/dist/Box.js +251 -0
  24. package/dist/Box.js.map +1 -0
  25. package/dist/Button.d.ts +26 -0
  26. package/dist/Button.js +120 -0
  27. package/dist/Button.js.map +1 -0
  28. package/dist/Card.d.ts +5 -0
  29. package/dist/Card.js +8 -0
  30. package/dist/Card.js.map +1 -0
  31. package/dist/CheckBox.d.ts +3 -0
  32. package/dist/CheckBox.js +40 -0
  33. package/dist/CheckBox.js.map +1 -0
  34. package/dist/Common.d.ts +868 -0
  35. package/dist/Common.js +46 -0
  36. package/dist/Common.js.map +1 -0
  37. package/dist/Constants.d.ts +4 -0
  38. package/dist/Constants.js +54 -0
  39. package/dist/Constants.js.map +1 -0
  40. package/dist/CustomSelect.d.ts +14 -0
  41. package/dist/CustomSelect.js +43 -0
  42. package/dist/CustomSelect.js.map +1 -0
  43. package/dist/DateTimeActionSheet.d.ts +12 -0
  44. package/dist/DateTimeActionSheet.js +248 -0
  45. package/dist/DateTimeActionSheet.js.map +1 -0
  46. package/dist/DateTimeField.android.d.ts +3 -0
  47. package/dist/DateTimeField.android.js +66 -0
  48. package/dist/DateTimeField.android.js.map +1 -0
  49. package/dist/DateTimeField.d.ts +3 -0
  50. package/dist/DateTimeField.ios.d.ts +3 -0
  51. package/dist/DateTimeField.ios.js +48 -0
  52. package/dist/DateTimeField.ios.js.map +1 -0
  53. package/dist/DateTimeField.js +35 -0
  54. package/dist/DateTimeField.js.map +1 -0
  55. package/dist/DecimalRangeActionSheet.d.ts +18 -0
  56. package/dist/DecimalRangeActionSheet.js +65 -0
  57. package/dist/DecimalRangeActionSheet.js.map +1 -0
  58. package/dist/ErrorBoundary.d.ts +19 -0
  59. package/dist/ErrorBoundary.js +29 -0
  60. package/dist/ErrorBoundary.js.map +1 -0
  61. package/dist/ErrorPage.d.ts +10 -0
  62. package/dist/ErrorPage.js +20 -0
  63. package/dist/ErrorPage.js.map +1 -0
  64. package/dist/FernsProvider.d.ts +4 -0
  65. package/dist/FernsProvider.js +9 -0
  66. package/dist/FernsProvider.js.map +1 -0
  67. package/dist/Field.d.ts +17 -0
  68. package/dist/Field.js +114 -0
  69. package/dist/Field.js.map +1 -0
  70. package/dist/FieldWithLabels.d.ts +3 -0
  71. package/dist/FieldWithLabels.js +8 -0
  72. package/dist/FieldWithLabels.js.map +1 -0
  73. package/dist/FlatList.d.ts +2 -0
  74. package/dist/FlatList.js +3 -0
  75. package/dist/FlatList.js.map +1 -0
  76. package/dist/Form.d.ts +22 -0
  77. package/dist/Form.js +89 -0
  78. package/dist/Form.js.map +1 -0
  79. package/dist/HeaderButtons.d.ts +31 -0
  80. package/dist/HeaderButtons.js +53 -0
  81. package/dist/HeaderButtons.js.map +1 -0
  82. package/dist/Heading.d.ts +11 -0
  83. package/dist/Heading.js +46 -0
  84. package/dist/Heading.js.map +1 -0
  85. package/dist/HeightActionSheet.d.ts +16 -0
  86. package/dist/HeightActionSheet.js +58 -0
  87. package/dist/HeightActionSheet.js.map +1 -0
  88. package/dist/Hyperlink.d.ts +43 -0
  89. package/dist/Hyperlink.js +135 -0
  90. package/dist/Hyperlink.js.map +1 -0
  91. package/dist/Icon.d.ts +4 -0
  92. package/dist/Icon.js +14 -0
  93. package/dist/Icon.js.map +1 -0
  94. package/dist/IconButton.d.ts +26 -0
  95. package/dist/IconButton.js +78 -0
  96. package/dist/IconButton.js.map +1 -0
  97. package/dist/Image.d.ts +8 -0
  98. package/dist/Image.js +37 -0
  99. package/dist/Image.js.map +1 -0
  100. package/dist/ImageBackground.d.ts +10 -0
  101. package/dist/ImageBackground.js +8 -0
  102. package/dist/ImageBackground.js.map +1 -0
  103. package/dist/InfoTooltipButton.d.ts +8 -0
  104. package/dist/InfoTooltipButton.js +6 -0
  105. package/dist/InfoTooltipButton.js.map +1 -0
  106. package/dist/Layer.d.ts +9 -0
  107. package/dist/Layer.js +12 -0
  108. package/dist/Layer.js.map +1 -0
  109. package/dist/Link.d.ts +9 -0
  110. package/dist/Link.js +12 -0
  111. package/dist/Link.js.map +1 -0
  112. package/dist/Mask.d.ts +2 -0
  113. package/dist/Mask.js +19 -0
  114. package/dist/Mask.js.map +1 -0
  115. package/dist/MediaQuery.d.ts +4 -0
  116. package/dist/MediaQuery.js +52 -0
  117. package/dist/MediaQuery.js.map +1 -0
  118. package/dist/Meta.d.ts +5 -0
  119. package/dist/Meta.js +7 -0
  120. package/dist/Meta.js.map +1 -0
  121. package/dist/Modal.d.ts +19 -0
  122. package/dist/Modal.js +101 -0
  123. package/dist/Modal.js.map +1 -0
  124. package/dist/ModalSheet.d.ts +7 -0
  125. package/dist/ModalSheet.js +42 -0
  126. package/dist/ModalSheet.js.map +1 -0
  127. package/dist/NumberPickerActionSheet.d.ts +16 -0
  128. package/dist/NumberPickerActionSheet.js +29 -0
  129. package/dist/NumberPickerActionSheet.js.map +1 -0
  130. package/dist/Page.d.ts +26 -0
  131. package/dist/Page.js +38 -0
  132. package/dist/Page.js.map +1 -0
  133. package/dist/Permissions.d.ts +2 -0
  134. package/dist/Permissions.js +35 -0
  135. package/dist/Permissions.js.map +1 -0
  136. package/dist/PickerSelect.d.ts +109 -0
  137. package/dist/PickerSelect.js +296 -0
  138. package/dist/PickerSelect.js.map +1 -0
  139. package/dist/Pill.d.ts +5 -0
  140. package/dist/Pill.js +10 -0
  141. package/dist/Pill.js.map +1 -0
  142. package/dist/Pog.d.ts +15 -0
  143. package/dist/Pog.js +48 -0
  144. package/dist/Pog.js.map +1 -0
  145. package/dist/ProgressBar.d.ts +9 -0
  146. package/dist/ProgressBar.js +41 -0
  147. package/dist/ProgressBar.js.map +1 -0
  148. package/dist/ScrollView.d.ts +2 -0
  149. package/dist/ScrollView.js +3 -0
  150. package/dist/ScrollView.js.map +1 -0
  151. package/dist/SegmentedControl.d.ts +3 -0
  152. package/dist/SegmentedControl.js +55 -0
  153. package/dist/SegmentedControl.js.map +1 -0
  154. package/dist/SelectList.d.ts +18 -0
  155. package/dist/SelectList.js +48 -0
  156. package/dist/SelectList.js.map +1 -0
  157. package/dist/SideDrawer.d.ts +13 -0
  158. package/dist/SideDrawer.js +22 -0
  159. package/dist/SideDrawer.js.map +1 -0
  160. package/dist/Spinner.d.ts +3 -0
  161. package/dist/Spinner.js +16 -0
  162. package/dist/Spinner.js.map +1 -0
  163. package/dist/SplitPage.d.ts +3 -0
  164. package/dist/SplitPage.js +149 -0
  165. package/dist/SplitPage.js.map +1 -0
  166. package/dist/SplitPage.native.d.ts +3 -0
  167. package/dist/SplitPage.native.js +79 -0
  168. package/dist/SplitPage.native.js.map +1 -0
  169. package/dist/Switch.d.ts +5 -0
  170. package/dist/Switch.js +10 -0
  171. package/dist/Switch.js.map +1 -0
  172. package/dist/Table.d.ts +30 -0
  173. package/dist/Table.js +31 -0
  174. package/dist/Table.js.map +1 -0
  175. package/dist/TableHeader.d.ts +22 -0
  176. package/dist/TableHeader.js +11 -0
  177. package/dist/TableHeader.js.map +1 -0
  178. package/dist/TableHeaderCell.d.ts +15 -0
  179. package/dist/TableHeaderCell.js +36 -0
  180. package/dist/TableHeaderCell.js.map +1 -0
  181. package/dist/TableRow.d.ts +29 -0
  182. package/dist/TableRow.js +30 -0
  183. package/dist/TableRow.js.map +1 -0
  184. package/dist/TapToEdit.d.ts +19 -0
  185. package/dist/TapToEdit.js +136 -0
  186. package/dist/TapToEdit.js.map +1 -0
  187. package/dist/Text.d.ts +19 -0
  188. package/dist/Text.js +91 -0
  189. package/dist/Text.js.map +1 -0
  190. package/dist/TextArea.d.ts +6 -0
  191. package/dist/TextArea.js +24 -0
  192. package/dist/TextArea.js.map +1 -0
  193. package/dist/TextField.d.ts +3 -0
  194. package/dist/TextField.js +260 -0
  195. package/dist/TextField.js.map +1 -0
  196. package/dist/TextFieldNumberActionSheet.d.ts +15 -0
  197. package/dist/TextFieldNumberActionSheet.js +28 -0
  198. package/dist/TextFieldNumberActionSheet.js.map +1 -0
  199. package/dist/Toast.d.ts +12 -0
  200. package/dist/Toast.js +46 -0
  201. package/dist/Toast.js.map +1 -0
  202. package/dist/Tooltip.d.ts +9 -0
  203. package/dist/Tooltip.js +174 -0
  204. package/dist/Tooltip.js.map +1 -0
  205. package/dist/UnifiedScreens.d.ts +9 -0
  206. package/dist/UnifiedScreens.js +25 -0
  207. package/dist/UnifiedScreens.js.map +1 -0
  208. package/dist/Unifier.d.ts +45 -0
  209. package/dist/Unifier.js +291 -0
  210. package/dist/Unifier.js.map +1 -0
  211. package/dist/Utilities.d.ts +31 -0
  212. package/dist/Utilities.js +73 -0
  213. package/dist/Utilities.js.map +1 -0
  214. package/dist/WithLabel.d.ts +14 -0
  215. package/dist/WithLabel.js +15 -0
  216. package/dist/WithLabel.js.map +1 -0
  217. package/dist/dayjsExtended.d.ts +2 -0
  218. package/{src/dayjsExtended.ts → dist/dayjsExtended.js} +1 -2
  219. package/dist/dayjsExtended.js.map +1 -0
  220. package/dist/index.d.ts +1299 -0
  221. package/dist/index.js.map +1 -0
  222. package/dist/tableContext.d.ts +21 -0
  223. package/dist/tableContext.js +35 -0
  224. package/dist/tableContext.js.map +1 -0
  225. package/package.json +4 -1
  226. package/checkDeps.js +0 -19
  227. package/src/ActionSheet.tsx +0 -1231
  228. package/src/Avatar.tsx +0 -317
  229. package/src/Badge.tsx +0 -65
  230. package/src/Banner.tsx +0 -124
  231. package/src/BlurBox.native.tsx +0 -40
  232. package/src/BlurBox.tsx +0 -31
  233. package/src/Body.tsx +0 -32
  234. package/src/Box.tsx +0 -308
  235. package/src/Button.tsx +0 -219
  236. package/src/Card.tsx +0 -23
  237. package/src/CheckBox.tsx +0 -118
  238. package/src/Common.ts +0 -2743
  239. package/src/Constants.ts +0 -53
  240. package/src/CustomSelect.tsx +0 -85
  241. package/src/DateTimeActionSheet.tsx +0 -409
  242. package/src/DateTimeField.android.tsx +0 -101
  243. package/src/DateTimeField.ios.tsx +0 -83
  244. package/src/DateTimeField.tsx +0 -69
  245. package/src/DecimalRangeActionSheet.tsx +0 -113
  246. package/src/ErrorBoundary.tsx +0 -37
  247. package/src/ErrorPage.tsx +0 -44
  248. package/src/FernsProvider.tsx +0 -21
  249. package/src/Field.tsx +0 -299
  250. package/src/FieldWithLabels.tsx +0 -36
  251. package/src/FlatList.tsx +0 -2
  252. package/src/Form.tsx +0 -182
  253. package/src/HeaderButtons.tsx +0 -107
  254. package/src/Heading.tsx +0 -53
  255. package/src/HeightActionSheet.tsx +0 -104
  256. package/src/Hyperlink.tsx +0 -181
  257. package/src/Icon.tsx +0 -24
  258. package/src/IconButton.tsx +0 -165
  259. package/src/Image.tsx +0 -50
  260. package/src/ImageBackground.tsx +0 -14
  261. package/src/InfoTooltipButton.tsx +0 -23
  262. package/src/Layer.tsx +0 -17
  263. package/src/Link.tsx +0 -17
  264. package/src/Mask.tsx +0 -21
  265. package/src/MediaQuery.ts +0 -46
  266. package/src/Meta.tsx +0 -9
  267. package/src/Modal.tsx +0 -248
  268. package/src/ModalSheet.tsx +0 -58
  269. package/src/NumberPickerActionSheet.tsx +0 -66
  270. package/src/Page.tsx +0 -133
  271. package/src/Permissions.ts +0 -44
  272. package/src/PickerSelect.tsx +0 -553
  273. package/src/Pill.tsx +0 -24
  274. package/src/Pog.tsx +0 -87
  275. package/src/ProgressBar.tsx +0 -55
  276. package/src/ScrollView.tsx +0 -2
  277. package/src/SegmentedControl.tsx +0 -102
  278. package/src/SelectList.tsx +0 -89
  279. package/src/SideDrawer.tsx +0 -62
  280. package/src/Spinner.tsx +0 -20
  281. package/src/SplitPage.native.tsx +0 -160
  282. package/src/SplitPage.tsx +0 -302
  283. package/src/Switch.tsx +0 -19
  284. package/src/Table.tsx +0 -87
  285. package/src/TableHeader.tsx +0 -36
  286. package/src/TableHeaderCell.tsx +0 -76
  287. package/src/TableRow.tsx +0 -87
  288. package/src/TapToEdit.tsx +0 -221
  289. package/src/Text.tsx +0 -131
  290. package/src/TextArea.tsx +0 -16
  291. package/src/TextField.tsx +0 -401
  292. package/src/TextFieldNumberActionSheet.tsx +0 -61
  293. package/src/Toast.tsx +0 -106
  294. package/src/Tooltip.tsx +0 -269
  295. package/src/UnifiedScreens.ts +0 -24
  296. package/src/Unifier.ts +0 -371
  297. package/src/Utilities.tsx +0 -159
  298. package/src/WithLabel.tsx +0 -57
  299. package/src/index.tsx +0 -1346
  300. package/src/polyfill.d.ts +0 -11
  301. package/src/tableContext.tsx +0 -80
  302. package/tsconfig.json +0 -30
  303. package/updateDeps.js +0 -14
package/src/index.tsx DELETED
@@ -1,1346 +0,0 @@
1
- export * from "./Constants";
2
- export * from "./Common";
3
- export * from "./MediaQuery";
4
- export * from "./ActionSheet";
5
- export * from "./Avatar";
6
- export * from "./Badge";
7
- export * from "./Banner";
8
- export * from "./BlurBox";
9
- export * from "./Body";
10
- export * from "./Box";
11
- export * from "./Button";
12
- export * from "./Card";
13
- export * from "./CheckBox";
14
- export * from "./DateTimeActionSheet";
15
- export * from "./ErrorBoundary";
16
- export * from "./ErrorPage";
17
- export * from "./FernsProvider";
18
- export * from "./FlatList";
19
- export * from "./Field";
20
- export * from "./Form";
21
- export * from "./HeaderButtons";
22
- export * from "./Heading";
23
- export * from "./Icon";
24
- export * from "./IconButton";
25
- export * from "./Image";
26
- export * from "./ImageBackground";
27
- export * from "./InfoTooltipButton";
28
- // export * from "./Layout";
29
- // export * from "./Drawer";
30
- export * from "./Link";
31
- export * from "./Mask";
32
- export * from "./Meta";
33
- export * from "./Modal";
34
-
35
- export * from "./Page";
36
- export * from "./Pill";
37
- export * from "./ScrollView";
38
- export * from "./SegmentedControl";
39
- export * from "./SelectList";
40
- export * from "./SplitPage";
41
- export * from "./Spinner";
42
- export * from "./Switch";
43
- export * from "./TapToEdit";
44
- export * from "./Text";
45
- export * from "./TextArea";
46
- export * from "./TextField";
47
- export * from "./Tooltip";
48
- export * from "./Toast";
49
- export * from "./UnifiedScreens";
50
- export * from "./Unifier";
51
- export * from "./WithLabel";
52
- export * from "./DecimalRangeActionSheet";
53
- export * from "./HeightActionSheet";
54
- export * from "./NumberPickerActionSheet";
55
- // export * from "./Chart";
56
- export * from "./ModalSheet";
57
- export * from "./ProgressBar";
58
- export * from "./DateTimeField";
59
- export * from "./SideDrawer";
60
- export * from "./Table";
61
- export * from "./TableHeader";
62
- export * from "./TableHeaderCell";
63
- export * from "./TableRow";
64
-
65
- // Lifted from react-native
66
- type ImageRequireSource = number;
67
- interface Insets {
68
- top?: number;
69
- left?: number;
70
- bottom?: number;
71
- right?: number;
72
- }
73
-
74
- // Lifted from react-native-navigation
75
- // import {Options} from "./Options";
76
- export interface LayoutComponent<P = {}> {
77
- /**
78
- * Component reference id, Auto generated if empty
79
- */
80
- id?: string;
81
- /**
82
- * Name of your component
83
- */
84
- name: string | number;
85
- /**
86
- * Styling options
87
- */
88
- options?: Options;
89
- /**
90
- * Properties to pass down to the component
91
- */
92
- passProps?: P;
93
- }
94
- export interface LayoutStackChildren {
95
- /**
96
- * Set component
97
- */
98
- component?: LayoutComponent;
99
- /**
100
- * Set the external component
101
- */
102
- externalComponent?: ExternalComponent;
103
- }
104
- export interface LayoutStack {
105
- /**
106
- * Set ID of the stack so you can use Navigation.mergeOptions to
107
- * update options
108
- */
109
- id?: string;
110
- /**
111
- * Set children screens
112
- */
113
- children?: LayoutStackChildren[];
114
- /**
115
- * Set options
116
- */
117
- options?: Options;
118
- }
119
- export interface LayoutTabsChildren {
120
- /**
121
- * Set stack
122
- */
123
- stack?: LayoutStack;
124
- /**
125
- * Set component
126
- */
127
- component?: LayoutComponent;
128
- /**
129
- * Set the external component
130
- */
131
- externalComponent?: ExternalComponent;
132
- }
133
- export interface LayoutBottomTabs {
134
- /**
135
- * Set ID of the stack so you can use Navigation.mergeOptions to
136
- * update options
137
- */
138
- id?: string;
139
- /**
140
- * Set the children screens
141
- */
142
- children?: LayoutTabsChildren[];
143
- /**
144
- * Set the bottom tabs options
145
- */
146
- options?: Options;
147
- }
148
- export interface LayoutSideMenu {
149
- /**
150
- * Set ID of the stack so you can use Navigation.mergeOptions to
151
- * update options
152
- */
153
- id?: string;
154
- /**
155
- * Set the left side bar
156
- */
157
- left?: LayoutStackChildren;
158
- /**
159
- * Set the center view
160
- */
161
- center: Layout;
162
- /**
163
- * Set the right side bar
164
- */
165
- right?: LayoutStackChildren;
166
- /**
167
- * Set the bottom tabs options
168
- */
169
- options?: Options;
170
- }
171
- export interface LayoutSplitView {
172
- /**
173
- * Set ID of the stack so you can use Navigation.mergeOptions to
174
- * update options
175
- */
176
- id?: string;
177
- /**
178
- * Set master layout (the smaller screen, sidebar)
179
- */
180
- master?: Layout;
181
- /**
182
- * Set detail layout (the larger screen, flexes)
183
- */
184
- detail?: Layout;
185
- /**
186
- * Configure split view
187
- */
188
- options?: Options;
189
- }
190
- export interface LayoutTopTabs {
191
- /**
192
- * Set the layout's id so Navigation.mergeOptions can be used to update options
193
- */
194
- id?: string;
195
- /**
196
- * Set the children screens
197
- */
198
- children?: LayoutTabsChildren[];
199
- /**
200
- * Configure top tabs
201
- */
202
- options?: Options;
203
- }
204
- export interface LayoutRoot {
205
- /**
206
- * Set the root
207
- */
208
- root: Layout;
209
- modals?: any;
210
- overlays?: any;
211
- }
212
- export interface ExternalComponent {
213
- /**
214
- * Set the screen's id so Navigation.mergeOptions can be used to update options
215
- */
216
- id?: string;
217
- /**
218
- * Name of your component
219
- */
220
- name: string | number;
221
- /**
222
- * Configure component options
223
- */
224
- options?: Options;
225
- /**
226
- * Properties to pass down to the component
227
- */
228
- passProps?: object;
229
- }
230
- export interface Layout<P = {}> {
231
- /**
232
- * Set the component
233
- */
234
- component?: LayoutComponent<P>;
235
- /**
236
- * Set the stack
237
- */
238
- stack?: LayoutStack;
239
- /**
240
- * Set the bottom tabs
241
- */
242
- bottomTabs?: LayoutBottomTabs;
243
- /**
244
- * Set the side menu
245
- */
246
- sideMenu?: LayoutSideMenu;
247
- /**
248
- * Set the split view
249
- */
250
- splitView?: LayoutSplitView;
251
- /**
252
- * Set the top tabs
253
- */
254
- topTabs?: LayoutTopTabs;
255
- /**
256
- * Set the external component
257
- */
258
- externalComponent?: ExternalComponent;
259
- }
260
-
261
- declare type Color = string;
262
- declare type FontFamily = string;
263
- declare type FontWeight =
264
- | "regular"
265
- | "bold"
266
- | "thin"
267
- | "ultraLight"
268
- | "light"
269
- | "medium"
270
- | "semibold"
271
- | "heavy"
272
- | "black";
273
- declare type LayoutOrientation = "portrait" | "landscape";
274
- declare type AndroidDensityNumber = number;
275
- declare type SystemItemIcon =
276
- | "done"
277
- | "cancel"
278
- | "edit"
279
- | "save"
280
- | "add"
281
- | "flexibleSpace"
282
- | "fixedSpace"
283
- | "compose"
284
- | "reply"
285
- | "action"
286
- | "organize"
287
- | "bookmarks"
288
- | "search"
289
- | "refresh"
290
- | "stop"
291
- | "camera"
292
- | "trash"
293
- | "play"
294
- | "pause"
295
- | "rewind"
296
- | "fastForward"
297
- | "undo"
298
- | "redo";
299
- declare type Interpolation =
300
- | "linear"
301
- | "accelerateDecelerate"
302
- | "decelerate"
303
- | "accelerate"
304
- | "decelerateAccelerate";
305
- export interface OptionsSplitView {
306
- /**
307
- * Master view display mode
308
- * @default 'auto'
309
- */
310
- displayMode?: "auto" | "visible" | "hidden" | "overlay";
311
- /**
312
- * Master view side. Leading is left. Trailing is right.
313
- * @default 'leading'
314
- */
315
- primaryEdge?: "leading" | "trailing";
316
- /**
317
- * Set the minimum width of master view
318
- */
319
- minWidth?: number;
320
- /**
321
- * Set the maximum width of master view
322
- */
323
- maxWidth?: number;
324
- }
325
- export interface OptionsStatusBar {
326
- /**
327
- * Set the status bar visibility
328
- * @default true
329
- */
330
- visible?: boolean;
331
- /**
332
- * Set the text color of the status bar
333
- * @default 'light'
334
- */
335
- style?: "light" | "dark";
336
- /**
337
- * Set the background color of the status bar
338
- * #### (Android specific)
339
- */
340
- backgroundColor?: Color;
341
- /**
342
- * Draw screen behind the status bar
343
- * #### (Android specific)
344
- */
345
- drawBehind?: boolean;
346
- }
347
- export interface OptionsLayout {
348
- fitSystemWindows?: boolean;
349
- /**
350
- * Set the screen background color
351
- */
352
- backgroundColor?: Color;
353
- /**
354
- * Set background color only for components, helps reduce overdraw if background color is set in default options.
355
- * #### (Android specific)
356
- */
357
- componentBackgroundColor?: Color;
358
- /**
359
- * Set the allowed orientations
360
- */
361
- orientation?: LayoutOrientation[];
362
- /**
363
- * Layout top margin
364
- * #### (Android specific)
365
- */
366
- topMargin?: number;
367
- /**
368
- * Set language direction.
369
- * only works with DefaultOptions
370
- */
371
- direction?: "rtl" | "ltr";
372
- }
373
- export declare enum OptionsModalPresentationStyle {
374
- formSheet = "formSheet",
375
- pageSheet = "pageSheet",
376
- overFullScreen = "overFullScreen",
377
- overCurrentContext = "overCurrentContext",
378
- currentContext = "currentContext",
379
- popover = "popover",
380
- fullScreen = "fullScreen",
381
- none = "none",
382
- }
383
- export declare enum OptionsModalTransitionStyle {
384
- coverVertical = "coverVertical",
385
- crossDissolve = "crossDissolve",
386
- flipHorizontal = "flipHorizontal",
387
- partialCurl = "partialCurl",
388
- }
389
- export interface OptionsTopBarLargeTitle {
390
- /**
391
- * Enable large titles
392
- */
393
- visible?: boolean;
394
- /**
395
- * Set the font size of large title's text
396
- */
397
- fontSize?: number;
398
- /**
399
- * Set the color of large title's text
400
- */
401
- color?: Color;
402
- /**
403
- * Set the font family of large title's text
404
- */
405
- fontFamily?: FontFamily;
406
- /**
407
- * Set the font weight, ignore fontFamily and use the iOS system fonts instead
408
- * #### (iOS specific)
409
- */
410
- fontWeight?: FontWeight;
411
- }
412
- export interface OptionsTopBarTitle {
413
- /**
414
- * Text to display in the title area
415
- */
416
- text?: string;
417
- /**
418
- * Font size
419
- */
420
- fontSize?: number;
421
- /**
422
- * Text color
423
- */
424
- color?: Color;
425
- /**
426
- * Title font family
427
- *
428
- * Make sure that the font is available
429
- */
430
- fontFamily?: FontFamily;
431
- /**
432
- * Set the font weight, ignore fontFamily and use the iOS system fonts instead
433
- * #### (iOS specific)
434
- */
435
- fontWeight?: FontWeight;
436
- /**
437
- * Custom component as the title view
438
- */
439
- component?: {
440
- /**
441
- * Component reference id, Auto generated if empty
442
- */
443
- id?: string;
444
- /**
445
- * Name of your component
446
- */
447
- name: string;
448
- /**
449
- * Set component alignment
450
- */
451
- alignment?: "center" | "fill";
452
- /**
453
- * Properties to pass down to the component
454
- */
455
- passProps?: object;
456
- };
457
- /**
458
- * Top Bar title height in density pixels
459
- * #### (Android specific)
460
- */
461
- height?: number;
462
- /**
463
- * Title alignment
464
- * #### (Android specific)
465
- */
466
- alignment?: "center" | "fill";
467
- }
468
- export interface OptionsTopBarSubtitle {
469
- /**
470
- * Set subtitle text
471
- */
472
- text?: string;
473
- /**
474
- * Set subtitle font size
475
- */
476
- fontSize?: number;
477
- /**
478
- * Set subtitle color
479
- */
480
- color?: Color;
481
- /**
482
- * Set subtitle font family
483
- */
484
- fontFamily?: FontFamily;
485
- /**
486
- * Set the font weight, ignore fontFamily and use the iOS system fonts instead
487
- * #### (iOS specific)
488
- */
489
- fontWeight?: FontWeight;
490
- /**
491
- * Set subtitle alignment
492
- */
493
- alignment?: "center";
494
- }
495
- export interface OptionsTopBarBackButton {
496
- /**
497
- * Image to show as the back button
498
- */
499
- icon?: ImageRequireSource;
500
- /**
501
- * Whether the back button is visible or not
502
- * @default true
503
- */
504
- visible?: boolean;
505
- /**
506
- * Set the back button title
507
- * #### (iOS specific)
508
- */
509
- title?: string;
510
- /**
511
- * Show title or just the icon
512
- * #### (iOS specific)
513
- */
514
- showTitle?: boolean;
515
- /**
516
- * Back button icon and text color
517
- */
518
- color?: Color;
519
- /**
520
- * Set subtitle font size
521
- */
522
- fontSize?: number;
523
- /**
524
- * Set subtitle font family
525
- */
526
- fontFamily?: FontFamily;
527
- /**
528
- * Set testID for reference in E2E tests
529
- */
530
- testID?: string;
531
- }
532
- export interface OptionsTopBarBackground {
533
- /**
534
- * Background color of the top bar
535
- */
536
- color?: Color;
537
- /**
538
- * Clip the top bar background to bounds if set to true.
539
- * #### (iOS specific)
540
- */
541
- clipToBounds?: boolean;
542
- /**
543
- * Set a custom component for the Top Bar background
544
- */
545
- component?: {
546
- name?: string;
547
- /**
548
- * Properties to pass down to the component
549
- */
550
- passProps?: object;
551
- };
552
- /**
553
- * Allows the NavBar to be translucent (blurred)
554
- * #### (iOS specific)
555
- */
556
- translucent?: boolean;
557
- /**
558
- * Enable background blur
559
- * #### (iOS specific)
560
- */
561
- blur?: boolean;
562
- }
563
- export interface OptionsTopBarButton {
564
- /**
565
- * Button id for reference press event
566
- */
567
- id: string;
568
- /**
569
- * Set the button icon
570
- */
571
- icon?: ImageRequireSource;
572
- /**
573
- * Set the button icon insets
574
- */
575
- iconInsets?: IconInsets;
576
- /**
577
- * Set the button as a custom component
578
- */
579
- component?: {
580
- /**
581
- * Component reference id, Auto generated if empty
582
- */
583
- id?: string;
584
- /**
585
- * Name of your component
586
- */
587
- name: string;
588
- /**
589
- * Properties to pass down to the component
590
- */
591
- passProps?: object;
592
- /**
593
- * (Android only) component width
594
- */
595
- width?: number;
596
- /**
597
- * (Android only) component height
598
- */
599
- height?: number;
600
- };
601
- /**
602
- * (iOS only) Set the button as an iOS system icon
603
- */
604
- systemItem?: SystemItemIcon;
605
- /**
606
- * Set the button text
607
- */
608
- text?: string;
609
- /**
610
- * Overrides the text that's read by the screen reader when the user interacts with the element
611
- */
612
- accessibilityLabel?: string;
613
- /**
614
- * Set the button font family
615
- */
616
- fontFamily?: string;
617
- /**
618
- * Set the font weight, ignore fontFamily and use the iOS system fonts instead
619
- * #### (iOS specific)
620
- */
621
- fontWeight?: FontWeight;
622
- /**
623
- * Set the button enabled or disabled
624
- * @default true
625
- */
626
- enabled?: boolean;
627
- /**
628
- * Disable icon tinting
629
- */
630
- disableIconTint?: boolean;
631
- /**
632
- * Set text color
633
- */
634
- color?: Color;
635
- /**
636
- * Set text color in disabled state
637
- */
638
- disabledColor?: Color;
639
- /**
640
- * Set testID for reference in E2E tests
641
- */
642
- testID?: string;
643
- /**
644
- * (Android only) Set showAsAction value
645
- * @see {@link https://developer.android.com/guide/topics/resources/menu-resource|Android developer guide: Menu resource}
646
- */
647
- showAsAction?: "ifRoom" | "withText" | "always" | "never";
648
- }
649
- export interface OptionsTopBar {
650
- /**
651
- * Show or hide the top bar
652
- */
653
- visible?: boolean;
654
- /**
655
- * Controls whether TopBar visibility changes should be animated
656
- */
657
- animate?: boolean;
658
- /**
659
- * Top bar will hide and show based on users scroll direction
660
- */
661
- hideOnScroll?: boolean;
662
- /**
663
- * Change button colors in the top bar
664
- */
665
- leftButtonColor?: Color;
666
- rightButtonColor?: Color;
667
- leftButtonDisabledColor?: Color;
668
- rightButtonDisabledColor?: Color;
669
- /**
670
- * Draw behind the navbar
671
- */
672
- drawBehind?: boolean;
673
- /**
674
- * Can be used to reference the top bar in E2E tests
675
- */
676
- testID?: string;
677
- /**
678
- * Title configuration
679
- */
680
- title?: OptionsTopBarTitle;
681
- /**
682
- * Subtitle configuration
683
- */
684
- subtitle?: OptionsTopBarSubtitle;
685
- /**
686
- * Back button configuration
687
- */
688
- backButton?: OptionsTopBarBackButton;
689
- /**
690
- * List of buttons to the left
691
- */
692
- leftButtons?: OptionsTopBarButton[];
693
- /**
694
- * List of buttons to the right
695
- */
696
- rightButtons?: OptionsTopBarButton[];
697
- /**
698
- * Background configuration
699
- */
700
- background?: OptionsTopBarBackground;
701
- /**
702
- * Control the NavBar blur style
703
- * #### (iOS specific)
704
- * @requires translucent: true
705
- * @default 'default'
706
- */
707
- barStyle?: "default" | "black";
708
- /**
709
- * Disable the border on bottom of the navbar
710
- * #### (iOS specific)
711
- * @default false
712
- */
713
- noBorder?: boolean;
714
- /**
715
- * Show a UISearchBar in the Top Bar
716
- * #### (iOS 11+ specific)
717
- */
718
- searchBar?: boolean;
719
- /**
720
- * Hides the UISearchBar when scrolling
721
- * #### (iOS 11+ specific)
722
- */
723
- searchBarHiddenWhenScrolling?: boolean;
724
- /**
725
- * The placeholder value in the UISearchBar
726
- * #### (iOS 11+ specific)
727
- */
728
- searchBarPlaceholder?: string;
729
- /**
730
- * Controls Hiding NavBar on focus UISearchBar
731
- * #### (iOS 11+ specific)
732
- */
733
- hideNavBarOnFocusSearchBar?: boolean;
734
- /**
735
- * Control the Large Title configuration
736
- * #### (iOS 11+ specific)
737
- */
738
- largeTitle?: OptionsTopBarLargeTitle;
739
- /**
740
- * Set the height of the navbar in dp
741
- * #### (Android specific)
742
- */
743
- height?: AndroidDensityNumber;
744
- /**
745
- * Change the navbar border color
746
- * #### (Android specific)
747
- */
748
- borderColor?: Color;
749
- /**
750
- * Set the border height of the navbar in dp
751
- * #### (Android specific)
752
- */
753
- borderHeight?: AndroidDensityNumber;
754
- /**
755
- * Set the elevation of the navbar in dp
756
- * #### (Android specific)
757
- */
758
- elevation?: AndroidDensityNumber;
759
- /**
760
- * Layout top margin
761
- * #### (Android specific)
762
- */
763
- topMargin?: number;
764
- }
765
- export interface SharedElementTransition {
766
- fromId: string;
767
- toId: string;
768
- duration?: number;
769
- interpolation: Interpolation;
770
- }
771
- export interface ElementTransition {
772
- id: string;
773
- alpha?: AppearingElementAnimation | DisappearingElementAnimation;
774
- translationX?: AppearingElementAnimation | DisappearingElementAnimation;
775
- translationY?: AppearingElementAnimation | DisappearingElementAnimation;
776
- scaleX?: AppearingElementAnimation | DisappearingElementAnimation;
777
- scaleY?: AppearingElementAnimation | DisappearingElementAnimation;
778
- rotationX?: AppearingElementAnimation | DisappearingElementAnimation;
779
- rotationY?: AppearingElementAnimation | DisappearingElementAnimation;
780
- x?: AppearingElementAnimation | DisappearingElementAnimation;
781
- y?: AppearingElementAnimation | DisappearingElementAnimation;
782
- }
783
- export interface AppearingElementAnimation extends ElementAnimation {
784
- from: number;
785
- }
786
- export interface DisappearingElementAnimation extends ElementAnimation {
787
- to: number;
788
- }
789
- export interface ElementAnimation {
790
- duration: number;
791
- startDelay?: number;
792
- interpolation: Interpolation;
793
- }
794
- export interface OptionsFab {
795
- id: string;
796
- backgroundColor?: Color;
797
- clickColor?: Color;
798
- rippleColor?: Color;
799
- visible?: boolean;
800
- icon?: ImageRequireSource;
801
- iconColor?: Color;
802
- alignHorizontally?: "left" | "right";
803
- alignVertically?: "top" | "bottom";
804
- hideOnScroll?: boolean;
805
- size?: number;
806
- actions?: OptionsFab[];
807
- }
808
- export interface OptionsBottomTabs {
809
- /**
810
- * Show or hide the bottom tabs
811
- */
812
- visible?: boolean;
813
- /**
814
- * Enable animations when toggling visibility
815
- */
816
- animate?: boolean;
817
- /**
818
- * Use large icons when possible, even when three tabs without titles are displayed
819
- * #### (android specific)
820
- * @default false
821
- */
822
- preferLargeIcons?: boolean;
823
- /**
824
- * Switch to another screen within the bottom tabs via index (starting from 0)
825
- */
826
- currentTabIndex?: number;
827
- /**
828
- * Switch to another screen within the bottom tabs via screen name
829
- */
830
- currentTabId?: string;
831
- /**
832
- * Set a testID to reference the bottom tabs
833
- */
834
- testID?: string;
835
- /**
836
- * Draw screen component under the tab bar
837
- */
838
- drawBehind?: boolean;
839
- /**
840
- * Set a background color for the bottom tabs
841
- */
842
- backgroundColor?: Color;
843
- /**
844
- * Set when tabs are attached to hierarchy consequently when the
845
- * RootView's constructor is called.
846
- */
847
- tabsAttachMode?: "together" | "afterInitialTab" | "onSwitchToTab";
848
- /**
849
- * Control the Bottom Tabs blur style
850
- * #### (iOS specific)
851
- * @requires translucent: true
852
- * @default 'default'
853
- */
854
- barStyle?: "default" | "black";
855
- /**
856
- * Allows the Bottom Tabs to be translucent (blurred)
857
- * #### (iOS specific)
858
- */
859
- translucent?: boolean;
860
- /**
861
- * Hide the top line of the Tab Bar
862
- * #### (iOS specific)
863
- */
864
- hideShadow?: boolean;
865
- /**
866
- * Control the text display mode below the tab icon
867
- * #### (Android specific)
868
- */
869
- titleDisplayMode?: "alwaysShow" | "showWhenActive" | "alwaysHide" | "showWhenActiveForce";
870
- /**
871
- * Set the elevation of the Bottom Tabs in dp
872
- * #### (Android specific)
873
- */
874
- elevation?: AndroidDensityNumber;
875
- }
876
- export interface DotIndicatorOptions {
877
- color?: Color;
878
- size?: number;
879
- visible?: boolean;
880
- }
881
- export declare type ImageResource = string;
882
- export interface OptionsBottomTab {
883
- dotIndicator?: DotIndicatorOptions;
884
- /**
885
- * Set the text to display below the icon
886
- */
887
- text?: string;
888
- /**
889
- * Set the text in a badge that is overlayed over the component
890
- */
891
- badge?: string;
892
- /**
893
- * Set the background color of the badge that is overlayed over the component
894
- */
895
- badgeColor?: string;
896
- /**
897
- * Set a testID to reference the tab in E2E tests
898
- */
899
- testID?: string;
900
- /**
901
- * Set the tab icon
902
- */
903
- icon?: ImageRequireSource | ImageResource;
904
- /**
905
- * Set the icon tint
906
- */
907
- iconColor?: Color;
908
- /**
909
- * Set the text color
910
- */
911
- textColor?: Color;
912
- /**
913
- * Set the selected icon tint
914
- */
915
- selectedIconColor?: Color;
916
- /**
917
- * Set the selected text color
918
- */
919
- selectedTextColor?: Color;
920
- /**
921
- * Set the text font family
922
- */
923
- fontFamily?: FontFamily;
924
- /**
925
- * Set the font weight, ignore fontFamily and use the iOS system fonts instead
926
- * #### (iOS specific)
927
- */
928
- fontWeight?: FontWeight;
929
- /**
930
- * Set the text font size
931
- */
932
- fontSize?: number;
933
- /**
934
- * Set the insets of the icon
935
- * #### (iOS specific)
936
- */
937
- iconInsets?: Insets;
938
- /**
939
- * Set selected icon image
940
- * #### (iOS specific)
941
- */
942
- selectedIcon?: ImageRequireSource;
943
- /**
944
- * Set true if you want to disable the icon tinting
945
- * #### (iOS specific)
946
- */
947
- disableIconTint?: boolean;
948
- /**
949
- * Set true if you want to disable the text tinting
950
- * #### (iOS specific)
951
- */
952
- disableSelectedIconTint?: boolean;
953
- /**
954
- * Set the font size for selected tabs
955
- * #### (Android specific)
956
- */
957
- selectedFontSize?: number;
958
- /**
959
- * If it's set to false, pressing a tab won't select the tab
960
- * instead it will emit a bottomTabPressedEvent
961
- */
962
- selectTabOnPress?: boolean;
963
- }
964
- export interface SideMenuSide {
965
- /**
966
- * Show or hide the side menu
967
- */
968
- visible?: boolean;
969
- /**
970
- * Enable or disable the side menu
971
- */
972
- enabled?: boolean;
973
- /**
974
- * Set the width of the side menu
975
- */
976
- width?: number;
977
- /**
978
- * Set the height of the side menu
979
- */
980
- height?: number;
981
- /**
982
- * Stretch sideMenu contents when opened past the width
983
- * #### (iOS specific)
984
- * @default true
985
- */
986
- shouldStretchDrawer?: boolean;
987
- }
988
- export interface OptionsSideMenu {
989
- /**
990
- * Configure the left side menu
991
- */
992
- left?: SideMenuSide;
993
- /**
994
- * Configure the right side menu
995
- */
996
- right?: SideMenuSide;
997
- /**
998
- * Configure how a user is allowed to open a drawer using gestures
999
- * #### (iOS specific)
1000
- * @default 'entireScreen'
1001
- */
1002
- openGestureMode?: "entireScreen" | "bezel";
1003
- }
1004
- export interface OverlayOptions {
1005
- /**
1006
- * Capture touches outside of the Component View
1007
- */
1008
- interceptTouchOutside?: boolean;
1009
- /**
1010
- * Control whether this Overlay should handle Keyboard events.
1011
- * Set this to true if your Overlay contains a TextInput.
1012
- */
1013
- handleKeyboardEvents?: boolean;
1014
- }
1015
- export interface ModalOptions {
1016
- /**
1017
- * Control whether this modal should be dismiss using swipe gesture when the modalPresentationStyle = 'pageSheet'
1018
- * #### (iOS specific)
1019
- */
1020
- swipeToDismiss?: boolean;
1021
- }
1022
- export interface OptionsPreviewAction {
1023
- /**
1024
- * Reference ID to get callbacks from
1025
- */
1026
- id: string;
1027
- /**
1028
- * Action text
1029
- */
1030
- title: string;
1031
- /**
1032
- * Action style
1033
- */
1034
- style?: "default" | "selected" | "destructive";
1035
- /**
1036
- * Subactions that will be shown when this action is pressed.
1037
- */
1038
- actions?: OptionsPreviewAction[];
1039
- }
1040
- export interface OptionsPreview {
1041
- /**
1042
- * Pass a react node tag to mark a SourceRect for a specific
1043
- * peek and pop preview element.
1044
- */
1045
- reactTag?: number;
1046
- /**
1047
- * You can set this property specify the width of the preview.
1048
- * If the width is greater than the device width, it will be zoomed in.
1049
- */
1050
- width?: number;
1051
- /**
1052
- * Height of the preview
1053
- */
1054
- height?: 100;
1055
- /**
1056
- * You can control if the users gesture will result in pushing
1057
- * the preview screen into the stack.
1058
- */
1059
- commit?: boolean;
1060
- /**
1061
- * List of actions that will appear underneath the preview window.
1062
- * They can be nested for sub actions.
1063
- */
1064
- actions?: OptionsPreviewAction[];
1065
- }
1066
- export interface OptionsAnimationPropertyConfig {
1067
- /**
1068
- * Animate from this value, ex. 0
1069
- */
1070
- from?: number;
1071
- /**
1072
- * Animate to this value, ex. 1
1073
- */
1074
- to?: number;
1075
- /**
1076
- * Animation duration
1077
- * @default 300
1078
- */
1079
- duration?: number;
1080
- /**
1081
- * Animation delay
1082
- * @default 0
1083
- */
1084
- startDelay?: number;
1085
- /**
1086
- * Animation interplation
1087
- */
1088
- interpolation?: "accelerate" | "decelerate";
1089
- }
1090
- /**
1091
- * Used to animate the actual content added to the hierarchy.
1092
- * Content can be a React component (component) or any other layout (Stack, BottomTabs etc)
1093
- */
1094
- export interface ScreenAnimationOptions {
1095
- /**
1096
- * Animate the element over x value
1097
- */
1098
- x?: OptionsAnimationPropertyConfig;
1099
- /**
1100
- * Animate the element over y value
1101
- */
1102
- y?: OptionsAnimationPropertyConfig;
1103
- /**
1104
- * Animate the element over translateX
1105
- */
1106
- translationX?: OptionsAnimationPropertyConfig;
1107
- /**
1108
- * Animate the element over translateY
1109
- */
1110
- translationY?: OptionsAnimationPropertyConfig;
1111
- /**
1112
- * Animate the element over opacity
1113
- */
1114
- alpha?: OptionsAnimationPropertyConfig;
1115
- /**
1116
- * Animate the element over scaleX
1117
- */
1118
- scaleX?: OptionsAnimationPropertyConfig;
1119
- /**
1120
- * Animate the element over scaleY
1121
- */
1122
- scaleY?: OptionsAnimationPropertyConfig;
1123
- /**
1124
- * Animate the element over rotationX
1125
- */
1126
- rotationX?: OptionsAnimationPropertyConfig;
1127
- /**
1128
- * Animate the element over rotationY
1129
- */
1130
- rotationY?: OptionsAnimationPropertyConfig;
1131
- /**
1132
- * Animate the element over rotation
1133
- */
1134
- rotation?: OptionsAnimationPropertyConfig;
1135
- /**
1136
- * Wait for the root view to render before start animation
1137
- */
1138
- waitForRender?: boolean;
1139
- /**
1140
- * Enable or disable the animation
1141
- * @default true
1142
- */
1143
- enabled?: boolean;
1144
- }
1145
- export interface IconInsets {
1146
- /**
1147
- * Configure top inset
1148
- */
1149
- top?: number;
1150
- /**
1151
- * Configure left inset
1152
- */
1153
- left?: number;
1154
- /**
1155
- * Configure bottom inset
1156
- */
1157
- bottom?: number;
1158
- /**
1159
- * Configure right inset
1160
- */
1161
- right?: number;
1162
- }
1163
- export interface ViewAnimationOptions extends ScreenAnimationOptions {
1164
- /**
1165
- * ID of the Top Bar we want to animate
1166
- */
1167
- id?: string;
1168
- }
1169
- /**
1170
- * Used for describing stack commands animations.
1171
- */
1172
- export interface StackAnimationOptions {
1173
- /**
1174
- * Wait for the View to render before start animation
1175
- */
1176
- waitForRender?: boolean;
1177
- /**
1178
- * Enable or disable the animation
1179
- * @default true
1180
- */
1181
- enabled?: boolean;
1182
- /**
1183
- * Configure animations for the top bar
1184
- */
1185
- topBar?: ViewAnimationOptions;
1186
- /**
1187
- * Configure animations for the bottom tabs
1188
- */
1189
- bottomTabs?: ViewAnimationOptions;
1190
- /**
1191
- * Configure animations for the content (Screen)
1192
- */
1193
- content?: ViewAnimationOptions;
1194
- /**
1195
- * Animations to be applied on elements which are shared between the appearing and disappearing screens
1196
- */
1197
- sharedElementTransitions?: SharedElementTransition[];
1198
- /**
1199
- * Animations to be applied on views in the appearing or disappearing screens
1200
- */
1201
- elementTransitions?: ElementTransition[];
1202
- }
1203
- /**
1204
- * Used for configuring command animations
1205
- */
1206
- export interface AnimationOptions {
1207
- /**
1208
- * Configure the setStackRoot animation
1209
- */
1210
- setStackRoot?: ViewAnimationOptions;
1211
- /**
1212
- * Configure the setRoot animation
1213
- */
1214
- setRoot?: ViewAnimationOptions;
1215
- /**
1216
- * Configure what animates when a screen is pushed
1217
- */
1218
- push?: StackAnimationOptions;
1219
- /**
1220
- * Configure what animates when a screen is popped
1221
- */
1222
- pop?: StackAnimationOptions;
1223
- /**
1224
- * Configure what animates when modal is shown
1225
- */
1226
- showModal?: ViewAnimationOptions;
1227
- /**
1228
- * Configure what animates when modal is dismissed
1229
- */
1230
- dismissModal?: ViewAnimationOptions;
1231
- }
1232
- /**
1233
- * Configure Android's NavigationBar
1234
- */
1235
- export interface NavigationBarOptions {
1236
- backgroundColor?: Color;
1237
- visible?: boolean;
1238
- }
1239
- export interface Options {
1240
- /**
1241
- * Configure the status bar
1242
- */
1243
- statusBar?: OptionsStatusBar;
1244
- /**
1245
- * Configure the layout
1246
- */
1247
- layout?: OptionsLayout;
1248
- /**
1249
- * Configure the presentation style of the modal
1250
- */
1251
- modalPresentationStyle?: OptionsModalPresentationStyle;
1252
- /**
1253
- * Configure the transition style of the modal
1254
- *
1255
- * #### (Android specific)
1256
- */
1257
- modalTransitionStyle?: OptionsModalTransitionStyle;
1258
- /**
1259
- * Configure the top bar
1260
- */
1261
- topBar?: OptionsTopBar;
1262
- fab?: OptionsFab;
1263
- /**
1264
- * Configure the bottom tabs
1265
- */
1266
- bottomTabs?: OptionsBottomTabs;
1267
- /**
1268
- * Configure the bottom tab associated to the screen
1269
- */
1270
- bottomTab?: OptionsBottomTab;
1271
- /**
1272
- * Configure the side menu
1273
- */
1274
- sideMenu?: OptionsSideMenu;
1275
- /**
1276
- * Configure the splitView controller
1277
- */
1278
- splitView?: OptionsSplitView;
1279
- /**
1280
- * Configure the overlay
1281
- */
1282
- overlay?: OverlayOptions;
1283
- /**
1284
- * Configure the modal
1285
- */
1286
- modal?: ModalOptions;
1287
- /**
1288
- * Animation used for navigation commands that modify the layout
1289
- * hierarchy can be controlled in options.
1290
- *
1291
- * Animations can be modified per command and it's also possible
1292
- * to change the default animation for each command.
1293
- *
1294
- * Example:
1295
- ```js
1296
- setRoot: {
1297
- y: {
1298
- from: 1000,
1299
- to: 0,
1300
- duration: 500,
1301
- interpolation: 'accelerate',
1302
- },
1303
- alpha: {
1304
- from: 0,
1305
- to: 1,
1306
- duration: 400,
1307
- startDelay: 100,
1308
- interpolation: 'accelerate'
1309
- }
1310
- }
1311
- ```
1312
- */
1313
- animations?: AnimationOptions;
1314
- /**
1315
- * Configure Android's NavigationBar
1316
- */
1317
- navigationBar?: NavigationBarOptions;
1318
- /**
1319
- * Preview configuration for Peek and Pop
1320
- * #### (iOS specific)
1321
- */
1322
- preview?: OptionsPreview;
1323
- /**
1324
- * Enable or disable swipe back to pop gesture
1325
- * #### (iOS specific)
1326
- * @default true
1327
- */
1328
- popGesture?: boolean;
1329
- /**
1330
- * Background image for the screen
1331
- * #### (iOS specific)
1332
- */
1333
- backgroundImage?: ImageRequireSource;
1334
- /**
1335
- * Background image for the Navigation View
1336
- * #### (iOS specific)
1337
- */
1338
- rootBackgroundImage?: ImageRequireSource;
1339
- /**
1340
- * Enable or disable automatically blurring focused input, dismissing keyboard on unmount
1341
- * #### (Android specific)
1342
- * @default false
1343
- */
1344
- blurOnUnmount?: boolean;
1345
- }
1346
- export {};