@digitaldefiance/express-suite-react-components 2.13.12 → 2.13.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitaldefiance/express-suite-react-components",
-  "version": "2.13.12",
+  "version": "2.13.14",
   "homepage": "https://github.com/Digital-Defiance/react-components",
   "description": "React MUI components for Digital Defiance Express Suite",
   "repository": {

package/src/components/T.d.ts

@@ -0,0 +1,7 @@
+interface FCParams<TEnum extends string> {
+    stringKey: TEnum;
+    vars?: Record<string, string | number>;
+}
+export declare const Tbranded: <TEnum extends string>({ stringKey, vars, }: FCParams<TEnum>) => string | undefined;
+export default Tbranded;
+//# sourceMappingURL=T.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"T.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/T.tsx"],"names":[],"mappings":"AAKA,UAAU,QAAQ,CAAC,KAAK,SAAS,MAAM;IACrC,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,QAAQ,GAAI,KAAK,SAAS,MAAM,EAAE,sBAG5C,QAAQ,CAAC,KAAK,CAAC,KAAG,MAAM,GAAG,SAQ7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/src/components/T.js

@@ -0,0 +1,13 @@
+"use strict";
+// src/app/components/T.tsx
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tbranded = void 0;
+const react_1 = require("react");
+const contexts_1 = require("../contexts");
+const Tbranded = ({ stringKey, vars, }) => {
+    const { currentLanguage, tBranded } = (0, contexts_1.useI18n)();
+    const translated = (0, react_1.useMemo)(() => tBranded(stringKey, vars, currentLanguage), [tBranded, stringKey, vars, currentLanguage]);
+    return translated;
+};
+exports.Tbranded = Tbranded;
+exports.default = exports.Tbranded;

package/src/components/TDiv.d.ts

@@ -0,0 +1,9 @@
+import { DetailedHTMLProps, HTMLAttributes, ReactElement } from 'react';
+interface FCParams<TEnum extends string> {
+    stringKey: TEnum;
+    vars?: Record<string, string | number>;
+    divOptions?: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+}
+export declare const TDivBranded: <TEnum extends string>({ stringKey, vars, divOptions, }: FCParams<TEnum>) => ReactElement;
+export default TDivBranded;
+//# sourceMappingURL=TDiv.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TDiv.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TDiv.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAGjF,UAAU,QAAQ,CAAC,KAAK,SAAS,MAAM;IACrC,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC;CAChF;AAED,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,MAAM,EAAE,kCAI/C,QAAQ,CAAC,KAAK,CAAC,KAAG,YAQpB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/src/components/TDiv.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TDivBranded = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// src/app/components/TDiv.tsx
+const react_1 = require("react");
+const contexts_1 = require("../contexts");
+const TDivBranded = ({ stringKey, vars, divOptions, }) => {
+    const { currentLanguage, tBranded } = (0, contexts_1.useI18n)();
+    const translated = (0, react_1.useMemo)(() => tBranded(stringKey, vars, currentLanguage), [tBranded, stringKey, vars, currentLanguage]);
+    return (0, jsx_runtime_1.jsx)("div", { ...divOptions, children: translated });
+};
+exports.TDivBranded = TDivBranded;
+exports.default = exports.TDivBranded;

package/src/components/TranslatedTitle.d.ts

@@ -1,7 +1,8 @@
 interface FCParams<TEnum extends string> {
     componentId: string;
     stringKey: TEnum;
+    vars?: Record<string, string | number>;
 }
-export declare const TranslatedTitle: <TEnum extends string>({ componentId, stringKey, }: FCParams<TEnum>) => null;
+export declare const TranslatedTitle: <TEnum extends string>({ componentId, stringKey, vars, }: 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":"AAKA,UAAU,QAAQ,CAAC,KAAK,SAAS,MAAM;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,KAAK,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,GAAI,KAAK,SAAS,MAAM,EAAE,6BAGnD,QAAQ,CAAC,KAAK,CAAC,KAAG,IAapB,CAAC;AAEF,eAAe,eAAe,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;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,eAAe,GAAI,KAAK,SAAS,MAAM,EAAE,mCAInD,QAAQ,CAAC,KAAK,CAAC,KAAG,IAapB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/src/components/TranslatedTitle.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TranslatedTitle = void 0;
 const react_1 = require("react");
 const contexts_1 = require("../contexts");
-const TranslatedTitle = ({ componentId, stringKey, }) => {
+const TranslatedTitle = ({ componentId, stringKey, vars, }) => {
     const { tComponent, currentLanguage } = (0, contexts_1.useI18n)();
     (0, react_1.useEffect)(() => {
-        document.title = tComponent(componentId, stringKey, undefined, currentLanguage);
-    }, [tComponent, componentId, stringKey, currentLanguage]);
+        document.title = tComponent(componentId, stringKey, vars, currentLanguage);
+    }, [tComponent, componentId, stringKey, vars, currentLanguage]);
     return null;
 };
 exports.TranslatedTitle = TranslatedTitle;

package/src/components/index.d.ts

@@ -22,4 +22,6 @@ export * from './TranslatedTitle';
 export * from './UserMenu';
 export * from './UserLanguageSelector';
 export * from './VerifyEmailPage';
+export * from './T';
+export * from './TDiv';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,KAAK,CAAC;AACpB,cAAc,QAAQ,CAAC"}

package/src/components/index.js

@@ -26,3 +26,5 @@ tslib_1.__exportStar(require("./TranslatedTitle"), exports);
 tslib_1.__exportStar(require("./UserMenu"), exports);
 tslib_1.__exportStar(require("./UserLanguageSelector"), exports);
 tslib_1.__exportStar(require("./VerifyEmailPage"), exports);
+tslib_1.__exportStar(require("./T"), exports);
+tslib_1.__exportStar(require("./TDiv"), exports);

package/src/contexts/I18nProvider.d.ts

@@ -7,6 +7,7 @@ export interface I18nProviderProps {
 }
 export interface I18nContextType {
     t: (key: string, vars?: Record<string, string | number>, language?: string) => string;
+    tBranded: <TStringKey extends string>(stringKey: TStringKey, vars?: Record<string, string | number>, language?: string) => string;
     tComponent: <TStringKey extends string>(componentId: string, stringKey: TStringKey, vars?: Record<string, string | number>, language?: string) => string;
     changeLanguage: (language: string) => void;
     currentLanguage: string;

package/src/contexts/I18nProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"I18nProvider.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/contexts/I18nProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAGX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,EAAE,EACF,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,CACD,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EACtC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,UAAU,EAAE,CAAC,UAAU,SAAS,MAAM,EACpC,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,UAAU,EACrB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EACtC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,eAAe,EAAE,MAAM,CAAC;CACzB;AAID,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkE9C,CAAC;AAEF,eAAO,MAAM,OAAO,uBAMnB,CAAC"}
+{"version":3,"file":"I18nProvider.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/contexts/I18nProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAGX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,EAAE,EACF,SAAS,EAIV,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,CACD,GAAG,EAAE,MAAM,EACX,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EACtC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,QAAQ,EAAE,CAAC,UAAU,SAAS,MAAM,EAClC,SAAS,EAAE,UAAU,EACrB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EACtC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,UAAU,EAAE,CAAC,UAAU,SAAS,MAAM,EACpC,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,UAAU,EACrB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EACtC,QAAQ,CAAC,EAAE,MAAM,KACd,MAAM,CAAC;IACZ,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,eAAe,EAAE,MAAM,CAAC;CACzB;AAID,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAkF9C,CAAC;AAEF,eAAO,MAAM,OAAO,uBAMnB,CAAC"}

package/src/contexts/I18nProvider.js

@@ -21,6 +21,9 @@ const I18nProvider = ({ children, i18nEngine, onLanguageChange, }) => {
             }
         }
     }, [onLanguageChange, i18nEngine, context]);
+    const tBranded = (0, react_1.useCallback)((key, vars, language) => {
+        return i18nEngine.translateStringKey(key, vars, language ?? currentLanguage);
+    }, [i18nEngine, currentLanguage]);
     const t = (0, react_1.useCallback)((key, vars, language) => {
         return i18nEngine.t(key, vars, language ?? currentLanguage);
     }, [i18nEngine, currentLanguage]);
@@ -30,6 +33,7 @@ const I18nProvider = ({ children, i18nEngine, onLanguageChange, }) => {
     const value = {
         t,
         tComponent,
+        tBranded,
         changeLanguage,
         currentLanguage,
     };