@digitaldefiance/express-suite-react-components 2.1.42 → 2.1.43

package/README.md

@@ -261,6 +261,10 @@ MIT © Digital Defiance
 
 ## ChangeLog
 
+### v2.1.43
+
+- Update TranslatedTitle to be generic
+
 ### v2.1.40
 
 - Alignment/upgrade all packages

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitaldefiance/express-suite-react-components",
-  "version": "2.1.42",
+  "version": "2.1.43",
   "description": "React MUI components for Digital Defiance Express Suite",
   "main": "src/index.js",
   "types": "src/index.d.ts",

package/src/components/TranslatedTitle.d.ts

@@ -1,7 +1,7 @@
-import { FC } from 'react';
-export interface TranslatedTitleProps {
-    title: string;
-    language?: string;
+interface FCParams<TEnum extends string> {
+    componentId: string;
+    stringKey: TEnum;
 }
-export declare const TranslatedTitle: FC<TranslatedTitleProps>;
+declare const TranslatedTitle: <TEnum extends string>({ componentId, stringKey }: FCParams<TEnum>) => null;
+export default TranslatedTitle;
 //# sourceMappingURL=TranslatedTitle.d.ts.map

package/src/components/TranslatedTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TranslatedTitle.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TranslatedTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAMpD,CAAC"}
+{"version":3,"file":"TranslatedTitle.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TranslatedTitle.tsx"],"names":[],"mappings":"AAKA,UAAU,QAAQ,CAAC,KAAK,SAAS,MAAM;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,KAAK,CAAC;CAClB;AAED,QAAA,MAAM,eAAe,GAAI,KAAK,SAAS,MAAM,EAAE,4BAA4B,QAAQ,CAAC,KAAK,CAAC,KAAG,IAQ5F,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/src/components/TranslatedTitle.js

@@ -1,11 +1,13 @@
 "use strict";
+// src/app/components/TranslatedTitle.tsx
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TranslatedTitle = void 0;
 const react_1 = require("react");
-const TranslatedTitle = ({ title, language }) => {
+const contexts_1 = require("../contexts");
+const TranslatedTitle = ({ componentId, stringKey }) => {
+    const { t, tComponent, currentLanguage } = (0, contexts_1.useI18n)();
     (0, react_1.useEffect)(() => {
-        document.title = title;
-    }, [title, language]);
+        document.title = t(tComponent(componentId, stringKey), undefined, currentLanguage);
+    }, [t, tComponent, componentId, stringKey, currentLanguage]);
     return null;
 };
-exports.TranslatedTitle = TranslatedTitle;
+exports.default = TranslatedTitle;