@refinedev/core 4.25.0 → 4.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinedev/core",
-  "version": "4.25.0",
+  "version": "4.26.0",
   "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
   "private": false,
   "main": "dist/index.js",

package/src/definitions/helpers/generateDocumentTitle/index.ts

@@ -1,18 +1,13 @@
 import { IResourceItem } from "@contexts/resource";
 import { userFriendlyResourceName } from "../userFriendlyResourceName";
+import type { useTranslate } from "@hooks/translate";
+import { safeTranslate } from "../safe-translate";
 
 /**
  * Generates document title for the given resource and action.
  */
 export function generateDefaultDocumentTitle(
-    translate: {
-        (
-            key: string,
-            options?: any,
-            defaultMessage?: string | undefined,
-        ): string;
-        (key: string, defaultMessage?: string | undefined): string;
-    },
+    translate: ReturnType<typeof useTranslate>,
     resource?: IResourceItem,
     action?: string,
     id?: string,
@@ -38,19 +33,28 @@ export function generateDefaultDocumentTitle(
 
     const resourceNameWithFallback = resourceName ?? resourceNameFallback;
 
-    const defaultTitle = translate("documentTitle.default", "refine");
-    const suffix = translate("documentTitle.suffix", " | refine");
+    const defaultTitle = safeTranslate(
+        translate,
+        "documentTitle.default",
+        "refine",
+    );
+    const suffix = safeTranslate(
+        translate,
+        "documentTitle.suffix",
+        " | refine",
+    );
     let autoGeneratedTitle = defaultTitle;
 
     if (action && identifier) {
-        autoGeneratedTitle = translate(
+        autoGeneratedTitle = safeTranslate(
+            translate,
             `documentTitle.${identifier}.${action}`,
-            { id },
             `${
                 actionPrefixMatcher[
                     action as keyof typeof actionPrefixMatcher
                 ] ?? ""
             }${resourceNameWithFallback}${suffix}`,
+            { id },
         );
     }
 

package/src/definitions/helpers/safe-translate/index.ts

@@ -0,0 +1,20 @@
+import type { useTranslate } from "@hooks/translate";
+
+export const safeTranslate = (
+    translate: ReturnType<typeof useTranslate>,
+    key: string,
+    defaultMessage?: string,
+    options?: any,
+) => {
+    const translated = options
+        ? translate(key, options, defaultMessage)
+        : translate(key, defaultMessage);
+
+    const fallback = defaultMessage ?? key;
+
+    if (translated === key || typeof translated === "undefined") {
+        return fallback;
+    }
+
+    return translated;
+};