@makolabs/ripple 2.4.0 → 2.4.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.
@@ -93,8 +93,12 @@
93
93
  }
94
94
 
95
95
  const readyCount = $derived(files.filter((f) => !f.status || f.status === 'ready').length);
96
+ const successCount = $derived(files.filter((f) => f.status === 'success').length);
97
+ const errorCount = $derived(files.filter((f) => f.status === 'error').length);
98
+ const uploadingCount = $derived(files.filter((f) => f.status === 'uploading').length);
99
+ const hasUploadActivity = $derived(successCount > 0 || errorCount > 0 || uploadingCount > 0);
96
100
  const hasAnyFile = $derived(files.length > 0);
97
- const anyUploading = $derived(files.some((f) => f.status === 'uploading'));
101
+ const anyUploading = $derived(uploadingCount > 0);
98
102
  const canUpload = $derived(readyCount > 0 && !anyUploading && !!onfiles);
99
103
 
100
104
  function handleUploadAll() {
@@ -276,6 +280,22 @@
276
280
  {#if dropzoneFull}
277
281
  <span class="text-warning-500 ml-1 text-xs font-normal">— full</span>
278
282
  {/if}
283
+ {#if hasUploadActivity}
284
+ <span class="text-default-500 ml-2 text-xs font-normal" data-fileupload-summary="">
285
+
286
+ {#if successCount > 0}
287
+ <span class="text-success-600">{successCount} uploaded</span>
288
+ {/if}
289
+ {#if errorCount > 0}
290
+ {#if successCount > 0},{/if}
291
+ <span class="text-danger-600">{errorCount} failed</span>
292
+ {/if}
293
+ {#if uploadingCount > 0}
294
+ {#if successCount > 0 || errorCount > 0},{/if}
295
+ <span class="text-primary-600">{uploadingCount} uploading</span>
296
+ {/if}
297
+ </span>
298
+ {/if}
279
299
  </span>
280
300
  <div class="flex gap-2">
281
301
  <Button
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@makolabs/ripple",
3
- "version": "2.4.0",
3
+ "version": "2.4.1",
4
4
  "description": "Simple Svelte 5 powered component library ✨",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "repository": {