piral-translate 1.0.0-pre.2217 → 1.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 - 2021 smapiot
+Copyright (c) 2019 - 2023 smapiot
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,6 +1,6 @@
-[![Piral Logo](https://github.com/smapiot/piral/raw/master/docs/assets/logo.png)](https://piral.io)
+[![Piral Logo](https://github.com/smapiot/piral/raw/main/docs/assets/logo.png)](https://piral.io)
 
-# [Piral Translate](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-translate.svg?style=flat)](https://www.npmjs.com/package/piral-translate) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
+# [Piral Translate](https://piral.io) · [![GitHub License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/smapiot/piral/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/piral-translate.svg?style=flat)](https://www.npmjs.com/package/piral-translate) [![tested with jest](https://img.shields.io/badge/tested_with-jest-99424f.svg)](https://jestjs.io) [![Gitter Chat](https://badges.gitter.im/gitterHQ/gitter.png)](https://gitter.im/piral-io/community)
 
 This is a plugin that only has a peer dependency to `piral-core`. What `piral-translate` brings to the table is a set of Pilet API extensions that is used by `piral`. The set features a simple yet sufficient translation system.
 
@@ -10,6 +10,12 @@ One of the key non-functional requirements of many applications is to be localiz
 
 Alternatives: Use a library such as `i18next` as a shared library. Choose one that makes working with your content authors or translation team easier.
 
+## Video
+
+We also have a video for this plugin:
+
+@[youtube](https://youtu.be/Hh-CrOTDSnA)
+
 ## Documentation
 
 The following functions are brought to the Pilet API.
@@ -28,6 +34,10 @@ Sets the translations (custom language to key to string mapping) for the pilet.
 
 Gets the translations defined in the pilet.
 
+### `addTranslations()`
+
+Adds a list of translations (custom language to key to string mapping) to the existing translations for the pilet.
+
 ## Usage
 
 ::: summary: For pilet authors

package/esm/Languages.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useGlobalState } from 'piral-core';
 import { PiralLanguagesPicker } from './components';
-export var Languages = function () {
-    var _a = useGlobalState(function (m) { return m.language; }), available = _a.available, selected = _a.selected;
+export const Languages = () => {
+    const { available, selected } = useGlobalState((m) => m.language);
     return React.createElement(PiralLanguagesPicker, { selected: selected, available: available });
 };
 //# sourceMappingURL=Languages.js.map

package/esm/Languages.js.map

@@ -1 +1 @@
-{"version":3,"file":"Languages.js","sourceRoot":"","sources":["../src/Languages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,CAAC,IAAM,SAAS,GAAa;IAC3B,IAAA,KAA0B,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAV,CAAU,CAAC,EAAzD,SAAS,eAAA,EAAE,QAAQ,cAAsC,CAAC;IAClE,OAAO,oBAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC5E,CAAC,CAAC"}
+{"version":3,"file":"Languages.js","sourceRoot":"","sources":["../src/Languages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,CAAC,MAAM,SAAS,GAAa,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAClE,OAAO,oBAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC5E,CAAC,CAAC"}

package/esm/actions.js

@@ -1,43 +1,41 @@
-import { __assign } from "tslib";
 export function createActions(localizer) {
     return {
-        selectLanguage: function (ctx, selected) {
-            ctx.dispatch(function (state) {
+        selectLanguage(ctx, selected) {
+            ctx.dispatch((state) => {
                 localizer.language = selected;
-                var previousLanguage = state.language.selected;
-                var currentLanguage = selected;
+                const previousLanguage = state.language.selected;
+                const currentLanguage = selected;
                 // emit this event *after* we changed the state container
-                setTimeout(function () {
+                setTimeout(() => {
                     ctx.emit('select-language', {
-                        previousLanguage: previousLanguage,
-                        currentLanguage: currentLanguage,
+                        previousLanguage,
+                        currentLanguage,
                     });
                 }, 0);
-                return __assign(__assign({}, state), { language: __assign(__assign({}, state.language), { loading: selected === undefined, selected: selected }) });
+                return Object.assign(Object.assign({}, state), { language: Object.assign(Object.assign({}, state.language), { loading: selected === undefined, selected }) });
             });
         },
-        translate: function (_, key, variables) {
+        translate(_, key, variables) {
             return localizer && localizer.localizeGlobal(key, variables);
         },
-        setTranslations: function (ctx, language, data) {
+        setTranslations(ctx, language, data) {
             localizer.messages[language] = data.global;
-            for (var _i = 0, _a = data.locals; _i < _a.length; _i++) {
-                var item = _a[_i];
-                var api = ctx.apis[item.name];
+            for (const item of data.locals) {
+                const api = ctx.apis[item.name];
                 if (api) {
-                    var translations = api.getTranslations();
+                    const translations = api.getTranslations();
                     translations[language] = item.value;
                     api.setTranslations(translations);
                 }
             }
         },
-        getTranslations: function (ctx, language) {
+        getTranslations(ctx, language) {
             return {
                 global: localizer.messages[language],
-                locals: Object.keys(ctx.apis).map(function (name) { return ({
-                    name: name,
+                locals: Object.keys(ctx.apis).map((name) => ({
+                    name,
                     value: ctx.apis[name].getTranslations()[language],
-                }); }),
+                })),
             };
         },
     };

package/esm/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";AAGA,MAAM,UAAU,aAAa,CAAC,SAAsB;IAClD,OAAO;QACL,cAAc,EAAd,UAAe,GAAuB,EAAE,QAAgB;YACtD,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK;gBACjB,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBAC9B,IAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBACjD,IAAM,eAAe,GAAG,QAAQ,CAAC;gBAEjC,yDAAyD;gBACzD,UAAU,CAAC;oBACT,GAAG,CAAC,IAAI,CAAC,iBAAiB,EAAE;wBAC1B,gBAAgB,kBAAA;wBAChB,eAAe,iBAAA;qBAChB,CAAC,CAAC;gBACL,CAAC,EAAE,CAAC,CAAC,CAAC;gBAEN,6BACK,KAAK,KACR,QAAQ,wBACH,KAAK,CAAC,QAAQ,KACjB,OAAO,EAAE,QAAQ,KAAK,SAAS,EAC/B,QAAQ,UAAA,OAEV;YACJ,CAAC,CAAC,CAAC;QACL,CAAC;QACD,SAAS,EAAT,UAAU,CAAqB,EAAE,GAAW,EAAE,SAAc;YAC1D,OAAO,SAAS,IAAI,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;QAC/D,CAAC;QACD,eAAe,EAAf,UAAgB,GAAuB,EAAE,QAAgB,EAAE,IAAI;YAC7D,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;YAE3C,KAAmB,UAAW,EAAX,KAAA,IAAI,CAAC,MAAM,EAAX,cAAW,EAAX,IAAW,EAAE;gBAA3B,IAAM,IAAI,SAAA;gBACb,IAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAEhC,IAAI,GAAG,EAAE;oBACP,IAAM,YAAY,GAAG,GAAG,CAAC,eAAe,EAAE,CAAC;oBAC3C,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;oBACpC,GAAG,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;iBACnC;aACF;QACH,CAAC;QACD,eAAe,EAAf,UAAgB,GAAuB,EAAE,QAAgB;YACvD,OAAO;gBACL,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBACpC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;oBAC3C,IAAI,MAAA;oBACJ,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;iBAClD,CAAC,EAH0C,CAG1C,CAAC;aACJ,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,aAAa,CAAC,SAAsB;IAClD,OAAO;QACL,cAAc,CAAC,GAAuB,EAAE,QAAgB;YACtD,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrB,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBAC9B,MAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBACjD,MAAM,eAAe,GAAG,QAAQ,CAAC;gBAEjC,yDAAyD;gBACzD,UAAU,CAAC,GAAG,EAAE;oBACd,GAAG,CAAC,IAAI,CAAC,iBAAiB,EAAE;wBAC1B,gBAAgB;wBAChB,eAAe;qBAChB,CAAC,CAAC;gBACL,CAAC,EAAE,CAAC,CAAC,CAAC;gBAEN,uCACK,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,OAAO,EAAE,QAAQ,KAAK,SAAS,EAC/B,QAAQ,OAEV;YACJ,CAAC,CAAC,CAAC;QACL,CAAC;QACD,SAAS,CAAC,CAAqB,EAAE,GAAW,EAAE,SAAc;YAC1D,OAAO,SAAS,IAAI,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;QAC/D,CAAC;QACD,eAAe,CAAC,GAAuB,EAAE,QAAgB,EAAE,IAAI;YAC7D,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;YAE3C,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;gBAC9B,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAEhC,IAAI,GAAG,EAAE;oBACP,MAAM,YAAY,GAAG,GAAG,CAAC,eAAe,EAAE,CAAC;oBAC3C,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;oBACpC,GAAG,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;iBACnC;aACF;QACH,CAAC;QACD,eAAe,CAAC,GAAuB,EAAE,QAAgB;YACvD,OAAO;gBACL,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBACpC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBAC3C,IAAI;oBACJ,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;iBAClD,CAAC,CAAC;aACJ,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC"}

package/esm/components.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-import { LanguagesPickerProps } from './types';
-export declare const PiralLanguagesPicker: React.ComponentType<LanguagesPickerProps>;
+/// <reference types="react" />
+export declare const PiralLanguagesPicker: import("react").ComponentType<import("./types").LanguagesPickerProps>;

package/esm/components.js

@@ -1,3 +1,3 @@
 import { getPiralComponent } from 'piral-core';
-export var PiralLanguagesPicker = getPiralComponent('LanguagesPicker');
+export const PiralLanguagesPicker = getPiralComponent('LanguagesPicker');
 //# sourceMappingURL=components.js.map

package/esm/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,MAAM,CAAC,IAAM,oBAAoB,GAA8C,iBAAiB,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC"}

package/esm/create.js

@@ -1,4 +1,4 @@
-import { __assign } from "tslib";
+import * as deepmerge from 'deepmerge';
 import { createActions } from './actions';
 import { Localizer } from './localize';
 import { DefaultPicker } from './default';
@@ -6,39 +6,59 @@ import { DefaultPicker } from './default';
  * Sets up a new localizer by using the given config.
  * @param config The configuration for the new localizer.
  */
-export function setupLocalizer(config) {
-    if (config === void 0) { config = {}; }
-    var msgs = config.messages || {};
-    var languages = Object.keys(msgs);
-    var defaultLang = languages[0] || 'en';
-    var computeLang = config.language;
-    var usedLang = typeof computeLang === 'function' ? computeLang(languages, defaultLang, 'en') : computeLang;
-    var language = usedLang || defaultLang;
+export function setupLocalizer(config = {}) {
+    const msgs = config.messages || {};
+    const languages = Object.keys(msgs);
+    const defaultLang = languages[0] || 'en';
+    const computeLang = config.language;
+    const usedLang = typeof computeLang === 'function' ? computeLang(languages, defaultLang, 'en') : computeLang;
+    const language = usedLang || defaultLang;
     return new Localizer(msgs, language, languages.length ? languages : [language], config.fallback);
 }
 /**
  * Creates new Pilet API extensions for localization.
  * @param localizer The specific localizer to be used, if any.
  */
-export function createLocaleApi(localizer) {
-    if (localizer === void 0) { localizer = setupLocalizer(); }
-    return function (context) {
+export function createLocaleApi(localizer = setupLocalizer()) {
+    return (context) => {
         context.defineActions(createActions(localizer));
-        context.dispatch(function (state) { return (__assign(__assign({}, state), { components: __assign(__assign({}, state.components), { LanguagesPicker: DefaultPicker }), language: {
+        context.dispatch((state) => (Object.assign(Object.assign({}, state), { components: Object.assign({ LanguagesPicker: DefaultPicker }, state.components), language: {
                 loading: false,
                 available: localizer.languages,
                 selected: localizer.language,
-            } })); });
-        return function () {
-            var localTranslations = {};
+            } })));
+        return (api) => {
+            let localTranslations = {};
             return {
-                setTranslations: function (messages) {
+                addTranslations(messages, isOverriding = true) {
+                    const messagesToMerge = messages;
+                    if (isOverriding) {
+                        messagesToMerge.unshift(localizer.messages);
+                    }
+                    else {
+                        messagesToMerge.push(localizer.messages);
+                    }
+                    this.setTranslations(deepmerge.all(messagesToMerge));
+                },
+                getCurrentLanguage(cb) {
+                    const selected = context.readState((s) => s.language.selected);
+                    if (cb) {
+                        cb(selected);
+                        const handler = (ev) => {
+                            cb(ev.currentLanguage);
+                        };
+                        api.on('select-language', handler);
+                        return () => api.off('select-language', handler);
+                    }
+                    return selected;
+                },
+                setTranslations(messages) {
                     localTranslations = messages;
                 },
-                getTranslations: function () {
+                getTranslations() {
                     return localTranslations;
                 },
-                translate: function (tag, variables) {
+                translate(tag, variables) {
                     return localizer.localizeLocal(localTranslations, tag, variables);
                 },
             };

package/esm/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AA8B1C;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,MAAyB;IAAzB,uBAAA,EAAA,WAAyB;IACtD,IAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC;IACnC,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,IAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IACzC,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC;IACpC,IAAM,QAAQ,GAAG,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;IAC7G,IAAM,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC;IACzC,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;AACnG,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,SAAyC;IAAzC,0BAAA,EAAA,YAAyB,cAAc,EAAE;IACvE,OAAO,UAAC,OAAO;QACb,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;QAEhD,OAAO,CAAC,QAAQ,CAAC,UAAC,KAAK,IAAK,OAAA,uBACvB,KAAK,KACR,UAAU,wBACL,KAAK,CAAC,UAAU,KACnB,eAAe,EAAE,aAAa,KAEhC,QAAQ,EAAE;gBACR,OAAO,EAAE,KAAK;gBACd,SAAS,EAAE,SAAS,CAAC,SAAS;gBAC9B,QAAQ,EAAE,SAAS,CAAC,QAAQ;aAC7B,IACD,EAX0B,CAW1B,CAAC,CAAC;QAEJ,OAAO;YACL,IAAI,iBAAiB,GAAyB,EAAE,CAAC;YAEjD,OAAO;gBACL,eAAe,YAAC,QAAQ;oBACtB,iBAAiB,GAAG,QAAQ,CAAC;gBAC/B,CAAC;gBACD,eAAe;oBACb,OAAO,iBAAiB,CAAC;gBAC3B,CAAC;gBACD,SAAS,YAAC,GAAG,EAAE,SAAS;oBACtB,OAAO,SAAS,CAAC,aAAa,CAAC,iBAAiB,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;gBACpE,CAAC;aACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"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"}

package/esm/current.js

@@ -1,6 +1,6 @@
 import { cookie, storage } from 'piral-core';
 function getUserLocaleUnchecked(defaultLocale, remoteLocale) {
-    var storedLocale = cookie.getItem('_culture') || storage.getItem('locale');
+    const storedLocale = cookie.getItem('_culture') || storage.getItem('locale');
     if (storedLocale) {
         return storedLocale;
     }
@@ -13,7 +13,7 @@ function getUserLocaleUnchecked(defaultLocale, remoteLocale) {
     return defaultLocale;
 }
 export function getUserLocale(availableLocales, defaultLocale, fallbackLocale) {
-    var selected = getUserLocaleUnchecked(defaultLocale, fallbackLocale || '');
+    const selected = getUserLocaleUnchecked(defaultLocale, fallbackLocale || '');
     if (availableLocales.indexOf(selected) !== -1) {
         return selected;
     }

package/esm/current.js.map

@@ -1 +1 @@
-{"version":3,"file":"current.js","sourceRoot":"","sources":["../src/current.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE7C,SAAS,sBAAsB,CAAC,aAAqB,EAAE,YAAoB;IACzE,IAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE7E,IAAI,YAAY,EAAE;QAChB,OAAO,YAAY,CAAC;KACrB;SAAM,IAAI,YAAY,EAAE;QACvB,OAAO,YAAY,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACnD;SAAM,IAAI,SAAS,CAAC,QAAQ,EAAE;QAC7B,OAAO,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KAC3C;IAED,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,gBAA+B,EAAE,aAAqB,EAAE,cAAuB;IAC3G,IAAM,QAAQ,GAAG,sBAAsB,CAAC,aAAa,EAAE,cAAc,IAAI,EAAE,CAAC,CAAC;IAE7E,IAAI,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE;QAC7C,OAAO,QAAQ,CAAC;KACjB;IAED,OAAO,aAAa,CAAC;AACvB,CAAC"}
+{"version":3,"file":"current.js","sourceRoot":"","sources":["../src/current.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE7C,SAAS,sBAAsB,CAAC,aAAqB,EAAE,YAAoB;IACzE,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE7E,IAAI,YAAY,EAAE;QAChB,OAAO,YAAY,CAAC;KACrB;SAAM,IAAI,YAAY,EAAE;QACvB,OAAO,YAAY,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACnD;SAAM,IAAI,SAAS,CAAC,QAAQ,EAAE;QAC7B,OAAO,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KAC3C;IAED,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,gBAA+B,EAAE,aAAqB,EAAE,cAAuB;IAC3G,MAAM,QAAQ,GAAG,sBAAsB,CAAC,aAAa,EAAE,cAAc,IAAI,EAAE,CAAC,CAAC;IAE7E,IAAI,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE;QAC7C,OAAO,QAAQ,CAAC;KACjB;IAED,OAAO,aAAa,CAAC;AACvB,CAAC"}

package/esm/default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import type { FC } from 'react';
 import { LanguagesPickerProps } from './types';
-export declare const DefaultPicker: React.FC<LanguagesPickerProps>;
+export declare const DefaultPicker: FC<LanguagesPickerProps>;

package/esm/default.js

@@ -1,3 +1,3 @@
 import { defaultRender } from 'piral-core';
-export var DefaultPicker = function (props) { return defaultRender(undefined); };
+export const DefaultPicker = (props) => defaultRender(undefined);
 //# sourceMappingURL=default.js.map

package/esm/default.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,MAAM,CAAC,IAAM,aAAa,GAAmC,UAAC,KAAK,IAAK,OAAA,aAAa,CAAC,SAAS,CAAC,EAAxB,CAAwB,CAAC"}
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../src/default.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,MAAM,CAAC,MAAM,aAAa,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC"}

package/esm/hooks.js

@@ -1,25 +1,27 @@
 import { useEffect, useState } from 'react';
 import { useActions, useGlobalState } from 'piral-core';
 export function useDynamicLanguage(defaultSelected, load) {
-    var _a = useState(defaultSelected), selected = _a[0], setSelected = _a[1];
-    var _b = useActions(), selectLanguage = _b.selectLanguage, setTranslations = _b.setTranslations, getTranslations = _b.getTranslations;
-    useEffect(function () {
-        var active = true;
-        var current = getTranslations(selected);
+    const [selected, setSelected] = useState(defaultSelected);
+    const { selectLanguage, setTranslations, getTranslations } = useActions();
+    useEffect(() => {
+        let active = true;
+        const current = getTranslations(selected);
         selectLanguage(undefined);
-        load(selected, current).then(function (result) {
+        load(selected, current).then((result) => {
             if (active) {
                 setTranslations(selected, result);
                 selectLanguage(selected);
             }
-        }, function (err) { return console.error(err); });
-        return function () { return (active = false); };
+        }, (err) => console.error(err));
+        return () => {
+            active = false;
+        };
     }, [selected]);
     return [selected, setSelected];
 }
 export function useTranslate() {
-    var translate = useActions().translate;
-    useGlobalState(function (m) { return m.language.selected; });
+    const { translate } = useActions();
+    useGlobalState((m) => m.language.selected);
     return translate;
 }
 //# sourceMappingURL=hooks.js.map

package/esm/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGxD,MAAM,UAAU,kBAAkB,CAChC,eAAuB,EACvB,IAAoB;IAEd,IAAA,KAA0B,QAAQ,CAAC,eAAe,CAAC,EAAlD,QAAQ,QAAA,EAAE,WAAW,QAA6B,CAAC;IACpD,IAAA,KAAuD,UAAU,EAAE,EAAjE,cAAc,oBAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAiB,CAAC;IAE1E,SAAS,CAAC;QACR,IAAI,MAAM,GAAG,IAAI,CAAC;QAClB,IAAM,OAAO,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC1C,cAAc,CAAC,SAAS,CAAC,CAAC;QAC1B,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,CAC1B,UAAC,MAAM;YACL,IAAI,MAAM,EAAE;gBACV,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBAClC,cAAc,CAAC,QAAQ,CAAC,CAAC;aAC1B;QACH,CAAC,EACD,UAAC,GAAG,IAAK,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAlB,CAAkB,CAC5B,CAAC;QACF,OAAO,cAAM,OAAA,CAAC,MAAM,GAAG,KAAK,CAAC,EAAhB,CAAgB,CAAC;IAChC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,YAAY;IAClB,IAAA,SAAS,GAAK,UAAU,EAAE,UAAjB,CAAkB;IACnC,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAnB,CAAmB,CAAC,CAAC;IAC3C,OAAO,SAAS,CAAC;AACnB,CAAC"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGxD,MAAM,UAAU,kBAAkB,CAChC,eAAuB,EACvB,IAAoB;IAEpB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC1D,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,GAAG,IAAI,CAAC;QAClB,MAAM,OAAO,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC1C,cAAc,CAAC,SAAS,CAAC,CAAC;QAC1B,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,CAC1B,CAAC,MAAM,EAAE,EAAE;YACT,IAAI,MAAM,EAAE;gBACV,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBAClC,cAAc,CAAC,QAAQ,CAAC,CAAC;aAC1B;QACH,CAAC,EACD,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAC5B,CAAC;QACF,OAAO,GAAG,EAAE;YACV,MAAM,GAAG,KAAK,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,CAAC;IACnC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/esm/localize.d.ts

@@ -14,7 +14,7 @@ export declare class Localizer implements Localizable {
      * @param key The key of the translation snippet.
      * @param variables The optional variables to use.
      */
-    localizeGlobal<T>(key: string, variables?: T): string;
+    localizeGlobal<T extends object>(key: string, variables?: T): string;
     /**
      * Localizes the given key via the local translations.
      * Uses the global translations as fallback mechanism.
@@ -22,7 +22,7 @@ export declare class Localizer implements Localizable {
      * @param key The key of the translation snippet.
      * @param variables The optional variables to use.
      */
-    localizeLocal<T>(localMessages: LocalizationMessages, key: string, variables?: T): string;
+    localizeLocal<T extends object>(localMessages: LocalizationMessages, key: string, variables?: T): string;
     private localizeBase;
     private translateMessage;
 }

package/esm/localize.js

@@ -4,8 +4,8 @@ function defaultFallback(key, language) {
     }
     else {
         if (language) {
-            console.warn("Missing translation of \"" + key + "\" in language \"" + language + "\".");
-            return "__" + language + "_" + key + "__";
+            console.warn(`Missing translation of "${key}" in language "${language}".`);
+            return `__${language}_${key}__`;
         }
         else {
             return '';
@@ -13,16 +13,15 @@ function defaultFallback(key, language) {
     }
 }
 function formatMessage(message, variables) {
-    return message.replace(/{{\s*([A-Za-z0-9_.]+)\s*}}/g, function (_match, p1) {
-        return p1 in variables ? variables[p1] || '' : "{{" + p1 + "}}";
+    return message.replace(/{{\s*([A-Za-z0-9_.]+)\s*}}/g, (_match, p1) => {
+        return p1 in variables ? variables[p1] || '' : `{{${p1}}}`;
     });
 }
-var Localizer = /** @class */ (function () {
+export class Localizer {
     /**
      * Creates a new instance of a localizer.
      */
-    function Localizer(messages, language, languages, fallback) {
-        if (fallback === void 0) { fallback = defaultFallback; }
+    constructor(messages, language, languages, fallback = defaultFallback) {
         this.messages = messages;
         this.language = language;
         this.languages = languages;
@@ -33,9 +32,9 @@ var Localizer = /** @class */ (function () {
      * @param key The key of the translation snippet.
      * @param variables The optional variables to use.
      */
-    Localizer.prototype.localizeGlobal = function (key, variables) {
+    localizeGlobal(key, variables) {
         return this.localizeBase(key, variables);
-    };
+    }
     /**
      * Localizes the given key via the local translations.
      * Uses the global translations as fallback mechanism.
@@ -43,27 +42,25 @@ var Localizer = /** @class */ (function () {
      * @param key The key of the translation snippet.
      * @param variables The optional variables to use.
      */
-    Localizer.prototype.localizeLocal = function (localMessages, key, variables) {
-        var message = this.translateMessage(localMessages, key, variables);
+    localizeLocal(localMessages, key, variables) {
+        const message = this.translateMessage(localMessages, key, variables);
         if (message === undefined) {
             return this.localizeBase(key, variables);
         }
         return message;
-    };
-    Localizer.prototype.localizeBase = function (key, variables) {
-        var message = this.translateMessage(this.messages, key, variables);
+    }
+    localizeBase(key, variables) {
+        const message = this.translateMessage(this.messages, key, variables);
         if (message === undefined) {
             return this.fallback(key, this.language);
         }
         return message;
-    };
-    Localizer.prototype.translateMessage = function (messages, key, variables) {
-        var language = this.language;
-        var translations = language && messages[language];
-        var translation = translations && translations[key];
+    }
+    translateMessage(messages, key, variables) {
+        const language = this.language;
+        const translations = language && messages[language];
+        const translation = translations && translations[key];
         return translation && (variables ? formatMessage(translation, variables) : translation);
-    };
-    return Localizer;
-}());
-export { Localizer };
+    }
+}
 //# sourceMappingURL=localize.js.map

package/esm/localize.js.map

@@ -1 +1 @@
-{"version":3,"file":"localize.js","sourceRoot":"","sources":["../src/localize.ts"],"names":[],"mappings":"AAEA,SAAS,eAAe,CAAC,GAAW,EAAE,QAAgB;IACpD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;KAC9B;SAAM;QACL,IAAI,QAAQ,EAAE;YACZ,OAAO,CAAC,IAAI,CAAC,8BAA2B,GAAG,yBAAkB,QAAQ,QAAI,CAAC,CAAC;YAC3E,OAAO,OAAK,QAAQ,SAAI,GAAG,OAAI,CAAC;SACjC;aAAM;YACL,OAAO,EAAE,CAAC;SACX;KACF;AACH,CAAC;AAED,SAAS,aAAa,CAAI,OAAe,EAAE,SAAY;IACrD,OAAO,OAAO,CAAC,OAAO,CAAC,6BAA6B,EAAE,UAAC,MAAc,EAAE,EAAU;QAC/E,OAAO,EAAE,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,OAAK,EAAE,OAAI,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC;AAED;IACE;;OAEG;IACH,mBACS,QAA8B,EAC9B,QAAgB,EAChB,SAAwB,EACvB,QAA0B;QAA1B,yBAAA,EAAA,0BAA0B;QAH3B,aAAQ,GAAR,QAAQ,CAAsB;QAC9B,aAAQ,GAAR,QAAQ,CAAQ;QAChB,cAAS,GAAT,SAAS,CAAe;QACvB,aAAQ,GAAR,QAAQ,CAAkB;IACjC,CAAC;IAEJ;;;;OAIG;IACI,kCAAc,GAArB,UAAyB,GAAW,EAAE,SAAa;QACjD,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAC3C,CAAC;IAED;;;;;;OAMG;IACI,iCAAa,GAApB,UAAwB,aAAmC,EAAE,GAAW,EAAE,SAAa;QACrF,IAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;QAErE,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;SAC1C;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,gCAAY,GAApB,UAAwB,GAAW,EAAE,SAAa;QAChD,IAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;QAErE,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC1C;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,oCAAgB,GAAxB,UAA4B,QAA8B,EAAE,GAAW,EAAE,SAAa;QACpF,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAM,YAAY,GAAG,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACpD,IAAM,WAAW,GAAG,YAAY,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;QACtD,OAAO,WAAW,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1F,CAAC;IACH,gBAAC;AAAD,CAAC,AArDD,IAqDC"}
+{"version":3,"file":"localize.js","sourceRoot":"","sources":["../src/localize.ts"],"names":[],"mappings":"AAEA,SAAS,eAAe,CAAC,GAAW,EAAE,QAAgB;IACpD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;KAC9B;SAAM;QACL,IAAI,QAAQ,EAAE;YACZ,OAAO,CAAC,IAAI,CAAC,2BAA2B,GAAG,kBAAkB,QAAQ,IAAI,CAAC,CAAC;YAC3E,OAAO,KAAK,QAAQ,IAAI,GAAG,IAAI,CAAC;SACjC;aAAM;YACL,OAAO,EAAE,CAAC;SACX;KACF;AACH,CAAC;AAED,SAAS,aAAa,CAAmB,OAAe,EAAE,SAAY;IACpE,OAAO,OAAO,CAAC,OAAO,CAAC,6BAA6B,EAAE,CAAC,MAAc,EAAE,EAAU,EAAE,EAAE;QACnF,OAAO,EAAE,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,OAAO,SAAS;IACpB;;OAEG;IACH,YACS,QAA8B,EAC9B,QAAgB,EAChB,SAAwB,EACvB,WAAW,eAAe;QAH3B,aAAQ,GAAR,QAAQ,CAAsB;QAC9B,aAAQ,GAAR,QAAQ,CAAQ;QAChB,cAAS,GAAT,SAAS,CAAe;QACvB,aAAQ,GAAR,QAAQ,CAAkB;IACjC,CAAC;IAEJ;;;;OAIG;IACI,cAAc,CAAmB,GAAW,EAAE,SAAa;QAChE,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAC3C,CAAC;IAED;;;;;;OAMG;IACI,aAAa,CAAmB,aAAmC,EAAE,GAAW,EAAE,SAAa;QACpG,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;QAErE,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;SAC1C;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,YAAY,CAAmB,GAAW,EAAE,SAAa;QAC/D,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;QAErE,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC1C;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,gBAAgB,CAAmB,QAA8B,EAAE,GAAW,EAAE,SAAa;QACnG,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,MAAM,YAAY,GAAG,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACpD,MAAM,WAAW,GAAG,YAAY,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC;QACtD,OAAO,WAAW,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1F,CAAC;CACF"}

package/esm/types.d.ts

@@ -1,4 +1,5 @@
-import { ComponentType } from 'react';
+import type { Disposable } from 'piral-core';
+import type { ComponentType } from 'react';
 declare module 'piral-core/lib/types/custom' {
     interface PiletCustomApi extends PiletLocaleApi {
     }
@@ -97,8 +98,8 @@ export interface Localizable {
     messages: LocalizationMessages;
     language: string;
     languages: Array<string>;
-    localizeGlobal<T>(key: string, variables?: T): string;
-    localizeLocal<T>(localMessages: LocalizationMessages, key: string, variables?: T): string;
+    localizeGlobal<T extends object>(key: string, variables?: T): string;
+    localizeLocal<T extends object>(localMessages: LocalizationMessages, key: string, variables?: T): string;
 }
 export interface LocalizationMessages {
     /**
@@ -107,13 +108,32 @@ export interface LocalizationMessages {
     [lang: string]: Translations;
 }
 export interface PiletLocaleApi {
+    /**
+     * Adds a list of translations to the existing translations.
+     *
+     * Internally, setTranslations is used, which means the translations will be exclusively used for
+     * retrieving translations for the pilet.
+     *
+     * @param messagesList The list of messages that extend the existing translations
+     * @param [isOverriding=true] Indicates whether the new translations overwrite the existing translations
+     */
+    addTranslations(messagesList: LocalizationMessages[], isOverriding?: boolean): void;
+    /**
+     * Gets the currently selected language directly.
+     */
+    getCurrentLanguage(): string;
+    /**
+     * Gets the currently selected language in a callback that is also invoked when the
+     * selected language changes. Returns a disposable to stop the notifications.
+     */
+    getCurrentLanguage(cb: (currently: string) => void): Disposable;
     /**
      * Translates the given tag (using the optional variables) into a string using the current language.
      * The used template can contain placeholders in form of `{{variableName}}`.
      * @param tag The tag to translate.
      * @param variables The optional variables to fill into the temnplate.
      */
-    translate<T = Record<string, string>>(tag: string, variables?: T): string;
+    translate<T extends object = Record<string, string>>(tag: string, variables?: T): string;
     /**
      * Provides translations to the application.
      * The translations will be exclusively used for retrieving translations for the pilet.

package/lib/Languages.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Languages = void 0;
-var React = require("react");
-var piral_core_1 = require("piral-core");
-var components_1 = require("./components");
-exports.Languages = function () {
-    var _a = piral_core_1.useGlobalState(function (m) { return m.language; }), available = _a.available, selected = _a.selected;
+const React = require("react");
+const piral_core_1 = require("piral-core");
+const components_1 = require("./components");
+const Languages = () => {
+    const { available, selected } = (0, piral_core_1.useGlobalState)((m) => m.language);
     return React.createElement(components_1.PiralLanguagesPicker, { selected: selected, available: available });
 };
+exports.Languages = Languages;
 //# sourceMappingURL=Languages.js.map

package/lib/Languages.js.map

@@ -1 +1 @@
-{"version":3,"file":"Languages.js","sourceRoot":"","sources":["../src/Languages.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,yCAA4C;AAC5C,2CAAoD;AAEvC,QAAA,SAAS,GAAa;IAC3B,IAAA,KAA0B,2BAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAV,CAAU,CAAC,EAAzD,SAAS,eAAA,EAAE,QAAQ,cAAsC,CAAC;IAClE,OAAO,oBAAC,iCAAoB,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC5E,CAAC,CAAC"}
+{"version":3,"file":"Languages.js","sourceRoot":"","sources":["../src/Languages.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,2CAA4C;AAC5C,6CAAoD;AAE7C,MAAM,SAAS,GAAa,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAc,EAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAClE,OAAO,oBAAC,iCAAoB,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC5E,CAAC,CAAC;AAHW,QAAA,SAAS,aAGpB"}

package/lib/actions.js

@@ -1,46 +1,44 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createActions = void 0;
-var tslib_1 = require("tslib");
 function createActions(localizer) {
     return {
-        selectLanguage: function (ctx, selected) {
-            ctx.dispatch(function (state) {
+        selectLanguage(ctx, selected) {
+            ctx.dispatch((state) => {
                 localizer.language = selected;
-                var previousLanguage = state.language.selected;
-                var currentLanguage = selected;
+                const previousLanguage = state.language.selected;
+                const currentLanguage = selected;
                 // emit this event *after* we changed the state container
-                setTimeout(function () {
+                setTimeout(() => {
                     ctx.emit('select-language', {
-                        previousLanguage: previousLanguage,
-                        currentLanguage: currentLanguage,
+                        previousLanguage,
+                        currentLanguage,
                     });
                 }, 0);
-                return tslib_1.__assign(tslib_1.__assign({}, state), { language: tslib_1.__assign(tslib_1.__assign({}, state.language), { loading: selected === undefined, selected: selected }) });
+                return Object.assign(Object.assign({}, state), { language: Object.assign(Object.assign({}, state.language), { loading: selected === undefined, selected }) });
             });
         },
-        translate: function (_, key, variables) {
+        translate(_, key, variables) {
             return localizer && localizer.localizeGlobal(key, variables);
         },
-        setTranslations: function (ctx, language, data) {
+        setTranslations(ctx, language, data) {
             localizer.messages[language] = data.global;
-            for (var _i = 0, _a = data.locals; _i < _a.length; _i++) {
-                var item = _a[_i];
-                var api = ctx.apis[item.name];
+            for (const item of data.locals) {
+                const api = ctx.apis[item.name];
                 if (api) {
-                    var translations = api.getTranslations();
+                    const translations = api.getTranslations();
                     translations[language] = item.value;
                     api.setTranslations(translations);
                 }
             }
         },
-        getTranslations: function (ctx, language) {
+        getTranslations(ctx, language) {
             return {
                 global: localizer.messages[language],
-                locals: Object.keys(ctx.apis).map(function (name) { return ({
-                    name: name,
+                locals: Object.keys(ctx.apis).map((name) => ({
+                    name,
                     value: ctx.apis[name].getTranslations()[language],
-                }); }),
+                })),
             };
         },
     };

package/lib/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";;;;AAGA,SAAgB,aAAa,CAAC,SAAsB;IAClD,OAAO;QACL,cAAc,EAAd,UAAe,GAAuB,EAAE,QAAgB;YACtD,GAAG,CAAC,QAAQ,CAAC,UAAC,KAAK;gBACjB,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBAC9B,IAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBACjD,IAAM,eAAe,GAAG,QAAQ,CAAC;gBAEjC,yDAAyD;gBACzD,UAAU,CAAC;oBACT,GAAG,CAAC,IAAI,CAAC,iBAAiB,EAAE;wBAC1B,gBAAgB,kBAAA;wBAChB,eAAe,iBAAA;qBAChB,CAAC,CAAC;gBACL,CAAC,EAAE,CAAC,CAAC,CAAC;gBAEN,6CACK,KAAK,KACR,QAAQ,wCACH,KAAK,CAAC,QAAQ,KACjB,OAAO,EAAE,QAAQ,KAAK,SAAS,EAC/B,QAAQ,UAAA,OAEV;YACJ,CAAC,CAAC,CAAC;QACL,CAAC;QACD,SAAS,EAAT,UAAU,CAAqB,EAAE,GAAW,EAAE,SAAc;YAC1D,OAAO,SAAS,IAAI,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;QAC/D,CAAC;QACD,eAAe,EAAf,UAAgB,GAAuB,EAAE,QAAgB,EAAE,IAAI;YAC7D,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;YAE3C,KAAmB,UAAW,EAAX,KAAA,IAAI,CAAC,MAAM,EAAX,cAAW,EAAX,IAAW,EAAE;gBAA3B,IAAM,IAAI,SAAA;gBACb,IAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAEhC,IAAI,GAAG,EAAE;oBACP,IAAM,YAAY,GAAG,GAAG,CAAC,eAAe,EAAE,CAAC;oBAC3C,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;oBACpC,GAAG,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;iBACnC;aACF;QACH,CAAC;QACD,eAAe,EAAf,UAAgB,GAAuB,EAAE,QAAgB;YACvD,OAAO;gBACL,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBACpC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;oBAC3C,IAAI,MAAA;oBACJ,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;iBAClD,CAAC,EAH0C,CAG1C,CAAC;aACJ,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC;AApDD,sCAoDC"}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":";;;AAGA,SAAgB,aAAa,CAAC,SAAsB;IAClD,OAAO;QACL,cAAc,CAAC,GAAuB,EAAE,QAAgB;YACtD,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrB,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBAC9B,MAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBACjD,MAAM,eAAe,GAAG,QAAQ,CAAC;gBAEjC,yDAAyD;gBACzD,UAAU,CAAC,GAAG,EAAE;oBACd,GAAG,CAAC,IAAI,CAAC,iBAAiB,EAAE;wBAC1B,gBAAgB;wBAChB,eAAe;qBAChB,CAAC,CAAC;gBACL,CAAC,EAAE,CAAC,CAAC,CAAC;gBAEN,uCACK,KAAK,KACR,QAAQ,kCACH,KAAK,CAAC,QAAQ,KACjB,OAAO,EAAE,QAAQ,KAAK,SAAS,EAC/B,QAAQ,OAEV;YACJ,CAAC,CAAC,CAAC;QACL,CAAC;QACD,SAAS,CAAC,CAAqB,EAAE,GAAW,EAAE,SAAc;YAC1D,OAAO,SAAS,IAAI,SAAS,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;QAC/D,CAAC;QACD,eAAe,CAAC,GAAuB,EAAE,QAAgB,EAAE,IAAI;YAC7D,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;YAE3C,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;gBAC9B,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAEhC,IAAI,GAAG,EAAE;oBACP,MAAM,YAAY,GAAG,GAAG,CAAC,eAAe,EAAE,CAAC;oBAC3C,YAAY,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;oBACpC,GAAG,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;iBACnC;aACF;QACH,CAAC;QACD,eAAe,CAAC,GAAuB,EAAE,QAAgB;YACvD,OAAO;gBACL,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBACpC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBAC3C,IAAI;oBACJ,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;iBAClD,CAAC,CAAC;aACJ,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC;AApDD,sCAoDC"}