@txstate-mws/svelte-components 1.6.5 → 1.6.7

package/dist/stores/toasts.d.ts

@@ -5,7 +5,7 @@ export interface Toast {
     type?: 'error' | 'warning' | 'info' | 'success';
     /**
      * how long the message should appear on screen in milliseconds
-     * default 15 seconds
+     * default 8 seconds for errors and warnings, 5 seconds for success and info
      * use Number.MAX_SAFE_INTEGER for permanent
      */
     ttlMs?: number;
@@ -15,10 +15,14 @@ export interface ToastStorage extends Required<Toast> {
     id: string;
     /** when the toast was created, so we know when it expires */
     stamp: Date;
+    /** True if auto-expiration has been suspended (e.g. user is hovering mouse over the toast) */
+    suspended: boolean;
 }
 export declare class ToastStore extends Store<ToastStorage[]> {
     add(msg: string, type?: Toast['type'], ttlMs?: number): void;
     close(id: string): void;
+    suspend(id: string): void;
+    resume(id: string): void;
     clean(): void;
 }
 export declare const toasts: ToastStore;

package/dist/stores/toasts.js

@@ -2,12 +2,15 @@ import { Store } from '@txstate-mws/svelte-store';
 import { randomid } from 'txstate-utils';
 export class ToastStore extends Store {
     add(msg, type, ttlMs) {
+        const resolvedType = type ?? 'error';
+        const id = randomid();
         const stored = {
-            id: randomid(),
+            id,
             stamp: new Date(),
             message: msg,
-            type: type ?? 'error',
-            ttlMs: ttlMs ?? 15000
+            type: resolvedType,
+            suspended: false,
+            ttlMs: ttlMs ?? (['error', 'warning'].includes(resolvedType) ? 8000 : 5000)
         };
         this.update(v => [...v.filter(t => t.message !== stored.message), stored]);
         setTimeout(() => { this.clean(); }, stored.ttlMs);
@@ -15,9 +18,16 @@ export class ToastStore extends Store {
     close(id) {
         this.update(v => v.filter(t => t.id !== id));
     }
+    suspend(id) {
+        this.update(v => v.map(t => t.id !== id ? t : { ...t, suspended: true }));
+    }
+    resume(id) {
+        this.update(v => v.map(t => t.id !== id ? t : { ...t, suspended: false }));
+        setTimeout(() => { this.clean(); }, 100);
+    }
     clean() {
         const now = new Date().getTime();
-        this.update(v => v.filter(t => now - t.stamp.getTime() < t.ttlMs));
+        this.update(v => v.some(t => t.suspended) ? v : v.filter(t => now - t.stamp.getTime() <= t.ttlMs));
     }
 }
 export const toasts = new ToastStore([]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@txstate-mws/svelte-components",
-  "version": "1.6.5",
+  "version": "1.6.7",
   "description": "Svelte components that are generically useful.",
   "scripts": {
     "prepublishOnly": "svelte-package",