@immich/ui 0.38.0 → 0.39.0

package/dist/services/toast-manager.svelte.d.ts

@@ -6,11 +6,10 @@ declare class ToastManager {
     custom(item: ToastCustom, options?: ToastOptions): void;
     open(item: ToastItem, options?: ToastOptions): void;
     unmount(): Promise<void>;
-    primary(item: ToastShow): void;
-    success(item: ToastShow): void;
-    info(item: ToastShow): void;
-    warning(item: ToastShow): void;
-    danger(item: ToastShow): void;
+    success(item: string | ToastShow): void;
+    info(item: string | ToastShow): void;
+    warning(item: string | ToastShow): void;
+    danger(item: string | ToastShow): void;
     mount(): Promise<void>;
     private remove;
 }

package/dist/services/toast-manager.svelte.js

@@ -1,7 +1,9 @@
 import ToastPanel from '../components/Toast/ToastPanel.svelte';
+import { t } from './translation.svelte.js';
 import { generateId } from '../utilities/internal.js';
 import { mount, unmount } from 'svelte';
 export const isCustomToast = (item) => !!item.component;
+const expand = (item) => (typeof item === 'string' ? { description: item } : item);
 class ToastManager {
     #ref;
     #props = $state({ items: [] });
@@ -35,20 +37,17 @@ class ToastManager {
             await unmount(this.#ref);
         }
     }
-    primary(item) {
-        this.show({ ...item, color: 'primary' });
-    }
     success(item) {
-        this.show({ ...item, color: 'success' });
+        this.show({ title: t('toast_success_title'), color: 'success', ...expand(item) });
     }
     info(item) {
-        this.show({ ...item, color: 'info' });
+        this.show({ title: t('toast_info_title'), color: 'info', ...expand(item) });
     }
     warning(item) {
-        this.show({ ...item, color: 'warning' });
+        this.show({ title: t('toast_warning_title'), color: 'warning', ...expand(item) });
     }
     danger(item) {
-        this.show({ ...item, color: 'danger' });
+        this.show({ title: t('toast_danger_title'), color: 'danger', ...expand(item) });
     }
     async mount() {
         if (!this.#ref) {

package/dist/services/translation.svelte.d.ts

@@ -13,6 +13,10 @@ declare const defaultTranslations: {
     hide_password: string;
     dark_theme: string;
     command_palette_prompt_default: string;
+    toast_success_title: string;
+    toast_info_title: string;
+    toast_warning_title: string;
+    toast_danger_title: string;
 };
 export type Translations = typeof defaultTranslations;
 export declare const translate: <T extends keyof Translations>(key: T, overrides?: TranslationProps<T>) => string;

package/dist/services/translation.svelte.js

@@ -19,6 +19,10 @@ const defaultTranslations = {
     dark_theme: 'Toggle dark theme',
     // command palette
     command_palette_prompt_default: 'Quickly find pages, actions, or commands',
+    toast_success_title: 'Success',
+    toast_info_title: 'Info',
+    toast_warning_title: 'Warning',
+    toast_danger_title: 'Error',
 };
 let translations = $state(defaultTranslations);
 export const translate = (key, overrides) => overrides?.[key] ?? translations[key];

package/dist/types.d.ts

@@ -180,7 +180,7 @@ export type ToastCustom<T extends Closable = any> = {
     props: T;
 };
 export type ToastShow = {
-    title: string;
+    title?: string;
     description?: string;
     color?: Color;
     shape?: Shape;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@immich/ui",
-  "version": "0.38.0",
+  "version": "0.39.0",
   "license": "GNU Affero General Public License version 3",
   "repository": {
     "type": "git",