stream-chat-react-native-core 4.4.0-beta.2 → 4.4.0-beta.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 (147) hide show
  1. package/README.md +2 -2
  2. package/lib/commonjs/components/Channel/Channel.js.map +1 -1
  3. package/lib/commonjs/components/Channel/hooks/useCreatePaginatedMessageListContext.js +4 -12
  4. package/lib/commonjs/components/Channel/hooks/useCreatePaginatedMessageListContext.js.map +1 -1
  5. package/lib/commonjs/components/Channel/hooks/useCreateThreadContext.js +4 -12
  6. package/lib/commonjs/components/Channel/hooks/useCreateThreadContext.js.map +1 -1
  7. package/lib/commonjs/components/Chat/Chat.js +8 -4
  8. package/lib/commonjs/components/Chat/Chat.js.map +1 -1
  9. package/lib/commonjs/components/Chat/hooks/useAppSettings.js +80 -0
  10. package/lib/commonjs/components/Chat/hooks/useAppSettings.js.map +1 -0
  11. package/lib/commonjs/components/Chat/hooks/useCreateChatContext.js +3 -1
  12. package/lib/commonjs/components/Chat/hooks/useCreateChatContext.js.map +1 -1
  13. package/lib/commonjs/components/Message/Message.js +27 -22
  14. package/lib/commonjs/components/Message/Message.js.map +1 -1
  15. package/lib/commonjs/components/Message/MessageSimple/utils/renderText.js +22 -14
  16. package/lib/commonjs/components/Message/MessageSimple/utils/renderText.js.map +1 -1
  17. package/lib/commonjs/components/MessageInput/FileUploadPreview.js +108 -40
  18. package/lib/commonjs/components/MessageInput/FileUploadPreview.js.map +1 -1
  19. package/lib/commonjs/components/MessageInput/ImageUploadPreview.js +117 -24
  20. package/lib/commonjs/components/MessageInput/ImageUploadPreview.js.map +1 -1
  21. package/lib/commonjs/components/MessageInput/UploadProgressIndicator.js +52 -20
  22. package/lib/commonjs/components/MessageInput/UploadProgressIndicator.js.map +1 -1
  23. package/lib/commonjs/contexts/chatContext/ChatContext.js +2 -2
  24. package/lib/commonjs/contexts/chatContext/ChatContext.js.map +1 -1
  25. package/lib/commonjs/contexts/messageContext/MessageContext.js +2 -2
  26. package/lib/commonjs/contexts/messageContext/MessageContext.js.map +1 -1
  27. package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js +145 -119
  28. package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js.map +1 -1
  29. package/lib/commonjs/contexts/messageInputContext/hooks/useMessageDetailsForState.js.map +1 -1
  30. package/lib/commonjs/i18n/en.json +2 -0
  31. package/lib/commonjs/i18n/fr.json +2 -0
  32. package/lib/commonjs/i18n/hi.json +2 -0
  33. package/lib/commonjs/i18n/it.json +2 -0
  34. package/lib/commonjs/i18n/ja.json +3 -1
  35. package/lib/commonjs/i18n/ko.json +3 -1
  36. package/lib/commonjs/i18n/nl.json +2 -0
  37. package/lib/commonjs/i18n/ru.json +2 -0
  38. package/lib/commonjs/i18n/tr.json +2 -0
  39. package/lib/commonjs/icons/Warning.js +38 -0
  40. package/lib/commonjs/icons/Warning.js.map +1 -0
  41. package/lib/commonjs/icons/index.js +13 -0
  42. package/lib/commonjs/icons/index.js.map +1 -1
  43. package/lib/commonjs/utils/utils.js +33 -2
  44. package/lib/commonjs/utils/utils.js.map +1 -1
  45. package/lib/commonjs/version.json +1 -1
  46. package/lib/module/components/Channel/Channel.js.map +1 -1
  47. package/lib/module/components/Channel/hooks/useCreatePaginatedMessageListContext.js +4 -12
  48. package/lib/module/components/Channel/hooks/useCreatePaginatedMessageListContext.js.map +1 -1
  49. package/lib/module/components/Channel/hooks/useCreateThreadContext.js +4 -12
  50. package/lib/module/components/Channel/hooks/useCreateThreadContext.js.map +1 -1
  51. package/lib/module/components/Chat/Chat.js +8 -4
  52. package/lib/module/components/Chat/Chat.js.map +1 -1
  53. package/lib/module/components/Chat/hooks/useAppSettings.js +80 -0
  54. package/lib/module/components/Chat/hooks/useAppSettings.js.map +1 -0
  55. package/lib/module/components/Chat/hooks/useCreateChatContext.js +3 -1
  56. package/lib/module/components/Chat/hooks/useCreateChatContext.js.map +1 -1
  57. package/lib/module/components/Message/Message.js +27 -22
  58. package/lib/module/components/Message/Message.js.map +1 -1
  59. package/lib/module/components/Message/MessageSimple/utils/renderText.js +22 -14
  60. package/lib/module/components/Message/MessageSimple/utils/renderText.js.map +1 -1
  61. package/lib/module/components/MessageInput/FileUploadPreview.js +108 -40
  62. package/lib/module/components/MessageInput/FileUploadPreview.js.map +1 -1
  63. package/lib/module/components/MessageInput/ImageUploadPreview.js +117 -24
  64. package/lib/module/components/MessageInput/ImageUploadPreview.js.map +1 -1
  65. package/lib/module/components/MessageInput/UploadProgressIndicator.js +52 -20
  66. package/lib/module/components/MessageInput/UploadProgressIndicator.js.map +1 -1
  67. package/lib/module/contexts/chatContext/ChatContext.js +2 -2
  68. package/lib/module/contexts/chatContext/ChatContext.js.map +1 -1
  69. package/lib/module/contexts/messageContext/MessageContext.js +2 -2
  70. package/lib/module/contexts/messageContext/MessageContext.js.map +1 -1
  71. package/lib/module/contexts/messageInputContext/MessageInputContext.js +145 -119
  72. package/lib/module/contexts/messageInputContext/MessageInputContext.js.map +1 -1
  73. package/lib/module/contexts/messageInputContext/hooks/useMessageDetailsForState.js.map +1 -1
  74. package/lib/module/i18n/en.json +2 -0
  75. package/lib/module/i18n/fr.json +2 -0
  76. package/lib/module/i18n/hi.json +2 -0
  77. package/lib/module/i18n/it.json +2 -0
  78. package/lib/module/i18n/ja.json +3 -1
  79. package/lib/module/i18n/ko.json +3 -1
  80. package/lib/module/i18n/nl.json +2 -0
  81. package/lib/module/i18n/ru.json +2 -0
  82. package/lib/module/i18n/tr.json +2 -0
  83. package/lib/module/icons/Warning.js +38 -0
  84. package/lib/module/icons/Warning.js.map +1 -0
  85. package/lib/module/icons/index.js +13 -0
  86. package/lib/module/icons/index.js.map +1 -1
  87. package/lib/module/utils/utils.js +33 -2
  88. package/lib/module/utils/utils.js.map +1 -1
  89. package/lib/module/version.json +1 -1
  90. package/lib/typescript/components/Chat/hooks/__tests__/useAppSettings.test.d.ts +1 -0
  91. package/lib/typescript/components/Chat/hooks/useAppSettings.d.ts +3 -0
  92. package/lib/typescript/components/Chat/hooks/useCreateChatContext.d.ts +1 -1
  93. package/lib/typescript/components/Message/Message.d.ts +12 -2
  94. package/lib/typescript/components/MessageInput/UploadProgressIndicator.d.ts +1 -3
  95. package/lib/typescript/contexts/chatContext/ChatContext.d.ts +5 -1
  96. package/lib/typescript/contexts/messageContext/MessageContext.d.ts +4 -4
  97. package/lib/typescript/contexts/messageInputContext/MessageInputContext.d.ts +3 -3
  98. package/lib/typescript/i18n/en.json +2 -0
  99. package/lib/typescript/i18n/fr.json +2 -0
  100. package/lib/typescript/i18n/hi.json +2 -0
  101. package/lib/typescript/i18n/it.json +2 -0
  102. package/lib/typescript/i18n/ja.json +3 -1
  103. package/lib/typescript/i18n/ko.json +3 -1
  104. package/lib/typescript/i18n/nl.json +2 -0
  105. package/lib/typescript/i18n/ru.json +2 -0
  106. package/lib/typescript/i18n/tr.json +2 -0
  107. package/lib/typescript/icons/Warning.d.ts +3 -0
  108. package/lib/typescript/icons/index.d.ts +1 -0
  109. package/lib/typescript/utils/Streami18n.d.ts +6 -0
  110. package/lib/typescript/utils/utils.d.ts +15 -2
  111. package/package.json +1 -1
  112. package/src/components/Channel/Channel.tsx +1 -1
  113. package/src/components/Channel/hooks/useCreatePaginatedMessageListContext.ts +3 -9
  114. package/src/components/Channel/hooks/useCreateThreadContext.ts +3 -9
  115. package/src/components/ChannelList/hooks/listeners/__tests__/useChannelUpdated.test.tsx +1 -0
  116. package/src/components/Chat/Chat.tsx +4 -0
  117. package/src/components/Chat/hooks/__tests__/useAppSettings.test.tsx +34 -0
  118. package/src/components/Chat/hooks/useAppSettings.ts +39 -0
  119. package/src/components/Chat/hooks/useCreateChatContext.ts +2 -0
  120. package/src/components/Message/Message.tsx +56 -48
  121. package/src/components/Message/MessageSimple/utils/renderText.tsx +9 -0
  122. package/src/components/MessageInput/FileUploadPreview.tsx +60 -14
  123. package/src/components/MessageInput/ImageUploadPreview.tsx +95 -42
  124. package/src/components/MessageInput/UploadProgressIndicator.tsx +49 -22
  125. package/src/components/MessageInput/__tests__/FileUploadPreview.test.js +50 -80
  126. package/src/components/MessageInput/__tests__/ImageUploadPreview.test.js +49 -74
  127. package/src/components/MessageInput/__tests__/UploadProgressIndicator.test.js +36 -13
  128. package/src/components/MessageInput/__tests__/__snapshots__/UploadProgressIndicator.test.js.snap +122 -17
  129. package/src/contexts/chatContext/ChatContext.tsx +5 -1
  130. package/src/contexts/messageContext/MessageContext.tsx +7 -4
  131. package/src/contexts/messageInputContext/MessageInputContext.tsx +127 -96
  132. package/src/contexts/messageInputContext/hooks/useMessageDetailsForState.ts +2 -2
  133. package/src/i18n/en.json +2 -0
  134. package/src/i18n/fr.json +2 -0
  135. package/src/i18n/hi.json +2 -0
  136. package/src/i18n/it.json +2 -0
  137. package/src/i18n/ja.json +3 -1
  138. package/src/i18n/ko.json +3 -1
  139. package/src/i18n/nl.json +2 -0
  140. package/src/i18n/ru.json +2 -0
  141. package/src/i18n/tr.json +2 -0
  142. package/src/icons/Warning.tsx +12 -0
  143. package/src/icons/index.ts +1 -0
  144. package/src/utils/utils.ts +53 -1
  145. package/src/version.json +1 -1
  146. package/src/components/MessageInput/__tests__/__snapshots__/FileUploadPreview.test.js.snap +0 -4413
  147. package/src/components/MessageInput/__tests__/__snapshots__/ImageUploadPreview.test.js.snap +0 -2373
package/src/components/MessageInput/__tests__/__snapshots__/FileUploadPreview.test.js.snap DELETED
@@ -1,4413 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`FileUploadPreview should render FileUploadPreview with 1 uploading, 1 uploaded, and 1 failed file 1`] = `
4
- Array [
5
- <View
6
- keyboardVerticalOffset={86.5}
7
- onLayout={[Function]}
8
- style={
9
- Object {
10
- "paddingBottom": 0,
11
- }
12
- }
13
- >
14
- <View
15
- style={
16
- Object {
17
- "height": "100%",
18
- }
19
- }
20
- >
21
- <RCTScrollView
22
- data={
23
- Array [
24
- Object {
25
- "file": Object {
26
- "id": "file-upload-id-1",
27
- "name": "dummy.pdf",
28
- "state": "uploading",
29
- "type": "file",
30
- },
31
- "id": "file-upload-id-1",
32
- "state": "uploading",
33
- },
34
- Object {
35
- "file": Object {
36
- "id": "file-upload-id-2",
37
- "name": "dummy.pdf",
38
- "state": "uploaded",
39
- "type": "file",
40
- },
41
- "id": "file-upload-id-2",
42
- "state": "uploaded",
43
- },
44
- Object {
45
- "file": Object {
46
- "id": "file-upload-id-3",
47
- "name": "dummy.pdf",
48
- "state": "upload_failed",
49
- "type": "file",
50
- },
51
- "id": "file-upload-id-3",
52
- "state": "upload_failed",
53
- },
54
- ]
55
- }
56
- getItem={[Function]}
57
- getItemCount={[Function]}
58
- getItemLayout={[Function]}
59
- keyExtractor={[Function]}
60
- onContentSizeChange={[Function]}
61
- onLayout={[Function]}
62
- onMomentumScrollBegin={[Function]}
63
- onMomentumScrollEnd={[Function]}
64
- onScroll={[Function]}
65
- onScrollBeginDrag={[Function]}
66
- onScrollEndDrag={[Function]}
67
- removeClippedSubviews={false}
68
- renderItem={[Function]}
69
- scrollEventThrottle={50}
70
- stickyHeaderIndices={Array []}
71
- style={
72
- Array [
73
- Object {
74
- "marginBottom": 12,
75
- "maxHeight": 166,
76
- },
77
- Object {},
78
- ]
79
- }
80
- viewabilityConfigCallbackPairs={Array []}
81
- >
82
- <View>
83
- <View
84
- style={null}
85
- >
86
- <View
87
- style={
88
- Array [
89
- Object {
90
- "overflow": "hidden",
91
- },
92
- Object {
93
- "borderRadius": 12,
94
- "marginLeft": 8,
95
- "marginRight": 8,
96
- },
97
- ]
98
- }
99
- testID="active-upload-progress-indicator"
100
- >
101
- <View
102
- style={
103
- Array [
104
- Object {
105
- "borderRadius": 12,
106
- "borderWidth": 1,
107
- "flexDirection": "row",
108
- "height": 60,
109
- "justifyContent": "space-between",
110
- "marginBottom": 8,
111
- "padding": 8,
112
- },
113
- Object {},
114
- Object {
115
- "borderColor": "#ECEBEB",
116
- "width": -16,
117
- },
118
- Object {},
119
- ]
120
- }
121
- >
122
- <View
123
- style={
124
- Array [
125
- Object {
126
- "flexDirection": "row",
127
- },
128
- Object {},
129
- ]
130
- }
131
- >
132
- <RNSVGSvgView
133
- align="xMidYMid"
134
- bbHeight={40}
135
- bbWidth={34}
136
- focusable={false}
137
- height={40}
138
- meetOrSlice={0}
139
- minX={0}
140
- minY={0}
141
- style={
142
- Array [
143
- Object {
144
- "backgroundColor": "transparent",
145
- "borderWidth": 0,
146
- },
147
- Object {
148
- "flex": 0,
149
- "height": 40,
150
- "width": 34,
151
- },
152
- ]
153
- }
154
- vbHeight={40}
155
- vbWidth={34}
156
- width={34}
157
- >
158
- <RNSVGGroup>
159
- <RNSVGPath
160
- clipRule={0}
161
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
162
- fill={
163
- Array [
164
- 1,
165
- "gradient",
166
- ]
167
- }
168
- fillRule={0}
169
- propList={
170
- Array [
171
- "fill",
172
- "fillRule",
173
- ]
174
- }
175
- />
176
- <RNSVGPath
177
- clipRule={0}
178
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
179
- fill={4291809231}
180
- fillRule={0}
181
- propList={
182
- Array [
183
- "fill",
184
- "fillRule",
185
- ]
186
- }
187
- />
188
- <RNSVGPath
189
- clipRule={0}
190
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
191
- fill={4292598747}
192
- fillRule={0}
193
- propList={
194
- Array [
195
- "fill",
196
- "fillRule",
197
- ]
198
- }
199
- />
200
- <RNSVGDefs>
201
- <RNSVGLinearGradient
202
- gradient={
203
- Array [
204
- 0,
205
- -1,
206
- 1,
207
- -2368549,
208
- ]
209
- }
210
- gradientTransform={null}
211
- gradientUnits={1}
212
- name="gradient"
213
- x1={0}
214
- x2={0}
215
- y1={0}
216
- y2={40}
217
- />
218
- </RNSVGDefs>
219
- </RNSVGGroup>
220
- </RNSVGSvgView>
221
- <View
222
- style={
223
- Array [
224
- Object {
225
- "height": "100%",
226
- "justifyContent": "space-around",
227
- },
228
- Object {},
229
- ]
230
- }
231
- >
232
- <Text
233
- numberOfLines={1}
234
- style={
235
- Array [
236
- Object {
237
- "fontSize": 14,
238
- "fontWeight": "bold",
239
- "paddingLeft": 10,
240
- },
241
- Object {
242
- "color": "#000000",
243
- "width": -104,
244
- },
245
- Object {},
246
- ]
247
- }
248
- >
249
- dummy.pdf
250
- </Text>
251
- <Text
252
- style={
253
- Array [
254
- Object {
255
- "fontSize": 12,
256
- "paddingLeft": 10,
257
- },
258
- Object {
259
- "color": "#7A7A7A",
260
- },
261
- Object {},
262
- ]
263
- }
264
- />
265
- </View>
266
- </View>
267
- </View>
268
- <View
269
- style={
270
- Array [
271
- Object {
272
- "alignItems": "center",
273
- "height": "100%",
274
- "justifyContent": "center",
275
- "opacity": 0,
276
- "position": "absolute",
277
- "width": "100%",
278
- },
279
- Object {
280
- "backgroundColor": "#000000CC",
281
- },
282
- Object {},
283
- ]
284
- }
285
- />
286
- <View
287
- style={
288
- Array [
289
- Object {
290
- "alignItems": "center",
291
- "height": "100%",
292
- "justifyContent": "center",
293
- "position": "absolute",
294
- "width": "100%",
295
- },
296
- Object {
297
- "backgroundColor": "#000000CC",
298
- },
299
- Object {},
300
- ]
301
- }
302
- >
303
- <View
304
- style={
305
- Object {
306
- "alignItems": "center",
307
- "bottom": 0,
308
- "justifyContent": "center",
309
- "left": 0,
310
- "position": "absolute",
311
- "right": 0,
312
- "top": 0,
313
- }
314
- }
315
- >
316
- <ActivityIndicator
317
- color="#F2F2F2"
318
- testID="upload-progress-indicator"
319
- />
320
- </View>
321
- </View>
322
- </View>
323
- <View
324
- accessible={true}
325
- collapsable={false}
326
- focusable={true}
327
- onClick={[Function]}
328
- onResponderGrant={[Function]}
329
- onResponderMove={[Function]}
330
- onResponderRelease={[Function]}
331
- onResponderTerminate={[Function]}
332
- onResponderTerminationRequest={[Function]}
333
- onStartShouldSetResponder={[Function]}
334
- style={
335
- Object {
336
- "backgroundColor": "#000000CC",
337
- "borderRadius": 24,
338
- "height": 24,
339
- "opacity": 1,
340
- "position": "absolute",
341
- "right": 14,
342
- "top": 4,
343
- "width": 24,
344
- }
345
- }
346
- testID="remove-file-upload-preview"
347
- >
348
- <RNSVGSvgView
349
- align="xMidYMid"
350
- bbHeight={24}
351
- bbWidth={24}
352
- focusable={false}
353
- height={24}
354
- meetOrSlice={0}
355
- minX={0}
356
- minY={0}
357
- style={
358
- Array [
359
- Object {
360
- "backgroundColor": "transparent",
361
- "borderWidth": 0,
362
- },
363
- Object {
364
- "flex": 0,
365
- "height": 24,
366
- "width": 24,
367
- },
368
- ]
369
- }
370
- vbHeight={24}
371
- vbWidth={24}
372
- width={24}
373
- >
374
- <RNSVGGroup>
375
- <RNSVGPath
376
- clipRule={0}
377
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
378
- fill={4278190080}
379
- fillRule={0}
380
- propList={
381
- Array [
382
- "fill",
383
- "fillRule",
384
- ]
385
- }
386
- />
387
- </RNSVGGroup>
388
- </RNSVGSvgView>
389
- </View>
390
- </View>
391
- <View
392
- style={null}
393
- >
394
- <View
395
- style={
396
- Array [
397
- Object {
398
- "overflow": "hidden",
399
- },
400
- Object {
401
- "borderRadius": 12,
402
- "marginLeft": 8,
403
- "marginRight": 8,
404
- },
405
- ]
406
- }
407
- testID="inactive-upload-progress-indicator"
408
- >
409
- <View
410
- style={
411
- Array [
412
- Object {
413
- "borderRadius": 12,
414
- "borderWidth": 1,
415
- "flexDirection": "row",
416
- "height": 60,
417
- "justifyContent": "space-between",
418
- "marginBottom": 8,
419
- "padding": 8,
420
- },
421
- Object {},
422
- Object {
423
- "borderColor": "#ECEBEB",
424
- "width": -16,
425
- },
426
- Object {},
427
- ]
428
- }
429
- >
430
- <View
431
- style={
432
- Array [
433
- Object {
434
- "flexDirection": "row",
435
- },
436
- Object {},
437
- ]
438
- }
439
- >
440
- <RNSVGSvgView
441
- align="xMidYMid"
442
- bbHeight={40}
443
- bbWidth={34}
444
- focusable={false}
445
- height={40}
446
- meetOrSlice={0}
447
- minX={0}
448
- minY={0}
449
- style={
450
- Array [
451
- Object {
452
- "backgroundColor": "transparent",
453
- "borderWidth": 0,
454
- },
455
- Object {
456
- "flex": 0,
457
- "height": 40,
458
- "width": 34,
459
- },
460
- ]
461
- }
462
- vbHeight={40}
463
- vbWidth={34}
464
- width={34}
465
- >
466
- <RNSVGGroup>
467
- <RNSVGPath
468
- clipRule={0}
469
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
470
- fill={
471
- Array [
472
- 1,
473
- "gradient",
474
- ]
475
- }
476
- fillRule={0}
477
- propList={
478
- Array [
479
- "fill",
480
- "fillRule",
481
- ]
482
- }
483
- />
484
- <RNSVGPath
485
- clipRule={0}
486
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
487
- fill={4291809231}
488
- fillRule={0}
489
- propList={
490
- Array [
491
- "fill",
492
- "fillRule",
493
- ]
494
- }
495
- />
496
- <RNSVGPath
497
- clipRule={0}
498
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
499
- fill={4292598747}
500
- fillRule={0}
501
- propList={
502
- Array [
503
- "fill",
504
- "fillRule",
505
- ]
506
- }
507
- />
508
- <RNSVGDefs>
509
- <RNSVGLinearGradient
510
- gradient={
511
- Array [
512
- 0,
513
- -1,
514
- 1,
515
- -2368549,
516
- ]
517
- }
518
- gradientTransform={null}
519
- gradientUnits={1}
520
- name="gradient"
521
- x1={0}
522
- x2={0}
523
- y1={0}
524
- y2={40}
525
- />
526
- </RNSVGDefs>
527
- </RNSVGGroup>
528
- </RNSVGSvgView>
529
- <View
530
- style={
531
- Array [
532
- Object {
533
- "height": "100%",
534
- "justifyContent": "space-around",
535
- },
536
- Object {},
537
- ]
538
- }
539
- >
540
- <Text
541
- numberOfLines={1}
542
- style={
543
- Array [
544
- Object {
545
- "fontSize": 14,
546
- "fontWeight": "bold",
547
- "paddingLeft": 10,
548
- },
549
- Object {
550
- "color": "#000000",
551
- "width": -104,
552
- },
553
- Object {},
554
- ]
555
- }
556
- >
557
- dummy.pdf
558
- </Text>
559
- <Text
560
- style={
561
- Array [
562
- Object {
563
- "fontSize": 12,
564
- "paddingLeft": 10,
565
- },
566
- Object {
567
- "color": "#7A7A7A",
568
- },
569
- Object {},
570
- ]
571
- }
572
- />
573
- </View>
574
- </View>
575
- </View>
576
- </View>
577
- <View
578
- accessible={true}
579
- collapsable={false}
580
- focusable={true}
581
- onClick={[Function]}
582
- onResponderGrant={[Function]}
583
- onResponderMove={[Function]}
584
- onResponderRelease={[Function]}
585
- onResponderTerminate={[Function]}
586
- onResponderTerminationRequest={[Function]}
587
- onStartShouldSetResponder={[Function]}
588
- style={
589
- Object {
590
- "backgroundColor": "#000000CC",
591
- "borderRadius": 24,
592
- "height": 24,
593
- "opacity": 1,
594
- "position": "absolute",
595
- "right": 14,
596
- "top": 4,
597
- "width": 24,
598
- }
599
- }
600
- testID="remove-file-upload-preview"
601
- >
602
- <RNSVGSvgView
603
- align="xMidYMid"
604
- bbHeight={24}
605
- bbWidth={24}
606
- focusable={false}
607
- height={24}
608
- meetOrSlice={0}
609
- minX={0}
610
- minY={0}
611
- style={
612
- Array [
613
- Object {
614
- "backgroundColor": "transparent",
615
- "borderWidth": 0,
616
- },
617
- Object {
618
- "flex": 0,
619
- "height": 24,
620
- "width": 24,
621
- },
622
- ]
623
- }
624
- vbHeight={24}
625
- vbWidth={24}
626
- width={24}
627
- >
628
- <RNSVGGroup>
629
- <RNSVGPath
630
- clipRule={0}
631
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
632
- fill={4278190080}
633
- fillRule={0}
634
- propList={
635
- Array [
636
- "fill",
637
- "fillRule",
638
- ]
639
- }
640
- />
641
- </RNSVGGroup>
642
- </RNSVGSvgView>
643
- </View>
644
- </View>
645
- <View
646
- style={null}
647
- >
648
- <View
649
- style={
650
- Array [
651
- Object {
652
- "overflow": "hidden",
653
- },
654
- Object {
655
- "borderRadius": 12,
656
- "marginLeft": 8,
657
- "marginRight": 8,
658
- },
659
- ]
660
- }
661
- testID="active-upload-progress-indicator"
662
- >
663
- <View
664
- style={
665
- Array [
666
- Object {
667
- "borderRadius": 12,
668
- "borderWidth": 1,
669
- "flexDirection": "row",
670
- "height": 60,
671
- "justifyContent": "space-between",
672
- "marginBottom": 8,
673
- "padding": 8,
674
- },
675
- Object {
676
- "marginBottom": 0,
677
- },
678
- Object {
679
- "borderColor": "#ECEBEB",
680
- "width": -16,
681
- },
682
- Object {},
683
- ]
684
- }
685
- >
686
- <View
687
- style={
688
- Array [
689
- Object {
690
- "flexDirection": "row",
691
- },
692
- Object {},
693
- ]
694
- }
695
- >
696
- <RNSVGSvgView
697
- align="xMidYMid"
698
- bbHeight={40}
699
- bbWidth={34}
700
- focusable={false}
701
- height={40}
702
- meetOrSlice={0}
703
- minX={0}
704
- minY={0}
705
- style={
706
- Array [
707
- Object {
708
- "backgroundColor": "transparent",
709
- "borderWidth": 0,
710
- },
711
- Object {
712
- "flex": 0,
713
- "height": 40,
714
- "width": 34,
715
- },
716
- ]
717
- }
718
- vbHeight={40}
719
- vbWidth={34}
720
- width={34}
721
- >
722
- <RNSVGGroup>
723
- <RNSVGPath
724
- clipRule={0}
725
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
726
- fill={
727
- Array [
728
- 1,
729
- "gradient",
730
- ]
731
- }
732
- fillRule={0}
733
- propList={
734
- Array [
735
- "fill",
736
- "fillRule",
737
- ]
738
- }
739
- />
740
- <RNSVGPath
741
- clipRule={0}
742
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
743
- fill={4291809231}
744
- fillRule={0}
745
- propList={
746
- Array [
747
- "fill",
748
- "fillRule",
749
- ]
750
- }
751
- />
752
- <RNSVGPath
753
- clipRule={0}
754
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
755
- fill={4292598747}
756
- fillRule={0}
757
- propList={
758
- Array [
759
- "fill",
760
- "fillRule",
761
- ]
762
- }
763
- />
764
- <RNSVGDefs>
765
- <RNSVGLinearGradient
766
- gradient={
767
- Array [
768
- 0,
769
- -1,
770
- 1,
771
- -2368549,
772
- ]
773
- }
774
- gradientTransform={null}
775
- gradientUnits={1}
776
- name="gradient"
777
- x1={0}
778
- x2={0}
779
- y1={0}
780
- y2={40}
781
- />
782
- </RNSVGDefs>
783
- </RNSVGGroup>
784
- </RNSVGSvgView>
785
- <View
786
- style={
787
- Array [
788
- Object {
789
- "height": "100%",
790
- "justifyContent": "space-around",
791
- },
792
- Object {},
793
- ]
794
- }
795
- >
796
- <Text
797
- numberOfLines={1}
798
- style={
799
- Array [
800
- Object {
801
- "fontSize": 14,
802
- "fontWeight": "bold",
803
- "paddingLeft": 10,
804
- },
805
- Object {
806
- "color": "#000000",
807
- "width": -104,
808
- },
809
- Object {},
810
- ]
811
- }
812
- >
813
- dummy.pdf
814
- </Text>
815
- <Text
816
- style={
817
- Array [
818
- Object {
819
- "fontSize": 12,
820
- "paddingLeft": 10,
821
- },
822
- Object {
823
- "color": "#7A7A7A",
824
- },
825
- Object {},
826
- ]
827
- }
828
- />
829
- </View>
830
- </View>
831
- </View>
832
- <View
833
- style={
834
- Array [
835
- Object {
836
- "alignItems": "center",
837
- "height": "100%",
838
- "justifyContent": "center",
839
- "opacity": 0,
840
- "position": "absolute",
841
- "width": "100%",
842
- },
843
- Object {
844
- "backgroundColor": "#000000CC",
845
- },
846
- Object {},
847
- ]
848
- }
849
- />
850
- <View
851
- style={
852
- Array [
853
- Object {
854
- "alignItems": "center",
855
- "height": "100%",
856
- "justifyContent": "center",
857
- "position": "absolute",
858
- "width": "100%",
859
- },
860
- Object {
861
- "backgroundColor": "#000000CC",
862
- },
863
- Object {},
864
- ]
865
- }
866
- >
867
- <View
868
- accessible={true}
869
- collapsable={false}
870
- focusable={true}
871
- onClick={[Function]}
872
- onResponderGrant={[Function]}
873
- onResponderMove={[Function]}
874
- onResponderRelease={[Function]}
875
- onResponderTerminate={[Function]}
876
- onResponderTerminationRequest={[Function]}
877
- onStartShouldSetResponder={[Function]}
878
- style={
879
- Object {
880
- "alignItems": "center",
881
- "bottom": 0,
882
- "justifyContent": "center",
883
- "left": 0,
884
- "opacity": 1,
885
- "position": "absolute",
886
- "right": 0,
887
- "top": 0,
888
- }
889
- }
890
- >
891
- <RNSVGSvgView
892
- align="xMidYMid"
893
- bbHeight={18}
894
- bbWidth={18}
895
- focusable={false}
896
- height={18}
897
- meetOrSlice={0}
898
- minX={0}
899
- minY={0}
900
- pathFill="#F2F2F2"
901
- style={
902
- Array [
903
- Object {
904
- "backgroundColor": "transparent",
905
- "borderWidth": 0,
906
- },
907
- Object {
908
- "flex": 0,
909
- "height": 18,
910
- "width": 18,
911
- },
912
- ]
913
- }
914
- testID="retry-upload-progress-indicator"
915
- vbHeight={24}
916
- vbWidth={24}
917
- width={18}
918
- >
919
- <RNSVGGroup>
920
- <RNSVGPath
921
- clipRule={0}
922
- d="M12.868 4.221a8 8 0 102.834 14.251 1 1 0 00-1.175-1.618A6 6 0 1112.4 6.166c1.31.314 2.52.803 3.31 2.12.154.254.266.485.348.708h-1.152a1 1 0 00-.81 1.585l2.375 3.291a1 1 0 001.621 0l2.376-3.291a1 1 0 00-.811-1.585h-1.509c-.128-.639-.377-1.24-.867-1.947a8 8 0 00-4.414-2.826z"
923
- fill={4294111986}
924
- fillRule={0}
925
- propList={
926
- Array [
927
- "fill",
928
- "fillRule",
929
- ]
930
- }
931
- />
932
- </RNSVGGroup>
933
- </RNSVGSvgView>
934
- </View>
935
- </View>
936
- </View>
937
- <View
938
- accessible={true}
939
- collapsable={false}
940
- focusable={true}
941
- onClick={[Function]}
942
- onResponderGrant={[Function]}
943
- onResponderMove={[Function]}
944
- onResponderRelease={[Function]}
945
- onResponderTerminate={[Function]}
946
- onResponderTerminationRequest={[Function]}
947
- onStartShouldSetResponder={[Function]}
948
- style={
949
- Object {
950
- "backgroundColor": "#000000CC",
951
- "borderRadius": 24,
952
- "height": 24,
953
- "opacity": 1,
954
- "position": "absolute",
955
- "right": 14,
956
- "top": 4,
957
- "width": 24,
958
- }
959
- }
960
- testID="remove-file-upload-preview"
961
- >
962
- <RNSVGSvgView
963
- align="xMidYMid"
964
- bbHeight={24}
965
- bbWidth={24}
966
- focusable={false}
967
- height={24}
968
- meetOrSlice={0}
969
- minX={0}
970
- minY={0}
971
- style={
972
- Array [
973
- Object {
974
- "backgroundColor": "transparent",
975
- "borderWidth": 0,
976
- },
977
- Object {
978
- "flex": 0,
979
- "height": 24,
980
- "width": 24,
981
- },
982
- ]
983
- }
984
- vbHeight={24}
985
- vbWidth={24}
986
- width={24}
987
- >
988
- <RNSVGGroup>
989
- <RNSVGPath
990
- clipRule={0}
991
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
992
- fill={4278190080}
993
- fillRule={0}
994
- propList={
995
- Array [
996
- "fill",
997
- "fillRule",
998
- ]
999
- }
1000
- />
1001
- </RNSVGGroup>
1002
- </RNSVGSvgView>
1003
- </View>
1004
- </View>
1005
- </View>
1006
- </RCTScrollView>
1007
- </View>
1008
- </View>,
1009
- <View
1010
- animatedStyle={
1011
- Object {
1012
- "value": Object {
1013
- "opacity": 0,
1014
- },
1015
- }
1016
- }
1017
- collapsable={false}
1018
- pointerEvents="none"
1019
- style={
1020
- Object {
1021
- "bottom": 0,
1022
- "left": 0,
1023
- "opacity": 0,
1024
- "position": "absolute",
1025
- "right": 0,
1026
- "top": 0,
1027
- }
1028
- }
1029
- >
1030
- <View
1031
- style={
1032
- Array [
1033
- Object {
1034
- "backgroundColor": "#000000CC",
1035
- },
1036
- Array [
1037
- Object {
1038
- "bottom": 0,
1039
- "left": 0,
1040
- "position": "absolute",
1041
- "right": 0,
1042
- "top": 0,
1043
- },
1044
- Object {
1045
- "height": 1334,
1046
- "width": 750,
1047
- },
1048
- ],
1049
- ]
1050
- }
1051
- />
1052
- </View>,
1053
- <View
1054
- containerHeight={1334}
1055
- enablePanDownToClose={true}
1056
- handleComponent={[Function]}
1057
- handleHeight={20}
1058
- index={-1}
1059
- onChange={[Function]}
1060
- snapPoints={
1061
- Array [
1062
- 308,
1063
- 1334,
1064
- ]
1065
- }
1066
- >
1067
- <RCTScrollView
1068
- contentContainerStyle={
1069
- Array [
1070
- Object {
1071
- "flexGrow": 1,
1072
- },
1073
- Object {
1074
- "backgroundColor": "#FFFFFF",
1075
- },
1076
- Object {},
1077
- Object {
1078
- "opacity": 1,
1079
- },
1080
- ]
1081
- }
1082
- data={Array []}
1083
- getItem={[Function]}
1084
- getItemCount={[Function]}
1085
- keyExtractor={[Function]}
1086
- onContentSizeChange={[Function]}
1087
- onEndReached={[Function]}
1088
- onLayout={[Function]}
1089
- onMomentumScrollBegin={[Function]}
1090
- onMomentumScrollEnd={[Function]}
1091
- onScroll={[Function]}
1092
- onScrollBeginDrag={[Function]}
1093
- onScrollEndDrag={[Function]}
1094
- removeClippedSubviews={false}
1095
- renderItem={[Function]}
1096
- scrollEventThrottle={50}
1097
- stickyHeaderIndices={Array []}
1098
- viewabilityConfigCallbackPairs={Array []}
1099
- >
1100
- <View />
1101
- </RCTScrollView>
1102
- </View>,
1103
- ]
1104
- `;
1105
-
1106
- exports[`FileUploadPreview should render FileUploadPreview with all failed files 1`] = `
1107
- Array [
1108
- <View
1109
- keyboardVerticalOffset={86.5}
1110
- onLayout={[Function]}
1111
- style={
1112
- Object {
1113
- "paddingBottom": 0,
1114
- }
1115
- }
1116
- >
1117
- <View
1118
- style={
1119
- Object {
1120
- "height": "100%",
1121
- }
1122
- }
1123
- >
1124
- <RCTScrollView
1125
- data={
1126
- Array [
1127
- Object {
1128
- "file": Object {
1129
- "id": "file-upload-id-1",
1130
- "name": "dummy.pdf",
1131
- "state": "upload_failed",
1132
- "type": "file",
1133
- },
1134
- "id": "file-upload-id-1",
1135
- "state": "upload_failed",
1136
- },
1137
- Object {
1138
- "file": Object {
1139
- "id": "file-upload-id-2",
1140
- "name": "dummy.pdf",
1141
- "state": "upload_failed",
1142
- "type": "file",
1143
- },
1144
- "id": "file-upload-id-2",
1145
- "state": "upload_failed",
1146
- },
1147
- Object {
1148
- "file": Object {
1149
- "id": "file-upload-id-3",
1150
- "name": "dummy.pdf",
1151
- "state": "upload_failed",
1152
- "type": "file",
1153
- },
1154
- "id": "file-upload-id-3",
1155
- "state": "upload_failed",
1156
- },
1157
- ]
1158
- }
1159
- getItem={[Function]}
1160
- getItemCount={[Function]}
1161
- getItemLayout={[Function]}
1162
- keyExtractor={[Function]}
1163
- onContentSizeChange={[Function]}
1164
- onLayout={[Function]}
1165
- onMomentumScrollBegin={[Function]}
1166
- onMomentumScrollEnd={[Function]}
1167
- onScroll={[Function]}
1168
- onScrollBeginDrag={[Function]}
1169
- onScrollEndDrag={[Function]}
1170
- removeClippedSubviews={false}
1171
- renderItem={[Function]}
1172
- scrollEventThrottle={50}
1173
- stickyHeaderIndices={Array []}
1174
- style={
1175
- Array [
1176
- Object {
1177
- "marginBottom": 12,
1178
- "maxHeight": 166,
1179
- },
1180
- Object {},
1181
- ]
1182
- }
1183
- viewabilityConfigCallbackPairs={Array []}
1184
- >
1185
- <View>
1186
- <View
1187
- style={null}
1188
- >
1189
- <View
1190
- style={
1191
- Array [
1192
- Object {
1193
- "overflow": "hidden",
1194
- },
1195
- Object {
1196
- "borderRadius": 12,
1197
- "marginLeft": 8,
1198
- "marginRight": 8,
1199
- },
1200
- ]
1201
- }
1202
- testID="active-upload-progress-indicator"
1203
- >
1204
- <View
1205
- style={
1206
- Array [
1207
- Object {
1208
- "borderRadius": 12,
1209
- "borderWidth": 1,
1210
- "flexDirection": "row",
1211
- "height": 60,
1212
- "justifyContent": "space-between",
1213
- "marginBottom": 8,
1214
- "padding": 8,
1215
- },
1216
- Object {},
1217
- Object {
1218
- "borderColor": "#ECEBEB",
1219
- "width": -16,
1220
- },
1221
- Object {},
1222
- ]
1223
- }
1224
- >
1225
- <View
1226
- style={
1227
- Array [
1228
- Object {
1229
- "flexDirection": "row",
1230
- },
1231
- Object {},
1232
- ]
1233
- }
1234
- >
1235
- <RNSVGSvgView
1236
- align="xMidYMid"
1237
- bbHeight={40}
1238
- bbWidth={34}
1239
- focusable={false}
1240
- height={40}
1241
- meetOrSlice={0}
1242
- minX={0}
1243
- minY={0}
1244
- style={
1245
- Array [
1246
- Object {
1247
- "backgroundColor": "transparent",
1248
- "borderWidth": 0,
1249
- },
1250
- Object {
1251
- "flex": 0,
1252
- "height": 40,
1253
- "width": 34,
1254
- },
1255
- ]
1256
- }
1257
- vbHeight={40}
1258
- vbWidth={34}
1259
- width={34}
1260
- >
1261
- <RNSVGGroup>
1262
- <RNSVGPath
1263
- clipRule={0}
1264
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
1265
- fill={
1266
- Array [
1267
- 1,
1268
- "gradient",
1269
- ]
1270
- }
1271
- fillRule={0}
1272
- propList={
1273
- Array [
1274
- "fill",
1275
- "fillRule",
1276
- ]
1277
- }
1278
- />
1279
- <RNSVGPath
1280
- clipRule={0}
1281
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
1282
- fill={4291809231}
1283
- fillRule={0}
1284
- propList={
1285
- Array [
1286
- "fill",
1287
- "fillRule",
1288
- ]
1289
- }
1290
- />
1291
- <RNSVGPath
1292
- clipRule={0}
1293
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
1294
- fill={4292598747}
1295
- fillRule={0}
1296
- propList={
1297
- Array [
1298
- "fill",
1299
- "fillRule",
1300
- ]
1301
- }
1302
- />
1303
- <RNSVGDefs>
1304
- <RNSVGLinearGradient
1305
- gradient={
1306
- Array [
1307
- 0,
1308
- -1,
1309
- 1,
1310
- -2368549,
1311
- ]
1312
- }
1313
- gradientTransform={null}
1314
- gradientUnits={1}
1315
- name="gradient"
1316
- x1={0}
1317
- x2={0}
1318
- y1={0}
1319
- y2={40}
1320
- />
1321
- </RNSVGDefs>
1322
- </RNSVGGroup>
1323
- </RNSVGSvgView>
1324
- <View
1325
- style={
1326
- Array [
1327
- Object {
1328
- "height": "100%",
1329
- "justifyContent": "space-around",
1330
- },
1331
- Object {},
1332
- ]
1333
- }
1334
- >
1335
- <Text
1336
- numberOfLines={1}
1337
- style={
1338
- Array [
1339
- Object {
1340
- "fontSize": 14,
1341
- "fontWeight": "bold",
1342
- "paddingLeft": 10,
1343
- },
1344
- Object {
1345
- "color": "#000000",
1346
- "width": -104,
1347
- },
1348
- Object {},
1349
- ]
1350
- }
1351
- >
1352
- dummy.pdf
1353
- </Text>
1354
- <Text
1355
- style={
1356
- Array [
1357
- Object {
1358
- "fontSize": 12,
1359
- "paddingLeft": 10,
1360
- },
1361
- Object {
1362
- "color": "#7A7A7A",
1363
- },
1364
- Object {},
1365
- ]
1366
- }
1367
- />
1368
- </View>
1369
- </View>
1370
- </View>
1371
- <View
1372
- style={
1373
- Array [
1374
- Object {
1375
- "alignItems": "center",
1376
- "height": "100%",
1377
- "justifyContent": "center",
1378
- "opacity": 0,
1379
- "position": "absolute",
1380
- "width": "100%",
1381
- },
1382
- Object {
1383
- "backgroundColor": "#000000CC",
1384
- },
1385
- Object {},
1386
- ]
1387
- }
1388
- />
1389
- <View
1390
- style={
1391
- Array [
1392
- Object {
1393
- "alignItems": "center",
1394
- "height": "100%",
1395
- "justifyContent": "center",
1396
- "position": "absolute",
1397
- "width": "100%",
1398
- },
1399
- Object {
1400
- "backgroundColor": "#000000CC",
1401
- },
1402
- Object {},
1403
- ]
1404
- }
1405
- >
1406
- <View
1407
- accessible={true}
1408
- collapsable={false}
1409
- focusable={true}
1410
- onClick={[Function]}
1411
- onResponderGrant={[Function]}
1412
- onResponderMove={[Function]}
1413
- onResponderRelease={[Function]}
1414
- onResponderTerminate={[Function]}
1415
- onResponderTerminationRequest={[Function]}
1416
- onStartShouldSetResponder={[Function]}
1417
- style={
1418
- Object {
1419
- "alignItems": "center",
1420
- "bottom": 0,
1421
- "justifyContent": "center",
1422
- "left": 0,
1423
- "opacity": 1,
1424
- "position": "absolute",
1425
- "right": 0,
1426
- "top": 0,
1427
- }
1428
- }
1429
- >
1430
- <RNSVGSvgView
1431
- align="xMidYMid"
1432
- bbHeight={18}
1433
- bbWidth={18}
1434
- focusable={false}
1435
- height={18}
1436
- meetOrSlice={0}
1437
- minX={0}
1438
- minY={0}
1439
- pathFill="#F2F2F2"
1440
- style={
1441
- Array [
1442
- Object {
1443
- "backgroundColor": "transparent",
1444
- "borderWidth": 0,
1445
- },
1446
- Object {
1447
- "flex": 0,
1448
- "height": 18,
1449
- "width": 18,
1450
- },
1451
- ]
1452
- }
1453
- testID="retry-upload-progress-indicator"
1454
- vbHeight={24}
1455
- vbWidth={24}
1456
- width={18}
1457
- >
1458
- <RNSVGGroup>
1459
- <RNSVGPath
1460
- clipRule={0}
1461
- d="M12.868 4.221a8 8 0 102.834 14.251 1 1 0 00-1.175-1.618A6 6 0 1112.4 6.166c1.31.314 2.52.803 3.31 2.12.154.254.266.485.348.708h-1.152a1 1 0 00-.81 1.585l2.375 3.291a1 1 0 001.621 0l2.376-3.291a1 1 0 00-.811-1.585h-1.509c-.128-.639-.377-1.24-.867-1.947a8 8 0 00-4.414-2.826z"
1462
- fill={4294111986}
1463
- fillRule={0}
1464
- propList={
1465
- Array [
1466
- "fill",
1467
- "fillRule",
1468
- ]
1469
- }
1470
- />
1471
- </RNSVGGroup>
1472
- </RNSVGSvgView>
1473
- </View>
1474
- </View>
1475
- </View>
1476
- <View
1477
- accessible={true}
1478
- collapsable={false}
1479
- focusable={true}
1480
- onClick={[Function]}
1481
- onResponderGrant={[Function]}
1482
- onResponderMove={[Function]}
1483
- onResponderRelease={[Function]}
1484
- onResponderTerminate={[Function]}
1485
- onResponderTerminationRequest={[Function]}
1486
- onStartShouldSetResponder={[Function]}
1487
- style={
1488
- Object {
1489
- "backgroundColor": "#000000CC",
1490
- "borderRadius": 24,
1491
- "height": 24,
1492
- "opacity": 1,
1493
- "position": "absolute",
1494
- "right": 14,
1495
- "top": 4,
1496
- "width": 24,
1497
- }
1498
- }
1499
- testID="remove-file-upload-preview"
1500
- >
1501
- <RNSVGSvgView
1502
- align="xMidYMid"
1503
- bbHeight={24}
1504
- bbWidth={24}
1505
- focusable={false}
1506
- height={24}
1507
- meetOrSlice={0}
1508
- minX={0}
1509
- minY={0}
1510
- style={
1511
- Array [
1512
- Object {
1513
- "backgroundColor": "transparent",
1514
- "borderWidth": 0,
1515
- },
1516
- Object {
1517
- "flex": 0,
1518
- "height": 24,
1519
- "width": 24,
1520
- },
1521
- ]
1522
- }
1523
- vbHeight={24}
1524
- vbWidth={24}
1525
- width={24}
1526
- >
1527
- <RNSVGGroup>
1528
- <RNSVGPath
1529
- clipRule={0}
1530
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
1531
- fill={4278190080}
1532
- fillRule={0}
1533
- propList={
1534
- Array [
1535
- "fill",
1536
- "fillRule",
1537
- ]
1538
- }
1539
- />
1540
- </RNSVGGroup>
1541
- </RNSVGSvgView>
1542
- </View>
1543
- </View>
1544
- <View
1545
- style={null}
1546
- >
1547
- <View
1548
- style={
1549
- Array [
1550
- Object {
1551
- "overflow": "hidden",
1552
- },
1553
- Object {
1554
- "borderRadius": 12,
1555
- "marginLeft": 8,
1556
- "marginRight": 8,
1557
- },
1558
- ]
1559
- }
1560
- testID="active-upload-progress-indicator"
1561
- >
1562
- <View
1563
- style={
1564
- Array [
1565
- Object {
1566
- "borderRadius": 12,
1567
- "borderWidth": 1,
1568
- "flexDirection": "row",
1569
- "height": 60,
1570
- "justifyContent": "space-between",
1571
- "marginBottom": 8,
1572
- "padding": 8,
1573
- },
1574
- Object {},
1575
- Object {
1576
- "borderColor": "#ECEBEB",
1577
- "width": -16,
1578
- },
1579
- Object {},
1580
- ]
1581
- }
1582
- >
1583
- <View
1584
- style={
1585
- Array [
1586
- Object {
1587
- "flexDirection": "row",
1588
- },
1589
- Object {},
1590
- ]
1591
- }
1592
- >
1593
- <RNSVGSvgView
1594
- align="xMidYMid"
1595
- bbHeight={40}
1596
- bbWidth={34}
1597
- focusable={false}
1598
- height={40}
1599
- meetOrSlice={0}
1600
- minX={0}
1601
- minY={0}
1602
- style={
1603
- Array [
1604
- Object {
1605
- "backgroundColor": "transparent",
1606
- "borderWidth": 0,
1607
- },
1608
- Object {
1609
- "flex": 0,
1610
- "height": 40,
1611
- "width": 34,
1612
- },
1613
- ]
1614
- }
1615
- vbHeight={40}
1616
- vbWidth={34}
1617
- width={34}
1618
- >
1619
- <RNSVGGroup>
1620
- <RNSVGPath
1621
- clipRule={0}
1622
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
1623
- fill={
1624
- Array [
1625
- 1,
1626
- "gradient",
1627
- ]
1628
- }
1629
- fillRule={0}
1630
- propList={
1631
- Array [
1632
- "fill",
1633
- "fillRule",
1634
- ]
1635
- }
1636
- />
1637
- <RNSVGPath
1638
- clipRule={0}
1639
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
1640
- fill={4291809231}
1641
- fillRule={0}
1642
- propList={
1643
- Array [
1644
- "fill",
1645
- "fillRule",
1646
- ]
1647
- }
1648
- />
1649
- <RNSVGPath
1650
- clipRule={0}
1651
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
1652
- fill={4292598747}
1653
- fillRule={0}
1654
- propList={
1655
- Array [
1656
- "fill",
1657
- "fillRule",
1658
- ]
1659
- }
1660
- />
1661
- <RNSVGDefs>
1662
- <RNSVGLinearGradient
1663
- gradient={
1664
- Array [
1665
- 0,
1666
- -1,
1667
- 1,
1668
- -2368549,
1669
- ]
1670
- }
1671
- gradientTransform={null}
1672
- gradientUnits={1}
1673
- name="gradient"
1674
- x1={0}
1675
- x2={0}
1676
- y1={0}
1677
- y2={40}
1678
- />
1679
- </RNSVGDefs>
1680
- </RNSVGGroup>
1681
- </RNSVGSvgView>
1682
- <View
1683
- style={
1684
- Array [
1685
- Object {
1686
- "height": "100%",
1687
- "justifyContent": "space-around",
1688
- },
1689
- Object {},
1690
- ]
1691
- }
1692
- >
1693
- <Text
1694
- numberOfLines={1}
1695
- style={
1696
- Array [
1697
- Object {
1698
- "fontSize": 14,
1699
- "fontWeight": "bold",
1700
- "paddingLeft": 10,
1701
- },
1702
- Object {
1703
- "color": "#000000",
1704
- "width": -104,
1705
- },
1706
- Object {},
1707
- ]
1708
- }
1709
- >
1710
- dummy.pdf
1711
- </Text>
1712
- <Text
1713
- style={
1714
- Array [
1715
- Object {
1716
- "fontSize": 12,
1717
- "paddingLeft": 10,
1718
- },
1719
- Object {
1720
- "color": "#7A7A7A",
1721
- },
1722
- Object {},
1723
- ]
1724
- }
1725
- />
1726
- </View>
1727
- </View>
1728
- </View>
1729
- <View
1730
- style={
1731
- Array [
1732
- Object {
1733
- "alignItems": "center",
1734
- "height": "100%",
1735
- "justifyContent": "center",
1736
- "opacity": 0,
1737
- "position": "absolute",
1738
- "width": "100%",
1739
- },
1740
- Object {
1741
- "backgroundColor": "#000000CC",
1742
- },
1743
- Object {},
1744
- ]
1745
- }
1746
- />
1747
- <View
1748
- style={
1749
- Array [
1750
- Object {
1751
- "alignItems": "center",
1752
- "height": "100%",
1753
- "justifyContent": "center",
1754
- "position": "absolute",
1755
- "width": "100%",
1756
- },
1757
- Object {
1758
- "backgroundColor": "#000000CC",
1759
- },
1760
- Object {},
1761
- ]
1762
- }
1763
- >
1764
- <View
1765
- accessible={true}
1766
- collapsable={false}
1767
- focusable={true}
1768
- onClick={[Function]}
1769
- onResponderGrant={[Function]}
1770
- onResponderMove={[Function]}
1771
- onResponderRelease={[Function]}
1772
- onResponderTerminate={[Function]}
1773
- onResponderTerminationRequest={[Function]}
1774
- onStartShouldSetResponder={[Function]}
1775
- style={
1776
- Object {
1777
- "alignItems": "center",
1778
- "bottom": 0,
1779
- "justifyContent": "center",
1780
- "left": 0,
1781
- "opacity": 1,
1782
- "position": "absolute",
1783
- "right": 0,
1784
- "top": 0,
1785
- }
1786
- }
1787
- >
1788
- <RNSVGSvgView
1789
- align="xMidYMid"
1790
- bbHeight={18}
1791
- bbWidth={18}
1792
- focusable={false}
1793
- height={18}
1794
- meetOrSlice={0}
1795
- minX={0}
1796
- minY={0}
1797
- pathFill="#F2F2F2"
1798
- style={
1799
- Array [
1800
- Object {
1801
- "backgroundColor": "transparent",
1802
- "borderWidth": 0,
1803
- },
1804
- Object {
1805
- "flex": 0,
1806
- "height": 18,
1807
- "width": 18,
1808
- },
1809
- ]
1810
- }
1811
- testID="retry-upload-progress-indicator"
1812
- vbHeight={24}
1813
- vbWidth={24}
1814
- width={18}
1815
- >
1816
- <RNSVGGroup>
1817
- <RNSVGPath
1818
- clipRule={0}
1819
- d="M12.868 4.221a8 8 0 102.834 14.251 1 1 0 00-1.175-1.618A6 6 0 1112.4 6.166c1.31.314 2.52.803 3.31 2.12.154.254.266.485.348.708h-1.152a1 1 0 00-.81 1.585l2.375 3.291a1 1 0 001.621 0l2.376-3.291a1 1 0 00-.811-1.585h-1.509c-.128-.639-.377-1.24-.867-1.947a8 8 0 00-4.414-2.826z"
1820
- fill={4294111986}
1821
- fillRule={0}
1822
- propList={
1823
- Array [
1824
- "fill",
1825
- "fillRule",
1826
- ]
1827
- }
1828
- />
1829
- </RNSVGGroup>
1830
- </RNSVGSvgView>
1831
- </View>
1832
- </View>
1833
- </View>
1834
- <View
1835
- accessible={true}
1836
- collapsable={false}
1837
- focusable={true}
1838
- onClick={[Function]}
1839
- onResponderGrant={[Function]}
1840
- onResponderMove={[Function]}
1841
- onResponderRelease={[Function]}
1842
- onResponderTerminate={[Function]}
1843
- onResponderTerminationRequest={[Function]}
1844
- onStartShouldSetResponder={[Function]}
1845
- style={
1846
- Object {
1847
- "backgroundColor": "#000000CC",
1848
- "borderRadius": 24,
1849
- "height": 24,
1850
- "opacity": 1,
1851
- "position": "absolute",
1852
- "right": 14,
1853
- "top": 4,
1854
- "width": 24,
1855
- }
1856
- }
1857
- testID="remove-file-upload-preview"
1858
- >
1859
- <RNSVGSvgView
1860
- align="xMidYMid"
1861
- bbHeight={24}
1862
- bbWidth={24}
1863
- focusable={false}
1864
- height={24}
1865
- meetOrSlice={0}
1866
- minX={0}
1867
- minY={0}
1868
- style={
1869
- Array [
1870
- Object {
1871
- "backgroundColor": "transparent",
1872
- "borderWidth": 0,
1873
- },
1874
- Object {
1875
- "flex": 0,
1876
- "height": 24,
1877
- "width": 24,
1878
- },
1879
- ]
1880
- }
1881
- vbHeight={24}
1882
- vbWidth={24}
1883
- width={24}
1884
- >
1885
- <RNSVGGroup>
1886
- <RNSVGPath
1887
- clipRule={0}
1888
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
1889
- fill={4278190080}
1890
- fillRule={0}
1891
- propList={
1892
- Array [
1893
- "fill",
1894
- "fillRule",
1895
- ]
1896
- }
1897
- />
1898
- </RNSVGGroup>
1899
- </RNSVGSvgView>
1900
- </View>
1901
- </View>
1902
- <View
1903
- style={null}
1904
- >
1905
- <View
1906
- style={
1907
- Array [
1908
- Object {
1909
- "overflow": "hidden",
1910
- },
1911
- Object {
1912
- "borderRadius": 12,
1913
- "marginLeft": 8,
1914
- "marginRight": 8,
1915
- },
1916
- ]
1917
- }
1918
- testID="active-upload-progress-indicator"
1919
- >
1920
- <View
1921
- style={
1922
- Array [
1923
- Object {
1924
- "borderRadius": 12,
1925
- "borderWidth": 1,
1926
- "flexDirection": "row",
1927
- "height": 60,
1928
- "justifyContent": "space-between",
1929
- "marginBottom": 8,
1930
- "padding": 8,
1931
- },
1932
- Object {
1933
- "marginBottom": 0,
1934
- },
1935
- Object {
1936
- "borderColor": "#ECEBEB",
1937
- "width": -16,
1938
- },
1939
- Object {},
1940
- ]
1941
- }
1942
- >
1943
- <View
1944
- style={
1945
- Array [
1946
- Object {
1947
- "flexDirection": "row",
1948
- },
1949
- Object {},
1950
- ]
1951
- }
1952
- >
1953
- <RNSVGSvgView
1954
- align="xMidYMid"
1955
- bbHeight={40}
1956
- bbWidth={34}
1957
- focusable={false}
1958
- height={40}
1959
- meetOrSlice={0}
1960
- minX={0}
1961
- minY={0}
1962
- style={
1963
- Array [
1964
- Object {
1965
- "backgroundColor": "transparent",
1966
- "borderWidth": 0,
1967
- },
1968
- Object {
1969
- "flex": 0,
1970
- "height": 40,
1971
- "width": 34,
1972
- },
1973
- ]
1974
- }
1975
- vbHeight={40}
1976
- vbWidth={34}
1977
- width={34}
1978
- >
1979
- <RNSVGGroup>
1980
- <RNSVGPath
1981
- clipRule={0}
1982
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
1983
- fill={
1984
- Array [
1985
- 1,
1986
- "gradient",
1987
- ]
1988
- }
1989
- fillRule={0}
1990
- propList={
1991
- Array [
1992
- "fill",
1993
- "fillRule",
1994
- ]
1995
- }
1996
- />
1997
- <RNSVGPath
1998
- clipRule={0}
1999
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
2000
- fill={4291809231}
2001
- fillRule={0}
2002
- propList={
2003
- Array [
2004
- "fill",
2005
- "fillRule",
2006
- ]
2007
- }
2008
- />
2009
- <RNSVGPath
2010
- clipRule={0}
2011
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
2012
- fill={4292598747}
2013
- fillRule={0}
2014
- propList={
2015
- Array [
2016
- "fill",
2017
- "fillRule",
2018
- ]
2019
- }
2020
- />
2021
- <RNSVGDefs>
2022
- <RNSVGLinearGradient
2023
- gradient={
2024
- Array [
2025
- 0,
2026
- -1,
2027
- 1,
2028
- -2368549,
2029
- ]
2030
- }
2031
- gradientTransform={null}
2032
- gradientUnits={1}
2033
- name="gradient"
2034
- x1={0}
2035
- x2={0}
2036
- y1={0}
2037
- y2={40}
2038
- />
2039
- </RNSVGDefs>
2040
- </RNSVGGroup>
2041
- </RNSVGSvgView>
2042
- <View
2043
- style={
2044
- Array [
2045
- Object {
2046
- "height": "100%",
2047
- "justifyContent": "space-around",
2048
- },
2049
- Object {},
2050
- ]
2051
- }
2052
- >
2053
- <Text
2054
- numberOfLines={1}
2055
- style={
2056
- Array [
2057
- Object {
2058
- "fontSize": 14,
2059
- "fontWeight": "bold",
2060
- "paddingLeft": 10,
2061
- },
2062
- Object {
2063
- "color": "#000000",
2064
- "width": -104,
2065
- },
2066
- Object {},
2067
- ]
2068
- }
2069
- >
2070
- dummy.pdf
2071
- </Text>
2072
- <Text
2073
- style={
2074
- Array [
2075
- Object {
2076
- "fontSize": 12,
2077
- "paddingLeft": 10,
2078
- },
2079
- Object {
2080
- "color": "#7A7A7A",
2081
- },
2082
- Object {},
2083
- ]
2084
- }
2085
- />
2086
- </View>
2087
- </View>
2088
- </View>
2089
- <View
2090
- style={
2091
- Array [
2092
- Object {
2093
- "alignItems": "center",
2094
- "height": "100%",
2095
- "justifyContent": "center",
2096
- "opacity": 0,
2097
- "position": "absolute",
2098
- "width": "100%",
2099
- },
2100
- Object {
2101
- "backgroundColor": "#000000CC",
2102
- },
2103
- Object {},
2104
- ]
2105
- }
2106
- />
2107
- <View
2108
- style={
2109
- Array [
2110
- Object {
2111
- "alignItems": "center",
2112
- "height": "100%",
2113
- "justifyContent": "center",
2114
- "position": "absolute",
2115
- "width": "100%",
2116
- },
2117
- Object {
2118
- "backgroundColor": "#000000CC",
2119
- },
2120
- Object {},
2121
- ]
2122
- }
2123
- >
2124
- <View
2125
- accessible={true}
2126
- collapsable={false}
2127
- focusable={true}
2128
- onClick={[Function]}
2129
- onResponderGrant={[Function]}
2130
- onResponderMove={[Function]}
2131
- onResponderRelease={[Function]}
2132
- onResponderTerminate={[Function]}
2133
- onResponderTerminationRequest={[Function]}
2134
- onStartShouldSetResponder={[Function]}
2135
- style={
2136
- Object {
2137
- "alignItems": "center",
2138
- "bottom": 0,
2139
- "justifyContent": "center",
2140
- "left": 0,
2141
- "opacity": 1,
2142
- "position": "absolute",
2143
- "right": 0,
2144
- "top": 0,
2145
- }
2146
- }
2147
- >
2148
- <RNSVGSvgView
2149
- align="xMidYMid"
2150
- bbHeight={18}
2151
- bbWidth={18}
2152
- focusable={false}
2153
- height={18}
2154
- meetOrSlice={0}
2155
- minX={0}
2156
- minY={0}
2157
- pathFill="#F2F2F2"
2158
- style={
2159
- Array [
2160
- Object {
2161
- "backgroundColor": "transparent",
2162
- "borderWidth": 0,
2163
- },
2164
- Object {
2165
- "flex": 0,
2166
- "height": 18,
2167
- "width": 18,
2168
- },
2169
- ]
2170
- }
2171
- testID="retry-upload-progress-indicator"
2172
- vbHeight={24}
2173
- vbWidth={24}
2174
- width={18}
2175
- >
2176
- <RNSVGGroup>
2177
- <RNSVGPath
2178
- clipRule={0}
2179
- d="M12.868 4.221a8 8 0 102.834 14.251 1 1 0 00-1.175-1.618A6 6 0 1112.4 6.166c1.31.314 2.52.803 3.31 2.12.154.254.266.485.348.708h-1.152a1 1 0 00-.81 1.585l2.375 3.291a1 1 0 001.621 0l2.376-3.291a1 1 0 00-.811-1.585h-1.509c-.128-.639-.377-1.24-.867-1.947a8 8 0 00-4.414-2.826z"
2180
- fill={4294111986}
2181
- fillRule={0}
2182
- propList={
2183
- Array [
2184
- "fill",
2185
- "fillRule",
2186
- ]
2187
- }
2188
- />
2189
- </RNSVGGroup>
2190
- </RNSVGSvgView>
2191
- </View>
2192
- </View>
2193
- </View>
2194
- <View
2195
- accessible={true}
2196
- collapsable={false}
2197
- focusable={true}
2198
- onClick={[Function]}
2199
- onResponderGrant={[Function]}
2200
- onResponderMove={[Function]}
2201
- onResponderRelease={[Function]}
2202
- onResponderTerminate={[Function]}
2203
- onResponderTerminationRequest={[Function]}
2204
- onStartShouldSetResponder={[Function]}
2205
- style={
2206
- Object {
2207
- "backgroundColor": "#000000CC",
2208
- "borderRadius": 24,
2209
- "height": 24,
2210
- "opacity": 1,
2211
- "position": "absolute",
2212
- "right": 14,
2213
- "top": 4,
2214
- "width": 24,
2215
- }
2216
- }
2217
- testID="remove-file-upload-preview"
2218
- >
2219
- <RNSVGSvgView
2220
- align="xMidYMid"
2221
- bbHeight={24}
2222
- bbWidth={24}
2223
- focusable={false}
2224
- height={24}
2225
- meetOrSlice={0}
2226
- minX={0}
2227
- minY={0}
2228
- style={
2229
- Array [
2230
- Object {
2231
- "backgroundColor": "transparent",
2232
- "borderWidth": 0,
2233
- },
2234
- Object {
2235
- "flex": 0,
2236
- "height": 24,
2237
- "width": 24,
2238
- },
2239
- ]
2240
- }
2241
- vbHeight={24}
2242
- vbWidth={24}
2243
- width={24}
2244
- >
2245
- <RNSVGGroup>
2246
- <RNSVGPath
2247
- clipRule={0}
2248
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
2249
- fill={4278190080}
2250
- fillRule={0}
2251
- propList={
2252
- Array [
2253
- "fill",
2254
- "fillRule",
2255
- ]
2256
- }
2257
- />
2258
- </RNSVGGroup>
2259
- </RNSVGSvgView>
2260
- </View>
2261
- </View>
2262
- </View>
2263
- </RCTScrollView>
2264
- </View>
2265
- </View>,
2266
- <View
2267
- animatedStyle={
2268
- Object {
2269
- "value": Object {
2270
- "opacity": 0,
2271
- },
2272
- }
2273
- }
2274
- collapsable={false}
2275
- pointerEvents="none"
2276
- style={
2277
- Object {
2278
- "bottom": 0,
2279
- "left": 0,
2280
- "opacity": 0,
2281
- "position": "absolute",
2282
- "right": 0,
2283
- "top": 0,
2284
- }
2285
- }
2286
- >
2287
- <View
2288
- style={
2289
- Array [
2290
- Object {
2291
- "backgroundColor": "#000000CC",
2292
- },
2293
- Array [
2294
- Object {
2295
- "bottom": 0,
2296
- "left": 0,
2297
- "position": "absolute",
2298
- "right": 0,
2299
- "top": 0,
2300
- },
2301
- Object {
2302
- "height": 1334,
2303
- "width": 750,
2304
- },
2305
- ],
2306
- ]
2307
- }
2308
- />
2309
- </View>,
2310
- <View
2311
- containerHeight={1334}
2312
- enablePanDownToClose={true}
2313
- handleComponent={[Function]}
2314
- handleHeight={20}
2315
- index={-1}
2316
- onChange={[Function]}
2317
- snapPoints={
2318
- Array [
2319
- 308,
2320
- 1334,
2321
- ]
2322
- }
2323
- >
2324
- <RCTScrollView
2325
- contentContainerStyle={
2326
- Array [
2327
- Object {
2328
- "flexGrow": 1,
2329
- },
2330
- Object {
2331
- "backgroundColor": "#FFFFFF",
2332
- },
2333
- Object {},
2334
- Object {
2335
- "opacity": 1,
2336
- },
2337
- ]
2338
- }
2339
- data={Array []}
2340
- getItem={[Function]}
2341
- getItemCount={[Function]}
2342
- keyExtractor={[Function]}
2343
- onContentSizeChange={[Function]}
2344
- onEndReached={[Function]}
2345
- onLayout={[Function]}
2346
- onMomentumScrollBegin={[Function]}
2347
- onMomentumScrollEnd={[Function]}
2348
- onScroll={[Function]}
2349
- onScrollBeginDrag={[Function]}
2350
- onScrollEndDrag={[Function]}
2351
- removeClippedSubviews={false}
2352
- renderItem={[Function]}
2353
- scrollEventThrottle={50}
2354
- stickyHeaderIndices={Array []}
2355
- viewabilityConfigCallbackPairs={Array []}
2356
- >
2357
- <View />
2358
- </RCTScrollView>
2359
- </View>,
2360
- ]
2361
- `;
2362
-
2363
- exports[`FileUploadPreview should render FileUploadPreview with all uploaded files 1`] = `
2364
- Array [
2365
- <View
2366
- keyboardVerticalOffset={86.5}
2367
- onLayout={[Function]}
2368
- style={
2369
- Object {
2370
- "paddingBottom": 0,
2371
- }
2372
- }
2373
- >
2374
- <View
2375
- style={
2376
- Object {
2377
- "height": "100%",
2378
- }
2379
- }
2380
- >
2381
- <RCTScrollView
2382
- data={
2383
- Array [
2384
- Object {
2385
- "file": Object {
2386
- "id": "file-upload-id-1",
2387
- "name": "dummy.pdf",
2388
- "state": "uploaded",
2389
- "type": "file",
2390
- },
2391
- "id": "file-upload-id-1",
2392
- "state": "uploaded",
2393
- },
2394
- Object {
2395
- "file": Object {
2396
- "id": "file-upload-id-2",
2397
- "name": "dummy.pdf",
2398
- "state": "uploaded",
2399
- "type": "file",
2400
- },
2401
- "id": "file-upload-id-2",
2402
- "state": "uploaded",
2403
- },
2404
- Object {
2405
- "file": Object {
2406
- "id": "file-upload-id-3",
2407
- "name": "dummy.pdf",
2408
- "state": "uploaded",
2409
- "type": "file",
2410
- },
2411
- "id": "file-upload-id-3",
2412
- "state": "uploaded",
2413
- },
2414
- ]
2415
- }
2416
- getItem={[Function]}
2417
- getItemCount={[Function]}
2418
- getItemLayout={[Function]}
2419
- keyExtractor={[Function]}
2420
- onContentSizeChange={[Function]}
2421
- onLayout={[Function]}
2422
- onMomentumScrollBegin={[Function]}
2423
- onMomentumScrollEnd={[Function]}
2424
- onScroll={[Function]}
2425
- onScrollBeginDrag={[Function]}
2426
- onScrollEndDrag={[Function]}
2427
- removeClippedSubviews={false}
2428
- renderItem={[Function]}
2429
- scrollEventThrottle={50}
2430
- stickyHeaderIndices={Array []}
2431
- style={
2432
- Array [
2433
- Object {
2434
- "marginBottom": 12,
2435
- "maxHeight": 166,
2436
- },
2437
- Object {},
2438
- ]
2439
- }
2440
- viewabilityConfigCallbackPairs={Array []}
2441
- >
2442
- <View>
2443
- <View
2444
- style={null}
2445
- >
2446
- <View
2447
- style={
2448
- Array [
2449
- Object {
2450
- "overflow": "hidden",
2451
- },
2452
- Object {
2453
- "borderRadius": 12,
2454
- "marginLeft": 8,
2455
- "marginRight": 8,
2456
- },
2457
- ]
2458
- }
2459
- testID="inactive-upload-progress-indicator"
2460
- >
2461
- <View
2462
- style={
2463
- Array [
2464
- Object {
2465
- "borderRadius": 12,
2466
- "borderWidth": 1,
2467
- "flexDirection": "row",
2468
- "height": 60,
2469
- "justifyContent": "space-between",
2470
- "marginBottom": 8,
2471
- "padding": 8,
2472
- },
2473
- Object {},
2474
- Object {
2475
- "borderColor": "#ECEBEB",
2476
- "width": -16,
2477
- },
2478
- Object {},
2479
- ]
2480
- }
2481
- >
2482
- <View
2483
- style={
2484
- Array [
2485
- Object {
2486
- "flexDirection": "row",
2487
- },
2488
- Object {},
2489
- ]
2490
- }
2491
- >
2492
- <RNSVGSvgView
2493
- align="xMidYMid"
2494
- bbHeight={40}
2495
- bbWidth={34}
2496
- focusable={false}
2497
- height={40}
2498
- meetOrSlice={0}
2499
- minX={0}
2500
- minY={0}
2501
- style={
2502
- Array [
2503
- Object {
2504
- "backgroundColor": "transparent",
2505
- "borderWidth": 0,
2506
- },
2507
- Object {
2508
- "flex": 0,
2509
- "height": 40,
2510
- "width": 34,
2511
- },
2512
- ]
2513
- }
2514
- vbHeight={40}
2515
- vbWidth={34}
2516
- width={34}
2517
- >
2518
- <RNSVGGroup>
2519
- <RNSVGPath
2520
- clipRule={0}
2521
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
2522
- fill={
2523
- Array [
2524
- 1,
2525
- "gradient",
2526
- ]
2527
- }
2528
- fillRule={0}
2529
- propList={
2530
- Array [
2531
- "fill",
2532
- "fillRule",
2533
- ]
2534
- }
2535
- />
2536
- <RNSVGPath
2537
- clipRule={0}
2538
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
2539
- fill={4291809231}
2540
- fillRule={0}
2541
- propList={
2542
- Array [
2543
- "fill",
2544
- "fillRule",
2545
- ]
2546
- }
2547
- />
2548
- <RNSVGPath
2549
- clipRule={0}
2550
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
2551
- fill={4292598747}
2552
- fillRule={0}
2553
- propList={
2554
- Array [
2555
- "fill",
2556
- "fillRule",
2557
- ]
2558
- }
2559
- />
2560
- <RNSVGDefs>
2561
- <RNSVGLinearGradient
2562
- gradient={
2563
- Array [
2564
- 0,
2565
- -1,
2566
- 1,
2567
- -2368549,
2568
- ]
2569
- }
2570
- gradientTransform={null}
2571
- gradientUnits={1}
2572
- name="gradient"
2573
- x1={0}
2574
- x2={0}
2575
- y1={0}
2576
- y2={40}
2577
- />
2578
- </RNSVGDefs>
2579
- </RNSVGGroup>
2580
- </RNSVGSvgView>
2581
- <View
2582
- style={
2583
- Array [
2584
- Object {
2585
- "height": "100%",
2586
- "justifyContent": "space-around",
2587
- },
2588
- Object {},
2589
- ]
2590
- }
2591
- >
2592
- <Text
2593
- numberOfLines={1}
2594
- style={
2595
- Array [
2596
- Object {
2597
- "fontSize": 14,
2598
- "fontWeight": "bold",
2599
- "paddingLeft": 10,
2600
- },
2601
- Object {
2602
- "color": "#000000",
2603
- "width": -104,
2604
- },
2605
- Object {},
2606
- ]
2607
- }
2608
- >
2609
- dummy.pdf
2610
- </Text>
2611
- <Text
2612
- style={
2613
- Array [
2614
- Object {
2615
- "fontSize": 12,
2616
- "paddingLeft": 10,
2617
- },
2618
- Object {
2619
- "color": "#7A7A7A",
2620
- },
2621
- Object {},
2622
- ]
2623
- }
2624
- />
2625
- </View>
2626
- </View>
2627
- </View>
2628
- </View>
2629
- <View
2630
- accessible={true}
2631
- collapsable={false}
2632
- focusable={true}
2633
- onClick={[Function]}
2634
- onResponderGrant={[Function]}
2635
- onResponderMove={[Function]}
2636
- onResponderRelease={[Function]}
2637
- onResponderTerminate={[Function]}
2638
- onResponderTerminationRequest={[Function]}
2639
- onStartShouldSetResponder={[Function]}
2640
- style={
2641
- Object {
2642
- "backgroundColor": "#000000CC",
2643
- "borderRadius": 24,
2644
- "height": 24,
2645
- "opacity": 1,
2646
- "position": "absolute",
2647
- "right": 14,
2648
- "top": 4,
2649
- "width": 24,
2650
- }
2651
- }
2652
- testID="remove-file-upload-preview"
2653
- >
2654
- <RNSVGSvgView
2655
- align="xMidYMid"
2656
- bbHeight={24}
2657
- bbWidth={24}
2658
- focusable={false}
2659
- height={24}
2660
- meetOrSlice={0}
2661
- minX={0}
2662
- minY={0}
2663
- style={
2664
- Array [
2665
- Object {
2666
- "backgroundColor": "transparent",
2667
- "borderWidth": 0,
2668
- },
2669
- Object {
2670
- "flex": 0,
2671
- "height": 24,
2672
- "width": 24,
2673
- },
2674
- ]
2675
- }
2676
- vbHeight={24}
2677
- vbWidth={24}
2678
- width={24}
2679
- >
2680
- <RNSVGGroup>
2681
- <RNSVGPath
2682
- clipRule={0}
2683
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
2684
- fill={4278190080}
2685
- fillRule={0}
2686
- propList={
2687
- Array [
2688
- "fill",
2689
- "fillRule",
2690
- ]
2691
- }
2692
- />
2693
- </RNSVGGroup>
2694
- </RNSVGSvgView>
2695
- </View>
2696
- </View>
2697
- <View
2698
- style={null}
2699
- >
2700
- <View
2701
- style={
2702
- Array [
2703
- Object {
2704
- "overflow": "hidden",
2705
- },
2706
- Object {
2707
- "borderRadius": 12,
2708
- "marginLeft": 8,
2709
- "marginRight": 8,
2710
- },
2711
- ]
2712
- }
2713
- testID="inactive-upload-progress-indicator"
2714
- >
2715
- <View
2716
- style={
2717
- Array [
2718
- Object {
2719
- "borderRadius": 12,
2720
- "borderWidth": 1,
2721
- "flexDirection": "row",
2722
- "height": 60,
2723
- "justifyContent": "space-between",
2724
- "marginBottom": 8,
2725
- "padding": 8,
2726
- },
2727
- Object {},
2728
- Object {
2729
- "borderColor": "#ECEBEB",
2730
- "width": -16,
2731
- },
2732
- Object {},
2733
- ]
2734
- }
2735
- >
2736
- <View
2737
- style={
2738
- Array [
2739
- Object {
2740
- "flexDirection": "row",
2741
- },
2742
- Object {},
2743
- ]
2744
- }
2745
- >
2746
- <RNSVGSvgView
2747
- align="xMidYMid"
2748
- bbHeight={40}
2749
- bbWidth={34}
2750
- focusable={false}
2751
- height={40}
2752
- meetOrSlice={0}
2753
- minX={0}
2754
- minY={0}
2755
- style={
2756
- Array [
2757
- Object {
2758
- "backgroundColor": "transparent",
2759
- "borderWidth": 0,
2760
- },
2761
- Object {
2762
- "flex": 0,
2763
- "height": 40,
2764
- "width": 34,
2765
- },
2766
- ]
2767
- }
2768
- vbHeight={40}
2769
- vbWidth={34}
2770
- width={34}
2771
- >
2772
- <RNSVGGroup>
2773
- <RNSVGPath
2774
- clipRule={0}
2775
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
2776
- fill={
2777
- Array [
2778
- 1,
2779
- "gradient",
2780
- ]
2781
- }
2782
- fillRule={0}
2783
- propList={
2784
- Array [
2785
- "fill",
2786
- "fillRule",
2787
- ]
2788
- }
2789
- />
2790
- <RNSVGPath
2791
- clipRule={0}
2792
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
2793
- fill={4291809231}
2794
- fillRule={0}
2795
- propList={
2796
- Array [
2797
- "fill",
2798
- "fillRule",
2799
- ]
2800
- }
2801
- />
2802
- <RNSVGPath
2803
- clipRule={0}
2804
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
2805
- fill={4292598747}
2806
- fillRule={0}
2807
- propList={
2808
- Array [
2809
- "fill",
2810
- "fillRule",
2811
- ]
2812
- }
2813
- />
2814
- <RNSVGDefs>
2815
- <RNSVGLinearGradient
2816
- gradient={
2817
- Array [
2818
- 0,
2819
- -1,
2820
- 1,
2821
- -2368549,
2822
- ]
2823
- }
2824
- gradientTransform={null}
2825
- gradientUnits={1}
2826
- name="gradient"
2827
- x1={0}
2828
- x2={0}
2829
- y1={0}
2830
- y2={40}
2831
- />
2832
- </RNSVGDefs>
2833
- </RNSVGGroup>
2834
- </RNSVGSvgView>
2835
- <View
2836
- style={
2837
- Array [
2838
- Object {
2839
- "height": "100%",
2840
- "justifyContent": "space-around",
2841
- },
2842
- Object {},
2843
- ]
2844
- }
2845
- >
2846
- <Text
2847
- numberOfLines={1}
2848
- style={
2849
- Array [
2850
- Object {
2851
- "fontSize": 14,
2852
- "fontWeight": "bold",
2853
- "paddingLeft": 10,
2854
- },
2855
- Object {
2856
- "color": "#000000",
2857
- "width": -104,
2858
- },
2859
- Object {},
2860
- ]
2861
- }
2862
- >
2863
- dummy.pdf
2864
- </Text>
2865
- <Text
2866
- style={
2867
- Array [
2868
- Object {
2869
- "fontSize": 12,
2870
- "paddingLeft": 10,
2871
- },
2872
- Object {
2873
- "color": "#7A7A7A",
2874
- },
2875
- Object {},
2876
- ]
2877
- }
2878
- />
2879
- </View>
2880
- </View>
2881
- </View>
2882
- </View>
2883
- <View
2884
- accessible={true}
2885
- collapsable={false}
2886
- focusable={true}
2887
- onClick={[Function]}
2888
- onResponderGrant={[Function]}
2889
- onResponderMove={[Function]}
2890
- onResponderRelease={[Function]}
2891
- onResponderTerminate={[Function]}
2892
- onResponderTerminationRequest={[Function]}
2893
- onStartShouldSetResponder={[Function]}
2894
- style={
2895
- Object {
2896
- "backgroundColor": "#000000CC",
2897
- "borderRadius": 24,
2898
- "height": 24,
2899
- "opacity": 1,
2900
- "position": "absolute",
2901
- "right": 14,
2902
- "top": 4,
2903
- "width": 24,
2904
- }
2905
- }
2906
- testID="remove-file-upload-preview"
2907
- >
2908
- <RNSVGSvgView
2909
- align="xMidYMid"
2910
- bbHeight={24}
2911
- bbWidth={24}
2912
- focusable={false}
2913
- height={24}
2914
- meetOrSlice={0}
2915
- minX={0}
2916
- minY={0}
2917
- style={
2918
- Array [
2919
- Object {
2920
- "backgroundColor": "transparent",
2921
- "borderWidth": 0,
2922
- },
2923
- Object {
2924
- "flex": 0,
2925
- "height": 24,
2926
- "width": 24,
2927
- },
2928
- ]
2929
- }
2930
- vbHeight={24}
2931
- vbWidth={24}
2932
- width={24}
2933
- >
2934
- <RNSVGGroup>
2935
- <RNSVGPath
2936
- clipRule={0}
2937
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
2938
- fill={4278190080}
2939
- fillRule={0}
2940
- propList={
2941
- Array [
2942
- "fill",
2943
- "fillRule",
2944
- ]
2945
- }
2946
- />
2947
- </RNSVGGroup>
2948
- </RNSVGSvgView>
2949
- </View>
2950
- </View>
2951
- <View
2952
- style={null}
2953
- >
2954
- <View
2955
- style={
2956
- Array [
2957
- Object {
2958
- "overflow": "hidden",
2959
- },
2960
- Object {
2961
- "borderRadius": 12,
2962
- "marginLeft": 8,
2963
- "marginRight": 8,
2964
- },
2965
- ]
2966
- }
2967
- testID="inactive-upload-progress-indicator"
2968
- >
2969
- <View
2970
- style={
2971
- Array [
2972
- Object {
2973
- "borderRadius": 12,
2974
- "borderWidth": 1,
2975
- "flexDirection": "row",
2976
- "height": 60,
2977
- "justifyContent": "space-between",
2978
- "marginBottom": 8,
2979
- "padding": 8,
2980
- },
2981
- Object {
2982
- "marginBottom": 0,
2983
- },
2984
- Object {
2985
- "borderColor": "#ECEBEB",
2986
- "width": -16,
2987
- },
2988
- Object {},
2989
- ]
2990
- }
2991
- >
2992
- <View
2993
- style={
2994
- Array [
2995
- Object {
2996
- "flexDirection": "row",
2997
- },
2998
- Object {},
2999
- ]
3000
- }
3001
- >
3002
- <RNSVGSvgView
3003
- align="xMidYMid"
3004
- bbHeight={40}
3005
- bbWidth={34}
3006
- focusable={false}
3007
- height={40}
3008
- meetOrSlice={0}
3009
- minX={0}
3010
- minY={0}
3011
- style={
3012
- Array [
3013
- Object {
3014
- "backgroundColor": "transparent",
3015
- "borderWidth": 0,
3016
- },
3017
- Object {
3018
- "flex": 0,
3019
- "height": 40,
3020
- "width": 34,
3021
- },
3022
- ]
3023
- }
3024
- vbHeight={40}
3025
- vbWidth={34}
3026
- width={34}
3027
- >
3028
- <RNSVGGroup>
3029
- <RNSVGPath
3030
- clipRule={0}
3031
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
3032
- fill={
3033
- Array [
3034
- 1,
3035
- "gradient",
3036
- ]
3037
- }
3038
- fillRule={0}
3039
- propList={
3040
- Array [
3041
- "fill",
3042
- "fillRule",
3043
- ]
3044
- }
3045
- />
3046
- <RNSVGPath
3047
- clipRule={0}
3048
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
3049
- fill={4291809231}
3050
- fillRule={0}
3051
- propList={
3052
- Array [
3053
- "fill",
3054
- "fillRule",
3055
- ]
3056
- }
3057
- />
3058
- <RNSVGPath
3059
- clipRule={0}
3060
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
3061
- fill={4292598747}
3062
- fillRule={0}
3063
- propList={
3064
- Array [
3065
- "fill",
3066
- "fillRule",
3067
- ]
3068
- }
3069
- />
3070
- <RNSVGDefs>
3071
- <RNSVGLinearGradient
3072
- gradient={
3073
- Array [
3074
- 0,
3075
- -1,
3076
- 1,
3077
- -2368549,
3078
- ]
3079
- }
3080
- gradientTransform={null}
3081
- gradientUnits={1}
3082
- name="gradient"
3083
- x1={0}
3084
- x2={0}
3085
- y1={0}
3086
- y2={40}
3087
- />
3088
- </RNSVGDefs>
3089
- </RNSVGGroup>
3090
- </RNSVGSvgView>
3091
- <View
3092
- style={
3093
- Array [
3094
- Object {
3095
- "height": "100%",
3096
- "justifyContent": "space-around",
3097
- },
3098
- Object {},
3099
- ]
3100
- }
3101
- >
3102
- <Text
3103
- numberOfLines={1}
3104
- style={
3105
- Array [
3106
- Object {
3107
- "fontSize": 14,
3108
- "fontWeight": "bold",
3109
- "paddingLeft": 10,
3110
- },
3111
- Object {
3112
- "color": "#000000",
3113
- "width": -104,
3114
- },
3115
- Object {},
3116
- ]
3117
- }
3118
- >
3119
- dummy.pdf
3120
- </Text>
3121
- <Text
3122
- style={
3123
- Array [
3124
- Object {
3125
- "fontSize": 12,
3126
- "paddingLeft": 10,
3127
- },
3128
- Object {
3129
- "color": "#7A7A7A",
3130
- },
3131
- Object {},
3132
- ]
3133
- }
3134
- />
3135
- </View>
3136
- </View>
3137
- </View>
3138
- </View>
3139
- <View
3140
- accessible={true}
3141
- collapsable={false}
3142
- focusable={true}
3143
- onClick={[Function]}
3144
- onResponderGrant={[Function]}
3145
- onResponderMove={[Function]}
3146
- onResponderRelease={[Function]}
3147
- onResponderTerminate={[Function]}
3148
- onResponderTerminationRequest={[Function]}
3149
- onStartShouldSetResponder={[Function]}
3150
- style={
3151
- Object {
3152
- "backgroundColor": "#000000CC",
3153
- "borderRadius": 24,
3154
- "height": 24,
3155
- "opacity": 1,
3156
- "position": "absolute",
3157
- "right": 14,
3158
- "top": 4,
3159
- "width": 24,
3160
- }
3161
- }
3162
- testID="remove-file-upload-preview"
3163
- >
3164
- <RNSVGSvgView
3165
- align="xMidYMid"
3166
- bbHeight={24}
3167
- bbWidth={24}
3168
- focusable={false}
3169
- height={24}
3170
- meetOrSlice={0}
3171
- minX={0}
3172
- minY={0}
3173
- style={
3174
- Array [
3175
- Object {
3176
- "backgroundColor": "transparent",
3177
- "borderWidth": 0,
3178
- },
3179
- Object {
3180
- "flex": 0,
3181
- "height": 24,
3182
- "width": 24,
3183
- },
3184
- ]
3185
- }
3186
- vbHeight={24}
3187
- vbWidth={24}
3188
- width={24}
3189
- >
3190
- <RNSVGGroup>
3191
- <RNSVGPath
3192
- clipRule={0}
3193
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
3194
- fill={4278190080}
3195
- fillRule={0}
3196
- propList={
3197
- Array [
3198
- "fill",
3199
- "fillRule",
3200
- ]
3201
- }
3202
- />
3203
- </RNSVGGroup>
3204
- </RNSVGSvgView>
3205
- </View>
3206
- </View>
3207
- </View>
3208
- </RCTScrollView>
3209
- </View>
3210
- </View>,
3211
- <View
3212
- animatedStyle={
3213
- Object {
3214
- "value": Object {
3215
- "opacity": 0,
3216
- },
3217
- }
3218
- }
3219
- collapsable={false}
3220
- pointerEvents="none"
3221
- style={
3222
- Object {
3223
- "bottom": 0,
3224
- "left": 0,
3225
- "opacity": 0,
3226
- "position": "absolute",
3227
- "right": 0,
3228
- "top": 0,
3229
- }
3230
- }
3231
- >
3232
- <View
3233
- style={
3234
- Array [
3235
- Object {
3236
- "backgroundColor": "#000000CC",
3237
- },
3238
- Array [
3239
- Object {
3240
- "bottom": 0,
3241
- "left": 0,
3242
- "position": "absolute",
3243
- "right": 0,
3244
- "top": 0,
3245
- },
3246
- Object {
3247
- "height": 1334,
3248
- "width": 750,
3249
- },
3250
- ],
3251
- ]
3252
- }
3253
- />
3254
- </View>,
3255
- <View
3256
- containerHeight={1334}
3257
- enablePanDownToClose={true}
3258
- handleComponent={[Function]}
3259
- handleHeight={20}
3260
- index={-1}
3261
- onChange={[Function]}
3262
- snapPoints={
3263
- Array [
3264
- 308,
3265
- 1334,
3266
- ]
3267
- }
3268
- >
3269
- <RCTScrollView
3270
- contentContainerStyle={
3271
- Array [
3272
- Object {
3273
- "flexGrow": 1,
3274
- },
3275
- Object {
3276
- "backgroundColor": "#FFFFFF",
3277
- },
3278
- Object {},
3279
- Object {
3280
- "opacity": 1,
3281
- },
3282
- ]
3283
- }
3284
- data={Array []}
3285
- getItem={[Function]}
3286
- getItemCount={[Function]}
3287
- keyExtractor={[Function]}
3288
- onContentSizeChange={[Function]}
3289
- onEndReached={[Function]}
3290
- onLayout={[Function]}
3291
- onMomentumScrollBegin={[Function]}
3292
- onMomentumScrollEnd={[Function]}
3293
- onScroll={[Function]}
3294
- onScrollBeginDrag={[Function]}
3295
- onScrollEndDrag={[Function]}
3296
- removeClippedSubviews={false}
3297
- renderItem={[Function]}
3298
- scrollEventThrottle={50}
3299
- stickyHeaderIndices={Array []}
3300
- viewabilityConfigCallbackPairs={Array []}
3301
- >
3302
- <View />
3303
- </RCTScrollView>
3304
- </View>,
3305
- ]
3306
- `;
3307
-
3308
- exports[`FileUploadPreview should render FileUploadPreview with all uploading files 1`] = `
3309
- Array [
3310
- <View
3311
- keyboardVerticalOffset={86.5}
3312
- onLayout={[Function]}
3313
- style={
3314
- Object {
3315
- "paddingBottom": 0,
3316
- }
3317
- }
3318
- >
3319
- <View
3320
- style={
3321
- Object {
3322
- "height": "100%",
3323
- }
3324
- }
3325
- >
3326
- <RCTScrollView
3327
- data={
3328
- Array [
3329
- Object {
3330
- "file": Object {
3331
- "id": "file-upload-id-1",
3332
- "name": "dummy.pdf",
3333
- "state": "uploading",
3334
- "type": "file",
3335
- },
3336
- "id": "file-upload-id-1",
3337
- "state": "uploading",
3338
- },
3339
- Object {
3340
- "file": Object {
3341
- "id": "file-upload-id-2",
3342
- "name": "dummy.pdf",
3343
- "state": "uploading",
3344
- "type": "file",
3345
- },
3346
- "id": "file-upload-id-2",
3347
- "state": "uploading",
3348
- },
3349
- Object {
3350
- "file": Object {
3351
- "id": "file-upload-id-3",
3352
- "name": "dummy.pdf",
3353
- "state": "uploading",
3354
- "type": "file",
3355
- },
3356
- "id": "file-upload-id-3",
3357
- "state": "uploading",
3358
- },
3359
- ]
3360
- }
3361
- getItem={[Function]}
3362
- getItemCount={[Function]}
3363
- getItemLayout={[Function]}
3364
- keyExtractor={[Function]}
3365
- onContentSizeChange={[Function]}
3366
- onLayout={[Function]}
3367
- onMomentumScrollBegin={[Function]}
3368
- onMomentumScrollEnd={[Function]}
3369
- onScroll={[Function]}
3370
- onScrollBeginDrag={[Function]}
3371
- onScrollEndDrag={[Function]}
3372
- removeClippedSubviews={false}
3373
- renderItem={[Function]}
3374
- scrollEventThrottle={50}
3375
- stickyHeaderIndices={Array []}
3376
- style={
3377
- Array [
3378
- Object {
3379
- "marginBottom": 12,
3380
- "maxHeight": 166,
3381
- },
3382
- Object {},
3383
- ]
3384
- }
3385
- viewabilityConfigCallbackPairs={Array []}
3386
- >
3387
- <View>
3388
- <View
3389
- style={null}
3390
- >
3391
- <View
3392
- style={
3393
- Array [
3394
- Object {
3395
- "overflow": "hidden",
3396
- },
3397
- Object {
3398
- "borderRadius": 12,
3399
- "marginLeft": 8,
3400
- "marginRight": 8,
3401
- },
3402
- ]
3403
- }
3404
- testID="active-upload-progress-indicator"
3405
- >
3406
- <View
3407
- style={
3408
- Array [
3409
- Object {
3410
- "borderRadius": 12,
3411
- "borderWidth": 1,
3412
- "flexDirection": "row",
3413
- "height": 60,
3414
- "justifyContent": "space-between",
3415
- "marginBottom": 8,
3416
- "padding": 8,
3417
- },
3418
- Object {},
3419
- Object {
3420
- "borderColor": "#ECEBEB",
3421
- "width": -16,
3422
- },
3423
- Object {},
3424
- ]
3425
- }
3426
- >
3427
- <View
3428
- style={
3429
- Array [
3430
- Object {
3431
- "flexDirection": "row",
3432
- },
3433
- Object {},
3434
- ]
3435
- }
3436
- >
3437
- <RNSVGSvgView
3438
- align="xMidYMid"
3439
- bbHeight={40}
3440
- bbWidth={34}
3441
- focusable={false}
3442
- height={40}
3443
- meetOrSlice={0}
3444
- minX={0}
3445
- minY={0}
3446
- style={
3447
- Array [
3448
- Object {
3449
- "backgroundColor": "transparent",
3450
- "borderWidth": 0,
3451
- },
3452
- Object {
3453
- "flex": 0,
3454
- "height": 40,
3455
- "width": 34,
3456
- },
3457
- ]
3458
- }
3459
- vbHeight={40}
3460
- vbWidth={34}
3461
- width={34}
3462
- >
3463
- <RNSVGGroup>
3464
- <RNSVGPath
3465
- clipRule={0}
3466
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
3467
- fill={
3468
- Array [
3469
- 1,
3470
- "gradient",
3471
- ]
3472
- }
3473
- fillRule={0}
3474
- propList={
3475
- Array [
3476
- "fill",
3477
- "fillRule",
3478
- ]
3479
- }
3480
- />
3481
- <RNSVGPath
3482
- clipRule={0}
3483
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
3484
- fill={4291809231}
3485
- fillRule={0}
3486
- propList={
3487
- Array [
3488
- "fill",
3489
- "fillRule",
3490
- ]
3491
- }
3492
- />
3493
- <RNSVGPath
3494
- clipRule={0}
3495
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
3496
- fill={4292598747}
3497
- fillRule={0}
3498
- propList={
3499
- Array [
3500
- "fill",
3501
- "fillRule",
3502
- ]
3503
- }
3504
- />
3505
- <RNSVGDefs>
3506
- <RNSVGLinearGradient
3507
- gradient={
3508
- Array [
3509
- 0,
3510
- -1,
3511
- 1,
3512
- -2368549,
3513
- ]
3514
- }
3515
- gradientTransform={null}
3516
- gradientUnits={1}
3517
- name="gradient"
3518
- x1={0}
3519
- x2={0}
3520
- y1={0}
3521
- y2={40}
3522
- />
3523
- </RNSVGDefs>
3524
- </RNSVGGroup>
3525
- </RNSVGSvgView>
3526
- <View
3527
- style={
3528
- Array [
3529
- Object {
3530
- "height": "100%",
3531
- "justifyContent": "space-around",
3532
- },
3533
- Object {},
3534
- ]
3535
- }
3536
- >
3537
- <Text
3538
- numberOfLines={1}
3539
- style={
3540
- Array [
3541
- Object {
3542
- "fontSize": 14,
3543
- "fontWeight": "bold",
3544
- "paddingLeft": 10,
3545
- },
3546
- Object {
3547
- "color": "#000000",
3548
- "width": -104,
3549
- },
3550
- Object {},
3551
- ]
3552
- }
3553
- >
3554
- dummy.pdf
3555
- </Text>
3556
- <Text
3557
- style={
3558
- Array [
3559
- Object {
3560
- "fontSize": 12,
3561
- "paddingLeft": 10,
3562
- },
3563
- Object {
3564
- "color": "#7A7A7A",
3565
- },
3566
- Object {},
3567
- ]
3568
- }
3569
- />
3570
- </View>
3571
- </View>
3572
- </View>
3573
- <View
3574
- style={
3575
- Array [
3576
- Object {
3577
- "alignItems": "center",
3578
- "height": "100%",
3579
- "justifyContent": "center",
3580
- "opacity": 0,
3581
- "position": "absolute",
3582
- "width": "100%",
3583
- },
3584
- Object {
3585
- "backgroundColor": "#000000CC",
3586
- },
3587
- Object {},
3588
- ]
3589
- }
3590
- />
3591
- <View
3592
- style={
3593
- Array [
3594
- Object {
3595
- "alignItems": "center",
3596
- "height": "100%",
3597
- "justifyContent": "center",
3598
- "position": "absolute",
3599
- "width": "100%",
3600
- },
3601
- Object {
3602
- "backgroundColor": "#000000CC",
3603
- },
3604
- Object {},
3605
- ]
3606
- }
3607
- >
3608
- <View
3609
- style={
3610
- Object {
3611
- "alignItems": "center",
3612
- "bottom": 0,
3613
- "justifyContent": "center",
3614
- "left": 0,
3615
- "position": "absolute",
3616
- "right": 0,
3617
- "top": 0,
3618
- }
3619
- }
3620
- >
3621
- <ActivityIndicator
3622
- color="#F2F2F2"
3623
- testID="upload-progress-indicator"
3624
- />
3625
- </View>
3626
- </View>
3627
- </View>
3628
- <View
3629
- accessible={true}
3630
- collapsable={false}
3631
- focusable={true}
3632
- onClick={[Function]}
3633
- onResponderGrant={[Function]}
3634
- onResponderMove={[Function]}
3635
- onResponderRelease={[Function]}
3636
- onResponderTerminate={[Function]}
3637
- onResponderTerminationRequest={[Function]}
3638
- onStartShouldSetResponder={[Function]}
3639
- style={
3640
- Object {
3641
- "backgroundColor": "#000000CC",
3642
- "borderRadius": 24,
3643
- "height": 24,
3644
- "opacity": 1,
3645
- "position": "absolute",
3646
- "right": 14,
3647
- "top": 4,
3648
- "width": 24,
3649
- }
3650
- }
3651
- testID="remove-file-upload-preview"
3652
- >
3653
- <RNSVGSvgView
3654
- align="xMidYMid"
3655
- bbHeight={24}
3656
- bbWidth={24}
3657
- focusable={false}
3658
- height={24}
3659
- meetOrSlice={0}
3660
- minX={0}
3661
- minY={0}
3662
- style={
3663
- Array [
3664
- Object {
3665
- "backgroundColor": "transparent",
3666
- "borderWidth": 0,
3667
- },
3668
- Object {
3669
- "flex": 0,
3670
- "height": 24,
3671
- "width": 24,
3672
- },
3673
- ]
3674
- }
3675
- vbHeight={24}
3676
- vbWidth={24}
3677
- width={24}
3678
- >
3679
- <RNSVGGroup>
3680
- <RNSVGPath
3681
- clipRule={0}
3682
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
3683
- fill={4278190080}
3684
- fillRule={0}
3685
- propList={
3686
- Array [
3687
- "fill",
3688
- "fillRule",
3689
- ]
3690
- }
3691
- />
3692
- </RNSVGGroup>
3693
- </RNSVGSvgView>
3694
- </View>
3695
- </View>
3696
- <View
3697
- style={null}
3698
- >
3699
- <View
3700
- style={
3701
- Array [
3702
- Object {
3703
- "overflow": "hidden",
3704
- },
3705
- Object {
3706
- "borderRadius": 12,
3707
- "marginLeft": 8,
3708
- "marginRight": 8,
3709
- },
3710
- ]
3711
- }
3712
- testID="active-upload-progress-indicator"
3713
- >
3714
- <View
3715
- style={
3716
- Array [
3717
- Object {
3718
- "borderRadius": 12,
3719
- "borderWidth": 1,
3720
- "flexDirection": "row",
3721
- "height": 60,
3722
- "justifyContent": "space-between",
3723
- "marginBottom": 8,
3724
- "padding": 8,
3725
- },
3726
- Object {},
3727
- Object {
3728
- "borderColor": "#ECEBEB",
3729
- "width": -16,
3730
- },
3731
- Object {},
3732
- ]
3733
- }
3734
- >
3735
- <View
3736
- style={
3737
- Array [
3738
- Object {
3739
- "flexDirection": "row",
3740
- },
3741
- Object {},
3742
- ]
3743
- }
3744
- >
3745
- <RNSVGSvgView
3746
- align="xMidYMid"
3747
- bbHeight={40}
3748
- bbWidth={34}
3749
- focusable={false}
3750
- height={40}
3751
- meetOrSlice={0}
3752
- minX={0}
3753
- minY={0}
3754
- style={
3755
- Array [
3756
- Object {
3757
- "backgroundColor": "transparent",
3758
- "borderWidth": 0,
3759
- },
3760
- Object {
3761
- "flex": 0,
3762
- "height": 40,
3763
- "width": 34,
3764
- },
3765
- ]
3766
- }
3767
- vbHeight={40}
3768
- vbWidth={34}
3769
- width={34}
3770
- >
3771
- <RNSVGGroup>
3772
- <RNSVGPath
3773
- clipRule={0}
3774
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
3775
- fill={
3776
- Array [
3777
- 1,
3778
- "gradient",
3779
- ]
3780
- }
3781
- fillRule={0}
3782
- propList={
3783
- Array [
3784
- "fill",
3785
- "fillRule",
3786
- ]
3787
- }
3788
- />
3789
- <RNSVGPath
3790
- clipRule={0}
3791
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
3792
- fill={4291809231}
3793
- fillRule={0}
3794
- propList={
3795
- Array [
3796
- "fill",
3797
- "fillRule",
3798
- ]
3799
- }
3800
- />
3801
- <RNSVGPath
3802
- clipRule={0}
3803
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
3804
- fill={4292598747}
3805
- fillRule={0}
3806
- propList={
3807
- Array [
3808
- "fill",
3809
- "fillRule",
3810
- ]
3811
- }
3812
- />
3813
- <RNSVGDefs>
3814
- <RNSVGLinearGradient
3815
- gradient={
3816
- Array [
3817
- 0,
3818
- -1,
3819
- 1,
3820
- -2368549,
3821
- ]
3822
- }
3823
- gradientTransform={null}
3824
- gradientUnits={1}
3825
- name="gradient"
3826
- x1={0}
3827
- x2={0}
3828
- y1={0}
3829
- y2={40}
3830
- />
3831
- </RNSVGDefs>
3832
- </RNSVGGroup>
3833
- </RNSVGSvgView>
3834
- <View
3835
- style={
3836
- Array [
3837
- Object {
3838
- "height": "100%",
3839
- "justifyContent": "space-around",
3840
- },
3841
- Object {},
3842
- ]
3843
- }
3844
- >
3845
- <Text
3846
- numberOfLines={1}
3847
- style={
3848
- Array [
3849
- Object {
3850
- "fontSize": 14,
3851
- "fontWeight": "bold",
3852
- "paddingLeft": 10,
3853
- },
3854
- Object {
3855
- "color": "#000000",
3856
- "width": -104,
3857
- },
3858
- Object {},
3859
- ]
3860
- }
3861
- >
3862
- dummy.pdf
3863
- </Text>
3864
- <Text
3865
- style={
3866
- Array [
3867
- Object {
3868
- "fontSize": 12,
3869
- "paddingLeft": 10,
3870
- },
3871
- Object {
3872
- "color": "#7A7A7A",
3873
- },
3874
- Object {},
3875
- ]
3876
- }
3877
- />
3878
- </View>
3879
- </View>
3880
- </View>
3881
- <View
3882
- style={
3883
- Array [
3884
- Object {
3885
- "alignItems": "center",
3886
- "height": "100%",
3887
- "justifyContent": "center",
3888
- "opacity": 0,
3889
- "position": "absolute",
3890
- "width": "100%",
3891
- },
3892
- Object {
3893
- "backgroundColor": "#000000CC",
3894
- },
3895
- Object {},
3896
- ]
3897
- }
3898
- />
3899
- <View
3900
- style={
3901
- Array [
3902
- Object {
3903
- "alignItems": "center",
3904
- "height": "100%",
3905
- "justifyContent": "center",
3906
- "position": "absolute",
3907
- "width": "100%",
3908
- },
3909
- Object {
3910
- "backgroundColor": "#000000CC",
3911
- },
3912
- Object {},
3913
- ]
3914
- }
3915
- >
3916
- <View
3917
- style={
3918
- Object {
3919
- "alignItems": "center",
3920
- "bottom": 0,
3921
- "justifyContent": "center",
3922
- "left": 0,
3923
- "position": "absolute",
3924
- "right": 0,
3925
- "top": 0,
3926
- }
3927
- }
3928
- >
3929
- <ActivityIndicator
3930
- color="#F2F2F2"
3931
- testID="upload-progress-indicator"
3932
- />
3933
- </View>
3934
- </View>
3935
- </View>
3936
- <View
3937
- accessible={true}
3938
- collapsable={false}
3939
- focusable={true}
3940
- onClick={[Function]}
3941
- onResponderGrant={[Function]}
3942
- onResponderMove={[Function]}
3943
- onResponderRelease={[Function]}
3944
- onResponderTerminate={[Function]}
3945
- onResponderTerminationRequest={[Function]}
3946
- onStartShouldSetResponder={[Function]}
3947
- style={
3948
- Object {
3949
- "backgroundColor": "#000000CC",
3950
- "borderRadius": 24,
3951
- "height": 24,
3952
- "opacity": 1,
3953
- "position": "absolute",
3954
- "right": 14,
3955
- "top": 4,
3956
- "width": 24,
3957
- }
3958
- }
3959
- testID="remove-file-upload-preview"
3960
- >
3961
- <RNSVGSvgView
3962
- align="xMidYMid"
3963
- bbHeight={24}
3964
- bbWidth={24}
3965
- focusable={false}
3966
- height={24}
3967
- meetOrSlice={0}
3968
- minX={0}
3969
- minY={0}
3970
- style={
3971
- Array [
3972
- Object {
3973
- "backgroundColor": "transparent",
3974
- "borderWidth": 0,
3975
- },
3976
- Object {
3977
- "flex": 0,
3978
- "height": 24,
3979
- "width": 24,
3980
- },
3981
- ]
3982
- }
3983
- vbHeight={24}
3984
- vbWidth={24}
3985
- width={24}
3986
- >
3987
- <RNSVGGroup>
3988
- <RNSVGPath
3989
- clipRule={0}
3990
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
3991
- fill={4278190080}
3992
- fillRule={0}
3993
- propList={
3994
- Array [
3995
- "fill",
3996
- "fillRule",
3997
- ]
3998
- }
3999
- />
4000
- </RNSVGGroup>
4001
- </RNSVGSvgView>
4002
- </View>
4003
- </View>
4004
- <View
4005
- style={null}
4006
- >
4007
- <View
4008
- style={
4009
- Array [
4010
- Object {
4011
- "overflow": "hidden",
4012
- },
4013
- Object {
4014
- "borderRadius": 12,
4015
- "marginLeft": 8,
4016
- "marginRight": 8,
4017
- },
4018
- ]
4019
- }
4020
- testID="active-upload-progress-indicator"
4021
- >
4022
- <View
4023
- style={
4024
- Array [
4025
- Object {
4026
- "borderRadius": 12,
4027
- "borderWidth": 1,
4028
- "flexDirection": "row",
4029
- "height": 60,
4030
- "justifyContent": "space-between",
4031
- "marginBottom": 8,
4032
- "padding": 8,
4033
- },
4034
- Object {
4035
- "marginBottom": 0,
4036
- },
4037
- Object {
4038
- "borderColor": "#ECEBEB",
4039
- "width": -16,
4040
- },
4041
- Object {},
4042
- ]
4043
- }
4044
- >
4045
- <View
4046
- style={
4047
- Array [
4048
- Object {
4049
- "flexDirection": "row",
4050
- },
4051
- Object {},
4052
- ]
4053
- }
4054
- >
4055
- <RNSVGSvgView
4056
- align="xMidYMid"
4057
- bbHeight={40}
4058
- bbWidth={34}
4059
- focusable={false}
4060
- height={40}
4061
- meetOrSlice={0}
4062
- minX={0}
4063
- minY={0}
4064
- style={
4065
- Array [
4066
- Object {
4067
- "backgroundColor": "transparent",
4068
- "borderWidth": 0,
4069
- },
4070
- Object {
4071
- "flex": 0,
4072
- "height": 40,
4073
- "width": 34,
4074
- },
4075
- ]
4076
- }
4077
- vbHeight={40}
4078
- vbWidth={34}
4079
- width={34}
4080
- >
4081
- <RNSVGGroup>
4082
- <RNSVGPath
4083
- clipRule={0}
4084
- d="M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z"
4085
- fill={
4086
- Array [
4087
- 1,
4088
- "gradient",
4089
- ]
4090
- }
4091
- fillRule={0}
4092
- propList={
4093
- Array [
4094
- "fill",
4095
- "fillRule",
4096
- ]
4097
- }
4098
- />
4099
- <RNSVGPath
4100
- clipRule={0}
4101
- d="M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z"
4102
- fill={4291809231}
4103
- fillRule={0}
4104
- propList={
4105
- Array [
4106
- "fill",
4107
- "fillRule",
4108
- ]
4109
- }
4110
- />
4111
- <RNSVGPath
4112
- clipRule={0}
4113
- d="M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z"
4114
- fill={4292598747}
4115
- fillRule={0}
4116
- propList={
4117
- Array [
4118
- "fill",
4119
- "fillRule",
4120
- ]
4121
- }
4122
- />
4123
- <RNSVGDefs>
4124
- <RNSVGLinearGradient
4125
- gradient={
4126
- Array [
4127
- 0,
4128
- -1,
4129
- 1,
4130
- -2368549,
4131
- ]
4132
- }
4133
- gradientTransform={null}
4134
- gradientUnits={1}
4135
- name="gradient"
4136
- x1={0}
4137
- x2={0}
4138
- y1={0}
4139
- y2={40}
4140
- />
4141
- </RNSVGDefs>
4142
- </RNSVGGroup>
4143
- </RNSVGSvgView>
4144
- <View
4145
- style={
4146
- Array [
4147
- Object {
4148
- "height": "100%",
4149
- "justifyContent": "space-around",
4150
- },
4151
- Object {},
4152
- ]
4153
- }
4154
- >
4155
- <Text
4156
- numberOfLines={1}
4157
- style={
4158
- Array [
4159
- Object {
4160
- "fontSize": 14,
4161
- "fontWeight": "bold",
4162
- "paddingLeft": 10,
4163
- },
4164
- Object {
4165
- "color": "#000000",
4166
- "width": -104,
4167
- },
4168
- Object {},
4169
- ]
4170
- }
4171
- >
4172
- dummy.pdf
4173
- </Text>
4174
- <Text
4175
- style={
4176
- Array [
4177
- Object {
4178
- "fontSize": 12,
4179
- "paddingLeft": 10,
4180
- },
4181
- Object {
4182
- "color": "#7A7A7A",
4183
- },
4184
- Object {},
4185
- ]
4186
- }
4187
- />
4188
- </View>
4189
- </View>
4190
- </View>
4191
- <View
4192
- style={
4193
- Array [
4194
- Object {
4195
- "alignItems": "center",
4196
- "height": "100%",
4197
- "justifyContent": "center",
4198
- "opacity": 0,
4199
- "position": "absolute",
4200
- "width": "100%",
4201
- },
4202
- Object {
4203
- "backgroundColor": "#000000CC",
4204
- },
4205
- Object {},
4206
- ]
4207
- }
4208
- />
4209
- <View
4210
- style={
4211
- Array [
4212
- Object {
4213
- "alignItems": "center",
4214
- "height": "100%",
4215
- "justifyContent": "center",
4216
- "position": "absolute",
4217
- "width": "100%",
4218
- },
4219
- Object {
4220
- "backgroundColor": "#000000CC",
4221
- },
4222
- Object {},
4223
- ]
4224
- }
4225
- >
4226
- <View
4227
- style={
4228
- Object {
4229
- "alignItems": "center",
4230
- "bottom": 0,
4231
- "justifyContent": "center",
4232
- "left": 0,
4233
- "position": "absolute",
4234
- "right": 0,
4235
- "top": 0,
4236
- }
4237
- }
4238
- >
4239
- <ActivityIndicator
4240
- color="#F2F2F2"
4241
- testID="upload-progress-indicator"
4242
- />
4243
- </View>
4244
- </View>
4245
- </View>
4246
- <View
4247
- accessible={true}
4248
- collapsable={false}
4249
- focusable={true}
4250
- onClick={[Function]}
4251
- onResponderGrant={[Function]}
4252
- onResponderMove={[Function]}
4253
- onResponderRelease={[Function]}
4254
- onResponderTerminate={[Function]}
4255
- onResponderTerminationRequest={[Function]}
4256
- onStartShouldSetResponder={[Function]}
4257
- style={
4258
- Object {
4259
- "backgroundColor": "#000000CC",
4260
- "borderRadius": 24,
4261
- "height": 24,
4262
- "opacity": 1,
4263
- "position": "absolute",
4264
- "right": 14,
4265
- "top": 4,
4266
- "width": 24,
4267
- }
4268
- }
4269
- testID="remove-file-upload-preview"
4270
- >
4271
- <RNSVGSvgView
4272
- align="xMidYMid"
4273
- bbHeight={24}
4274
- bbWidth={24}
4275
- focusable={false}
4276
- height={24}
4277
- meetOrSlice={0}
4278
- minX={0}
4279
- minY={0}
4280
- style={
4281
- Array [
4282
- Object {
4283
- "backgroundColor": "transparent",
4284
- "borderWidth": 0,
4285
- },
4286
- Object {
4287
- "flex": 0,
4288
- "height": 24,
4289
- "width": 24,
4290
- },
4291
- ]
4292
- }
4293
- vbHeight={24}
4294
- vbWidth={24}
4295
- width={24}
4296
- >
4297
- <RNSVGGroup>
4298
- <RNSVGPath
4299
- clipRule={0}
4300
- d="M7.05 7.05a1 1 0 000 1.414L10.586 12 7.05 15.536a1 1 0 101.414 1.414L12 13.414l3.536 3.536a1 1 0 001.414-1.414L13.414 12l3.536-3.536a1 1 0 00-1.414-1.414L12 10.586 8.464 7.05a1 1 0 00-1.414 0z"
4301
- fill={4278190080}
4302
- fillRule={0}
4303
- propList={
4304
- Array [
4305
- "fill",
4306
- "fillRule",
4307
- ]
4308
- }
4309
- />
4310
- </RNSVGGroup>
4311
- </RNSVGSvgView>
4312
- </View>
4313
- </View>
4314
- </View>
4315
- </RCTScrollView>
4316
- </View>
4317
- </View>,
4318
- <View
4319
- animatedStyle={
4320
- Object {
4321
- "value": Object {
4322
- "opacity": 0,
4323
- },
4324
- }
4325
- }
4326
- collapsable={false}
4327
- pointerEvents="none"
4328
- style={
4329
- Object {
4330
- "bottom": 0,
4331
- "left": 0,
4332
- "opacity": 0,
4333
- "position": "absolute",
4334
- "right": 0,
4335
- "top": 0,
4336
- }
4337
- }
4338
- >
4339
- <View
4340
- style={
4341
- Array [
4342
- Object {
4343
- "backgroundColor": "#000000CC",
4344
- },
4345
- Array [
4346
- Object {
4347
- "bottom": 0,
4348
- "left": 0,
4349
- "position": "absolute",
4350
- "right": 0,
4351
- "top": 0,
4352
- },
4353
- Object {
4354
- "height": 1334,
4355
- "width": 750,
4356
- },
4357
- ],
4358
- ]
4359
- }
4360
- />
4361
- </View>,
4362
- <View
4363
- containerHeight={1334}
4364
- enablePanDownToClose={true}
4365
- handleComponent={[Function]}
4366
- handleHeight={20}
4367
- index={-1}
4368
- onChange={[Function]}
4369
- snapPoints={
4370
- Array [
4371
- 308,
4372
- 1334,
4373
- ]
4374
- }
4375
- >
4376
- <RCTScrollView
4377
- contentContainerStyle={
4378
- Array [
4379
- Object {
4380
- "flexGrow": 1,
4381
- },
4382
- Object {
4383
- "backgroundColor": "#FFFFFF",
4384
- },
4385
- Object {},
4386
- Object {
4387
- "opacity": 1,
4388
- },
4389
- ]
4390
- }
4391
- data={Array []}
4392
- getItem={[Function]}
4393
- getItemCount={[Function]}
4394
- keyExtractor={[Function]}
4395
- onContentSizeChange={[Function]}
4396
- onEndReached={[Function]}
4397
- onLayout={[Function]}
4398
- onMomentumScrollBegin={[Function]}
4399
- onMomentumScrollEnd={[Function]}
4400
- onScroll={[Function]}
4401
- onScrollBeginDrag={[Function]}
4402
- onScrollEndDrag={[Function]}
4403
- removeClippedSubviews={false}
4404
- renderItem={[Function]}
4405
- scrollEventThrottle={50}
4406
- stickyHeaderIndices={Array []}
4407
- viewabilityConfigCallbackPairs={Array []}
4408
- >
4409
- <View />
4410
- </RCTScrollView>
4411
- </View>,
4412
- ]
4413
- `;