@firecms/media_manager 3.1.0 → 3.2.0-canary.9c3d298

package/src/components/MediaLibraryView.tsx

@@ -13,6 +13,7 @@ import {
     AppsIcon,
     Icon
 } from "@firecms/ui";
+import { useTranslation } from "@firecms/core";
 import { useMediaManager } from "../MediaManagerProvider";
 import { MediaAssetCard } from "./MediaAssetCard";
 import { MediaAssetDetails } from "./MediaAssetDetails";
@@ -35,6 +36,7 @@ export function MediaLibraryView({
     const [uploadDialogOpen, setUploadDialogOpen] = useState(false);
     const [viewMode, setViewMode] = useState<"grid" | "list">("grid");
     const fileInputRef = useRef<HTMLInputElement>(null);
+    const { t } = useTranslation();
 
     const handleSearch = useCallback((query?: string) => {
         controller.searchAssets(query ?? "");
@@ -64,14 +66,14 @@ export function MediaLibraryView({
                     <div className="flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between">
                         <div className="flex items-center gap-3">
                             <Typography variant="h5" className="font-semibold">
-                                Media Library
+                                {t("media_library")}
                             </Typography>
                             {controller.totalCount !== undefined && (
                                 <Typography
                                     variant="caption"
                                     className="bg-surface-accent-100 dark:bg-surface-accent-800 px-2 py-0.5 rounded-full"
                                 >
-                                    {controller.totalCount} assets
+                                    {t("media_assets_count", { count: controller.totalCount.toString() })}
                                 </Typography>
                             )}
                         </div>
@@ -79,13 +81,13 @@ export function MediaLibraryView({
                         <div className="flex items-center gap-2 w-full sm:w-auto">
                             <SearchBar
                                 onTextSearch={handleSearch}
-                                placeholder="Search assets..."
+                                placeholder={t("media_search_assets")}
                                 className="flex-1 sm:w-64"
                             />
 
                             <div
                                 className="flex items-center gap-1 border-l border-surface-accent-200 dark:border-surface-accent-700 pl-2 ml-2">
-                                <Tooltip title="Grid view">
+                                <Tooltip title={t("media_grid_view")}>
                                     <IconButton
                                         onClick={() => setViewMode("grid")}
                                         className={cls(
@@ -95,7 +97,7 @@ export function MediaLibraryView({
                                         <AppsIcon size="small"/>
                                     </IconButton>
                                 </Tooltip>
-                                <Tooltip title="List view">
+                                <Tooltip title={t("media_list_view")}>
                                     <IconButton
                                         onClick={() => setViewMode("list")}
                                         className={cls(
@@ -107,7 +109,7 @@ export function MediaLibraryView({
                                 </Tooltip>
                             </div>
 
-                            <Tooltip title="Refresh">
+                            <Tooltip title={t("media_refresh")}>
                                 <IconButton onClick={handleRefresh} disabled={controller.loading}>
                                     <RefreshIcon size="small"/>
                                 </IconButton>
@@ -118,7 +120,7 @@ export function MediaLibraryView({
                                 onClick={handleUploadClick}
                             >
                                 <AddIcon size="small"/>
-                                Upload
+                                {t("media_upload")}
                             </Button>
                         </div>
                     </div>
@@ -135,20 +137,20 @@ export function MediaLibraryView({
                     ) : controller.error ? (
                         <div className="flex flex-col items-center justify-center h-64 gap-4">
                             <Typography className="text-red-500">
-                                Error loading assets: {controller.error.message}
+                                {t("media_error_loading", { message: controller.error.message })}
                             </Typography>
                             <Button onClick={handleRefresh}>
-                                Try Again
+                                {t("media_try_again")}
                             </Button>
                         </div>
                     ) : controller.assets.length === 0 ? (
                         <div className="flex flex-col items-center justify-center h-64 gap-4">
                             <Typography className="text-surface-accent-500">
-                                No media assets yet
+                                {t("media_no_assets")}
                             </Typography>
                             <Button onClick={handleUploadClick}>
                                 <AddIcon size="small"/>
-                                Upload your first file
+                                {t("media_upload_first_file")}
                             </Button>
                         </div>
                     ) : (

package/src/components/MediaUploadDialog.tsx

@@ -9,6 +9,7 @@ import {
     CloudUploadIcon,
     CircularProgress
 } from "@firecms/ui";
+import { useTranslation } from "@firecms/core";
 
 export interface MediaUploadDialogProps {
     open: boolean;
@@ -33,6 +34,7 @@ export function MediaUploadDialog({
     const [uploading, setUploading] = useState(false);
     const [error, setError] = useState<string | null>(null);
     const [selectedFiles, setSelectedFiles] = useState<File[]>([]);
+    const { t } = useTranslation();
 
     const validateFiles = useCallback((files: File[]): { valid: File[]; errors: string[] } => {
         const valid: File[] = [];
@@ -40,7 +42,7 @@ export function MediaUploadDialog({
 
         for (const file of files) {
             if (maxFileSize && file.size > maxFileSize) {
-                errors.push(`${file.name}: File too large (max ${formatSize(maxFileSize)})`);
+                errors.push(t("media_file_too_large", { name: file.name, size: formatSize(maxFileSize) }));
                 continue;
             }
             if (acceptedMimeTypes && !acceptedMimeTypes.some(type => {
@@ -49,7 +51,7 @@ export function MediaUploadDialog({
                 }
                 return file.type === type;
             })) {
-                errors.push(`${file.name}: File type not allowed`);
+                errors.push(t("media_file_type_not_allowed", { name: file.name }));
                 continue;
             }
             valid.push(file);
@@ -112,7 +114,7 @@ export function MediaUploadDialog({
             setSelectedFiles([]);
             onClose();
         } catch (err) {
-            setError(err instanceof Error ? err.message : "Upload failed");
+            setError(err instanceof Error ? err.message : t("media_upload_failed"));
         } finally {
             setUploading(false);
         }
@@ -141,7 +143,7 @@ export function MediaUploadDialog({
             <DialogContent className="p-0">
                 <div className="p-4 border-b border-surface-accent-200 dark:border-surface-accent-700">
                     <Typography variant="h6">
-                        Upload Files
+                        {t("media_upload_files")}
                     </Typography>
                 </div>
 
@@ -171,10 +173,10 @@ export function MediaUploadDialog({
                         />
                         <div className="text-center">
                             <Typography variant="body1" className="font-medium">
-                                Drop files here or click to browse
+                                {t("media_drop_files")}
                             </Typography>
                             <Typography variant="caption" className="text-surface-accent-500">
-                                Maximum file size: {formatSize(maxFileSize)}
+                                {t("media_max_file_size", { size: formatSize(maxFileSize) })}
                             </Typography>
                         </div>
                         <input
@@ -198,7 +200,7 @@ export function MediaUploadDialog({
                     {selectedFiles.length > 0 && (
                         <div className="mt-4 space-y-2">
                             <Typography variant="caption" className="text-surface-accent-500">
-                                Selected files ({selectedFiles.length})
+                                {t("media_selected_files_count", { count: selectedFiles.length.toString() })}
                             </Typography>
                             <div className="max-h-40 overflow-auto space-y-1">
                                 {selectedFiles.map((file, index) => (
@@ -226,7 +228,7 @@ export function MediaUploadDialog({
                                             }}
                                             disabled={uploading}
                                         >
-                                            Remove
+                                            {t("media_remove")}
                                         </Button>
                                     </div>
                                 ))}
@@ -242,7 +244,7 @@ export function MediaUploadDialog({
                     onClick={handleClose}
                     disabled={uploading}
                 >
-                    Cancel
+                    {t("cancel")}
                 </Button>
                 <Button
                     variant="filled"
@@ -252,10 +254,10 @@ export function MediaUploadDialog({
                     {uploading ? (
                         <>
                             <CircularProgress size="smallest" />
-                            Uploading...
+                            {t("media_uploading")}
                         </>
                     ) : (
-                        `Upload ${selectedFiles.length > 0 ? `(${selectedFiles.length})` : ""}`
+                        `${t("media_upload")} ${selectedFiles.length > 0 ? `(${selectedFiles.length})` : ""}`
                     )}
                 </Button>
             </DialogActions>

package/src/locales/de.ts

@@ -0,0 +1,45 @@
+export const mediaManagerTranslationsDe = {
+    media_library: "Mediathek",
+    media_library_description: "Bilder und Dateien verwalten",
+    media_search_assets: "Assets durchsuchen...",
+    media_grid_view: "Rasteransicht",
+    media_list_view: "Listenansicht",
+    media_refresh: "Aktualisieren",
+    media_upload: "Hochladen",
+    media_error_loading: "Fehler beim Laden der Assets: {{message}}",
+    media_try_again: "Erneut versuchen",
+    media_no_assets: "Noch keine Medien-Assets",
+    media_upload_first_file: "Laden Sie Ihre erste Datei hoch",
+    media_asset_updated: "Asset erfolgreich aktualisiert",
+    media_error_updating: "Fehler beim Aktualisieren des Assets: {{message}}",
+    media_asset_deleted: "Asset erfolgreich gelöscht",
+    media_error_deleting: "Fehler beim Löschen des Assets: {{message}}",
+    media_error_getting_url: "Fehler beim Abrufen der Download-URL",
+    media_preview_not_available: "Vorschau nicht verfügbar",
+    media_dimensions: "Abmessungen",
+    media_size: "Größe",
+    media_type: "Typ",
+    media_created: "Erstellt",
+    media_file_name: "Dateiname",
+    media_title: "Titel",
+    media_alt_text: "Alternativtext",
+    media_recommended_seo: "Empfohlen für SEO",
+    media_caption: "Bildunterschrift",
+    media_tags: "Schlagwörter",
+    media_add_tag: "Schlagwort hinzufügen...",
+    media_add: "Hinzufügen",
+    media_save_changes: "Änderungen speichern",
+    media_delete_asset: "Asset löschen?",
+    media_delete_confirmation: "Sind Sie sicher, dass Sie \"{{name}}\" löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden.",
+    media_file_too_large: "{{name}}: Datei ist zu groß (max. {{size}})",
+    media_file_type_not_allowed: "{{name}}: Dateityp nicht zulässig",
+    media_upload_failed: "Hochladen fehlgeschlagen",
+    media_upload_files: "Dateien hochladen",
+    media_drop_files: "Dateien hier ablegen oder zum Durchsuchen klicken",
+    media_max_file_size: "Maximale Dateigröße: {{size}}",
+    media_selected_files_count: "Ausgewählte Dateien ({{count}})",
+    media_remove: "Entfernen",
+    media_uploading: "Wird hochgeladen...",
+    media_manage_description: "Verwalten Sie Ihre Mediendateien und Assets",
+    media_assets_count: "{{count}} Assets"
+};

package/src/locales/en.ts

@@ -0,0 +1,45 @@
+export const mediaManagerTranslationsEn = {
+    media_library: "Media Library",
+    media_library_description: "Manage images and files",
+    media_search_assets: "Search assets...",
+    media_grid_view: "Grid view",
+    media_list_view: "List view",
+    media_refresh: "Refresh",
+    media_upload: "Upload",
+    media_error_loading: "Error loading assets: {{message}}",
+    media_try_again: "Try Again",
+    media_no_assets: "No media assets yet",
+    media_upload_first_file: "Upload your first file",
+    media_asset_updated: "Asset updated successfully",
+    media_error_updating: "Error updating asset: {{message}}",
+    media_asset_deleted: "Asset deleted successfully",
+    media_error_deleting: "Error deleting asset: {{message}}",
+    media_error_getting_url: "Error getting download URL",
+    media_preview_not_available: "Preview not available",
+    media_dimensions: "Dimensions",
+    media_size: "Size",
+    media_type: "Type",
+    media_created: "Created",
+    media_file_name: "File Name",
+    media_title: "Title",
+    media_alt_text: "Alt Text",
+    media_recommended_seo: "Recommended for SEO",
+    media_caption: "Caption",
+    media_tags: "Tags",
+    media_add_tag: "Add a tag...",
+    media_add: "Add",
+    media_save_changes: "Save Changes",
+    media_delete_asset: "Delete Asset?",
+    media_delete_confirmation: "Are you sure you want to delete \"{{name}}\"? This action cannot be undone.",
+    media_file_too_large: "{{name}}: File too large (max {{size}})",
+    media_file_type_not_allowed: "{{name}}: File type not allowed",
+    media_upload_failed: "Upload failed",
+    media_upload_files: "Upload Files",
+    media_drop_files: "Drop files here or click to browse",
+    media_max_file_size: "Maximum file size: {{size}}",
+    media_selected_files_count: "Selected files ({{count}})",
+    media_remove: "Remove",
+    media_uploading: "Uploading...",
+    media_manage_description: "Manage your media files and assets",
+    media_assets_count: "{{count}} assets"
+};

package/src/locales/es.ts

@@ -0,0 +1,45 @@
+export const mediaManagerTranslationsEs = {
+    media_library: "Biblioteca de Medios",
+    media_library_description: "Gestionar imágenes y archivos",
+    media_search_assets: "Buscar recursos...",
+    media_grid_view: "Vista de cuadrícula",
+    media_list_view: "Vista de lista",
+    media_refresh: "Actualizar",
+    media_upload: "Subir",
+    media_error_loading: "Error al cargar recursos: {{message}}",
+    media_try_again: "Volver a intentar",
+    media_no_assets: "Aún no hay recursos multimedia",
+    media_upload_first_file: "Sube tu primer archivo",
+    media_asset_updated: "Recurso actualizado con éxito",
+    media_error_updating: "Error al actualizar recurso: {{message}}",
+    media_asset_deleted: "Recurso eliminado con éxito",
+    media_error_deleting: "Error al eliminar recurso: {{message}}",
+    media_error_getting_url: "Error al obtener URL de descarga",
+    media_preview_not_available: "Vista previa no disponible",
+    media_dimensions: "Dimensiones",
+    media_size: "Tamaño",
+    media_type: "Tipo",
+    media_created: "Creado",
+    media_file_name: "Nombre del archivo",
+    media_title: "Título",
+    media_alt_text: "Texto alternativo",
+    media_recommended_seo: "Recomendado para SEO",
+    media_caption: "Leyenda",
+    media_tags: "Etiquetas",
+    media_add_tag: "Añadir una etiqueta...",
+    media_add: "Añadir",
+    media_save_changes: "Guardar cambios",
+    media_delete_asset: "¿Eliminar recurso?",
+    media_delete_confirmation: "¿Estás seguro de que deseas eliminar \"{{name}}\"? Esta acción no se puede deshacer.",
+    media_file_too_large: "{{name}}: Archivo demasiado grande (máx. {{size}})",
+    media_file_type_not_allowed: "{{name}}: Tipo de archivo no permitido",
+    media_upload_failed: "Error al subir",
+    media_upload_files: "Subir archivos",
+    media_drop_files: "Suelta archivos aquí o haz clic para buscar",
+    media_max_file_size: "Tamaño máximo de archivo: {{size}}",
+    media_selected_files_count: "Archivos seleccionados ({{count}})",
+    media_remove: "Quitar",
+    media_uploading: "Subiendo...",
+    media_manage_description: "Gestiona tus archivos y recursos multimedia",
+    media_assets_count: "{{count}} recursos"
+};

package/src/locales/fr.ts

@@ -0,0 +1,45 @@
+export const mediaManagerTranslationsFr = {
+    media_library: "Médiathèque",
+    media_library_description: "Gérer les images et les fichiers",
+    media_search_assets: "Rechercher des éléments...",
+    media_grid_view: "Vue en grille",
+    media_list_view: "Vue en liste",
+    media_refresh: "Rafraîchir",
+    media_upload: "Télécharger",
+    media_error_loading: "Erreur lors du chargement des éléments : {{message}}",
+    media_try_again: "Réessayer",
+    media_no_assets: "Pas encore d'éléments multimédias",
+    media_upload_first_file: "Téléchargez votre premier fichier",
+    media_asset_updated: "Élément mis à jour avec succès",
+    media_error_updating: "Erreur lors de la mise à jour de l'élément : {{message}}",
+    media_asset_deleted: "Élément supprimé avec succès",
+    media_error_deleting: "Erreur lors de la suppression de l'élément : {{message}}",
+    media_error_getting_url: "Erreur lors de l'obtention de l'URL de téléchargement",
+    media_preview_not_available: "Aperçu non disponible",
+    media_dimensions: "Dimensions",
+    media_size: "Taille",
+    media_type: "Type",
+    media_created: "Créé",
+    media_file_name: "Nom du fichier",
+    media_title: "Titre",
+    media_alt_text: "Texte alternatif",
+    media_recommended_seo: "Recommandé pour le référencement (SEO)",
+    media_caption: "Légende",
+    media_tags: "Balises",
+    media_add_tag: "Ajouter une balise...",
+    media_add: "Ajouter",
+    media_save_changes: "Enregistrer les modifications",
+    media_delete_asset: "Supprimer l'élément ?",
+    media_delete_confirmation: "Êtes-vous sûr de vouloir supprimer \"{{name}}\" ? Cette action ne peut pas être annulée.",
+    media_file_too_large: "{{name}} : Fichier trop volumineux (max {{size}})",
+    media_file_type_not_allowed: "{{name}} : Type de fichier non autorisé",
+    media_upload_failed: "Le téléchargement a échoué",
+    media_upload_files: "Télécharger des fichiers",
+    media_drop_files: "Déposez les fichiers ici ou cliquez pour parcourir",
+    media_max_file_size: "Taille maximale du fichier : {{size}}",
+    media_selected_files_count: "Fichiers sélectionnés ({{count}})",
+    media_remove: "Retirer",
+    media_uploading: "Téléchargement en cours...",
+    media_manage_description: "Gérez vos fichiers et éléments multimédias",
+    media_assets_count: "{{count}} éléments"
+};

package/src/locales/hi.ts

@@ -0,0 +1,45 @@
+export const mediaManagerTranslationsHi = {
+    media_library: "मीडिया लाइब्रेरी",
+    media_library_description: "चित्र और फ़ाइलें प्रबंधित करें",
+    media_search_assets: "संपत्तियां खोजें...",
+    media_grid_view: "ग्रिड दृश्य",
+    media_list_view: "सूची दृश्य",
+    media_refresh: "रीफ्रेश करें",
+    media_upload: "अपलोड करें",
+    media_error_loading: "संपत्तियों को लोड करने में त्रुटि: {{message}}",
+    media_try_again: "पुनः प्रयास करें",
+    media_no_assets: "अभी तक कोई मीडिया संपत्ति नहीं",
+    media_upload_first_file: "अपनी पहली फ़ाइल अपलोड करें",
+    media_asset_updated: "संपत्ति सफलतापूर्वक अपडेट की गई",
+    media_error_updating: "संपत्ति को अपडेट करने में त्रुटि: {{message}}",
+    media_asset_deleted: "संपत्ति सफलतापूर्वक हटा दी गई",
+    media_error_deleting: "संपत्ति को हटाने में त्रुटि: {{message}}",
+    media_error_getting_url: "डाउनलोड URL प्राप्त करने में त्रुटि",
+    media_preview_not_available: "पूर्वावलोकन उपलब्ध नहीं है",
+    media_dimensions: "आयाम",
+    media_size: "आकार",
+    media_type: "प्रकार",
+    media_created: "बनाया गया",
+    media_file_name: "फ़ाइल का नाम",
+    media_title: "शीर्षक",
+    media_alt_text: "वैकल्पिक पाठ",
+    media_recommended_seo: "SEO के लिए अनुशंसित",
+    media_caption: "कैप्शन",
+    media_tags: "टैग",
+    media_add_tag: "एक टैग जोड़ें...",
+    media_add: "जोड़ें",
+    media_save_changes: "परिवर्तन सहेजें",
+    media_delete_asset: "संपत्ति हटाएं?",
+    media_delete_confirmation: "क्या आप निश्चित रूप से \"{{name}}\" को हटाना चाहते हैं? यह क्रिया पूर्ववत नहीं की जा सकती।",
+    media_file_too_large: "{{name}}: फ़ाइल बहुत बड़ी है (अधिकतम {{size}})",
+    media_file_type_not_allowed: "{{name}}: फ़ाइल प्रकार की अनुमति नहीं है",
+    media_upload_failed: "अपलोड विफल रहा",
+    media_upload_files: "फ़ाइलें अपलोड करें",
+    media_drop_files: "फ़ाइलें यहाँ छोड़ें या ब्राउज़ करने के लिए क्लिक करें",
+    media_max_file_size: "अधिकतम फ़ाइल आकार: {{size}}",
+    media_selected_files_count: "चयनित फ़ाइलें ({{count}})",
+    media_remove: "हटाएं",
+    media_uploading: "अपलोड हो रहा है...",
+    media_manage_description: "अपनी मीडिया फ़ाइलें और संपत्तियां प्रबंधित करें",
+    media_assets_count: "{{count}} संपत्तियां"
+};

package/src/locales/it.ts

@@ -0,0 +1,45 @@
+export const mediaManagerTranslationsIt = {
+    media_library: "Libreria multimediale",
+    media_library_description: "Gestisci immagini e file",
+    media_search_assets: "Cerca risorse...",
+    media_grid_view: "Visualizzazione griglia",
+    media_list_view: "Visualizzazione elenco",
+    media_refresh: "Aggiorna",
+    media_upload: "Carica",
+    media_error_loading: "Errore durante il caricamento delle risorse: {{message}}",
+    media_try_again: "Riprova",
+    media_no_assets: "Nessuna risorsa multimediale ancora presente",
+    media_upload_first_file: "Carica il tuo primo file",
+    media_asset_updated: "Risorsa aggiornata con successo",
+    media_error_updating: "Errore durante l'aggiornamento della risorsa: {{message}}",
+    media_asset_deleted: "Risorsa eliminata con successo",
+    media_error_deleting: "Errore durante l'eliminazione della risorsa: {{message}}",
+    media_error_getting_url: "Errore durante il recupero dell'URL di download",
+    media_preview_not_available: "Anteprima non disponibile",
+    media_dimensions: "Dimensioni",
+    media_size: "Dimensione",
+    media_type: "Tipo",
+    media_created: "Creato",
+    media_file_name: "Nome file",
+    media_title: "Titolo",
+    media_alt_text: "Testo alternativo",
+    media_recommended_seo: "Consigliato per la SEO",
+    media_caption: "Didascalia",
+    media_tags: "Tag",
+    media_add_tag: "Aggiungi un tag...",
+    media_add: "Aggiungi",
+    media_save_changes: "Salva modifiche",
+    media_delete_asset: "Elimina risorsa?",
+    media_delete_confirmation: "Sei sicuro di voler eliminare \"{{name}}\"? Questa azione non può essere annullata.",
+    media_file_too_large: "{{name}}: File troppo grande (max {{size}})",
+    media_file_type_not_allowed: "{{name}}: Tipo di file non consentito",
+    media_upload_failed: "Caricamento fallito",
+    media_upload_files: "Carica file",
+    media_drop_files: "Rilascia i file qui o fai clic per sfogliare",
+    media_max_file_size: "Dimensione massima del file: {{size}}",
+    media_selected_files_count: "File selezionati ({{count}})",
+    media_remove: "Rimuovi",
+    media_uploading: "Caricamento in corso...",
+    media_manage_description: "Gestisci i tuoi file e risorse multimediali",
+    media_assets_count: "{{count}} risorse"
+};

package/src/locales/pt.ts

@@ -0,0 +1,45 @@
+export const mediaManagerTranslationsPt = {
+    media_library: "Biblioteca de Média",
+    media_library_description: "Gerir imagens e ficheiros",
+    media_search_assets: "Pesquisar recursos...",
+    media_grid_view: "Vista em grelha",
+    media_list_view: "Vista em lista",
+    media_refresh: "Atualizar",
+    media_upload: "Carregar",
+    media_error_loading: "Erro ao carregar recursos: {{message}}",
+    media_try_again: "Tentar Novamente",
+    media_no_assets: "Ainda não há recursos de média",
+    media_upload_first_file: "Carregue o seu primeiro ficheiro",
+    media_asset_updated: "Recurso atualizado com sucesso",
+    media_error_updating: "Erro ao atualizar recurso: {{message}}",
+    media_asset_deleted: "Recurso eliminado com sucesso",
+    media_error_deleting: "Erro ao eliminar recurso: {{message}}",
+    media_error_getting_url: "Erro ao obter URL de download",
+    media_preview_not_available: "Pré-visualização não disponível",
+    media_dimensions: "Dimensões",
+    media_size: "Tamanho",
+    media_type: "Tipo",
+    media_created: "Criado",
+    media_file_name: "Nome do Ficheiro",
+    media_title: "Título",
+    media_alt_text: "Texto Alternativo",
+    media_recommended_seo: "Recomendado para SEO",
+    media_caption: "Legenda",
+    media_tags: "Etiquetas",
+    media_add_tag: "Adicionar uma etiqueta...",
+    media_add: "Adicionar",
+    media_save_changes: "Guardar Alterações",
+    media_delete_asset: "Eliminar Recurso?",
+    media_delete_confirmation: "Tem a certeza de que quer eliminar \"{{name}}\"? Esta ação não pode ser desfeita.",
+    media_file_too_large: "{{name}}: Ficheiro demasiado grande (máx {{size}})",
+    media_file_type_not_allowed: "{{name}}: Tipo de ficheiro não permitido",
+    media_upload_failed: "Falha no carregamento",
+    media_upload_files: "Carregar Ficheiros",
+    media_drop_files: "Solte ficheiros aqui ou clique para navegar",
+    media_max_file_size: "Tamanho máximo de ficheiro: {{size}}",
+    media_selected_files_count: "Ficheiros selecionados ({{count}})",
+    media_remove: "Remover",
+    media_uploading: "A carregar...",
+    media_manage_description: "Gerir os seus ficheiros e recursos de média",
+    media_assets_count: "{{count}} recursos"
+};

package/src/useMediaManagerPlugin.tsx

@@ -1,10 +1,17 @@
 import React, { useMemo, createContext, useContext, PropsWithChildren } from "react";
-import { FireCMSPlugin, CMSView } from "@firecms/core";
+import { FireCMSPlugin, CMSView, useTranslation } from "@firecms/core";
 import { MediaManagerConfig } from "./types";
 import { MediaManagerProvider } from "./MediaManagerProvider";
 import { useMediaManagerController } from "./useMediaManagerController";
 import { MediaLibraryCard } from "./components/MediaLibraryCard";
 import { MediaLibraryView } from "./components/MediaLibraryView";
+import { mediaManagerTranslationsEn } from "./locales/en";
+import { mediaManagerTranslationsEs } from "./locales/es";
+import { mediaManagerTranslationsDe } from "./locales/de";
+import { mediaManagerTranslationsFr } from "./locales/fr";
+import { mediaManagerTranslationsIt } from "./locales/it";
+import { mediaManagerTranslationsHi } from "./locales/hi";
+import { mediaManagerTranslationsPt } from "./locales/pt";
 
 const DEFAULT_STORAGE_PATH = "media";
 const DEFAULT_COLLECTION_PATH = "media_assets";
@@ -54,15 +61,14 @@ function buildMediaView(): CMSView {
     return {
         path: "media",
         name: "Media Library",
-        description: "Manage your media files and assets",
+        description: "Manage your media files",
         group: "Media",
         icon: "perm_media",
         view: <MediaLibraryViewInternal />
     };
 }
 
-// Single static instance of the view
-const MEDIA_VIEW = buildMediaView();
+// Removed static MEDIA_VIEW because it depends on translation
 
 /**
  * Hook to create the Media Manager plugin for FireCMS.
@@ -83,15 +89,26 @@ const MEDIA_VIEW = buildMediaView();
  * ```
  */
 export function useMediaManagerPlugin(props: MediaManagerPluginProps): FireCMSPlugin {
+    const mediaView = useMemo(() => buildMediaView(), []);
+
     return useMemo(() => ({
         key: "media_manager",
-        views: [MEDIA_VIEW],
+        views: [mediaView],
         provider: {
             Component: ({ children }: PropsWithChildren) => (
                 <MediaManagerConfigContext.Provider value={props}>
                     {children}
                 </MediaManagerConfigContext.Provider>
             )
+        },
+        i18n: {
+            en: mediaManagerTranslationsEn,
+            es: mediaManagerTranslationsEs,
+            de: mediaManagerTranslationsDe,
+            fr: mediaManagerTranslationsFr,
+            it: mediaManagerTranslationsIt,
+            hi: mediaManagerTranslationsHi,
+            pt: mediaManagerTranslationsPt
         }
     } satisfies FireCMSPlugin), []);
 }