gt-react 8.2.14 → 8.2.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/branches/Branch.js +5 -3
- package/dist/branches/Branch.js.map +1 -1
- package/dist/branches/plurals/Plural.js +16 -11
- package/dist/branches/plurals/Plural.js.map +1 -1
- package/dist/branches/plurals/getPluralBranch.js +6 -3
- package/dist/branches/plurals/getPluralBranch.js.map +1 -1
- package/dist/client.js +12 -4
- package/dist/client.js.map +1 -1
- package/dist/hooks/useBrowserLocale.js +13 -10
- package/dist/hooks/useBrowserLocale.js.map +1 -1
- package/dist/hooks/useDefaultLocale.js +9 -3
- package/dist/hooks/useDefaultLocale.js.map +1 -1
- package/dist/hooks/useElement.js +49 -10
- package/dist/hooks/useElement.js.map +1 -1
- package/dist/hooks/useGT.js +11 -5
- package/dist/hooks/useGT.js.map +1 -1
- package/dist/hooks/useLocale.js +9 -3
- package/dist/hooks/useLocale.js.map +1 -1
- package/dist/index.js +30 -13
- package/dist/index.js.map +1 -1
- package/dist/inline/T.d.ts.map +1 -1
- package/dist/inline/T.js +46 -32
- package/dist/inline/T.js.map +1 -1
- package/dist/internal/addGTIdentifier.js +49 -13
- package/dist/internal/addGTIdentifier.js.map +1 -1
- package/dist/internal/flattenDictionary.js +9 -3
- package/dist/internal/flattenDictionary.js.map +1 -1
- package/dist/internal/writeChildrenAsObjects.js +11 -5
- package/dist/internal/writeChildrenAsObjects.js.map +1 -1
- package/dist/internal.js +66 -14
- package/dist/internal.js.map +1 -1
- package/dist/messages/createMessages.js +32 -16
- package/dist/messages/createMessages.js.map +1 -1
- package/dist/provider/GTContext.js +8 -4
- package/dist/provider/GTContext.js.map +1 -1
- package/dist/provider/GTProvider.d.ts.map +1 -1
- package/dist/provider/GTProvider.js +57 -53
- package/dist/provider/GTProvider.js.map +1 -1
- package/dist/provider/helpers/extractEntryMetadata.js +4 -1
- package/dist/provider/helpers/extractEntryMetadata.js.map +1 -1
- package/dist/provider/helpers/getDictionaryEntry.js +12 -6
- package/dist/provider/helpers/getDictionaryEntry.js.map +1 -1
- package/dist/provider/helpers/getGTProp.js +4 -1
- package/dist/provider/helpers/getGTProp.js.map +1 -1
- package/dist/provider/helpers/isValidDictionaryEntry.js +2 -1
- package/dist/provider/helpers/isVariableObject.js +4 -1
- package/dist/provider/helpers/isVariableObject.js.map +1 -1
- package/dist/provider/rendering/defaultRenderSettings.js +4 -1
- package/dist/provider/rendering/defaultRenderSettings.js.map +1 -1
- package/dist/provider/rendering/renderDefaultChildren.js +23 -17
- package/dist/provider/rendering/renderDefaultChildren.js.map +1 -1
- package/dist/provider/rendering/renderSkeleton.js +20 -14
- package/dist/provider/rendering/renderSkeleton.js.map +1 -1
- package/dist/provider/rendering/renderTranslatedChildren.js +42 -36
- package/dist/provider/rendering/renderTranslatedChildren.js.map +1 -1
- package/dist/provider/rendering/renderVariable.js +16 -10
- package/dist/provider/rendering/renderVariable.js.map +1 -1
- package/dist/provider/runtime/useRuntimeTranslation.js +16 -13
- package/dist/provider/runtime/useRuntimeTranslation.js.map +1 -1
- package/dist/types/types.d.ts +0 -6
- package/dist/types/types.d.ts.map +1 -1
- package/dist/types/types.js +2 -28
- package/dist/types/types.js.map +1 -1
- package/dist/utils/utils.d.ts +1 -2
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +11 -19
- package/dist/utils/utils.js.map +1 -1
- package/dist/variables/Currency.js +13 -8
- package/dist/variables/Currency.js.map +1 -1
- package/dist/variables/DateTime.js +13 -8
- package/dist/variables/DateTime.js.map +1 -1
- package/dist/variables/Num.js +13 -8
- package/dist/variables/Num.js.map +1 -1
- package/dist/variables/Var.js +5 -3
- package/dist/variables/Var.js.map +1 -1
- package/dist/variables/_getVariableProps.js +9 -3
- package/dist/variables/_getVariableProps.js.map +1 -1
- package/dist/variables/getVariableName.js +9 -4
- package/dist/variables/getVariableName.js.map +1 -1
- package/package.json +3 -2
- package/tsconfig.json +1 -1
package/dist/branches/Branch.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
3
|
var t = {};
|
|
3
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -9,7 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
10
|
}
|
|
10
11
|
return t;
|
|
11
12
|
};
|
|
12
|
-
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
13
15
|
/**
|
|
14
16
|
* The `<Branch>` component dynamically renders a specified branch of content or a fallback child component.
|
|
15
17
|
* It allows for flexible content switching based on the `branch` prop and an object of possible branches (`...branches`).
|
|
@@ -34,8 +36,8 @@ function Branch(_a) {
|
|
|
34
36
|
var children = _a.children, _b = _a.name, name = _b === void 0 ? "branch" : _b, branch = _a.branch, props = __rest(_a, ["children", "name", "branch"]);
|
|
35
37
|
var generaltranslation = props["data-_gt"], branches = __rest(props, ['data-_gt']);
|
|
36
38
|
var renderedBranch = (branch && typeof branches[branch] !== 'undefined') ? branches[branch] : children;
|
|
37
|
-
return (
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)("span", { "data-_gt": generaltranslation, "data-_gt-branch-name": branch, "data-_gt-name": name || "branch", style: { display: 'contents' }, children: renderedBranch }));
|
|
38
40
|
}
|
|
39
41
|
Branch.gtTransformation = "branch";
|
|
40
|
-
|
|
42
|
+
exports.default = Branch;
|
|
41
43
|
//# sourceMappingURL=Branch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Branch.js","sourceRoot":"","sources":["../../src/branches/Branch.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Branch.js","sourceRoot":"","sources":["../../src/branches/Branch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAS,MAAM,CAAC,EAOf;IANG,IAAA,QAAQ,cAAA,EAAE,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAD/B,8BAEf,CAD8C;IAOnC,IAAY,kBAAkB,GAAkB,KAAK,YAAvB,EAAK,QAAQ,UAAK,KAAK,EAAvD,YAA+C,CAAF,CAAW;IAC9D,IAAM,cAAc,GAAG,CAAC,MAAM,IAAI,OAAO,QAAQ,CAAC,MAAM,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACzG,OAAO,CACH,6CACc,kBAAkB,0BACN,MAAM,mBACb,IAAI,IAAI,QAAQ,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,YAE7B,cAAc,GACZ,CACV,CAAC;AACN,CAAC;AAED,MAAM,CAAC,gBAAgB,GAAG,QAAQ,CAAC;AACnC,kBAAe,MAAM,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
3
|
var t = {};
|
|
3
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -9,11 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
10
|
}
|
|
10
11
|
return t;
|
|
11
12
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var internal_1 = require("../../internal");
|
|
19
|
+
var useLocale_1 = __importDefault(require("../../hooks/useLocale"));
|
|
20
|
+
var useDefaultLocale_1 = __importDefault(require("../../hooks/useDefaultLocale"));
|
|
21
|
+
var createMessages_1 = require("../../messages/createMessages");
|
|
17
22
|
/**
|
|
18
23
|
* The `<Plural>` component dynamically renders content based on the plural form of the given number (`n`).
|
|
19
24
|
* It determines which content to display by matching the value of `n` to the appropriate pluralization branch,
|
|
@@ -37,13 +42,13 @@ import { createPluralMissingError } from "../../messages/createMessages";
|
|
|
37
42
|
function Plural(_a) {
|
|
38
43
|
var children = _a.children, n = _a.n, props = __rest(_a, ["children", "n"]);
|
|
39
44
|
var generaltranslation = props["data-_gt"], branches = __rest(props, ['data-_gt']);
|
|
40
|
-
var locale =
|
|
41
|
-
var defaultLocale =
|
|
45
|
+
var locale = (0, useLocale_1.default)();
|
|
46
|
+
var defaultLocale = (0, useDefaultLocale_1.default)();
|
|
42
47
|
if (typeof n !== 'number')
|
|
43
|
-
throw new Error(createPluralMissingError(children));
|
|
44
|
-
var branch = getPluralBranch(n, [locale, defaultLocale], branches) || children;
|
|
45
|
-
return (
|
|
48
|
+
throw new Error((0, createMessages_1.createPluralMissingError)(children));
|
|
49
|
+
var branch = (0, internal_1.getPluralBranch)(n, [locale, defaultLocale], branches) || children;
|
|
50
|
+
return ((0, jsx_runtime_1.jsx)("span", { "data-_gt": generaltranslation, "data-_gt-n": n, style: { display: 'contents' }, children: branch }));
|
|
46
51
|
}
|
|
47
52
|
Plural.gtTransformation = "plural";
|
|
48
|
-
|
|
53
|
+
exports.default = Plural;
|
|
49
54
|
//# sourceMappingURL=Plural.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plural.js","sourceRoot":"","sources":["../../../src/branches/plurals/Plural.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Plural.js","sourceRoot":"","sources":["../../../src/branches/plurals/Plural.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,2CAAiD;AACjD,oEAA8C;AAC9C,kFAA4D;AAC5D,gEAAyE;AAEzE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAS,MAAM,CAAC,EAMf;IALG,IAAA,QAAQ,cAAA,EAAE,CAAC,OAAA,EAAK,KAAK,cADT,iBAEf,CADwB;IAMb,IAAY,kBAAkB,GAAkB,KAAK,YAAvB,EAAK,QAAQ,UAAK,KAAK,EAAvD,YAA+C,CAAF,CAAW;IAC9D,IAAM,MAAM,GAAG,IAAA,mBAAS,GAAE,CAAC;IAC3B,IAAM,aAAa,GAAG,IAAA,0BAAgB,GAAE,CAAC;IACzC,IAAI,OAAO,CAAC,KAAK,QAAQ;QACrB,MAAM,IAAI,KAAK,CAAC,IAAA,yCAAwB,EAAC,QAAQ,CAAC,CAAC,CAAC;IACxD,IAAM,MAAM,GAAG,IAAA,0BAAe,EAAC,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,QAAQ,CAAC,IAAI,QAAQ,CAAC;IACjF,OAAO,CACH,6CACc,kBAAkB,gBAChB,CAAC,EACb,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,YAE7B,MAAM,GACJ,CACV,CAAC;AACN,CAAC;AAED,MAAM,CAAC,gBAAgB,GAAG,QAAQ,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = getPluralBranch;
|
|
4
|
+
var internal_1 = require("generaltranslation/internal");
|
|
2
5
|
/**
|
|
3
6
|
* Main function to get the appropriate branch based on the provided number and branches.
|
|
4
7
|
*
|
|
@@ -6,11 +9,11 @@ import { getPluralForm } from "generaltranslation/internal";
|
|
|
6
9
|
* @param {any} branches - The object containing possible branches.
|
|
7
10
|
* @returns {any} The determined branch.
|
|
8
11
|
*/
|
|
9
|
-
|
|
12
|
+
function getPluralBranch(n, locales, branches) {
|
|
10
13
|
var branchName = '';
|
|
11
14
|
var branch = null;
|
|
12
15
|
if (typeof n === 'number' && !branch && branches)
|
|
13
|
-
branchName = getPluralForm(n, Object.keys(branches), locales);
|
|
16
|
+
branchName = (0, internal_1.getPluralForm)(n, Object.keys(branches), locales);
|
|
14
17
|
if (branchName && !branch)
|
|
15
18
|
branch = branches[branchName];
|
|
16
19
|
return branch;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getPluralBranch.js","sourceRoot":"","sources":["../../../src/branches/plurals/getPluralBranch.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"getPluralBranch.js","sourceRoot":"","sources":["../../../src/branches/plurals/getPluralBranch.ts"],"names":[],"mappings":";;AASA,kCAMC;AAfD,wDAA4D;AAE5D;;;;;;GAMG;AACH,SAAwB,eAAe,CAAC,CAAS,EAAE,OAAiB,EAAE,QAA6B;IAC/F,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,MAAM,GAAG,IAAI,CAAC;IAClB,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,MAAM,IAAI,QAAQ;QAAE,UAAU,GAAG,IAAA,wBAAa,EAAC,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAQ,EAAE,OAAO,CAAC,CAAC;IACvH,IAAI,UAAU,IAAI,CAAC,MAAM;QAAE,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IACzD,OAAO,MAAM,CAAC;AAClB,CAAC"}
|
package/dist/client.js
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useRuntimeTranslation = exports.useBrowserLocale = exports.GTContext = void 0;
|
|
7
|
+
var GTContext_1 = require("./provider/GTContext");
|
|
8
|
+
Object.defineProperty(exports, "GTContext", { enumerable: true, get: function () { return GTContext_1.GTContext; } });
|
|
9
|
+
var useBrowserLocale_1 = __importDefault(require("./hooks/useBrowserLocale"));
|
|
10
|
+
exports.useBrowserLocale = useBrowserLocale_1.default;
|
|
11
|
+
var useRuntimeTranslation_1 = __importDefault(require("./provider/runtime/useRuntimeTranslation"));
|
|
12
|
+
exports.useRuntimeTranslation = useRuntimeTranslation_1.default;
|
|
5
13
|
//# sourceMappingURL=client.js.map
|
package/dist/client.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"client.js","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"client.js","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":";;;;;;AAAA,kDAAgD;AAI5C,0FAJK,qBAAS,OAIL;AAHb,8EAAuD;AAGxC,2BAHR,0BAAgB,CAGQ;AAF/B,mGAA4E;AAE3C,gCAF1B,+BAAqB,CAE0B"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
'use client';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.default = useBrowserLocale;
|
|
5
|
+
var react_1 = require("react");
|
|
6
|
+
var generaltranslation_1 = require("generaltranslation");
|
|
7
|
+
var internal_1 = require("generaltranslation/internal");
|
|
8
|
+
var supported_locales_1 = require("@generaltranslation/supported-locales");
|
|
6
9
|
/**
|
|
7
10
|
* Hook to retrieve the browser's default locale, with support for a fallback and locale stored in a cookie.
|
|
8
11
|
*
|
|
@@ -23,11 +26,11 @@ import { listSupportedLocales } from '@generaltranslation/supported-locales';
|
|
|
23
26
|
* it will take precedence. If not, it falls back to the `navigator.language` or `navigator.userLanguage`. If none of these are available,
|
|
24
27
|
* the provided `defaultLocale` is used.
|
|
25
28
|
*/
|
|
26
|
-
|
|
27
|
-
if (defaultLocale === void 0) { defaultLocale = libraryDefaultLocale; }
|
|
28
|
-
if (locales === void 0) { locales = listSupportedLocales(); }
|
|
29
|
-
var _a = useState(''), locale = _a[0], setLocale = _a[1];
|
|
30
|
-
useEffect(function () {
|
|
29
|
+
function useBrowserLocale(defaultLocale, locales) {
|
|
30
|
+
if (defaultLocale === void 0) { defaultLocale = internal_1.libraryDefaultLocale; }
|
|
31
|
+
if (locales === void 0) { locales = (0, supported_locales_1.listSupportedLocales)(); }
|
|
32
|
+
var _a = (0, react_1.useState)(''), locale = _a[0], setLocale = _a[1];
|
|
33
|
+
(0, react_1.useEffect)(function () {
|
|
31
34
|
var browserLocales = (function () {
|
|
32
35
|
if (navigator === null || navigator === void 0 ? void 0 : navigator.languages)
|
|
33
36
|
return navigator.languages;
|
|
@@ -37,7 +40,7 @@ export default function useBrowserLocale(defaultLocale, locales) {
|
|
|
37
40
|
return [navigator === null || navigator === void 0 ? void 0 : navigator.userLanguage];
|
|
38
41
|
return [defaultLocale];
|
|
39
42
|
})();
|
|
40
|
-
setLocale(determineLocale(browserLocales, locales) || defaultLocale);
|
|
43
|
+
setLocale((0, generaltranslation_1.determineLocale)(browserLocales, locales) || defaultLocale);
|
|
41
44
|
}, [defaultLocale, locales]);
|
|
42
45
|
return locale;
|
|
43
46
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBrowserLocale.js","sourceRoot":"","sources":["../../src/hooks/useBrowserLocale.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA
|
|
1
|
+
{"version":3,"file":"useBrowserLocale.js","sourceRoot":"","sources":["../../src/hooks/useBrowserLocale.ts"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AA2BZ,mCAeC;AAxCD,+BAA4C;AAC5C,yDAAqD;AACrD,wDAAmE;AACnE,2EAA6E;AAE7E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAwB,gBAAgB,CACpC,aAA4C,EAC5C,OAA0C;IAD1C,8BAAA,EAAA,gBAAwB,+BAAoB;IAC5C,wBAAA,EAAA,cAAoB,wCAAoB,GAAE;IAEpC,IAAA,KAAsB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAzC,MAAM,QAAA,EAAE,SAAS,QAAwB,CAAC;IACjD,IAAA,iBAAS,EAAC;QACN,IAAM,cAAc,GAAG,CAAC;YACpB,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;gBAAE,OAAO,SAAS,CAAC,SAAS,CAAC;YACrD,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ;gBAAE,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YACrD,IAAK,SAAiB,aAAjB,SAAS,uBAAT,SAAS,CAAU,YAAY;gBAAE,OAAO,CAAE,SAAiB,aAAjB,SAAS,uBAAT,SAAS,CAAU,YAAY,CAAC,CAAC;YAChF,OAAO,CAAC,aAAa,CAAC,CAAC;QAC3B,CAAC,CAAC,EAAc,CAAC;QACjB,SAAS,CAAC,IAAA,oCAAe,EAAC,cAAc,EAAE,OAAO,CAAC,IAAI,aAAa,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAC7B,OAAO,MAAM,CAAC;AAClB,CAAC"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = useDefaultLocale;
|
|
7
|
+
var GTContext_1 = __importDefault(require("../provider/GTContext"));
|
|
2
8
|
/**
|
|
3
9
|
* Retrieves the application's default locale from the `<GTProvider>` context.
|
|
4
10
|
*
|
|
@@ -10,7 +16,7 @@ import useGTContext from "../provider/GTContext";
|
|
|
10
16
|
* const locale = useDefaultLocale();
|
|
11
17
|
* console.log(locale); // 'en-US'
|
|
12
18
|
*/
|
|
13
|
-
|
|
14
|
-
return
|
|
19
|
+
function useDefaultLocale() {
|
|
20
|
+
return (0, GTContext_1.default)("useDefaultLocale(): Unable to access default locale outside of a <GTProvider>").defaultLocale;
|
|
15
21
|
}
|
|
16
22
|
//# sourceMappingURL=useDefaultLocale.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDefaultLocale.js","sourceRoot":"","sources":["../../src/hooks/useDefaultLocale.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useDefaultLocale.js","sourceRoot":"","sources":["../../src/hooks/useDefaultLocale.ts"],"names":[],"mappings":";;;;;AAaA,mCAIC;AAjBD,oEAAiD;AAEjD;;;;;;;;;;GAUG;AACH,SAAwB,gBAAgB;IACpC,OAAO,IAAA,mBAAY,EACf,+EAA+E,CAClF,CAAC,aAAa,CAAC;AACpB,CAAC"}
|
package/dist/hooks/useElement.js
CHANGED
|
@@ -1,7 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
+
};
|
|
38
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
+
exports.default = useElement;
|
|
40
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
41
|
+
var react_1 = __importStar(require("react"));
|
|
42
|
+
var createMessages_1 = require("../messages/createMessages");
|
|
43
|
+
var GTContext_1 = __importDefault(require("../provider/GTContext"));
|
|
5
44
|
/**
|
|
6
45
|
* `useElement()` hook which gets the translation function `t()` provided by `<GTProvider>`.
|
|
7
46
|
*
|
|
@@ -17,14 +56,14 @@ import useGTContext from "../provider/GTContext";
|
|
|
17
56
|
* const t = useElement();
|
|
18
57
|
* console.log(t('hello')); // Translates item 'hello', returns it as a JSX element
|
|
19
58
|
*/
|
|
20
|
-
|
|
59
|
+
function useElement(id) {
|
|
21
60
|
if (id === void 0) { id = ''; }
|
|
22
61
|
// Create a prefix for translation keys if an id is provided
|
|
23
62
|
var getId = function (suffix) {
|
|
24
63
|
return id ? "".concat(id, ".").concat(suffix) : suffix;
|
|
25
64
|
};
|
|
26
65
|
// Get the translation context
|
|
27
|
-
var translateDictionaryEntry =
|
|
66
|
+
var translateDictionaryEntry = (0, GTContext_1.default)("useElement('".concat(id, "'): No context provided. You're trying to get the t() function on the client, which can only be done inside a <GTProvider>.")).translateDictionaryEntry;
|
|
28
67
|
/**
|
|
29
68
|
* Translates a dictionary item based on its `id` and options.
|
|
30
69
|
* Always returns a React.JSX.Element. Returns a fragment if there is no translation.
|
|
@@ -41,12 +80,12 @@ export default function useElement(id) {
|
|
|
41
80
|
if (translateDictionaryEntry) {
|
|
42
81
|
var translation = translateDictionaryEntry(prefixedId, options);
|
|
43
82
|
if (!translation)
|
|
44
|
-
console.warn(createNoEntryWarning(id, prefixedId));
|
|
45
|
-
if (!isValidElement(translation))
|
|
46
|
-
return
|
|
83
|
+
console.warn((0, createMessages_1.createNoEntryWarning)(id, prefixedId));
|
|
84
|
+
if (!(0, react_1.isValidElement)(translation))
|
|
85
|
+
return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: translation }, prefixedId);
|
|
47
86
|
return translation;
|
|
48
87
|
}
|
|
49
|
-
return
|
|
88
|
+
return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, {}, prefixedId);
|
|
50
89
|
}
|
|
51
90
|
;
|
|
52
91
|
return t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useElement.js","sourceRoot":"","sources":["../../src/hooks/useElement.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useElement.js","sourceRoot":"","sources":["../../src/hooks/useElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,6BA0CC;;AA5DD,6CAA8C;AAC9C,6DAAkE;AAClE,oEAAiD;AACjD;;;;;;;;;;;;;;GAcG;AACH,SAAwB,UAAU,CAChC,EAAe;IAAf,mBAAA,EAAA,OAAe;IAMf,4DAA4D;IAC5D,IAAM,KAAK,GAAG,UAAC,MAAc;QACzB,OAAO,EAAE,CAAC,CAAC,CAAC,UAAG,EAAE,cAAI,MAAM,CAAE,CAAC,CAAC,CAAC,MAAM,CAAC;IAC3C,CAAC,CAAA;IAED,8BAA8B;IACtB,IAAA,wBAAwB,GAAK,IAAA,mBAAY,EAC7C,sBAAe,EAAE,gIAA6H,CACjJ,yBAF+B,CAE9B;IAEF;;;;;;;;MAQE;IACF,SAAS,CAAC,CACN,EAAe,EACf,OAAiC;QADjC,mBAAA,EAAA,OAAe;QACf,wBAAA,EAAA,YAAiC;QAGnC,IAAM,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;QAC7B,IAAI,wBAAwB,EAAE,CAAC;YAC3B,IAAM,WAAW,GAAG,wBAAwB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;YAClE,IAAI,CAAC,WAAW;gBAAE,OAAO,CAAC,IAAI,CAAC,IAAA,qCAAoB,EAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;YACrE,IAAI,CAAC,IAAA,sBAAc,EAAC,WAAW,CAAC;gBAAE,OAAO,uBAAC,eAAK,CAAC,QAAQ,cAAmB,WAAW,IAAxB,UAAU,CAAgC,CAAA;YACxG,OAAO,WAAW,CAAC;QACvB,CAAC;QACD,OAAO,uBAAC,eAAK,CAAC,QAAQ,MAAM,UAAU,CAAG,CAAC;IAC5C,CAAC;IAAA,CAAC;IAEF,OAAO,CAAC,CAAC;AACX,CAAC"}
|
package/dist/hooks/useGT.js
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = useGT;
|
|
7
|
+
var GTContext_1 = __importDefault(require("../provider/GTContext"));
|
|
8
|
+
var createMessages_1 = require("../messages/createMessages");
|
|
3
9
|
/**
|
|
4
10
|
* Gets the translation function `t` provided by `<GTProvider>`.
|
|
5
11
|
*
|
|
@@ -13,14 +19,14 @@ import { createNoEntryWarning } from "../messages/createMessages";
|
|
|
13
19
|
* const t = useGT();
|
|
14
20
|
* console.log(t('hello')); // Translates item 'hello'
|
|
15
21
|
*/
|
|
16
|
-
|
|
22
|
+
function useGT(id) {
|
|
17
23
|
if (id === void 0) { id = ''; }
|
|
18
24
|
// Create a prefix for translation keys if an id is provided
|
|
19
25
|
var getId = function (suffix) {
|
|
20
26
|
return id ? "".concat(id, ".").concat(suffix) : suffix;
|
|
21
27
|
};
|
|
22
28
|
// Get the translation context
|
|
23
|
-
var translateDictionaryEntry =
|
|
29
|
+
var translateDictionaryEntry = (0, GTContext_1.default)("useGT('".concat(id, "'): No context provided. You're trying to get the t() function on the client, which can only be done inside a <GTProvider>.")).translateDictionaryEntry;
|
|
24
30
|
/**
|
|
25
31
|
* Translates a dictionary item based on its `id` and options.
|
|
26
32
|
*
|
|
@@ -36,7 +42,7 @@ export default function useGT(id) {
|
|
|
36
42
|
if (translateDictionaryEntry) {
|
|
37
43
|
var translation = translateDictionaryEntry(prefixedId, options);
|
|
38
44
|
if (!translation)
|
|
39
|
-
console.warn(createNoEntryWarning(id, prefixedId));
|
|
45
|
+
console.warn((0, createMessages_1.createNoEntryWarning)(id, prefixedId));
|
|
40
46
|
return translation;
|
|
41
47
|
}
|
|
42
48
|
}
|
package/dist/hooks/useGT.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGT.js","sourceRoot":"","sources":["../../src/hooks/useGT.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useGT.js","sourceRoot":"","sources":["../../src/hooks/useGT.tsx"],"names":[],"mappings":";;;;;AAkBA,wBAsCC;AAvDD,oEAAiD;AACjD,6DAAkE;AAGlE;;;;;;;;;;;;GAYG;AACH,SAAwB,KAAK,CACzB,EAAe;IAAf,mBAAA,EAAA,OAAe;IAMf,4DAA4D;IAC5D,IAAM,KAAK,GAAG,UAAC,MAAc;QACzB,OAAO,EAAE,CAAC,CAAC,CAAC,UAAG,EAAE,cAAI,MAAM,CAAE,CAAC,CAAC,CAAC,MAAM,CAAC;IAC3C,CAAC,CAAA;IAED,8BAA8B;IACtB,IAAA,wBAAwB,GAAK,IAAA,mBAAY,EAC7C,iBAAU,EAAE,gIAA6H,CAC5I,yBAF+B,CAE9B;IAEF;;;;;;;MAOE;IACF,SAAS,CAAC,CACN,EAAe,EACf,OAAiC;QADjC,mBAAA,EAAA,OAAe;QACf,wBAAA,EAAA,YAAiC;QAEjC,IAAM,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;QAC7B,IAAI,wBAAwB,EAAE,CAAC;YAC3B,IAAM,WAAW,GAAG,wBAAwB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;YAClE,IAAI,CAAC,WAAW;gBAAE,OAAO,CAAC,IAAI,CAAC,IAAA,qCAAoB,EAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAA;YACpE,OAAO,WAAW,CAAC;QACvB,CAAC;IACL,CAAC;IAAA,CAAC;IAEF,OAAO,CAAC,CAAC;AACb,CAAC"}
|
package/dist/hooks/useLocale.js
CHANGED
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = useLocale;
|
|
7
|
+
var GTContext_1 = __importDefault(require("../provider/GTContext"));
|
|
2
8
|
/**
|
|
3
9
|
* Retrieves the user's locale from the `<GTProvider>` context.
|
|
4
10
|
*
|
|
@@ -8,7 +14,7 @@ import useGTContext from "../provider/GTContext";
|
|
|
8
14
|
* const locale = useLocale();
|
|
9
15
|
* console.log(locale); // 'en-US'
|
|
10
16
|
*/
|
|
11
|
-
|
|
12
|
-
return
|
|
17
|
+
function useLocale() {
|
|
18
|
+
return (0, GTContext_1.default)("useLocale(): Unable to access user's locale outside of a <GTProvider>").locale;
|
|
13
19
|
}
|
|
14
20
|
//# sourceMappingURL=useLocale.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLocale.js","sourceRoot":"","sources":["../../src/hooks/useLocale.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useLocale.js","sourceRoot":"","sources":["../../src/hooks/useLocale.ts"],"names":[],"mappings":";;;;;AAWA,4BAIC;AAfD,oEAAiD;AAEjD;;;;;;;;GAQG;AACH,SAAwB,SAAS;IAC7B,OAAO,IAAA,mBAAY,EACf,uEAAuE,CAC1E,CAAC,MAAM,CAAC;AACb,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,14 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.useLocale = exports.useDefaultLocale = exports.useElement = exports.useGT = exports.Branch = exports.Plural = exports.GTProvider = exports.T = exports.DateTime = exports.Currency = exports.Num = exports.Var = void 0;
|
|
7
|
+
var T_1 = __importDefault(require("./inline/T"));
|
|
8
|
+
exports.T = T_1.default;
|
|
9
|
+
var useGT_1 = __importDefault(require("./hooks/useGT"));
|
|
10
|
+
exports.useGT = useGT_1.default;
|
|
11
|
+
var useElement_1 = __importDefault(require("./hooks/useElement"));
|
|
12
|
+
exports.useElement = useElement_1.default;
|
|
13
|
+
var useDefaultLocale_1 = __importDefault(require("./hooks/useDefaultLocale"));
|
|
14
|
+
exports.useDefaultLocale = useDefaultLocale_1.default;
|
|
15
|
+
var useLocale_1 = __importDefault(require("./hooks/useLocale"));
|
|
16
|
+
exports.useLocale = useLocale_1.default;
|
|
17
|
+
var GTProvider_1 = __importDefault(require("./provider/GTProvider"));
|
|
18
|
+
exports.GTProvider = GTProvider_1.default;
|
|
19
|
+
var Var_1 = __importDefault(require("./variables/Var"));
|
|
20
|
+
exports.Var = Var_1.default;
|
|
21
|
+
var Num_1 = __importDefault(require("./variables/Num"));
|
|
22
|
+
exports.Num = Num_1.default;
|
|
23
|
+
var Currency_1 = __importDefault(require("./variables/Currency"));
|
|
24
|
+
exports.Currency = Currency_1.default;
|
|
25
|
+
var DateTime_1 = __importDefault(require("./variables/DateTime"));
|
|
26
|
+
exports.DateTime = DateTime_1.default;
|
|
27
|
+
var Plural_1 = __importDefault(require("./branches/plurals/Plural"));
|
|
28
|
+
exports.Plural = Plural_1.default;
|
|
29
|
+
var Branch_1 = __importDefault(require("./branches/Branch"));
|
|
30
|
+
exports.Branch = Branch_1.default;
|
|
14
31
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAA2B;AAevB,YAfG,WAAC,CAeH;AAdL,wDAAkC;AAe9B,gBAfG,eAAK,CAeH;AAdT,kEAA4C;AAcjC,qBAdJ,oBAAU,CAcI;AAbrB,8EAAwD;AAajC,2BAbhB,0BAAgB,CAagB;AAZvC,gEAA0C;AAYD,oBAZlC,mBAAS,CAYkC;AAXlD,qEAA+C;AAUxC,qBAVA,oBAAU,CAUA;AATjB,wDAAkC;AAQ9B,cARG,aAAG,CAQH;AAPP,wDAAkC;AAOzB,cAPF,aAAG,CAOE;AANZ,kEAA4C;AAM9B,mBANP,kBAAQ,CAMO;AALtB,kEAA4C;AAKpB,mBALjB,kBAAQ,CAKiB;AAJhC,qEAA+C;AAK5B,iBALZ,gBAAM,CAKY;AAJzB,6DAAuC;AAIZ,iBAJpB,gBAAM,CAIoB"}
|
package/dist/inline/T.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"T.d.ts","sourceRoot":"","sources":["../../src/inline/T.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,iBAAS,CAAC,CAAC,EACP,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACX,EAAE;IACC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"T.d.ts","sourceRoot":"","sources":["../../src/inline/T.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,iBAAS,CAAC,CAAC,EACP,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACX,EAAE;IACC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,SAAS,CA8HhC;kBAvIQ,CAAC;;;AA2IV,eAAe,CAAC,CAAC"}
|
package/dist/inline/T.js
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
1
13
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
14
|
var t = {};
|
|
3
15
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -9,19 +21,23 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
21
|
}
|
|
10
22
|
return t;
|
|
11
23
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
|
+
var react_1 = require("react");
|
|
30
|
+
var useDefaultLocale_1 = __importDefault(require("../hooks/useDefaultLocale"));
|
|
31
|
+
var useLocale_1 = __importDefault(require("../hooks/useLocale"));
|
|
32
|
+
var renderDefaultChildren_1 = __importDefault(require("../provider/rendering/renderDefaultChildren"));
|
|
33
|
+
var internal_1 = require("../internal");
|
|
34
|
+
var GTContext_1 = __importDefault(require("../provider/GTContext"));
|
|
35
|
+
var renderTranslatedChildren_1 = __importDefault(require("../provider/rendering/renderTranslatedChildren"));
|
|
36
|
+
var react_2 = require("react");
|
|
37
|
+
var renderVariable_1 = __importDefault(require("../provider/rendering/renderVariable"));
|
|
38
|
+
var createMessages_1 = require("../messages/createMessages");
|
|
39
|
+
var id_1 = require("generaltranslation/id");
|
|
40
|
+
var renderSkeleton_1 = __importDefault(require("../provider/rendering/renderSkeleton"));
|
|
25
41
|
/**
|
|
26
42
|
* Translation component that handles rendering translated content, including plural forms.
|
|
27
43
|
* Used with the required `id` parameter instead of `const t = useGT()`.
|
|
@@ -59,21 +75,19 @@ function T(_a) {
|
|
|
59
75
|
if (!children)
|
|
60
76
|
return undefined;
|
|
61
77
|
if (!id)
|
|
62
|
-
throw new Error(createClientSideTWithoutIdError(children));
|
|
78
|
+
throw new Error((0, createMessages_1.createClientSideTWithoutIdError)(children));
|
|
63
79
|
var variables = props.variables, variablesOptions = props.variablesOptions;
|
|
64
|
-
var _c =
|
|
65
|
-
var locale =
|
|
66
|
-
var defaultLocale =
|
|
67
|
-
var taggedChildren = useMemo(function () { return addGTIdentifier(children); }, [children]);
|
|
80
|
+
var _c = (0, GTContext_1.default)("<T id=\"".concat(id, "\"> used on the client-side outside of <GTProvider>")), translations = _c.translations, translationRequired = _c.translationRequired, regionalTranslationRequired = _c.dialectTranslationRequired, translateChildren = _c.translateChildren, renderSettings = _c.renderSettings;
|
|
81
|
+
var locale = (0, useLocale_1.default)();
|
|
82
|
+
var defaultLocale = (0, useDefaultLocale_1.default)();
|
|
83
|
+
var taggedChildren = (0, react_2.useMemo)(function () { return (0, internal_1.addGTIdentifier)(children); }, [children]);
|
|
68
84
|
// ----- FETCH TRANSLATION ----- //
|
|
69
85
|
// Calculate necessary info for fetching tx/generating tx
|
|
70
86
|
var context = props.context;
|
|
71
|
-
var _d = useMemo(function () {
|
|
87
|
+
var _d = (0, react_2.useMemo)(function () {
|
|
72
88
|
if (translationRequired) {
|
|
73
|
-
var childrenAsObjects_1 = writeChildrenAsObjects(taggedChildren);
|
|
74
|
-
var hash_1 = hashJsxChildren(context
|
|
75
|
-
? { source: childrenAsObjects_1, context: context }
|
|
76
|
-
: { source: childrenAsObjects_1 });
|
|
89
|
+
var childrenAsObjects_1 = (0, internal_1.writeChildrenAsObjects)(taggedChildren);
|
|
90
|
+
var hash_1 = (0, id_1.hashJsxChildren)(__assign({ source: childrenAsObjects_1 }, (context && { context: context })));
|
|
77
91
|
return [childrenAsObjects_1, hash_1];
|
|
78
92
|
}
|
|
79
93
|
else {
|
|
@@ -82,7 +96,7 @@ function T(_a) {
|
|
|
82
96
|
}, [context, taggedChildren, translationRequired]), childrenAsObjects = _d[0], hash = _d[1];
|
|
83
97
|
// Do translation if required
|
|
84
98
|
var translationEntry = (_b = translations === null || translations === void 0 ? void 0 : translations[id]) === null || _b === void 0 ? void 0 : _b[hash];
|
|
85
|
-
useEffect(function () {
|
|
99
|
+
(0, react_1.useEffect)(function () {
|
|
86
100
|
// skip if: no translation required
|
|
87
101
|
if (!translationRequired)
|
|
88
102
|
return;
|
|
@@ -103,20 +117,20 @@ function T(_a) {
|
|
|
103
117
|
// ----- RENDER METHODS ----- //
|
|
104
118
|
// for default/fallback rendering
|
|
105
119
|
var renderDefaultLocale = function () {
|
|
106
|
-
return
|
|
120
|
+
return (0, renderDefaultChildren_1.default)({
|
|
107
121
|
children: taggedChildren,
|
|
108
122
|
variables: variables,
|
|
109
123
|
variablesOptions: variablesOptions,
|
|
110
124
|
defaultLocale: defaultLocale,
|
|
111
|
-
renderVariable:
|
|
125
|
+
renderVariable: renderVariable_1.default
|
|
112
126
|
});
|
|
113
127
|
};
|
|
114
128
|
var renderLoadingSkeleton = function () {
|
|
115
|
-
return
|
|
129
|
+
return (0, renderSkeleton_1.default)({
|
|
116
130
|
children: taggedChildren,
|
|
117
131
|
variables: variables,
|
|
118
132
|
defaultLocale: defaultLocale,
|
|
119
|
-
renderVariable:
|
|
133
|
+
renderVariable: renderVariable_1.default
|
|
120
134
|
});
|
|
121
135
|
};
|
|
122
136
|
var renderLoadingDefault = function () {
|
|
@@ -126,13 +140,13 @@ function T(_a) {
|
|
|
126
140
|
return renderLoadingSkeleton();
|
|
127
141
|
};
|
|
128
142
|
var renderTranslation = function (target) {
|
|
129
|
-
return
|
|
143
|
+
return (0, renderTranslatedChildren_1.default)({
|
|
130
144
|
source: taggedChildren,
|
|
131
145
|
target: target,
|
|
132
146
|
variables: variables,
|
|
133
147
|
variablesOptions: variablesOptions,
|
|
134
148
|
locales: [locale, defaultLocale],
|
|
135
|
-
renderVariable:
|
|
149
|
+
renderVariable: renderVariable_1.default
|
|
136
150
|
});
|
|
137
151
|
};
|
|
138
152
|
// ----- RENDER BEHAVIOR ----- //
|
|
@@ -156,7 +170,7 @@ function T(_a) {
|
|
|
156
170
|
loadingFallback = renderLoadingDefault();
|
|
157
171
|
}
|
|
158
172
|
// The suspense exists here for hydration reasons
|
|
159
|
-
return
|
|
173
|
+
return (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: loadingFallback, children: loadingFallback });
|
|
160
174
|
}
|
|
161
175
|
// error behavior
|
|
162
176
|
if (translationEntry.state === "error") {
|
|
@@ -166,5 +180,5 @@ function T(_a) {
|
|
|
166
180
|
return renderTranslation(translationEntry.entry);
|
|
167
181
|
}
|
|
168
182
|
T.gtTransformation = "translate-client";
|
|
169
|
-
|
|
183
|
+
exports.default = T;
|
|
170
184
|
//# sourceMappingURL=T.js.map
|