@scaleflex/widget-provider-views 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/CHANGELOG.md +8103 -0
  2. package/LICENSE +21 -0
  3. package/README.md +44 -0
  4. package/dist/style.css +671 -0
  5. package/dist/style.min.css +1 -0
  6. package/lib/ProviderViews.Styled.js +22 -0
  7. package/lib/components/AuthView.js +35 -0
  8. package/lib/components/AuthView.styled.js +21 -0
  9. package/lib/components/Browser.js +58 -0
  10. package/lib/components/Items/AssetsSection/AssetsSectionTableHeader.js +41 -0
  11. package/lib/components/Items/AssetsSection/AssetsSectionTableRow.js +147 -0
  12. package/lib/components/Items/AssetsSection/index.js +65 -0
  13. package/lib/components/Items/FoldersSection/FoldersSectionTableHeader.js +41 -0
  14. package/lib/components/Items/FoldersSection/FoldersSectionTableRow.js +102 -0
  15. package/lib/components/Items/FoldersSection/index.js +64 -0
  16. package/lib/components/Items/Items.styled.js +156 -0
  17. package/lib/components/Items/List.js +96 -0
  18. package/lib/components/Items/index.js +172 -0
  19. package/lib/components/SearchProviderView/FooterActions.js +25 -0
  20. package/lib/components/SearchProviderView/SearchFilterInput.js +76 -0
  21. package/lib/components/SearchProviderView/SearchProviderBrowser.js +74 -0
  22. package/lib/components/SearchProviderView/SearchProviderBrowser.styled.js +65 -0
  23. package/lib/components/SearchProviderView/SearchProviderView.js +248 -0
  24. package/lib/components/SearchProviderView/index.js +1 -0
  25. package/lib/context/index.js +2 -0
  26. package/lib/hooks/useBrowserContext.js +5 -0
  27. package/lib/index.js +850 -0
  28. package/lib/style/filerobot-ProviderBrowser-layoutType--grid.scss +233 -0
  29. package/lib/style/filerobot-ProviderBrowser-layoutType--list.scss +190 -0
  30. package/lib/style/filerobot-ProviderBrowserItem-details.scss +207 -0
  31. package/lib/style.scss +309 -0
  32. package/lib/utils/View.js +219 -0
  33. package/lib/utils/remoteFileObjToLocal.js +13 -0
  34. package/package.json +36 -0
  35. package/types/index.d.ts +28 -0
package/dist/style.css ADDED
@@ -0,0 +1,671 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
2
+ .filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list::after {
3
+ content: '';
4
+ flex: auto; }
5
+
6
+ .filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list:focus {
7
+ outline: none; }
8
+
9
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-header {
10
+ display: flex;
11
+ align-items: center;
12
+ font-weight: 400;
13
+ width: 100%;
14
+ max-width: 130px;
15
+ padding: 0 12px;
16
+ margin-top: 12px;
17
+ cursor: pointer;
18
+ font-size: 12px; }
19
+
20
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper {
21
+ padding: 8px 24px 12px; }
22
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper-list {
23
+ list-style: none;
24
+ padding: 0;
25
+ width: 100%;
26
+ display: grid;
27
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
28
+
29
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem {
30
+ min-width: 200px;
31
+ position: relative;
32
+ margin: 0; }
33
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem::before {
34
+ content: '';
35
+ padding-top: 88%;
36
+ display: block; }
37
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.item-folder .filerobot-ProviderBrowserItem-folderSelectBox, .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem.item-folder:hover .filerobot-ProviderBrowserItem-folderSelectBox {
38
+ display: flex; }
39
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.filerobot-ProviderBrowserItem--beingRenamed):hover .filerobot-Explorer-dots-menu-icon {
40
+ display: block; }
41
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder) {
42
+ outline: none;
43
+ border: 4px solid transparent; }
44
+ [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder) {
45
+ border: 4px solid #000;
46
+ background-color: #4D4E4E; }
47
+ [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):hover *,
48
+ [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):focus * {
49
+ color: #000; }
50
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder).no-selection .filerobot-ProviderBrowserItem-inner {
51
+ cursor: auto; }
52
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):not(.no-selection) .filerobot-ProviderBrowserItem-inner:hover {
53
+ background-color: #EFF3F6; }
54
+
55
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-videoDuration {
56
+ position: absolute;
57
+ bottom: 33%;
58
+ z-index: 2;
59
+ background: rgba(79, 98, 118, 0.7);
60
+ border-radius: 2px;
61
+ left: 16px;
62
+ padding: 2px 4px;
63
+ text-align: center;
64
+ font-weight: 500;
65
+ line-height: 12px;
66
+ font-size: 11px;
67
+ box-shadow: 0px 1px 2px 0px rgba(77, 78, 78, 0.15);
68
+ color: #fff !important; }
69
+
70
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner {
71
+ background-color: #5D6D7E !important; }
72
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner * {
73
+ fill: #fff;
74
+ color: #fff; }
75
+
76
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta input {
77
+ text-align: center;
78
+ color: #000 !important;
79
+ margin-top: 4px;
80
+ margin-bottom: -1px; }
81
+
82
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta button.filerobot-ProviderBrowserItem-inner:focus {
83
+ box-shadow: none !important; }
84
+
85
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-Explorer-Item-fileInfoAndButtons {
86
+ background-color: inherit; }
87
+
88
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner {
89
+ background-color: rgba(147, 147, 147, 0.2); }
90
+ [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner {
91
+ background-color: rgba(234, 234, 234, 0.2); }
92
+
93
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg {
94
+ fill: rgba(0, 0, 0, 0.7);
95
+ width: 30%;
96
+ height: 30%; }
97
+ [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg {
98
+ fill: rgba(255, 255, 255, 0.8); }
99
+
100
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner {
101
+ overflow: hidden;
102
+ position: absolute;
103
+ text-align: center;
104
+ top: 0;
105
+ left: 0;
106
+ width: 100%;
107
+ height: 100%;
108
+ border-radius: 2px;
109
+ box-shadow: 0px 1px 2px 0px rgba(77, 78, 78, 0.15);
110
+ background-color: #EFF3F6; }
111
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner:focus {
112
+ outline: none; }
113
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta {
114
+ display: flex;
115
+ flex-direction: column-reverse;
116
+ align-items: center;
117
+ justify-content: flex-end; }
118
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta:focus {
119
+ box-shadow: none; }
120
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta img {
121
+ -o-object-fit: contain;
122
+ object-fit: contain;
123
+ width: 100%;
124
+ height: 100%;
125
+ max-width: 100%;
126
+ max-height: 100%; }
127
+
128
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-fakeCheckbox {
129
+ display: none;
130
+ position: absolute;
131
+ z-index: 3;
132
+ top: 8px;
133
+ left: 8px; }
134
+
135
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-folderSelectBox {
136
+ top: 26px;
137
+ left: 14px;
138
+ position: absolute;
139
+ display: none; }
140
+
141
+ .filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-fakeCheckbox {
142
+ display: block; }
143
+
144
+ *:hover > .filerobot-ProviderBrowserItem-fakeCheckbox {
145
+ display: block; }
146
+
147
+ .filerobot-Dragging-folders > *,
148
+ .filerobot-Dragging-files > * {
149
+ pointer-events: none; }
150
+
151
+ .filerobot-ProviderBrowser-layoutType--list,
152
+ .filerobot-ProviderBrowser-layoutType--tiles {
153
+ background-color: #fff; }
154
+ [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--list, [data-filerobot-theme="dark"]
155
+ .filerobot-ProviderBrowser-layoutType--tiles {
156
+ background-color: #1f1f1f; }
157
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell,
158
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell {
159
+ text-overflow: ellipsis;
160
+ white-space: nowrap;
161
+ overflow: hidden;
162
+ white-space: nowrap;
163
+ text-align: left;
164
+ cursor: pointer;
165
+ font-size: 14px;
166
+ flex: 0.5 0; }
167
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-cursor-default,
168
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-cursor-default {
169
+ cursor: default !important; }
170
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-icon,
171
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon {
172
+ max-width: 24px;
173
+ min-width: 20px; }
174
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn,
175
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn {
176
+ display: flex;
177
+ align-items: center;
178
+ flex: 1 0; }
179
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn input, .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,
180
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn input,
181
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label {
182
+ width: 80%; }
183
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,
184
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label {
185
+ text-overflow: ellipsis;
186
+ white-space: nowrap;
187
+ overflow: hidden; }
188
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-list,
189
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-list {
190
+ outline: none; }
191
+ .filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,
192
+ .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem {
193
+ outline: none;
194
+ display: flex;
195
+ align-items: center;
196
+ padding: 11px 12px;
197
+ margin: 0;
198
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
199
+ [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem, [data-filerobot-theme="dark"]
200
+ .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem {
201
+ color: #eaeaea; }
202
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-body,
203
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-body {
204
+ width: 100%;
205
+ overflow-x: auto; }
206
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header,
207
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header {
208
+ text-overflow: ellipsis;
209
+ white-space: nowrap;
210
+ overflow: hidden;
211
+ display: flex;
212
+ align-items: center;
213
+ text-align: left;
214
+ padding: 12px;
215
+ font-weight: 400;
216
+ font-size: 14px;
217
+ line-height: 16px;
218
+ border-bottom: 1.5px solid rgba(0, 0, 0, 0.07);
219
+ position: sticky;
220
+ top: -1px;
221
+ background-color: #fff;
222
+ z-index: 11; }
223
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header:last-child,
224
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header:last-child {
225
+ margin-right: 0; }
226
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-c-icon,
227
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-c-icon {
228
+ vertical-align: middle; }
229
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-wrapper-list,
230
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-wrapper-list {
231
+ padding: 0; }
232
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-fakeCheckbox,
233
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-fakeCheckbox {
234
+ margin-right: 8px;
235
+ vertical-align: middle; }
236
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem,
237
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem {
238
+ color: #4D4E4E; }
239
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner,
240
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner {
241
+ text-overflow: ellipsis;
242
+ white-space: nowrap;
243
+ overflow: hidden;
244
+ display: flex;
245
+ align-items: center;
246
+ width: 100%;
247
+ line-height: 1.3;
248
+ outline: none; }
249
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner input,
250
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner input {
251
+ height: 17px; }
252
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner img, .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner svg,
253
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner img,
254
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner svg {
255
+ max-width: 20px;
256
+ max-height: 20px; }
257
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected,
258
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected {
259
+ background: #5D6D7E;
260
+ color: #fff;
261
+ border-bottom: 1px solid #DFE7ED !important; }
262
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected svg path,
263
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected svg path {
264
+ fill: #DFE7ED; }
265
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-listHead-checkbox,
266
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-listHead-checkbox {
267
+ min-width: 16px; }
268
+
269
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-common-Checkbox {
270
+ margin-right: 8px; }
271
+
272
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon {
273
+ display: flex;
274
+ padding-left: 2px; }
275
+
276
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header {
277
+ padding: 11px 12px; }
278
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon {
279
+ display: flex;
280
+ padding-left: 4px;
281
+ margin-left: 4px; }
282
+
283
+ .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem {
284
+ padding: 11px 12px; }
285
+
286
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon {
287
+ max-width: 36px;
288
+ min-width: 36px;
289
+ margin-right: 8px; }
290
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon svg:not(.context-menu-icon), .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon img {
291
+ width: 36px;
292
+ max-width: 36px;
293
+ max-height: 36px; }
294
+
295
+ .filerobot-Explorer-Details-header {
296
+ display: flex;
297
+ align-items: center;
298
+ margin-left: 30px;
299
+ font-size: 12px; }
300
+ .filerobot-Explorer-Details-header-icon {
301
+ margin-left: 6px; }
302
+ .filerobot-Explorer-Details-header-title {
303
+ margin-top: 12px;
304
+ display: flex;
305
+ align-items: center;
306
+ max-width: 90%; }
307
+ .filerobot-Explorer-Details-header-title label {
308
+ text-overflow: ellipsis;
309
+ white-space: nowrap;
310
+ overflow: hidden; }
311
+
312
+ .filerobot-Explorer-Details-tabs {
313
+ display: flex;
314
+ padding: 0 8px;
315
+ margin-top: 8px;
316
+ font-size: 12px;
317
+ cursor: pointer; }
318
+ .filerobot-Explorer-Details-tabs-details, .filerobot-Explorer-Details-tabs-comments {
319
+ display: flex;
320
+ justify-content: center;
321
+ align-items: center;
322
+ width: 50%;
323
+ height: 30px;
324
+ color: #4D4E4E;
325
+ border: 1px solid transparent;
326
+ border-top-left-radius: .10rem;
327
+ border-top-right-radius: .10rem; }
328
+ .filerobot-Explorer-Details-tabs-details label, .filerobot-Explorer-Details-tabs-comments label {
329
+ width: 100%;
330
+ height: 100%;
331
+ display: flex;
332
+ align-items: center;
333
+ justify-content: center;
334
+ cursor: pointer; }
335
+ .filerobot-Explorer-Details-tabs-details label:hover, .filerobot-Explorer-Details-tabs-comments label:hover {
336
+ margin-bottom: -1px;
337
+ border-bottom: 2px solid #6879EB;
338
+ background-color: #F8FAFB;
339
+ color: #6879EB; }
340
+ .filerobot-Explorer-Details-tabs-details > input[type="radio"], .filerobot-Explorer-Details-tabs-comments > input[type="radio"] {
341
+ position: absolute;
342
+ left: -200vw; }
343
+ .filerobot-Explorer-Details-tabs-details > input:checked + label, .filerobot-Explorer-Details-tabs-comments > input:checked + label {
344
+ margin-bottom: -1px;
345
+ border-bottom: 2px solid #6879EB;
346
+ background-color: #F8FAFB;
347
+ color: #6879EB; }
348
+
349
+ .filerobot-Explorer-Details-icon-preview {
350
+ display: flex;
351
+ justify-content: center;
352
+ margin-top: 8px;
353
+ margin-bottom: 21px; }
354
+
355
+ .filerobot-Explorer-Details-file-preview {
356
+ margin: 8px 5px 12px 8px;
357
+ height: 146px;
358
+ position: relative; }
359
+ .filerobot-Explorer-Details-file-preview:hover .filerobot-Explorer-Details-thumbnailZoomOverlay {
360
+ display: flex; }
361
+
362
+ .filerobot-Explorer-Details-thumbnail {
363
+ position: relative;
364
+ z-index: 1;
365
+ width: 100%;
366
+ height: 100%;
367
+ max-width: 100%;
368
+ max-height: 100%;
369
+ -o-object-fit: contain;
370
+ object-fit: contain; }
371
+
372
+ .filerobot-Explorer-Details-info {
373
+ font-size: 12px;
374
+ margin: 0;
375
+ padding: 0;
376
+ margin-top: 12px;
377
+ padding-left: 12px; }
378
+ .filerobot-Explorer-Details-info-list {
379
+ display: flex;
380
+ list-style: none;
381
+ margin-bottom: 8px; }
382
+ .filerobot-Explorer-Details-info-list-name {
383
+ display: flex;
384
+ font-weight: 400;
385
+ width: 68px;
386
+ padding-right: 2px;
387
+ color: #768184; }
388
+ .filerobot-Explorer-Details-info-list-name > span {
389
+ text-overflow: ellipsis;
390
+ white-space: nowrap;
391
+ overflow: hidden; }
392
+ .filerobot-Explorer-Details-info-list-value {
393
+ display: inline-block;
394
+ color: #4D4E4E;
395
+ font-weight: 400;
396
+ width: calc(100% - 68px); }
397
+
398
+ .filerobot-Explorer-Details-section {
399
+ margin-top: 8px;
400
+ padding-top: 12px;
401
+ margin-right: 12px;
402
+ margin-left: 12px;
403
+ font-size: 12px;
404
+ border-top: 1px solid #DFE7ED; }
405
+ .filerobot-Explorer-Details-section-header {
406
+ display: flex;
407
+ justify-content: space-between;
408
+ align-items: center;
409
+ margin-bottom: 9px;
410
+ padding-right: 5px; }
411
+ .filerobot-Explorer-Details-section-header-title {
412
+ color: #768184; }
413
+ .filerobot-Explorer-Details-section-content-list {
414
+ display: inline-flex;
415
+ flex-wrap: wrap;
416
+ margin: 0;
417
+ padding: 0;
418
+ width: 100%;
419
+ list-style: none; }
420
+ .filerobot-Explorer-Details-section-content-list li {
421
+ position: relative;
422
+ display: flex;
423
+ align-items: center;
424
+ margin: 0 5px 5px 0;
425
+ padding: 4px 6px;
426
+ border-radius: 2px;
427
+ color: #4D4E4E;
428
+ background: #F8FAFB;
429
+ font-family: 'Roboto';
430
+ font-weight: 400; }
431
+
432
+ .filerobot-Explorer-Details-thumbnailZoomOverlay {
433
+ position: absolute;
434
+ display: none;
435
+ align-items: center;
436
+ justify-content: center;
437
+ width: 100%;
438
+ height: 100%;
439
+ background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 100%);
440
+ -webkit-user-select: none;
441
+ -moz-user-select: none;
442
+ user-select: none;
443
+ z-index: 111; }
444
+
445
+ .filerobot-Explorer-Details-thumbnailZoomOverlayButton {
446
+ width: 100%;
447
+ height: 100%; }
448
+ .filerobot-Explorer-Details-thumbnailZoomOverlayButton:hover {
449
+ background: transparent !important; }
450
+ .filerobot-Explorer-Details-thumbnailZoomOverlayButton:active:before {
451
+ opacity: 0.5 !important; }
452
+
453
+ .filerobot-ProviderBrowser {
454
+ display: flex;
455
+ flex-direction: column;
456
+ flex: 1;
457
+ font-size: 14px;
458
+ font-weight: 400;
459
+ height: 100%;
460
+ position: relative;
461
+ background-color: #fff; }
462
+
463
+ .filerobot-ProviderBrowser-user {
464
+ margin: 0 8px 0 0;
465
+ font-weight: 500;
466
+ color: #333; }
467
+ [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-user {
468
+ color: #eaeaea; }
469
+
470
+ .filerobot-ProviderBrowser-select {
471
+ cursor: pointer;
472
+ line-height: 1.5;
473
+ color: #000; }
474
+ .filerobot-ProviderBrowser-select.--filter {
475
+ max-width: 120px;
476
+ white-space: nowrap;
477
+ text-overflow: ellipsis;
478
+ overflow: hidden;
479
+ padding-right: 2px; }
480
+ .filerobot-ProviderBrowser-select:focus {
481
+ outline: none;
482
+ border-color: transparent; }
483
+
484
+ .filerobot-ProviderBrowser-user:after {
485
+ content: '\00B7';
486
+ position: relative;
487
+ left: 4px;
488
+ color: #939393;
489
+ font-weight: normal; }
490
+
491
+ .filerobot-ProviderBrowser-headerBar--simple {
492
+ text-align: center;
493
+ display: block;
494
+ justify-content: center; }
495
+
496
+ .filerobot-ProviderBrowser-headerBar {
497
+ display: flex;
498
+ align-items: center;
499
+ padding: 12px;
500
+ color: #757575;
501
+ line-height: 1.4;
502
+ font-size: 12px;
503
+ position: relative;
504
+ width: 100%; }
505
+ .filerobot-size--md .filerobot-ProviderBrowser-headerBar {
506
+ display: flex;
507
+ align-items: center;
508
+ justify-content: space-between; }
509
+ .filerobot-size--height-md .filerobot-ProviderBrowser-headerBar {
510
+ display: flex;
511
+ align-items: center; }
512
+ [data-filerobot-theme="dark"] .filerobot-ProviderBrowser-headerBar {
513
+ border-bottom: 1px solid #333;
514
+ background-color: #1f1f1f; }
515
+
516
+ .filerobot-ProviderBrowser-headerBar--simple {
517
+ text-align: center;
518
+ display: block;
519
+ justify-content: center; }
520
+
521
+ .filerobot-ProviderBrowser-body {
522
+ flex: 1;
523
+ z-index: 1000;
524
+ position: relative;
525
+ display: flex;
526
+ height: 100%; }
527
+
528
+ .filerobot-ProviderBrowser-body-list {
529
+ width: 100%;
530
+ overflow-x: auto; }
531
+
532
+ .item-folder.filerobot-ProviderBrowserItem {
533
+ padding: 4px;
534
+ border-radius: 7px;
535
+ outline: none; }
536
+ .item-folder.filerobot-ProviderBrowserItem::before {
537
+ content: unset !important;
538
+ display: none !important;
539
+ padding-top: 0 !important; }
540
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder {
541
+ display: flex;
542
+ align-items: center;
543
+ padding: 10px 12px;
544
+ border: 1px solid #DFE7ED;
545
+ border-radius: 2px;
546
+ box-sizing: border-box;
547
+ width: 100%;
548
+ height: 36px;
549
+ outline: none; }
550
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-ProviderBrowserItem-folderLiIcon > * {
551
+ width: 20px;
552
+ height: 20px; }
553
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder input {
554
+ width: 96%; }
555
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-Explorer-dots-menu-icon {
556
+ display: none; }
557
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder-title {
558
+ flex-grow: 1;
559
+ font-weight: 500;
560
+ white-space: nowrap;
561
+ text-overflow: ellipsis;
562
+ overflow: hidden;
563
+ font-size: 14px;
564
+ line-height: 16px;
565
+ color: #4D4E4E;
566
+ margin-left: 8px; }
567
+ .item-folder.filerobot-ProviderBrowserItem button.filerobot-ProviderBrowserItem-inner-folder:hover {
568
+ background-color: #EFF3F6; }
569
+ .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder {
570
+ background-color: #5D6D7E !important;
571
+ outline: none; }
572
+ .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder input {
573
+ color: #000;
574
+ width: 96%; }
575
+ .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder * {
576
+ fill: #DFE7ED;
577
+ color: #fff; }
578
+
579
+ .filerobot-ProviderBrowserItem-inner {
580
+ cursor: pointer;
581
+ font-weight: 400;
582
+ font-size: 14px;
583
+ line-height: 16px; }
584
+
585
+ .filerobot-Provider-list-cell-header-title {
586
+ white-space: nowrap;
587
+ overflow: hidden;
588
+ text-overflow: ellipsis; }
589
+
590
+ .filerobot-Provider-list-cell-header-hidableIcon {
591
+ visibility: hidden; }
592
+
593
+ .filerobot-Provider-list-cell-wrapper {
594
+ font-size: 12px;
595
+ display: flex;
596
+ align-items: center; }
597
+ .filerobot-Provider-list-cell-wrapper:hover .filerobot-Provider-list-cell-header-hidableIcon {
598
+ visibility: visible; }
599
+
600
+ .filerobot-ProviderBrowser-mainContent {
601
+ flex-grow: 1;
602
+ overflow: hidden;
603
+ overflow-x: auto;
604
+ -webkit-overflow-scrolling: touch;
605
+ position: relative; }
606
+
607
+ .filerobot-ProviderBrowserItem--draggable-block {
608
+ position: sticky;
609
+ top: 0;
610
+ width: 1px;
611
+ height: 100%;
612
+ cursor: col-resize;
613
+ z-index: 100;
614
+ background: #DFE7ED; }
615
+
616
+ .filerobot-ProviderBrowserItem-SideNav-addNew {
617
+ color: #5D6D7E;
618
+ font-weight: 500;
619
+ cursor: pointer; }
620
+
621
+ .filerobot-ProviderBrowser-body-sideButtons {
622
+ min-width: 40px;
623
+ max-width: 40px; }
624
+
625
+ .filerobot-ProviderBrowser-body-leftSideButtons {
626
+ margin-right: 20px; }
627
+
628
+ .filerobot-ProviderBrowser-body-leftNavigationButton {
629
+ background: #F8FAFB;
630
+ box-shadow: 0px 1px 4px rgba(77, 78, 78, 0.15);
631
+ border-radius: 0px 50px 50px 0px;
632
+ padding: 10px 14px 10px 10px;
633
+ margin-top: 10px;
634
+ width: 100%;
635
+ position: sticky;
636
+ top: 91px; }
637
+
638
+ .filerobot-ProviderBrowser-body-rightSideButtons {
639
+ margin-left: 20px; }
640
+
641
+ .filerobot-ProviderBrowser-body-rightNavigationButton {
642
+ background: #F8FAFB;
643
+ box-shadow: 0px 1px 4px rgba(77, 78, 78, 0.15);
644
+ border-radius: 50px 0px 0px 50px;
645
+ padding: 10px 10px 10px 14px;
646
+ margin-top: 10px;
647
+ width: 100%;
648
+ position: sticky;
649
+ top: 91px; }
650
+
651
+ .filerobot-Provider-LabelsListLi-selectMode,
652
+ .filerobot-Provider-LabelsListLi-selectMode * {
653
+ cursor: pointer; }
654
+
655
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions {
656
+ bottom: 4%;
657
+ right: 3%;
658
+ top: auto; }
659
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected {
660
+ display: flex;
661
+ visibility: visible; }
662
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button {
663
+ background: #fff; }
664
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active) svg * {
665
+ color: #6879EB;
666
+ fill: #6879EB; }
667
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover {
668
+ background: #EFF3F6; }
669
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover svg * {
670
+ fill: #606FD1;
671
+ color: #606FD1; }