@oxyhq/services 22.6.1 → 22.6.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 (72) hide show
  1. package/lib/commonjs/ui/components/fileManagement/FileViewer.js +99 -77
  2. package/lib/commonjs/ui/components/fileManagement/FileViewer.js.map +1 -1
  3. package/lib/commonjs/ui/components/fileManagement/UploadPreview.js +33 -40
  4. package/lib/commonjs/ui/components/fileManagement/UploadPreview.js.map +1 -1
  5. package/lib/commonjs/ui/components/photogrid/JustifiedPhotoGrid.js +92 -88
  6. package/lib/commonjs/ui/components/photogrid/JustifiedPhotoGrid.js.map +1 -1
  7. package/lib/commonjs/ui/screens/FileManagementScreen.js +169 -310
  8. package/lib/commonjs/ui/screens/FileManagementScreen.js.map +1 -1
  9. package/lib/commonjs/ui/screens/fileManagement/FileListSection.js +17 -14
  10. package/lib/commonjs/ui/screens/fileManagement/FileListSection.js.map +1 -1
  11. package/lib/commonjs/ui/screens/fileManagement/PhotoPickerSection.js +16 -20
  12. package/lib/commonjs/ui/screens/fileManagement/PhotoPickerSection.js.map +1 -1
  13. package/lib/commonjs/ui/screens/fileManagement/UploadBar.js +29 -12
  14. package/lib/commonjs/ui/screens/fileManagement/UploadBar.js.map +1 -1
  15. package/lib/commonjs/ui/server.js +1 -1
  16. package/lib/commonjs/ui/server.js.map +1 -1
  17. package/lib/module/ui/components/fileManagement/FileViewer.js +100 -78
  18. package/lib/module/ui/components/fileManagement/FileViewer.js.map +1 -1
  19. package/lib/module/ui/components/fileManagement/UploadPreview.js +34 -41
  20. package/lib/module/ui/components/fileManagement/UploadPreview.js.map +1 -1
  21. package/lib/module/ui/components/photogrid/JustifiedPhotoGrid.js +94 -90
  22. package/lib/module/ui/components/photogrid/JustifiedPhotoGrid.js.map +1 -1
  23. package/lib/module/ui/screens/FileManagementScreen.js +171 -313
  24. package/lib/module/ui/screens/FileManagementScreen.js.map +1 -1
  25. package/lib/module/ui/screens/fileManagement/FileListSection.js +17 -14
  26. package/lib/module/ui/screens/fileManagement/FileListSection.js.map +1 -1
  27. package/lib/module/ui/screens/fileManagement/PhotoPickerSection.js +17 -21
  28. package/lib/module/ui/screens/fileManagement/PhotoPickerSection.js.map +1 -1
  29. package/lib/module/ui/screens/fileManagement/UploadBar.js +30 -13
  30. package/lib/module/ui/screens/fileManagement/UploadBar.js.map +1 -1
  31. package/lib/module/ui/server.js +1 -1
  32. package/lib/module/ui/server.js.map +1 -1
  33. package/lib/typescript/commonjs/ui/components/fileManagement/FileViewer.d.ts.map +1 -1
  34. package/lib/typescript/commonjs/ui/components/fileManagement/UploadPreview.d.ts.map +1 -1
  35. package/lib/typescript/commonjs/ui/components/photogrid/JustifiedPhotoGrid.d.ts.map +1 -1
  36. package/lib/typescript/commonjs/ui/hooks/mutations/useAccountMutations.d.ts +2 -2
  37. package/lib/typescript/commonjs/ui/hooks/mutations/useAccountMutations.d.ts.map +1 -1
  38. package/lib/typescript/commonjs/ui/screens/FileManagementScreen.d.ts.map +1 -1
  39. package/lib/typescript/commonjs/ui/screens/fileManagement/FileListSection.d.ts.map +1 -1
  40. package/lib/typescript/commonjs/ui/screens/fileManagement/PhotoPickerSection.d.ts.map +1 -1
  41. package/lib/typescript/commonjs/ui/screens/fileManagement/UploadBar.d.ts.map +1 -1
  42. package/lib/typescript/commonjs/ui/server.d.ts +1 -1
  43. package/lib/typescript/commonjs/ui/server.d.ts.map +1 -1
  44. package/lib/typescript/module/ui/components/fileManagement/FileViewer.d.ts.map +1 -1
  45. package/lib/typescript/module/ui/components/fileManagement/UploadPreview.d.ts.map +1 -1
  46. package/lib/typescript/module/ui/components/photogrid/JustifiedPhotoGrid.d.ts.map +1 -1
  47. package/lib/typescript/module/ui/hooks/mutations/useAccountMutations.d.ts +2 -2
  48. package/lib/typescript/module/ui/hooks/mutations/useAccountMutations.d.ts.map +1 -1
  49. package/lib/typescript/module/ui/screens/FileManagementScreen.d.ts.map +1 -1
  50. package/lib/typescript/module/ui/screens/fileManagement/FileListSection.d.ts.map +1 -1
  51. package/lib/typescript/module/ui/screens/fileManagement/PhotoPickerSection.d.ts.map +1 -1
  52. package/lib/typescript/module/ui/screens/fileManagement/UploadBar.d.ts.map +1 -1
  53. package/lib/typescript/module/ui/server.d.ts +1 -1
  54. package/lib/typescript/module/ui/server.d.ts.map +1 -1
  55. package/package.json +1 -1
  56. package/src/ui/components/fileManagement/FileViewer.tsx +82 -68
  57. package/src/ui/components/fileManagement/UploadPreview.tsx +34 -29
  58. package/src/ui/components/photogrid/JustifiedPhotoGrid.tsx +14 -12
  59. package/src/ui/screens/FileManagementScreen.tsx +123 -300
  60. package/src/ui/screens/fileManagement/FileListSection.tsx +10 -10
  61. package/src/ui/screens/fileManagement/PhotoPickerSection.tsx +16 -19
  62. package/src/ui/screens/fileManagement/UploadBar.tsx +29 -14
  63. package/src/ui/server.ts +1 -1
  64. package/lib/commonjs/ui/components/fileManagement/styles.js +0 -832
  65. package/lib/commonjs/ui/components/fileManagement/styles.js.map +0 -1
  66. package/lib/module/ui/components/fileManagement/styles.js +0 -828
  67. package/lib/module/ui/components/fileManagement/styles.js.map +0 -1
  68. package/lib/typescript/commonjs/ui/components/fileManagement/styles.d.ts +0 -825
  69. package/lib/typescript/commonjs/ui/components/fileManagement/styles.d.ts.map +0 -1
  70. package/lib/typescript/module/ui/components/fileManagement/styles.d.ts +0 -825
  71. package/lib/typescript/module/ui/components/fileManagement/styles.d.ts.map +0 -1
  72. package/src/ui/components/fileManagement/styles.ts +0 -823
@@ -1,825 +0,0 @@
1
- export declare const fileManagementStyles: {
2
- container: {
3
- flex: number;
4
- };
5
- selectionBadge: {
6
- position: "absolute";
7
- top: number;
8
- right: number;
9
- backgroundColor: string;
10
- borderRadius: number;
11
- padding: number;
12
- };
13
- loadingMoreBar: {
14
- flexDirection: "row";
15
- alignItems: "center";
16
- justifyContent: "center";
17
- paddingVertical: number;
18
- gap: number;
19
- };
20
- loadingMoreText: {
21
- fontSize: number;
22
- fontWeight: "500";
23
- };
24
- header: {
25
- flexDirection: "row";
26
- alignItems: "center";
27
- justifyContent: "space-between";
28
- paddingHorizontal: number;
29
- paddingVertical: number;
30
- borderBottomWidth: number;
31
- position: "relative";
32
- };
33
- backButton: {
34
- padding: number;
35
- borderRadius: number;
36
- alignItems: "center";
37
- justifyContent: "center";
38
- minWidth: number;
39
- minHeight: number;
40
- };
41
- headerTitleContainer: {
42
- flex: number;
43
- alignItems: "center";
44
- justifyContent: "center";
45
- marginHorizontal: number;
46
- };
47
- headerTitle: {
48
- fontSize: number;
49
- fontWeight: "700";
50
- letterSpacing: number;
51
- lineHeight: number;
52
- };
53
- headerSubtitle: {
54
- fontSize: number;
55
- fontWeight: "500";
56
- marginTop: number;
57
- letterSpacing: number;
58
- };
59
- uploadButton: {
60
- width: number;
61
- height: number;
62
- borderRadius: number;
63
- alignItems: "center";
64
- justifyContent: "center";
65
- };
66
- /**
67
- * Expanded variant of the upload button shown in image-only picker mode,
68
- * where surfacing "Upload" prominently helps users when they have no files.
69
- */
70
- uploadButtonExtended: {
71
- width: "auto";
72
- minWidth: number;
73
- paddingHorizontal: number;
74
- };
75
- uploadButtonContent: {
76
- flexDirection: "row";
77
- alignItems: "center";
78
- gap: number;
79
- };
80
- uploadButtonLabel: {
81
- color: string;
82
- fontSize: number;
83
- fontWeight: "600";
84
- };
85
- uploadProgress: {
86
- alignItems: "center";
87
- justifyContent: "center";
88
- };
89
- uploadProgressText: {
90
- color: string;
91
- fontSize: number;
92
- fontWeight: "600";
93
- marginTop: number;
94
- };
95
- uploadBannerContainer: {
96
- position: "absolute";
97
- top: number;
98
- left: number;
99
- right: number;
100
- alignItems: "center";
101
- zIndex: number;
102
- };
103
- uploadBanner: {
104
- flexDirection: "row";
105
- alignItems: "center";
106
- paddingHorizontal: number;
107
- paddingVertical: number;
108
- borderRadius: number;
109
- gap: number;
110
- borderWidth: number;
111
- shadowColor: string;
112
- shadowOpacity: number;
113
- shadowRadius: number;
114
- shadowOffset: {
115
- width: number;
116
- height: number;
117
- };
118
- elevation: number;
119
- minWidth: number;
120
- };
121
- uploadBannerContent: {
122
- flex: number;
123
- gap: number;
124
- };
125
- uploadBannerText: {
126
- fontSize: number;
127
- fontWeight: "500";
128
- };
129
- uploadProgressBarContainer: {
130
- height: number;
131
- backgroundColor: string;
132
- borderRadius: number;
133
- overflow: "hidden";
134
- };
135
- uploadProgressBar: {
136
- height: "100%";
137
- borderRadius: number;
138
- };
139
- searchContainer: {
140
- flexDirection: "row";
141
- alignItems: "center";
142
- paddingHorizontal: number;
143
- paddingVertical: number;
144
- marginHorizontal: number;
145
- marginTop: number;
146
- marginBottom: number;
147
- borderRadius: number;
148
- gap: number;
149
- };
150
- searchInput: {
151
- flex: number;
152
- fontSize: number;
153
- lineHeight: number;
154
- };
155
- searchClearButton: {
156
- padding: number;
157
- borderRadius: number;
158
- alignItems: "center";
159
- justifyContent: "center";
160
- };
161
- statsContainer: {
162
- flexDirection: "row";
163
- paddingHorizontal: number;
164
- paddingVertical: number;
165
- marginHorizontal: number;
166
- marginTop: number;
167
- marginBottom: number;
168
- borderRadius: number;
169
- };
170
- statItem: {
171
- flex: number;
172
- alignItems: "center";
173
- paddingVertical: number;
174
- };
175
- statValue: {
176
- fontSize: number;
177
- fontWeight: "800";
178
- letterSpacing: number;
179
- lineHeight: number;
180
- };
181
- statLabel: {
182
- fontSize: number;
183
- fontWeight: "500";
184
- marginTop: number;
185
- letterSpacing: number;
186
- };
187
- scrollView: {
188
- flex: number;
189
- };
190
- scrollContainer: {
191
- paddingHorizontal: number;
192
- paddingTop: number;
193
- paddingBottom: number;
194
- };
195
- fileItem: {
196
- flexDirection: "row";
197
- alignItems: "center";
198
- padding: number;
199
- marginBottom: number;
200
- borderRadius: number;
201
- borderWidth: number;
202
- };
203
- fileContent: {
204
- flexDirection: "row";
205
- alignItems: "center";
206
- flex: number;
207
- };
208
- fileIconContainer: {
209
- width: number;
210
- height: number;
211
- alignItems: "center";
212
- justifyContent: "center";
213
- marginRight: number;
214
- };
215
- filePreviewContainer: {
216
- width: number;
217
- height: number;
218
- marginRight: number;
219
- };
220
- filePreview: {
221
- width: "100%";
222
- height: "100%";
223
- borderRadius: number;
224
- backgroundColor: string;
225
- alignItems: "center";
226
- justifyContent: "center";
227
- overflow: "hidden";
228
- position: "relative";
229
- };
230
- previewImage: {
231
- width: "100%";
232
- height: "100%";
233
- borderRadius: number;
234
- };
235
- pdfPreview: {
236
- alignItems: "center";
237
- justifyContent: "center";
238
- width: "100%";
239
- height: "100%";
240
- backgroundColor: string;
241
- };
242
- pdfLabel: {
243
- fontSize: number;
244
- fontWeight: "bold";
245
- marginTop: number;
246
- };
247
- videoPreviewWrapper: {
248
- width: "100%";
249
- height: "100%";
250
- borderRadius: number;
251
- overflow: "hidden";
252
- backgroundColor: string;
253
- alignItems: "center";
254
- justifyContent: "center";
255
- };
256
- videoPosterImage: {
257
- position: "absolute";
258
- top: number;
259
- left: number;
260
- right: number;
261
- bottom: number;
262
- width: "100%";
263
- height: "100%";
264
- };
265
- videoOverlay: {
266
- position: "absolute";
267
- top: number;
268
- left: number;
269
- right: number;
270
- bottom: number;
271
- alignItems: "center";
272
- justifyContent: "center";
273
- backgroundColor: string;
274
- };
275
- fallbackIcon: {
276
- position: "absolute";
277
- top: number;
278
- left: number;
279
- right: number;
280
- bottom: number;
281
- alignItems: "center";
282
- justifyContent: "center";
283
- backgroundColor: string;
284
- borderRadius: number;
285
- };
286
- groupedActions: {
287
- flexDirection: "row";
288
- alignItems: "center";
289
- gap: number;
290
- marginLeft: number;
291
- };
292
- groupedActionBtn: {
293
- width: number;
294
- height: number;
295
- borderRadius: number;
296
- alignItems: "center";
297
- justifyContent: "center";
298
- };
299
- groupedDescription: {
300
- fontSize: number;
301
- lineHeight: number;
302
- marginTop: number;
303
- };
304
- fileInfo: {
305
- flex: number;
306
- };
307
- fileName: {
308
- fontSize: number;
309
- fontWeight: "600";
310
- marginBottom: number;
311
- };
312
- fileDetails: {
313
- fontSize: number;
314
- marginBottom: number;
315
- };
316
- fileDescription: {
317
- fontSize: number;
318
- fontStyle: "italic";
319
- };
320
- fileActions: {
321
- flexDirection: "row";
322
- gap: number;
323
- };
324
- actionButton: {
325
- width: number;
326
- height: number;
327
- borderRadius: number;
328
- alignItems: "center";
329
- justifyContent: "center";
330
- };
331
- emptyState: {
332
- alignItems: "center";
333
- paddingVertical: number;
334
- paddingHorizontal: number;
335
- };
336
- emptyStateTitle: {
337
- fontSize: number;
338
- fontWeight: "bold";
339
- marginTop: number;
340
- marginBottom: number;
341
- };
342
- emptyStateDescription: {
343
- fontSize: number;
344
- textAlign: "center";
345
- lineHeight: number;
346
- marginBottom: number;
347
- };
348
- emptyStateButton: {
349
- flexDirection: "row";
350
- alignItems: "center";
351
- paddingHorizontal: number;
352
- paddingVertical: number;
353
- borderRadius: number;
354
- gap: number;
355
- };
356
- emptyStateButtonText: {
357
- color: string;
358
- fontSize: number;
359
- fontWeight: "600";
360
- };
361
- modalContainer: {
362
- flex: number;
363
- };
364
- modalHeader: {
365
- flexDirection: "row";
366
- alignItems: "center";
367
- justifyContent: "space-between";
368
- paddingHorizontal: number;
369
- paddingVertical: number;
370
- borderBottomWidth: number;
371
- };
372
- modalCloseButton: {
373
- padding: number;
374
- };
375
- modalTitle: {
376
- fontSize: number;
377
- fontWeight: "600";
378
- };
379
- modalPlaceholder: {
380
- width: number;
381
- };
382
- modalContent: {
383
- flex: number;
384
- padding: number;
385
- };
386
- modalActions: {
387
- flexDirection: "row";
388
- gap: number;
389
- width: "100%";
390
- };
391
- modalActionButton: {
392
- flex: number;
393
- flexDirection: "row";
394
- alignItems: "center";
395
- justifyContent: "center";
396
- paddingVertical: number;
397
- borderRadius: number;
398
- gap: number;
399
- };
400
- modalActionText: {
401
- color: string;
402
- fontSize: number;
403
- fontWeight: "600";
404
- };
405
- uploadPreviewContainer: {
406
- flex: number;
407
- };
408
- uploadPreviewHeader: {
409
- flexDirection: "row";
410
- alignItems: "center";
411
- justifyContent: "space-between";
412
- paddingHorizontal: number;
413
- paddingVertical: number;
414
- borderBottomWidth: number;
415
- };
416
- uploadPreviewTitle: {
417
- fontSize: number;
418
- fontWeight: "700";
419
- };
420
- uploadPreviewList: {
421
- flex: number;
422
- padding: number;
423
- };
424
- uploadPreviewItem: {
425
- flexDirection: "row";
426
- alignItems: "center";
427
- padding: number;
428
- borderRadius: number;
429
- borderWidth: number;
430
- marginBottom: number;
431
- gap: number;
432
- };
433
- uploadPreviewThumbnail: {
434
- width: number;
435
- height: number;
436
- borderRadius: number;
437
- };
438
- uploadPreviewIconContainer: {
439
- width: number;
440
- height: number;
441
- borderRadius: number;
442
- alignItems: "center";
443
- justifyContent: "center";
444
- };
445
- uploadPreviewInfo: {
446
- flex: number;
447
- minWidth: number;
448
- };
449
- uploadPreviewName: {
450
- fontSize: number;
451
- fontWeight: "600";
452
- marginBottom: number;
453
- };
454
- uploadPreviewMeta: {
455
- fontSize: number;
456
- };
457
- uploadPreviewRemove: {
458
- padding: number;
459
- };
460
- uploadPreviewFooter: {
461
- padding: number;
462
- borderTopWidth: number;
463
- };
464
- uploadPreviewStats: {
465
- flexDirection: "row";
466
- justifyContent: "space-between";
467
- marginBottom: number;
468
- };
469
- uploadPreviewStatsText: {
470
- fontSize: number;
471
- fontWeight: "600";
472
- };
473
- uploadPreviewActions: {
474
- flexDirection: "row";
475
- gap: number;
476
- };
477
- uploadPreviewCancelButton: {
478
- flex: number;
479
- paddingVertical: number;
480
- borderRadius: number;
481
- borderWidth: number;
482
- alignItems: "center";
483
- justifyContent: "center";
484
- };
485
- uploadPreviewCancelText: {
486
- fontSize: number;
487
- fontWeight: "600";
488
- };
489
- uploadPreviewConfirmButton: {
490
- flex: number;
491
- flexDirection: "row";
492
- alignItems: "center";
493
- justifyContent: "center";
494
- paddingVertical: number;
495
- borderRadius: number;
496
- gap: number;
497
- };
498
- uploadPreviewConfirmText: {
499
- color: string;
500
- fontSize: number;
501
- fontWeight: "600";
502
- };
503
- fileViewerContainer: {
504
- flex: number;
505
- position: "relative";
506
- };
507
- backgroundImage: {
508
- position: "absolute";
509
- top: number;
510
- left: number;
511
- right: number;
512
- bottom: number;
513
- width: "100%";
514
- height: "100%";
515
- zIndex: number;
516
- };
517
- backgroundOverlay: {
518
- position: "absolute";
519
- top: number;
520
- left: number;
521
- right: number;
522
- bottom: number;
523
- zIndex: number;
524
- };
525
- fileViewerHeader: {
526
- flexDirection: "row";
527
- alignItems: "center";
528
- paddingHorizontal: number;
529
- paddingVertical: number;
530
- borderBottomWidth: number;
531
- position: "relative";
532
- zIndex: number;
533
- };
534
- fileViewerTitleContainer: {
535
- flex: number;
536
- marginHorizontal: number;
537
- };
538
- fileViewerTitle: {
539
- fontSize: number;
540
- fontWeight: "600";
541
- marginBottom: number;
542
- };
543
- fileViewerSubtitle: {
544
- fontSize: number;
545
- };
546
- fileViewerActions: {
547
- flexDirection: "row";
548
- gap: number;
549
- };
550
- fileViewerContent: {
551
- flex: number;
552
- position: "relative";
553
- zIndex: number;
554
- };
555
- fileViewerContentWithDetails: {
556
- paddingBottom: number;
557
- };
558
- fileViewerContentContainer: {
559
- flexGrow: number;
560
- paddingHorizontal: number;
561
- paddingTop: number;
562
- paddingBottom: number;
563
- };
564
- fileViewerLoading: {
565
- flex: number;
566
- justifyContent: "center";
567
- alignItems: "center";
568
- };
569
- fileViewerLoadingText: {
570
- fontSize: number;
571
- marginTop: number;
572
- };
573
- imageContainer: {
574
- alignItems: "center";
575
- justifyContent: "center";
576
- flex: number;
577
- marginTop: number;
578
- marginBottom: number;
579
- paddingHorizontal: number;
580
- };
581
- imageWrapper: {
582
- borderRadius: number;
583
- overflow: "hidden";
584
- alignSelf: "center";
585
- };
586
- floatingBackButton: {
587
- position: "absolute";
588
- top: number;
589
- left: number;
590
- width: number;
591
- height: number;
592
- borderRadius: number;
593
- alignItems: "center";
594
- justifyContent: "center";
595
- zIndex: number;
596
- };
597
- floatingDownloadButton: {
598
- position: "absolute";
599
- top: number;
600
- right: number;
601
- width: number;
602
- height: number;
603
- borderRadius: number;
604
- alignItems: "center";
605
- justifyContent: "center";
606
- zIndex: number;
607
- };
608
- textContainer: {
609
- flex: number;
610
- borderRadius: number;
611
- borderWidth: number;
612
- padding: number;
613
- minHeight: number;
614
- maxHeight: "80%";
615
- };
616
- textContent: {
617
- fontSize: number;
618
- fontFamily: string;
619
- lineHeight: number;
620
- };
621
- unsupportedFileContainer: {
622
- flex: number;
623
- justifyContent: "center";
624
- alignItems: "center";
625
- paddingVertical: number;
626
- paddingHorizontal: number;
627
- };
628
- unsupportedFileTitle: {
629
- fontSize: number;
630
- fontWeight: "bold";
631
- marginTop: number;
632
- marginBottom: number;
633
- textAlign: "center";
634
- };
635
- unsupportedFileDescription: {
636
- fontSize: number;
637
- textAlign: "center";
638
- lineHeight: number;
639
- marginBottom: number;
640
- };
641
- downloadButtonLarge: {
642
- flexDirection: "row";
643
- alignItems: "center";
644
- paddingHorizontal: number;
645
- paddingVertical: number;
646
- borderRadius: number;
647
- gap: number;
648
- };
649
- downloadButtonText: {
650
- color: string;
651
- fontSize: number;
652
- fontWeight: "600";
653
- };
654
- pdfContainer: {
655
- flex: number;
656
- alignItems: "center";
657
- justifyContent: "center";
658
- };
659
- mediaContainer: {
660
- flex: number;
661
- alignItems: "center";
662
- justifyContent: "center";
663
- padding: number;
664
- };
665
- unsupportedText: {
666
- fontSize: number;
667
- textAlign: "center";
668
- fontStyle: "italic";
669
- };
670
- fileDetailsSection: {
671
- marginHorizontal: number;
672
- marginTop: number;
673
- marginBottom: number;
674
- padding: number;
675
- borderRadius: number;
676
- borderWidth: number;
677
- overflow: "hidden";
678
- position: "relative";
679
- zIndex: number;
680
- };
681
- fileDetailsSectionContent: {
682
- paddingHorizontal: number;
683
- paddingBottom: number;
684
- };
685
- fileDetailsSectionTitle: {
686
- fontSize: number;
687
- fontWeight: "600";
688
- flex: number;
689
- };
690
- fileDetailsSectionHeader: {
691
- flexDirection: "row";
692
- alignItems: "center";
693
- justifyContent: "space-between";
694
- paddingHorizontal: number;
695
- paddingTop: number;
696
- paddingBottom: number;
697
- };
698
- fileDetailsSectionToggle: {
699
- padding: number;
700
- };
701
- fileDetailsActions: {
702
- flexDirection: "row";
703
- gap: number;
704
- marginTop: number;
705
- paddingHorizontal: number;
706
- paddingBottom: number;
707
- };
708
- fileDetailsActionButton: {
709
- flex: number;
710
- flexDirection: "row";
711
- alignItems: "center";
712
- justifyContent: "center";
713
- paddingVertical: number;
714
- borderRadius: number;
715
- gap: number;
716
- };
717
- fileDetailsActionText: {
718
- color: string;
719
- fontSize: number;
720
- fontWeight: "600";
721
- };
722
- controlsBar: {
723
- flexDirection: "row";
724
- alignItems: "center";
725
- justifyContent: "space-between";
726
- paddingHorizontal: number;
727
- paddingTop: number;
728
- paddingBottom: number;
729
- gap: number;
730
- };
731
- viewModeScroll: {
732
- flex: number;
733
- maxWidth: "80%";
734
- };
735
- viewModeToggle: {
736
- flexDirection: "row";
737
- borderRadius: number;
738
- padding: number;
739
- overflow: "hidden";
740
- };
741
- viewModeButton: {
742
- paddingHorizontal: number;
743
- paddingVertical: number;
744
- borderRadius: number;
745
- minWidth: number;
746
- alignItems: "center";
747
- justifyContent: "center";
748
- marginHorizontal: number;
749
- };
750
- sortButton: {
751
- flexDirection: "row";
752
- alignItems: "center";
753
- justifyContent: "center";
754
- paddingHorizontal: number;
755
- paddingVertical: number;
756
- borderRadius: number;
757
- minWidth: number;
758
- gap: number;
759
- };
760
- photoScrollContainer: {
761
- padding: number;
762
- };
763
- photoItem: {
764
- borderRadius: number;
765
- overflow: "hidden";
766
- };
767
- photoContainer: {
768
- width: "100%";
769
- height: "100%";
770
- position: "relative";
771
- borderRadius: number;
772
- overflow: "hidden";
773
- };
774
- photoImage: {
775
- width: "100%";
776
- height: "100%";
777
- };
778
- dimensionsLoadingIndicator: {
779
- flexDirection: "row";
780
- alignItems: "center";
781
- justifyContent: "center";
782
- paddingVertical: number;
783
- gap: number;
784
- };
785
- dimensionsLoadingText: {
786
- fontSize: number;
787
- fontStyle: "italic";
788
- };
789
- justifiedPhotoItem: {
790
- borderRadius: number;
791
- overflow: "hidden";
792
- position: "relative";
793
- };
794
- justifiedPhotoContainer: {
795
- width: "100%";
796
- height: "100%";
797
- position: "relative";
798
- borderRadius: number;
799
- overflow: "hidden";
800
- backgroundColor: string;
801
- };
802
- justifiedPhotoImage: {
803
- width: "100%";
804
- height: "100%";
805
- borderRadius: number;
806
- };
807
- simplePhotoItem: {
808
- borderRadius: number;
809
- overflow: "hidden";
810
- backgroundColor: string;
811
- };
812
- simplePhotoContainer: {
813
- width: "100%";
814
- height: "100%";
815
- position: "relative";
816
- borderRadius: number;
817
- overflow: "hidden";
818
- };
819
- simplePhotoImage: {
820
- width: "100%";
821
- height: "100%";
822
- borderRadius: number;
823
- };
824
- };
825
- //# sourceMappingURL=styles.d.ts.map