@securancy/file-explorer 1.1.0 → 1.1.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.
@@ -526,6 +526,12 @@ function* flattenedFiles(documents) {
526
526
  .file-explorer__file-icon--large :global(i) {
527
527
  font-size: var(--file-explorer-preview-icon-size);
528
528
  }
529
+ .file-explorer__file-name {
530
+ min-width: 0;
531
+ }
532
+ .file-explorer__file-name--directory-index {
533
+ word-break: break-word;
534
+ }
529
535
  .file-explorer__text--semi-bold {
530
536
  font-weight: var(--file-explorer-text-semi-bold);
531
537
  }
@@ -271,6 +271,12 @@ function getHref(parts, index, routePrefix) {
271
271
  .file-explorer__file-icon--large :global(i) {
272
272
  font-size: var(--file-explorer-preview-icon-size);
273
273
  }
274
+ .file-explorer__file-name {
275
+ min-width: 0;
276
+ }
277
+ .file-explorer__file-name--directory-index {
278
+ word-break: break-word;
279
+ }
274
280
  .file-explorer__text--semi-bold {
275
281
  font-weight: var(--file-explorer-text-semi-bold);
276
282
  }
@@ -314,6 +314,12 @@ function canEditItem(item, canEdit) {
314
314
  .file-explorer__file-icon--large :global(i) {
315
315
  font-size: var(--file-explorer-preview-icon-size);
316
316
  }
317
+ .file-explorer__file-name {
318
+ min-width: 0;
319
+ }
320
+ .file-explorer__file-name--directory-index {
321
+ word-break: break-word;
322
+ }
317
323
  .file-explorer__text--semi-bold {
318
324
  font-weight: var(--file-explorer-text-semi-bold);
319
325
  }
@@ -360,6 +360,12 @@ function handleDragOver(event) {
360
360
  .file-explorer__file-icon--large :global(i) {
361
361
  font-size: var(--file-explorer-preview-icon-size);
362
362
  }
363
+ .file-explorer__file-name {
364
+ min-width: 0;
365
+ }
366
+ .file-explorer__file-name--directory-index {
367
+ word-break: break-word;
368
+ }
363
369
  .file-explorer__text--semi-bold {
364
370
  font-weight: var(--file-explorer-text-semi-bold);
365
371
  }
@@ -62,7 +62,9 @@ function createDirectory() {
62
62
  {:else}
63
63
  <FileIcon extension={getExtension(child.name)} size="grid" />
64
64
  {/if}
65
- <span>{child.name}</span>
65
+ <span class="file-explorer__file-name file-explorer__file-name--directory-index">
66
+ {child.name}
67
+ </span>
66
68
  </a>
67
69
  {:else}
68
70
  <p class="file-explorer__message">
@@ -319,6 +321,12 @@ function createDirectory() {
319
321
  .file-explorer__file-icon--large :global(i) {
320
322
  font-size: var(--file-explorer-preview-icon-size);
321
323
  }
324
+ .file-explorer__file-name {
325
+ min-width: 0;
326
+ }
327
+ .file-explorer__file-name--directory-index {
328
+ word-break: break-word;
329
+ }
322
330
  .file-explorer__text--semi-bold {
323
331
  font-weight: var(--file-explorer-text-semi-bold);
324
332
  }
@@ -270,6 +270,12 @@ const modeIcons = {
270
270
  .file-explorer__file-icon--large :global(i) {
271
271
  font-size: var(--file-explorer-preview-icon-size);
272
272
  }
273
+ .file-explorer__file-name {
274
+ min-width: 0;
275
+ }
276
+ .file-explorer__file-name--directory-index {
277
+ word-break: break-word;
278
+ }
273
279
  .file-explorer__text--semi-bold {
274
280
  font-weight: var(--file-explorer-text-semi-bold);
275
281
  }
@@ -332,6 +332,12 @@ async function refresh(_fileItem) {
332
332
  .file-explorer__file-icon--large :global(i) {
333
333
  font-size: var(--file-explorer-preview-icon-size);
334
334
  }
335
+ .file-explorer__file-name {
336
+ min-width: 0;
337
+ }
338
+ .file-explorer__file-name--directory-index {
339
+ word-break: break-word;
340
+ }
335
341
  .file-explorer__text--semi-bold {
336
342
  font-weight: var(--file-explorer-text-semi-bold);
337
343
  }
@@ -300,6 +300,12 @@ function determineIconString(_extension) {
300
300
  .file-explorer__file-icon--large :global(i) {
301
301
  font-size: var(--file-explorer-preview-icon-size);
302
302
  }
303
+ .file-explorer__file-name {
304
+ min-width: 0;
305
+ }
306
+ .file-explorer__file-name--directory-index {
307
+ word-break: break-word;
308
+ }
303
309
  .file-explorer__text--semi-bold {
304
310
  font-weight: var(--file-explorer-text-semi-bold);
305
311
  }
@@ -291,6 +291,14 @@
291
291
  }
292
292
  }
293
293
 
294
+ &__file-name {
295
+ min-width: 0;
296
+
297
+ &--directory-index {
298
+ word-break: break-word;
299
+ }
300
+ }
301
+
294
302
  &__text--semi-bold {
295
303
  font-weight: var(--file-explorer-text-semi-bold);
296
304
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@securancy/file-explorer",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "svelte": "./dist/index.js",
@@ -43,7 +43,7 @@
43
43
  "the-new-css-reset": "^1.11.3",
44
44
  "typescript": "^5.6.3",
45
45
  "vite": "^5.4.9",
46
- "@securancy/svelte-components": "4.5.0",
46
+ "@securancy/svelte-components": "4.5.1",
47
47
  "@securancy/svelte-utilities": "2.2.0"
48
48
  },
49
49
  "scripts": {