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

package/src/preview/components/UrlComponentPreview.tsx

@@ -6,6 +6,7 @@ import { PreviewType } from "../../types";
 import { PreviewSize } from "../PropertyPreviewProps";
 import { cls, DescriptionIcon, OpenInNewIcon, Tooltip, Typography } from "@firecms/ui";
 import { EmptyValue } from "./EmptyValue";
+import { useTranslation } from "../../hooks/useTranslation";
 
 /**
  * @group Preview components
@@ -27,6 +28,8 @@ export function UrlComponentPreview({
     fill?: boolean
 }): React.ReactElement {
 
+    const { t } = useTranslation();
+
     if (!previewType) {
         if (!url || !url.trim()) return <EmptyValue />;
         return (
@@ -51,8 +54,7 @@ export function UrlComponentPreview({
         return <audio controls
             className={"max-w-100%"}
             src={url}>
-            Your browser does not support the
-            <code>audio</code> element.
+            {t("browser_does_not_support_audio")}
         </audio>;
     } else if (previewType === "video") {
         return <VideoPreview size={size} src={url} interactive={interactive} />;

package/src/preview/components/UserPreview.tsx

@@ -4,6 +4,7 @@ import { useInternalUserManagementController } from "../../hooks";
 import { UserDisplay } from "../../components/UserDisplay";
 import { EmptyValue } from "./EmptyValue";
 import { Typography } from "@firecms/ui";
+import { useTranslation } from "../../hooks/useTranslation";
 
 /**
  * Preview component for displaying user information.
@@ -13,6 +14,7 @@ import { Typography } from "@firecms/ui";
  */
 export function UserPreview({ value }: PropertyPreviewProps<string>) {
     const { getUser } = useInternalUserManagementController();
+    const { t } = useTranslation();
 
     if (!value) {
         return <EmptyValue/>;
@@ -20,7 +22,7 @@ export function UserPreview({ value }: PropertyPreviewProps<string>) {
 
     const user = getUser(value);
     if (!user) {
-        return <Typography variant={"caption"} color={"secondary"}>User not found: {value}</Typography>;
+        return <Typography variant={"caption"} color={"secondary"}>{t("user_not_found", { value })}</Typography>;
     }
 
     return <UserDisplay user={user}/>;

package/src/types/customization_controller.tsx

@@ -42,7 +42,8 @@ export type CustomizationController = {
     dateTimeFormat?: string;
 
     /**
-     * Locale of the CMS, currently only affecting dates
+     * Locale of the CMS.
+     * Affects date formatting.
      */
     locale?: Locale;
 

package/src/types/firecms.tsx

@@ -111,7 +111,8 @@ export type FireCMSProps<USER extends User> = {
     dateTimeFormat?: string;
 
     /**
-     * Locale of the CMS, currently only affecting dates
+     * Locale of the CMS.
+     * Affects date formatting.
      */
     locale?: Locale;
 

package/src/types/index.ts

@@ -28,3 +28,4 @@ export * from "./export_import";
 export * from "./modify_collections";
 export * from "./analytics_controller";
 export * from "./customization_controller";
+export * from "./translations";

package/src/types/navigation.ts

@@ -252,7 +252,7 @@ export interface NavigationEntry {
     collection?: EntityCollection;
     view?: CMSView;
     description?: string;
-    group: string;
+    group: string | null;
 }
 
 export type NavigationResult = {
@@ -261,7 +261,7 @@ export type NavigationResult = {
 
     navigationEntries: NavigationEntry[],
 
-    groups: string[],
+    groups: (string | null)[],
 
     onNavigationEntriesUpdate: (entries: NavigationGroupMapping[]) => void;
 };

package/src/types/plugins.tsx

@@ -28,6 +28,14 @@ export type FireCMSPlugin<PROPS = any, FORM_PROPS = any, EC extends EntityCollec
      */
     loading?: boolean;
 
+    /**
+     * Override any FireCMS UI string, or provide translations for additional
+     * locales, specific for this plugin.
+     * Keys can be existing `FireCMSTranslations` keys, or new keys if using
+     * module augmentation.
+     */
+    i18n?: Record<string, Record<string, string>>;
+
     /**
      * You can use this prop to add higher order components to the CMS.
      * The components will be added to the root of the CMS, so any component

package/src/types/properties.ts

@@ -1110,6 +1110,7 @@ export type StorageConfig = {
      */
     imageResize?: ImageResize;
 
+
     /**
      * Specific metadata set in your uploaded file.
      * For the default Firebase implementation, the values passed here are of type

package/src/types/storage.ts

@@ -6,7 +6,8 @@ export interface UploadFileProps {
     fileName?: string,
     path?: string,
     metadata?: any,
-    bucket?: string
+    bucket?: string,
+    onProgress?: (progress: number) => void
 }
 
 /**