@gooddata/sdk-ui 8.13.0-alpha.2 → 8.13.0-alpha.21

package/dist/base/localization/TranslationsCustomizationProvider/TranslationsCustomizationProvider.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TranslationsCustomizationProvider = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var BackendContext_1 = require("../../react/BackendContext");
-var WorkspaceContext_1 = require("../../react/WorkspaceContext");
-var Context_1 = require("./Context");
-var utils_1 = require("./utils");
-var defaultTranslationsParam = {};
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const BackendContext_1 = require("../../react/BackendContext");
+const WorkspaceContext_1 = require("../../react/WorkspaceContext");
+const Context_1 = require("./Context");
+const utils_1 = require("./utils");
+const defaultTranslationsParam = {};
 /**
  * This provider is here because of the need for customization of translations.
  *
@@ -20,37 +20,27 @@ var defaultTranslationsParam = {};
  *
  * @beta
  */
-exports.TranslationsCustomizationProvider = function (_a) {
-    var render = _a.render, _b = _a.customize, customize = _b === void 0 ? utils_1.pickCorrectWording : _b, _c = _a.translations, translationsParam = _c === void 0 ? defaultTranslationsParam : _c, backendParam = _a.backend, workspaceParam = _a.workspace;
-    var backend = BackendContext_1.useBackend(backendParam);
-    var workspace = WorkspaceContext_1.useWorkspace(workspaceParam);
-    var _d = tslib_1.__read(react_1.useState(function () { return customize(translationsParam); }), 2), translations = _d[0], setTranslations = _d[1];
-    var _e = tslib_1.__read(react_1.useState(false), 2), isLoading = _e[0], setIsLoading = _e[1];
-    react_1.useEffect(function () {
-        var fetchSettings = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-            var settings;
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!backend || !workspace) {
-                            return [2 /*return*/];
-                        }
-                        setIsLoading(true);
-                        return [4 /*yield*/, backend.workspace(workspace).settings().getSettingsForCurrentUser()];
-                    case 1:
-                        settings = _a.sent();
-                        /**
-                         * Because of issues described in the ticket FET-855, we decided to use this workaround.
-                         * After the issues that are described in the ticket are solved or at least reduced,
-                         * this workaround can be removed.
-                         */
-                        window.gdSettings = settings;
-                        setTranslations(customize(translationsParam, settings));
-                        setIsLoading(false);
-                        return [2 /*return*/];
-                }
-            });
-        }); };
+exports.TranslationsCustomizationProvider = ({ render, customize = utils_1.pickCorrectWording, translations: translationsParam = defaultTranslationsParam, backend: backendParam, workspace: workspaceParam, }) => {
+    const backend = BackendContext_1.useBackend(backendParam);
+    const workspace = WorkspaceContext_1.useWorkspace(workspaceParam);
+    const [translations, setTranslations] = react_1.useState(() => customize(translationsParam));
+    const [isLoading, setIsLoading] = react_1.useState(false);
+    react_1.useEffect(() => {
+        const fetchSettings = async () => {
+            if (!backend || !workspace) {
+                return;
+            }
+            setIsLoading(true);
+            const settings = await backend.workspace(workspace).settings().getSettingsForCurrentUser();
+            /**
+             * Because of issues described in the ticket FET-855, we decided to use this workaround.
+             * After the issues that are described in the ticket are solved or at least reduced,
+             * this workaround can be removed.
+             */
+            window.gdSettings = settings;
+            setTranslations(customize(translationsParam, settings));
+            setIsLoading(false);
+        };
         fetchSettings();
     }, [backend, workspace, translationsParam]);
     return (react_1.default.createElement(Context_1.TranslationsCustomizationContextProvider, { translationsCustomizationIsLoading: isLoading, translations: translations }, render(translations)));

package/dist/base/localization/TranslationsCustomizationProvider/TranslationsCustomizationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationsCustomizationProvider.js","sourceRoot":"","sources":["../../../../src/base/localization/TranslationsCustomizationProvider/TranslationsCustomizationProvider.tsx"],"names":[],"mappings":";;;;AAEA,qDAAmD;AACnD,6DAAwD;AACxD,iEAA4D;AAC5D,qCAAqE;AACrE,iCAA6C;AA8C7C,IAAM,wBAAwB,GAA4D,EAAE,CAAC;AAE7F;;;;;;;;;;;GAWG;AACU,QAAA,iCAAiC,GAAsD,UAAC,EAMpG;QALG,MAAM,YAAA,EACN,iBAA8B,EAA9B,SAAS,mBAAG,0BAAkB,KAAA,EAC9B,oBAA0D,EAA5C,iBAAiB,mBAAG,wBAAwB,KAAA,EACjD,YAAY,aAAA,EACV,cAAc,eAAA;IAEzB,IAAM,OAAO,GAAG,2BAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAM,SAAS,GAAG,+BAAY,CAAC,cAAc,CAAC,CAAC;IACzC,IAAA,KAAA,eAAkC,gBAAQ,CAAC,cAAM,OAAA,SAAS,CAAC,iBAAiB,CAAC,EAA5B,CAA4B,CAAC,IAAA,EAA7E,YAAY,QAAA,EAAE,eAAe,QAAgD,CAAC;IAC/E,IAAA,KAAA,eAA4B,gBAAQ,CAAC,KAAK,CAAC,IAAA,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,iBAAS,CAAC;QACN,IAAM,aAAa,GAAG;;;;;wBAClB,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,EAAE;4BACxB,sBAAO;yBACV;wBACD,YAAY,CAAC,IAAI,CAAC,CAAC;wBAEF,qBAAM,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC,yBAAyB,EAAE,EAAA;;wBAApF,QAAQ,GAAG,SAAyE;wBAE1F;;;;2BAIG;wBACH,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC;wBAC7B,eAAe,CAAC,SAAS,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC;wBACxD,YAAY,CAAC,KAAK,CAAC,CAAC;;;;aACvB,CAAC;QAEF,aAAa,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE5C,OAAO,CACH,8BAAC,kDAAwC,IACrC,kCAAkC,EAAE,SAAS,EAC7C,YAAY,EAAE,YAAY,IAEzB,MAAM,CAAC,YAAY,CAAC,CACkB,CAC9C,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"TranslationsCustomizationProvider.js","sourceRoot":"","sources":["../../../../src/base/localization/TranslationsCustomizationProvider/TranslationsCustomizationProvider.tsx"],"names":[],"mappings":";;;;AAEA,uDAAmD;AACnD,+DAAwD;AACxD,mEAA4D;AAC5D,uCAAqE;AACrE,mCAA6C;AA8C7C,MAAM,wBAAwB,GAA4D,EAAE,CAAC;AAE7F;;;;;;;;;;;GAWG;AACU,QAAA,iCAAiC,GAAsD,CAAC,EACjG,MAAM,EACN,SAAS,GAAG,0BAAkB,EAC9B,YAAY,EAAE,iBAAiB,GAAG,wBAAwB,EAC1D,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,cAAc,GAC5B,EAAE,EAAE;IACD,MAAM,OAAO,GAAG,2BAAU,CAAC,YAAY,CAAC,CAAC;IACzC,MAAM,SAAS,GAAG,+BAAY,CAAC,cAAc,CAAC,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,gBAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,iBAAS,CAAC,GAAG,EAAE;QACX,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;YAC7B,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,EAAE;gBACxB,OAAO;aACV;YACD,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC,yBAAyB,EAAE,CAAC;YAE3F;;;;eAIG;YACH,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC;YAC7B,eAAe,CAAC,SAAS,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC;YACxD,YAAY,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE5C,OAAO,CACH,8BAAC,kDAAwC,IACrC,kCAAkC,EAAE,SAAS,EAC7C,YAAY,EAAE,YAAY,IAEzB,MAAM,CAAC,YAAY,CAAC,CACkB,CAC9C,CAAC;AACN,CAAC,CAAC"}

package/dist/base/localization/TranslationsCustomizationProvider/utils.js

@@ -1,81 +1,69 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeAllWordingTranslationsWithSpecialSuffix = exports.removeAllInsightToReportTranslations = exports.pickCorrectWording = exports.pickCorrectMetricWording = exports.pickCorrectInsightWording = void 0;
-var tslib_1 = require("tslib");
+const tslib_1 = require("tslib");
 // (C) 2007-2022 GoodData Corporation
-var memoize_one_1 = tslib_1.__importDefault(require("memoize-one"));
-var getNewKey = function (key, stringToRemove) { return key.replace(stringToRemove, ""); };
-var pickCorrectInsightWordingInner = function (translations, isEnabledInsightToReport) {
-    var modifiedTranslations = {};
-    Object.keys(translations).forEach(function (key) {
+const memoize_one_1 = tslib_1.__importDefault(require("memoize-one"));
+const getNewKey = (key, stringToRemove) => key.replace(stringToRemove, "");
+const pickCorrectInsightWordingInner = (translations, isEnabledInsightToReport) => {
+    const modifiedTranslations = {};
+    Object.keys(translations).forEach((key) => {
         if (key.includes("|report") || key.includes("|insight")) {
-            var newKey = getNewKey(key, isEnabledInsightToReport ? "|report" : "|insight");
+            const newKey = getNewKey(key, isEnabledInsightToReport ? "|report" : "|insight");
             modifiedTranslations[newKey] = translations[key];
         }
     });
-    return tslib_1.__assign(tslib_1.__assign({}, translations), modifiedTranslations);
+    return Object.assign(Object.assign({}, translations), modifiedTranslations);
 };
 /**
  * Even this simple translations-reference-based cache is very effective as most of the time the 'translations'
  * objects come from some static constant.
  */
-var memoizedPickCorrectInsightWordingInner = memoize_one_1.default(pickCorrectInsightWordingInner);
+const memoizedPickCorrectInsightWordingInner = memoize_one_1.default(pickCorrectInsightWordingInner);
 /**
  * @beta
  */
-exports.pickCorrectInsightWording = function (translations, settings) {
-    var isEnabledInsightToReport = !!(settings === null || settings === void 0 ? void 0 : settings.enableInsightToReport);
+exports.pickCorrectInsightWording = (translations, settings) => {
+    const isEnabledInsightToReport = !!(settings === null || settings === void 0 ? void 0 : settings.enableInsightToReport);
     return memoizedPickCorrectInsightWordingInner(translations, isEnabledInsightToReport);
 };
-var pickCorrectMetricWordingInner = function (translations, isEnabledRenamingMeasureToMetric) {
-    var modifiedTranslations = {};
-    Object.keys(translations).forEach(function (key) {
+const pickCorrectMetricWordingInner = (translations, isEnabledRenamingMeasureToMetric) => {
+    const modifiedTranslations = {};
+    Object.keys(translations).forEach((key) => {
         if (key.includes("._metric") || key.includes("._measure")) {
-            var newKey = getNewKey(key, isEnabledRenamingMeasureToMetric ? "._metric" : "._measure");
+            const newKey = getNewKey(key, isEnabledRenamingMeasureToMetric ? "._metric" : "._measure");
             modifiedTranslations[newKey] = translations[key];
         }
     });
-    return tslib_1.__assign(tslib_1.__assign({}, translations), modifiedTranslations);
+    return Object.assign(Object.assign({}, translations), modifiedTranslations);
 };
 /**
  * Even this simple translations-reference-based cache is very effective as most of the time the 'translations'
  * objects come from some static constant.
  */
-var memoizedPickCorrectMetricWordingInner = memoize_one_1.default(pickCorrectMetricWordingInner);
+const memoizedPickCorrectMetricWordingInner = memoize_one_1.default(pickCorrectMetricWordingInner);
 /**
  * The function to pick correct wording 'measure' or 'metric'
  * @beta
  */
-exports.pickCorrectMetricWording = function (translations, settings) {
-    var isEnabledRenamingMeasureToMetric = !!(settings === null || settings === void 0 ? void 0 : settings.enableRenamingMeasureToMetric);
+exports.pickCorrectMetricWording = (translations, settings) => {
+    const isEnabledRenamingMeasureToMetric = !!(settings === null || settings === void 0 ? void 0 : settings.enableRenamingMeasureToMetric);
     return memoizedPickCorrectMetricWordingInner(translations, isEnabledRenamingMeasureToMetric);
 };
 /**
  * @beta
  */
-exports.pickCorrectWording = function (translations, settings) {
-    return exports.pickCorrectMetricWording(exports.pickCorrectInsightWording(translations, settings), settings);
-};
+exports.pickCorrectWording = (translations, settings) => exports.pickCorrectMetricWording(exports.pickCorrectInsightWording(translations, settings), settings);
 /**
  * @beta
  */
-exports.removeAllInsightToReportTranslations = function (translations) {
-    return Object.fromEntries(Object.entries(translations).filter(function (_a) {
-        var _b = tslib_1.__read(_a, 1), key = _b[0];
-        return !key.includes("|report") && !key.includes("|insight");
-    }));
-};
+exports.removeAllInsightToReportTranslations = (translations) => Object.fromEntries(Object.entries(translations).filter(([key]) => !key.includes("|report") && !key.includes("|insight")));
 /**
  * The function to remove all translation keys that contain special suffixes "|report", "|insight", "._measure" or "._metric"
  * @beta
  */
-exports.removeAllWordingTranslationsWithSpecialSuffix = function (translations) {
-    return Object.fromEntries(Object.entries(translations).filter(function (_a) {
-        var _b = tslib_1.__read(_a, 1), key = _b[0];
-        return !key.includes("|report") &&
-            !key.includes("|insight") &&
-            !key.includes("._measure") &&
-            !key.includes("._metric");
-    }));
-};
+exports.removeAllWordingTranslationsWithSpecialSuffix = (translations) => Object.fromEntries(Object.entries(translations).filter(([key]) => !key.includes("|report") &&
+    !key.includes("|insight") &&
+    !key.includes("._measure") &&
+    !key.includes("._metric")));
 //# sourceMappingURL=utils.js.map

package/dist/base/localization/TranslationsCustomizationProvider/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/base/localization/TranslationsCustomizationProvider/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/base/localization/TranslationsCustomizationProvider/utils.ts"],"names":[],"mappings":"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"}

package/dist/base/localization/TranslationsProvider.js

@@ -1,35 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IntlTranslationsProvider = exports.TranslationsProvider = void 0;
-var tslib_1 = require("tslib");
+const tslib_1 = require("tslib");
 // (C) 2007-2022 GoodData Corporation
-var react_1 = tslib_1.__importDefault(require("react"));
-var react_intl_1 = require("react-intl");
-var locales_1 = require("../../locales");
-var intlUtils_1 = require("./intlUtils");
-var getNumericSymbols = function (intl) {
-    return [locales_1.messages.k, locales_1.messages.m, locales_1.messages.g, locales_1.messages.t, locales_1.messages.p, locales_1.messages.e].map(function (desc) {
-        return intl.formatMessage(desc);
-    });
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_intl_1 = require("react-intl");
+const locales_1 = require("../../locales");
+const intlUtils_1 = require("./intlUtils");
+const getNumericSymbols = (intl) => {
+    return [locales_1.messages.k, locales_1.messages.m, locales_1.messages.g, locales_1.messages.t, locales_1.messages.p, locales_1.messages.e].map((desc) => intl.formatMessage(desc));
 };
 /**
  * @internal
  */
-var TranslationsProvider = /** @class */ (function (_super) {
-    tslib_1.__extends(TranslationsProvider, _super);
-    function TranslationsProvider() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TranslationsProvider.prototype.render = function () {
-        var props = {
+class TranslationsProvider extends react_1.default.PureComponent {
+    render() {
+        const props = {
             numericSymbols: getNumericSymbols(this.props.intl),
             emptyHeaderString: intlUtils_1.emptyHeaderTitleFromIntl(this.props.intl),
             intl: this.props.intl,
         };
         return this.props.children(props);
-    };
-    return TranslationsProvider;
-}(react_1.default.PureComponent));
+    }
+}
 exports.TranslationsProvider = TranslationsProvider;
 /**
  * @internal

package/dist/base/localization/TranslationsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationsProvider.js","sourceRoot":"","sources":["../../../src/base/localization/TranslationsProvider.tsx"],"names":[],"mappings":";;;;AAAA,qCAAqC;AACrC,wDAA0B;AAC1B,yCAA0E;AAC1E,yCAAyC;AACzC,yCAAuD;AAkBvD,IAAM,iBAAiB,GAAG,UAAC,IAAe;IACtC,OAAO,CAAC,kBAAQ,CAAC,CAAC,EAAE,kBAAQ,CAAC,CAAC,EAAE,kBAAQ,CAAC,CAAC,EAAE,kBAAQ,CAAC,CAAC,EAAE,kBAAQ,CAAC,CAAC,EAAE,kBAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI;QACrF,OAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;IAAxB,CAAwB,CAC3B,CAAC;AACN,CAAC,CAAC;AAOF;;GAEG;AACH;IAA0C,gDAA+C;IAAzF;;IASA,CAAC;IARU,qCAAM,GAAb;QACI,IAAM,KAAK,GAAgC;YACvC,cAAc,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAClD,iBAAiB,EAAE,oCAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAC5D,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;SACxB,CAAC;QACF,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IACL,2BAAC;AAAD,CAAC,AATD,CAA0C,eAAK,CAAC,aAAa,GAS5D;AATY,oDAAoB;AAWjC;;GAEG;AACU,QAAA,wBAAwB,GAAG,uBAAU,CAAqC,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"TranslationsProvider.js","sourceRoot":"","sources":["../../../src/base/localization/TranslationsProvider.tsx"],"names":[],"mappings":";;;;AAAA,qCAAqC;AACrC,0DAA0B;AAC1B,2CAA0E;AAC1E,2CAAyC;AACzC,2CAAuD;AAkBvD,MAAM,iBAAiB,GAAG,CAAC,IAAe,EAAY,EAAE;IACpD,OAAO,CAAC,kBAAQ,CAAC,CAAC,EAAE,kBAAQ,CAAC,CAAC,EAAE,kBAAQ,CAAC,CAAC,EAAE,kBAAQ,CAAC,CAAC,EAAE,kBAAQ,CAAC,CAAC,EAAE,kBAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACzF,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAC3B,CAAC;AACN,CAAC,CAAC;AAOF;;GAEG;AACH,MAAa,oBAAqB,SAAQ,eAAK,CAAC,aAAyC;IAC9E,MAAM;QACT,MAAM,KAAK,GAAgC;YACvC,cAAc,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAClD,iBAAiB,EAAE,oCAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAC5D,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;SACxB,CAAC;QACF,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;CACJ;AATD,oDASC;AAED;;GAEG;AACU,QAAA,wBAAwB,GAAG,uBAAU,CAAqC,oBAAoB,CAAC,CAAC"}

package/dist/base/localization/bundles/de-DE.json

@@ -278,6 +278,8 @@
     "attributesDropdown.filterConfiguredMessage": "<strong>{parentTitle}</strong> ist bereits durch <strong>{childTitle}</strong> gefiltert, filtern Sie direkt oder durch andere Filter.",
     "attributesDropdown.attributeNameWithData": "mit Daten von",
     "attributesDropdown.noConnectionMessage": "<strong>{childTitle}</strong> kann nicht nach <strong>{parentTitle}</strong> gefiltert werden. Es besteht keine Verbindung zwischen den Filterattributen und dem Datenmodell.",
+    "attributesDropdown.details.type": "Attribut",
+    "attributesDropdown.details.dataset": "Dataset",
     "shareDialog.share.grantee.title": "Mit Benutzern und Gruppen teilen",
     "shareDialog.share.grantee.share": "Teilen",
     "shareDialog.share.grantee.list.title": "Geteilt mit",
@@ -301,14 +303,14 @@
     "shareDialog.share.granular.grantee.permission.view": "Kann einsehen",
     "shareDialog.share.granular.grantee.permission.remove": "Entfernen",
     "shareDialog.share.granular.granularUser.tooltip.cannotChangeHigher": "Sie können Berechtigungen für Benutzer, die höhere Berechtigungen als Sie haben, nicht entfernen oder ändern.",
+    "shareDialog.share.granular.granularGroup.tooltip.cannotChangeHigher": "Sie können Berechtigungen für Gruppen mit höheren Berechtigungen als Sie selbst nicht entfernen oder ändern.",
     "shareDialog.share.granular.grantee.tooltip.cannotGrantHigher": "Sie können keine höheren Berechtigungen festlegen, als Sie haben.",
     "shareDialog.share.granular.granularUser.tooltip.cannotGrantLower": "Sie können keine niedrigeren Berechtigungen festlegen als die Berechtigungen von Benutzergruppen mit diesem Benutzer.",
     "shareDialog.share.granular.granularGroup.tooltip.cannotGrantLower": "Sie können keine niedrigeren Berechtigungen festlegen als die Berechtigungen von Benutzergruppen, die diese Gruppe enthalten.",
     "shareDialog.share.granular.granularUser.tooltip.cannotRemoveFromParent": "Sie können diesem Benutzer in diesem Workspace keine Berechtigungen entziehen. Um die Berechtigungen zu entfernen, gehen Sie bitte zum übergeordneten Workspace.",
-    "shareDialog.share.granular.granularUser.tooltip.noChangeAvailable": "Sie können Berechtigungen für diesen Benutzer in diesem Workspace nicht entfernen oder ändern. Um die Berechtigungen zu bearbeiten, gehen Sie bitte zum übergeordneten Workspace.",
-    "shareDialog.share.granular.granularGroup.tooltip.cannotChangeHigher": "You cannot remove or change permissions for groups with higher permissions than you have.",
-    "shareDialog.share.granular.granularGroup.tooltip.cannotRemoveFromParent": "You cannot remove permissions for this user group in this workspace. To remove the permissions, do so from the parent workspace.",
-    "shareDialog.share.granular.granularGroup.tooltip.noChangeAvailable": "You cannot remove or change permissions for this user group in this workspace. To edit the permissions, do so from the parent workspace.",
+    "shareDialog.share.granular.granularGroup.tooltip.cannotRemoveFromParent": "Sie können Berechtigungen für diese Benutzergruppe in diesem Workspace nicht entfernen. Wenn Sie Berechtigungen entfernen möchten, gehen Sie bitte zum übergeordneten Workspace.",
+    "shareDialog.share.granular.granularUser.tooltip.noChangeAvailable": "Sie können Berechtigungen für diesen Benutzer in diesem Workspace nicht entfernen oder ändern. Wenn Sie Berechtigungen ändern möchten, gehen Sie bitte zum übergeordneten Workspace.",
+    "shareDialog.share.granular.granularGroup.tooltip.noChangeAvailable": "Sie können Berechtigungen für diese Benutzergruppe in diesem Workspace nicht entfernen oder ändern. Wenn Sie Berechtigungen ändern möchten, gehen Sie bitte zum übergeordneten Workspace.",
     "shareDialog.share.granular.administrator.info": "<b>Hinweis:</b> Sie und andere Administratoren haben vollen Zugriff auf alle Dashboards.",
     "sorting.dropdown.header": "Betrachtung sortieren",
     "sorting.type.alphabetical.asc": "A bis Z",
@@ -323,21 +325,31 @@
     "sorting.default.tooltip": "Verwenden Sie die Sortierung, die im Attribut definiert ist.",
     "embedInsightDialog.actions.close": "Schließen",
     "embedInsightDialog.actions.copyCode": "Code kopieren",
+    "embedInsightDialog.component.type": "Komponententyp",
     "embedInsightDialog.code.language.codeAs": "Code als",
-    "embedInsightDialog.code.options": "Weitere Optionen",
-    "embedInsightDialog.code.options.include.config": "Konfiguration einschließen",
+    "embedInsightDialog.react.options": "Weitere Optionen",
+    "embedInsightDialog.webComponents.options": "Optionen",
+    "embedInsightDialog.webComponents.options.displayTitle": "Anzeigetitel",
+    "embedInsightDialog.webComponents.options.customTitle": "Benutzerdef. Titel",
+    "embedInsightDialog.webComponents.options.locale": "Sprache",
+    "embedInsightDialog.webComponents.locale.tooltip": "Wählen Sie eine Sprache für die Oberfläche aus. Wenn diese Option deaktiviert ist, wird für die Visualisierung standardmäßig Ihre aktuelle Anzeigesprache verwendet.",
     "embedInsightDialog.code.options.include.config.info": "Schließen Sie die Betrachtungskonfiguration von Farben, Achsen, Legende und Arbeitsfläche ein (sofern verfügbar).",
     "embedInsightDialog.code.options.custom.height": "Benutzerdefinierte Höhe",
-    "embedInsightDialog.code.options.display.title": "Anzeigetitel",
-    "embedInsightDialog.headLine.byReference": "Als Live-Betrachtung einbetten",
-    "embedInsightDialog.headLine.byDefinition": "Als dauerhafte Betrachtung einbetten",
-    "embedInsightDialog.headLine.byReference.tooltip": "Betten Sie die Anwendung als Verweis auf eine gespeicherte Betrachtung in eine generische GD.UI-Reaktionskomponente ein. Alle zukünftigen Änderungen an der Betrachtung (z. B. Visualisierungsstil, Metriken, Attribute) werden in der eingebetteten Version widergespiegelt.",
-    "embedInsightDialog.headLine.byDefinition.tooltip": "Betten Sie die Anwendung als Betrachtungsdefinition in eine bestimmte GD.UI-Reaktionskomponente basierend auf dem aktuell ausgewählten Visualisierungsstil ein. Zukünftige Änderungen an der Betrachtung (z. B. Visualisierungsstil, Metriken, Attribute), die in dieser Anwendung vorgenommen werden, werden in der eingebetteten Version nicht widergespiegelt.",
+    "embedInsightDialog.code.options.display.configuration": "Konfiguration anzeigen",
+    "embedInsightDialog.headLine.embedInsight": "Betrachtung einbetten",
+    "embedInsightDialog.componentType.byReference.tooltip": "Betten Sie die Anwendung als Verweis auf eine gespeicherte Betrachtung in eine generische GD.UI-Reaktionskomponente ein. Alle zukünftigen Änderungen an der Betrachtung (z. B. Visualisierungsstil, Metriken, Attribute) werden in der eingebetteten Version widergespiegelt.",
+    "embedInsightDialog.componentType.byDefinition.tooltip": "Betten Sie die Anwendung als Betrachtungsdefinition in eine bestimmte GD.UI-Reaktionskomponente basierend auf dem aktuell ausgewählten Visualisierungsstil ein. Zukünftige Änderungen an der Betrachtung (z. B. Visualisierungsstil, Metriken, Attribute), die in dieser Anwendung vorgenommen werden, werden in der eingebetteten Version nicht widergespiegelt.",
+    "embedInsightDialog.webComponents.customTitle.tooltip": "Definieren Sie den Text des Titels direkt im Codeausschnitt.",
+    "embedInsightDialog.webComponents.customTitle.disabled.tooltip": "Aktivieren Sie zuerst den Displaytitel.",
     "embedInsightDialog.prepareEnvironmentMessage": "<b>Hinweis.</b> Damit dieser Codeausschnitt funktioniert, bereiten Sie bitte die Umgebung vor.",
     "embedInsightDialog.prepareEnvironmentMessage.link": "Weitere Informationen",
     "embed.dialog.numeric.input.validation": "Der Wert muss eine Zahl größer als 0 sein",
     "embed.dialog.numeric.input.warning": "Diese Eingabe akzeptiert nur Ziffern größer 0",
     "embedInsightDialog.complete.list.props.message": "Vollständige Liste der Einbettungseigenschaften",
+    "embedInsightDialog.emptyInsight.byReference": "Sobald Sie die <a>Betrachtung speichern</a>, wird der Code-Ausschnitt hier angezeigt.",
+    "embedInsightDialog.emptyInsight.byDefinition": "Dieser Betrachtungstyp kann nicht als programmatische Typkomponente eingebettet werden.",
+    "embedDialog.tab.react": "React",
+    "embedDialog.tab.webComponents": "Webkomponenten",
     "error.overlay.login": "Anmeldung",
     "error.overlay.title": "Sie wurden abgemeldet",
     "error.overlay.text": "Bitte melden Sie sich erneut an, um Ihre Arbeit fortzusetzen.",

package/dist/base/localization/bundles/en-US.json

@@ -1454,6 +1454,16 @@
         "comment": "Do not translate HTML markup enclosed in <> and placeholders enclosed in {}.",
         "limit": 0
     },
+    "attributesDropdown.details.type": {
+        "value": "Attribute",
+        "comment": "",
+        "limit": 0
+    },
+    "attributesDropdown.details.dataset": {
+        "value": "Dataset",
+        "comment": "",
+        "limit": 0
+    },
     "shareDialog.share.grantee.title": {
         "value": "Share with users and groups",
         "comment": "Title of dialog used for sharing of private dashboard with other users or user groups.",
@@ -1685,19 +1695,44 @@
         "comment": "Label of confirm button, copy code to clipboard.",
         "limit": 0
     },
+    "embedInsightDialog.component.type": {
+        "value": "Component type",
+        "comment": "Selector that define the component type of generated code Referential or Programmatic",
+        "limit": 0
+    },
     "embedInsightDialog.code.language.codeAs": {
         "value": "Code as",
         "comment": "Selector that define language of generated code Typescript or Javascript",
         "limit": 0
     },
-    "embedInsightDialog.code.options": {
+    "embedInsightDialog.react.options": {
         "value": "Other options",
         "comment": "Options of generated code. Include component specific item, define height etc.",
         "limit": 0
     },
-    "embedInsightDialog.code.options.include.config": {
-        "value": "Include configuration",
-        "comment": "Option that generated code will have custom Insight configuration like color, axes, legend etc.",
+    "embedInsightDialog.webComponents.options": {
+        "value": "Options",
+        "comment": "Options of generated code. Include component specific item, define height etc.",
+        "limit": 0
+    },
+    "embedInsightDialog.webComponents.options.displayTitle": {
+        "value": "Display title",
+        "comment": "",
+        "limit": 0
+    },
+    "embedInsightDialog.webComponents.options.customTitle": {
+        "value": "Custom title",
+        "comment": "Options of generated code. Include component specific item, define height etc.",
+        "limit": 0
+    },
+    "embedInsightDialog.webComponents.options.locale": {
+        "value": "Locale",
+        "comment": "Options of generated code. Include component specific item, define height etc.",
+        "limit": 0
+    },
+    "embedInsightDialog.webComponents.locale.tooltip": {
+        "value": "Choose a specific language localization. If disabled, the visualization defaults to your current display language settings.",
+        "comment": "Tooltip for the web components locale",
         "limit": 0
     },
     "embedInsightDialog.code.options.include.config.info|insight": {
@@ -1716,55 +1751,54 @@
         "comment": "",
         "limit": 0
     },
-    "embedInsightDialog.code.options.display.title": {
-        "value": "Display title",
+    "embedInsightDialog.code.options.display.configuration": {
+        "value": "Display configuration",
         "comment": "",
         "limit": 0
     },
-    "embedInsightDialog.headLine.byReference|insight": {
-        "value": "Embed as a live insight",
-        "comment": "Embed as a reference to a saved insight in a generic GD.UI react component. Any future changes to the insight (such as visualization type, metrics, attributes) will be reflected in the embedded version.",
-        "limit": 0
-    },
-    "embedInsightDialog.headLine.byReference|report": {
-        "value": "Embed as a live report",
-        "comment": "Embed as a reference to a saved insight in a generic GD.UI react component. Any future changes to the insight (such as visualization type, metrics, attributes) will be reflected in the embedded version.",
-        "limit": 0,
-        "translate": false
-    },
-    "embedInsightDialog.headLine.byDefinition|insight": {
-        "value": "Embed as a permanent insight",
-        "comment": "Embed as an insight definition in a specific GD.UI react component based on the currently selected visualization type. No future changes to the insight (such as visualization type, metrics, attributes) made in this application will be reflected in the embedded version.",
+    "embedInsightDialog.headLine.embedInsight|insight": {
+        "value": "Embed insight",
+        "comment": "",
         "limit": 0
     },
-    "embedInsightDialog.headLine.byDefinition|report": {
-        "value": "Embed as a permanent report",
-        "comment": "Embed as an insight definition in a specific GD.UI react component based on the currently selected visualization type. No future changes to the insight (such as visualization type, metrics, attributes) made in this application will be reflected in the embedded version.",
+    "embedInsightDialog.headLine.embedInsight|report": {
+        "value": "Embed report",
+        "comment": "",
         "limit": 0,
         "translate": false
     },
-    "embedInsightDialog.headLine.byReference.tooltip|insight": {
+    "embedInsightDialog.componentType.byReference.tooltip|insight": {
         "value": "Embed as a reference to a saved insight in a generic GD.UI react component. Any future changes to the insight (such as visualization type, metrics, attributes) will be reflected in the embedded version.",
         "comment": "Tooltip that explain what Embed as a live insight means",
         "limit": 0
     },
-    "embedInsightDialog.headLine.byReference.tooltip|report": {
+    "embedInsightDialog.componentType.byReference.tooltip|report": {
         "value": "Embed as a reference to a saved report in a generic GD.UI react component. Any future changes to the report (such as visualization type, metrics, attributes) will be reflected in the embedded version.",
         "comment": "Tooltip that explain what Embed as a live insight means",
         "limit": 0,
         "translate": false
     },
-    "embedInsightDialog.headLine.byDefinition.tooltip|insight": {
+    "embedInsightDialog.componentType.byDefinition.tooltip|insight": {
         "value": "Embed as an insight definition in a specific GD.UI react component based on the currently selected visualization type. No future changes to the insight (such as visualization type, metrics, attributes) made in this application will be reflected in the embedded version.",
         "comment": "Tooltip that explain what Embed as a a permanent report",
         "limit": 0
     },
-    "embedInsightDialog.headLine.byDefinition.tooltip|report": {
+    "embedInsightDialog.componentType.byDefinition.tooltip|report": {
         "value": "Embed as an report definition in a specific GD.UI react component based on the currently selected visualization type. No future changes to the report (such as visualization type, metrics, attributes) made in this application will be reflected in the embedded version.",
         "comment": "Tooltip that explain what Embed as a a permanent report",
         "limit": 0,
         "translate": false
     },
+    "embedInsightDialog.webComponents.customTitle.tooltip": {
+        "value": "Define the text of the title directly in the code snippet.",
+        "comment": "Tooltip for the web components custom title",
+        "limit": 0
+    },
+    "embedInsightDialog.webComponents.customTitle.disabled.tooltip": {
+        "value": "Enable Display title first.",
+        "comment": "Tooltip for the web components custom title when it is disabled",
+        "limit": 0
+    },
     "embedInsightDialog.prepareEnvironmentMessage": {
         "value": "<b>Note.</b> In order for this snippet to work, prepare your environment.",
         "comment": "Do not translate html tags <b>, </b>",
@@ -1790,6 +1824,38 @@
         "comment": "Link to documentation of used component and all component properties",
         "limit": 0
     },
+    "embedInsightDialog.emptyInsight.byReference|insight": {
+        "value": "Code snipped will be displayed here once you <a>save the insight</a>.",
+        "comment": "The disabled message for code area. Do not translate html tags <a>, </a>",
+        "limit": 0
+    },
+    "embedInsightDialog.emptyInsight.byReference|report": {
+        "value": "Code snipped will be displayed here once you <a>save the report</a>.",
+        "comment": "The disabled message for code area. Do not translate html tags <a>, </a>",
+        "limit": 0,
+        "translate": false
+    },
+    "embedInsightDialog.emptyInsight.byDefinition|insight": {
+        "value": "This insight type cannot be embedded as programmatic type component.",
+        "comment": "The disabled message for code area",
+        "limit": 0
+    },
+    "embedInsightDialog.emptyInsight.byDefinition|report": {
+        "value": "This report type cannot be embedded as programmatic type component.",
+        "comment": "The disabled message for code area",
+        "limit": 0,
+        "translate": false
+    },
+    "embedDialog.tab.react": {
+        "value": "React",
+        "comment": "The tab title",
+        "limit": 0
+    },
+    "embedDialog.tab.webComponents": {
+        "value": "Web Components",
+        "comment": "The tab title",
+        "limit": 0
+    },
     "error.overlay.login": {
         "value": "Login",
         "comment": "",

package/dist/base/localization/bundles/es-ES.json

@@ -278,6 +278,8 @@
     "attributesDropdown.filterConfiguredMessage": "<strong>{parentTitle}</strong> ya se ha filtrado por el filtro <strong>{childTitle}</strong> directamente o mediante otros filtros.",
     "attributesDropdown.attributeNameWithData": "con datos de",
     "attributesDropdown.noConnectionMessage": "<strong>{childTitle}</strong> no se puede filtrar por <strong>{parentTitle}</strong>. No hay ninguna conexión entre los atributos de filtro en el modelo de datos.",
+    "attributesDropdown.details.type": "Atributo",
+    "attributesDropdown.details.dataset": "Conjunto de datos",
     "shareDialog.share.grantee.title": "Compartir con usuarios y grupos",
     "shareDialog.share.grantee.share": "Compartir",
     "shareDialog.share.grantee.list.title": "Compartido con",
@@ -301,14 +303,14 @@
     "shareDialog.share.granular.grantee.permission.view": "Puede ver",
     "shareDialog.share.granular.grantee.permission.remove": "Quitar",
     "shareDialog.share.granular.granularUser.tooltip.cannotChangeHigher": "No puede eliminar o modificar los permisos de usuarios con permisos más altos que los suyos.",
+    "shareDialog.share.granular.granularGroup.tooltip.cannotChangeHigher": "No puede eliminar o modificar los permisos de grupos con permisos más altos que los suyos.",
     "shareDialog.share.granular.grantee.tooltip.cannotGrantHigher": "No puede establecer permisos más altos que los que tiene.",
     "shareDialog.share.granular.granularUser.tooltip.cannotGrantLower": "No puede establecer permisos más bajos que los permisos de grupos de usuarios con este usuario.",
     "shareDialog.share.granular.granularGroup.tooltip.cannotGrantLower": "No puede establecer permisos más bajos que los permisos de grupos de usuarios que incluyen este grupo.",
     "shareDialog.share.granular.granularUser.tooltip.cannotRemoveFromParent": "No puede eliminar los permisos de este usuario en este espacio de trabajo. Para eliminar los permisos, hágalo desde el espacio de trabajo principal.",
+    "shareDialog.share.granular.granularGroup.tooltip.cannotRemoveFromParent": "No puede eliminar los permisos de este grupo de usuarios en este espacio de trabajo. Para eliminar los permisos, hágalo desde el espacio de trabajo principal.",
     "shareDialog.share.granular.granularUser.tooltip.noChangeAvailable": "No puede eliminar o modificar los permisos de este usuario en este espacio de trabajo. Para editar los permisos, hágalo desde el espacio de trabajo principal.",
-    "shareDialog.share.granular.granularGroup.tooltip.cannotChangeHigher": "You cannot remove or change permissions for groups with higher permissions than you have.",
-    "shareDialog.share.granular.granularGroup.tooltip.cannotRemoveFromParent": "You cannot remove permissions for this user group in this workspace. To remove the permissions, do so from the parent workspace.",
-    "shareDialog.share.granular.granularGroup.tooltip.noChangeAvailable": "You cannot remove or change permissions for this user group in this workspace. To edit the permissions, do so from the parent workspace.",
+    "shareDialog.share.granular.granularGroup.tooltip.noChangeAvailable": "No puede eliminar o modificar los permisos de este grupo de usuarios en este espacio de trabajo. Para editar los permisos, hágalo desde el espacio de trabajo principal.",
     "shareDialog.share.granular.administrator.info": "<b>Nota.</b> Otros administradores y usted tienen un acceso completo a todos los paneles.",
     "sorting.dropdown.header": "Ordenar perspectiva",
     "sorting.type.alphabetical.asc": "De la A a la Z",
@@ -323,21 +325,31 @@
     "sorting.default.tooltip": "Use el orden definido en el atributo.",
     "embedInsightDialog.actions.close": "Cerrar",
     "embedInsightDialog.actions.copyCode": "Copiar código",
+    "embedInsightDialog.component.type": "Tipo de componente",
     "embedInsightDialog.code.language.codeAs": "Codificar como",
-    "embedInsightDialog.code.options": "Otras opciones",
-    "embedInsightDialog.code.options.include.config": "Incluir configuración",
+    "embedInsightDialog.react.options": "Otras opciones",
+    "embedInsightDialog.webComponents.options": "Opciones",
+    "embedInsightDialog.webComponents.options.displayTitle": "Mostrar título",
+    "embedInsightDialog.webComponents.options.customTitle": "Título personalizado",
+    "embedInsightDialog.webComponents.options.locale": "Lugar",
+    "embedInsightDialog.webComponents.locale.tooltip": "Elija una localización del idioma específica. Si se desactiva, la visualización adoptará por defecto la configuración actual del idioma de visualización.",
     "embedInsightDialog.code.options.include.config.info": "Incluya la configuración de la perspectiva en cuanto a colores, ejes, leyenda y lienzos si está disponible.",
     "embedInsightDialog.code.options.custom.height": "Personalizar altura",
-    "embedInsightDialog.code.options.display.title": "Mostrar título",
-    "embedInsightDialog.headLine.byReference": "Incrustar como perspectiva directa",
-    "embedInsightDialog.headLine.byDefinition": "Incrustar como perspectiva permanente",
-    "embedInsightDialog.headLine.byReference.tooltip": "Incrustar como una referencia a una perspectiva guardada en un componente de reacción genérico de GD.UI. Cualquier cambio futuro en la perspectiva (como tipo de visuailzación, métricas, atributos) quedará reflejado en la versión incrustada.",
-    "embedInsightDialog.headLine.byDefinition.tooltip": "Incrustar como una definición de perspectiva en un componente de reacción específico de GD.UI según el tipo de visualización seleccionado actualmente. Ningún cambio futuro en la perspectiva (como tipo de visualización, métricas, atributos) hecho en esta aplicación quedará reflejado en la versión incrustada.",
+    "embedInsightDialog.code.options.display.configuration": "Mostrar configuración",
+    "embedInsightDialog.headLine.embedInsight": "Perspectiva incrustada",
+    "embedInsightDialog.componentType.byReference.tooltip": "Incrustar como una referencia a una perspectiva guardada en un componente de reacción genérico de GD.UI. Cualquier cambio futuro en la perspectiva (como tipo de visuailzación, métricas, atributos) quedará reflejado en la versión incrustada.",
+    "embedInsightDialog.componentType.byDefinition.tooltip": "Incrustar como una definición de perspectiva en un componente de reacción específico de GD.UI según el tipo de visualización seleccionado actualmente. Ningún cambio futuro en la perspectiva (como tipo de visualización, métricas, atributos) hecho en esta aplicación quedará reflejado en la versión incrustada.",
+    "embedInsightDialog.webComponents.customTitle.tooltip": "Defina el texto del título directamente en el fragmento de código.",
+    "embedInsightDialog.webComponents.customTitle.disabled.tooltip": "Activar Mostrar título primero.",
     "embedInsightDialog.prepareEnvironmentMessage": "<b>Nota.</b> Para que este fragmento de código funcione, prepare su entorno.",
     "embedInsightDialog.prepareEnvironmentMessage.link": "Más información",
     "embed.dialog.numeric.input.validation": "El valor debe ser un número mayor que 0",
     "embed.dialog.numeric.input.warning": "Esta entrada acepta solo dígitos mayores que 0",
     "embedInsightDialog.complete.list.props.message": "Lista completa de las propiedades de incrustación",
+    "embedInsightDialog.emptyInsight.byReference": "El fragmento de código se mostrará aquí cuando <a>haya guardado la perspectiva</a>.",
+    "embedInsightDialog.emptyInsight.byDefinition": "Este tipo de perspectiva no se puede incrustar como un componente de tipo programático.",
+    "embedDialog.tab.react": "React",
+    "embedDialog.tab.webComponents": "Componentes web",
     "error.overlay.login": "Iniciar sesión",
     "error.overlay.title": "Se ha cerrado la sesión",
     "error.overlay.text": "Iníciela de nuevo para continuar su trabajo.",