@uxf/wysiwyg 11.73.0 → 11.74.1

package/translations/translations.js

@@ -1,6 +1,406 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultTranslationFunction = void 0;
-const cs_1 = require("./cs");
-const defaultTranslationFunction = (key) => cs_1.cs[key];
-exports.defaultTranslationFunction = defaultTranslationFunction;
+exports.default = {
+    "uxf-wysiwyg": {
+        common: {
+            placeholder: {
+                cs: "Napište něco hezkého...",
+                en: "Write something nice...",
+                sk: "Napíšte niečo pekné...",
+                de: "Schreiben Sie etwas Schönes...",
+            },
+        },
+        components: {
+            modal: {
+                "button-cancel": {
+                    cs: "Zrušit",
+                    en: "Cancel",
+                    sk: "Zrušiť",
+                    de: "Abbrechen",
+                },
+            },
+        },
+        plugins: {
+            formatting: {
+                bold: {
+                    tooltip: {
+                        cs: "Tučné (Ctrl+B)",
+                        en: "Bold (Ctrl+B)",
+                        sk: "Tučné (Ctrl+B)",
+                        de: "Fett (Ctrl+B)",
+                    },
+                },
+                italic: {
+                    tooltip: {
+                        cs: "Kurzíva (Ctrl+I)",
+                        en: "Italic (Ctrl+I)",
+                        sk: "Kurzíva (Ctrl+I)",
+                        de: "Kursiv (Ctrl+I)",
+                    },
+                },
+                underline: {
+                    tooltip: {
+                        cs: "Podtržení (Ctrl+U)",
+                        en: "Underline (Ctrl+U)",
+                        sk: "Podčiarknutie (Ctrl+U)",
+                        de: "Unterstrichen (Ctrl+U)",
+                    },
+                },
+                code: {
+                    tooltip: {
+                        cs: "Kód",
+                        en: "Code",
+                        sk: "Kód",
+                        de: "Code",
+                    },
+                },
+                highlight: {
+                    tooltip: {
+                        cs: "Zvýraznění (Ctrl+Shift+H)",
+                        en: "Highlight (Ctrl+Shift+H)",
+                        sk: "Zvýraznenie (Ctrl+Shift+H)",
+                        de: "Hervorheben (Ctrl+Shift+H)",
+                    },
+                },
+            },
+            headings: {
+                h1: {
+                    tooltip: {
+                        cs: "Nadpis H1",
+                        en: "Heading H1",
+                        sk: "Nadpis H1",
+                        de: "Überschrift H1",
+                    },
+                },
+                h2: {
+                    tooltip: {
+                        cs: "Nadpis H2",
+                        en: "Heading H2",
+                        sk: "Nadpis H2",
+                        de: "Überschrift H2",
+                    },
+                },
+                h3: {
+                    tooltip: {
+                        cs: "Nadpis H3",
+                        en: "Heading H3",
+                        sk: "Nadpis H3",
+                        de: "Überschrift H3",
+                    },
+                },
+                h4: {
+                    tooltip: {
+                        cs: "Nadpis H4",
+                        en: "Heading H4",
+                        sk: "Nadpis H4",
+                        de: "Überschrift H4",
+                    },
+                },
+                h5: {
+                    tooltip: {
+                        cs: "Nadpis H5",
+                        en: "Heading H5",
+                        sk: "Nadpis H5",
+                        de: "Überschrift H5",
+                    },
+                },
+                h6: {
+                    tooltip: {
+                        cs: "Nadpis H6",
+                        en: "Heading H6",
+                        sk: "Nadpis H6",
+                        de: "Überschrift H6",
+                    },
+                },
+            },
+            link: {
+                "url-address": {
+                    invalid: {
+                        cs: "Neplatná URL adresa",
+                        en: "Invalid URL address",
+                        sk: "Neplatná URL adresa",
+                        de: "Ungültige URL-Adresse",
+                    },
+                    required: {
+                        cs: "URL adresa je povinná",
+                        en: "URL address is required",
+                        sk: "URL adresa je povinná",
+                        de: "URL-Adresse ist erforderlich",
+                    },
+                    label: {
+                        cs: "URL adresa",
+                        en: "URL address",
+                        sk: "URL adresa",
+                        de: "URL-Adresse",
+                    },
+                    placeholder: {
+                        cs: "Zadejte URL adresu",
+                        en: "Enter URL address",
+                        sk: "Zadajte URL adresu",
+                        de: "URL-Adresse eingeben",
+                    },
+                },
+                "link-text": {
+                    label: {
+                        cs: "Text odkazu",
+                        en: "Link text",
+                        sk: "Text odkazu",
+                        de: "Link-Text",
+                    },
+                    placeholder: {
+                        cs: "Zadejte text odkazu",
+                        en: "Enter link text",
+                        sk: "Zadajte text odkazu",
+                        de: "Link-Text eingeben",
+                    },
+                },
+                "open-in-new-tab": {
+                    cs: "Otevřít v nové záložce",
+                    en: "Open in new tab",
+                    sk: "Otvoriť v novej karte",
+                    de: "In neuem Tab öffnen",
+                },
+                tooltip: {
+                    cs: "Vložit odkaz",
+                    en: "Insert link",
+                    sk: "Vložiť odkaz",
+                    de: "Link einfügen",
+                },
+                "button-save": {
+                    cs: "Uložit",
+                    en: "Save",
+                    sk: "Uložiť",
+                    de: "Speichern",
+                },
+                "button-close": {
+                    cs: "Zavřít",
+                    en: "Close",
+                    sk: "Zatvoriť",
+                    de: "Schließen",
+                },
+            },
+            blocks: {
+                quote: {
+                    tooltip: {
+                        cs: "Citace",
+                        en: "Quote",
+                        sk: "Citácia",
+                        de: "Zitat",
+                    },
+                },
+            },
+            lists: {
+                ul: {
+                    tooltip: {
+                        cs: "Vložit odrážkový seznam",
+                        en: "Insert bullet list",
+                        sk: "Vložiť odrážkový zoznam",
+                        de: "Aufzählung einfügen",
+                    },
+                },
+                ol: {
+                    tooltip: {
+                        cs: "Vložit číslovaný seznam",
+                        en: "Insert numbered list",
+                        sk: "Vložiť číslovaný zoznam",
+                        de: "Nummerierte Liste einfügen",
+                    },
+                },
+            },
+            button: {
+                tooltip: {
+                    cs: "Vložit tlačítko",
+                    en: "Insert button",
+                    sk: "Vložiť tlačidlo",
+                    de: "Schaltfläche einfügen",
+                },
+                "button-text": {
+                    label: {
+                        cs: "Text tlačítka",
+                        en: "Button text",
+                        sk: "Text tlačidla",
+                        de: "Schaltflächen-Text",
+                    },
+                    placeholder: {
+                        cs: "Zadejte text tlačítka",
+                        en: "Enter button text",
+                        sk: "Zadajte text tlačidla",
+                        de: "Schaltflächen-Text eingeben",
+                    },
+                    required: {
+                        cs: "Toto pole je povinné",
+                        en: "This field is required",
+                        sk: "Toto pole je povinné",
+                        de: "Dieses Feld ist erforderlich",
+                    },
+                },
+                "url-address": {
+                    label: {
+                        cs: "URL adresa",
+                        en: "URL address",
+                        sk: "URL adresa",
+                        de: "URL-Adresse",
+                    },
+                    placeholder: {
+                        cs: "Zadejte URL adresu",
+                        en: "Enter URL address",
+                        sk: "Zadajte URL adresu",
+                        de: "URL-Adresse eingeben",
+                    },
+                    required: {
+                        cs: "Toto pole je povinné",
+                        en: "This field is required",
+                        sk: "Toto pole je povinné",
+                        de: "Dieses Feld ist erforderlich",
+                    },
+                },
+                "button-insert": {
+                    cs: "Vložit tlačítko",
+                    en: "Insert button",
+                    sk: "Vložiť tlačidlo",
+                    de: "Schaltfläche einfügen",
+                },
+                "button-edit": {
+                    cs: "Upravit tlačítko",
+                    en: "Edit button",
+                    sk: "Upraviť tlačidlo",
+                    de: "Schaltfläche bearbeiten",
+                },
+            },
+            image: {
+                tooltip: {
+                    cs: "Vložit obrázek",
+                    en: "Insert image",
+                    sk: "Vložiť obrázok",
+                    de: "Bild einfügen",
+                },
+                alt: {
+                    label: {
+                        cs: "Alt obrázku",
+                        en: "Image alt",
+                        sk: "Alt obrázka",
+                        de: "Alt-Text des Bildes",
+                    },
+                    placeholder: {
+                        cs: "Zadejte alt obrázku",
+                        en: "Enter image alt",
+                        sk: "Zadajte alt obrázka",
+                        de: "Alt-Text des Bildes eingeben",
+                    },
+                },
+                caption: {
+                    label: {
+                        cs: "Popisek obrázku",
+                        en: "Image caption",
+                        sk: "Popis obrázka",
+                        de: "Bildunterschrift",
+                    },
+                    placeholder: {
+                        cs: "Zadejte popisek obrázku",
+                        en: "Enter image caption",
+                        sk: "Zadajte popis obrázka",
+                        de: "Bildunterschrift eingeben",
+                    },
+                },
+                source: {
+                    label: {
+                        cs: "Zdroj obrázku",
+                        en: "Image source",
+                        sk: "Zdroj obrázka",
+                        de: "Bildquelle",
+                    },
+                    placeholder: {
+                        cs: "Zadejte zdroj obrázku",
+                        en: "Enter image source",
+                        sk: "Zadajte zdroj obrázka",
+                        de: "Bildquelle eingeben",
+                    },
+                },
+                "file-upload": {
+                    label: {
+                        cs: "Obrázek",
+                        en: "Image",
+                        sk: "Obrázok",
+                        de: "Bild",
+                    },
+                },
+                "button-insert": {
+                    cs: "Vložit obrázek",
+                    en: "Insert image",
+                    sk: "Vložiť obrázok",
+                    de: "Bild einfügen",
+                },
+                "button-edit": {
+                    cs: "Upravit obrázek",
+                    en: "Edit image",
+                    sk: "Upraviť obrázok",
+                    de: "Bild bearbeiten",
+                },
+            },
+            video: {
+                tooltip: {
+                    cs: "Vložit video",
+                    en: "Insert video",
+                    sk: "Vložiť video",
+                    de: "Video einfügen",
+                },
+                "url-address": {
+                    label: {
+                        cs: "URL adresa",
+                        en: "URL address",
+                        sk: "URL adresa",
+                        de: "URL-Adresse",
+                    },
+                    placeholder: {
+                        cs: "Zadejte URL adresu",
+                        en: "Enter URL address",
+                        sk: "Zadajte URL adresu",
+                        de: "URL-Adresse eingeben",
+                    },
+                    invalid: {
+                        cs: "Neplatná URL adresa.",
+                        en: "Invalid URL address.",
+                        sk: "Neplatná URL adresa.",
+                        de: "Ungültige URL-Adresse.",
+                    },
+                },
+                "iframe-title": {
+                    cs: "Video",
+                    en: "Video",
+                    sk: "Video",
+                    de: "Video",
+                },
+                "button-insert": {
+                    cs: "Vložit video",
+                    en: "Insert video",
+                    sk: "Vložiť video",
+                    de: "Video einfügen",
+                },
+                "button-edit": {
+                    cs: "Upravit video",
+                    en: "Edit video",
+                    sk: "Upraviť video",
+                    de: "Video bearbeiten",
+                },
+            },
+            actions: {
+                undo: {
+                    tooltip: {
+                        cs: "Vrátit zpět (Ctrl+Z)",
+                        en: "Undo (Ctrl+Z)",
+                        sk: "Vrátiť späť (Ctrl+Z)",
+                        de: "Rückgängig (Ctrl+Z)",
+                    },
+                },
+                redo: {
+                    tooltip: {
+                        cs: "Opakovat (Ctrl+Y)",
+                        en: "Redo (Ctrl+Y)",
+                        sk: "Opakovať (Ctrl+Y)",
+                        de: "Wiederholen (Ctrl+Y)",
+                    },
+                },
+            },
+        },
+    },
+};

package/ui/button/insert-button-modal-content.js

@@ -24,17 +24,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InsertButtonModalContent = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const text_input_1 = require("@uxf/ui/text-input");
 const react_1 = __importStar(require("react"));
 const button_1 = require("../../plugins/button");
-const context_1 = require("../../translations/context");
 const modal_buttons_1 = require("../components/modal/modal-buttons");
 const modal_content_1 = require("../components/modal/modal-content");
 const utils_1 = require("../utils");
 const CLASS_NAME = "uxf-wysiwyg__insert-modal-button";
 const InsertButtonModalContent = (props) => {
     var _a, _b, _c, _d;
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     const [buttonText, setButtonText] = (0, react_1.useState)((_b = (_a = props.buttonToEdit) === null || _a === void 0 ? void 0 : _a.buttonText) !== null && _b !== void 0 ? _b : "");
     const [buttonUrl, setButtonUrl] = (0, react_1.useState)((_d = (_c = props.buttonToEdit) === null || _c === void 0 ? void 0 : _c.buttonUrl) !== null && _d !== void 0 ? _d : "");
     const [error, setError] = (0, react_1.useState)({
@@ -42,21 +42,21 @@ const InsertButtonModalContent = (props) => {
         url: undefined,
     });
     const title = props.buttonToEdit
-        ? t("wysiwyg:plugins.button.button-edit")
-        : t("wysiwyg:plugins.button.button-insert");
+        ? t("uxf-wysiwyg:plugins.button.button-edit")
+        : t("uxf-wysiwyg:plugins.button.button-insert");
     const onSubmit = (0, react_1.useCallback)(async (e) => {
         e.preventDefault();
         if (buttonText.length === 0) {
             setError((prevError) => ({
                 ...prevError,
-                text: "Toto pole je povinné",
+                text: t("uxf-wysiwyg:plugins.button.button-text.required"),
             }));
         }
         if (buttonUrl.length === 0) {
             setError((prevError) => {
                 return {
                     ...prevError,
-                    url: "Toto pole je povinné",
+                    url: t("uxf-wysiwyg:plugins.button.url-address.required"),
                 };
             });
         }
@@ -69,12 +69,12 @@ const InsertButtonModalContent = (props) => {
             }
             (0, utils_1.closeModalWithFocus)(props.editor);
         }
-    }, [buttonText, buttonUrl, props.buttonToEdit, props.editor]);
+    }, [buttonText, buttonUrl, props.buttonToEdit, props.editor, t]);
     return (react_1.default.createElement(modal_content_1.ModalContent, { title: title },
         react_1.default.createElement("form", { className: `${CLASS_NAME}__form`, id: "insert-button-form", onSubmit: onSubmit },
             react_1.default.createElement("div", { className: `${CLASS_NAME}__form-inputs` },
-                react_1.default.createElement(text_input_1.TextInput, { helperText: error.text, isInvalid: Boolean(error.text), isRequired: true, label: t("wysiwyg:plugins.button.button-text.label"), name: "button-text", onChange: setButtonText, placeholder: t("wysiwyg:plugins.button.button-text.placeholder"), type: "text", value: buttonText }),
-                react_1.default.createElement(text_input_1.TextInput, { helperText: error.url, isInvalid: Boolean(error.url), isRequired: true, label: t("wysiwyg:plugins.button.url-address.label"), name: "url-address", onChange: setButtonUrl, placeholder: t("wysiwyg:plugins.button.url-address.placeholder"), type: "text", value: buttonUrl })),
+                react_1.default.createElement(text_input_1.TextInput, { helperText: error.text, isInvalid: Boolean(error.text), isRequired: true, label: t("uxf-wysiwyg:plugins.button.button-text.label"), name: "button-text", onChange: setButtonText, placeholder: t("uxf-wysiwyg:plugins.button.button-text.placeholder"), type: "text", value: buttonText }),
+                react_1.default.createElement(text_input_1.TextInput, { helperText: error.url, isInvalid: Boolean(error.url), isRequired: true, label: t("uxf-wysiwyg:plugins.button.url-address.label"), name: "url-address", onChange: setButtonUrl, placeholder: t("uxf-wysiwyg:plugins.button.url-address.placeholder"), type: "text", value: buttonUrl })),
             react_1.default.createElement(modal_buttons_1.ModalButtons, { className: `${CLASS_NAME}__form-buttons`, editor: props.editor, submitText: title }),
             react_1.default.createElement("button", { hidden: true, type: "submit" }))));
 };

package/ui/components/modal/modal-button-cancel.js

@@ -24,13 +24,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalButtonCancel = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importStar(require("react"));
-const context_1 = require("../../../translations/context");
 const utils_1 = require("../../utils");
 const ModalButtonCancel = (props) => {
     var _a;
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     const onCancel = props.onCancel;
     const cancelHandler = (0, react_1.useCallback)(() => {
         if (onCancel) {
@@ -40,6 +40,6 @@ const ModalButtonCancel = (props) => {
             (0, utils_1.closeModalWithFocus)(props.editor);
         }
     }, [onCancel, props.editor]);
-    return (react_1.default.createElement(button_1.Button, { className: "uxf-wysiwyg__modal-button-cancel", color: "default", onClick: cancelHandler, variant: "secondary" }, (_a = props.cancelText) !== null && _a !== void 0 ? _a : t("wysiwyg:components.modal.button-cancel")));
+    return (react_1.default.createElement(button_1.Button, { className: "uxf-wysiwyg__modal-button-cancel", color: "default", onClick: cancelHandler, variant: "secondary" }, (_a = props.cancelText) !== null && _a !== void 0 ? _a : t("uxf-wysiwyg:components.modal.button-cancel")));
 };
 exports.ModalButtonCancel = ModalButtonCancel;

package/ui/floating-link.js

@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FloatingLink = void 0;
 const plate_floating_1 = require("@udecode/plate-floating");
 const plate_link_1 = require("@udecode/plate-link");
+const translations_1 = require("@uxf/core-react/translations");
 const button_1 = require("@uxf/ui/button");
 const button_group_1 = require("@uxf/ui/button-group");
 const checkbox_input_1 = require("@uxf/ui/checkbox-input");
@@ -37,7 +38,6 @@ const floating_link_wrapper_1 = require("../plugins/link/floating-link-wrapper")
 const hooks_2 = require("../plugins/link/hooks");
 const get_active_link_1 = require("../plugins/link/transforms/get-active-link");
 const unwrap_link_1 = require("../plugins/link/transforms/unwrap-link");
-const context_1 = require("../translations/context");
 const url_helper_1 = require("../utils/url-helper");
 const CLASS_NAME = "uxf-wysiwyg__floating-link";
 const EDIT_CLASS_NAME = `${CLASS_NAME}-edit`;
@@ -70,7 +70,7 @@ function useInsertLinkFormAutoFocus() {
 }
 const INSERT_CLASS_NAME = `${CLASS_NAME}-insert`;
 const Insert = () => {
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     const linkActions = (0, hooks_2.useLinkActions)();
     const editor = (0, hooks_1.useUxfEditorRef)();
     const [isSubmitted, setIsSubmitted] = (0, react_1.useState)(false);
@@ -90,14 +90,14 @@ const Insert = () => {
         react_1.default.createElement("form", { className: `${INSERT_CLASS_NAME}__form`, id: "insert-link-form", onSubmit: onSubmit },
             react_1.default.createElement("div", { className: `${INSERT_CLASS_NAME}__form-inputs` },
                 react_1.default.createElement(text_input_1.TextInput, { helperText: emptyUrl
-                        ? t("wysiwyg:plugins.link.url-address.required")
+                        ? t("uxf-wysiwyg:plugins.link.url-address.required")
                         : invalidUrl
-                            ? t("wysiwyg:plugins.link.url-address.invalid")
-                            : undefined, hiddenLabel: true, id: firstInputId, isInvalid: emptyUrl || invalidUrl, isRequired: true, label: t("wysiwyg:plugins.link.url-address.label"), leftAddon: t("wysiwyg:plugins.link.url-address.label"), name: "url-address", onChange: linkActions.setUrl, placeholder: t("wysiwyg:plugins.link.url-address.placeholder"), value: linkActions.getUrl }),
-                react_1.default.createElement(text_input_1.TextInput, { hiddenLabel: true, label: t("wysiwyg:plugins.link.link-text.label"), leftAddon: t("wysiwyg:plugins.link.link-text.label"), name: "link-text", onChange: linkActions.setText, placeholder: t("wysiwyg:plugins.link.link-text.placeholder"), value: linkActions.getText }),
-                react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: t("wysiwyg:plugins.link.open-in-new-tab"), name: "open-in-new-tab", onChange: (checked) => linkActions.setTarget(checked ? "_blank" : "_self"), value: linkActions.getTarget === "_blank" })),
+                            ? t("uxf-wysiwyg:plugins.link.url-address.invalid")
+                            : undefined, hiddenLabel: true, id: firstInputId, isInvalid: emptyUrl || invalidUrl, isRequired: true, label: t("uxf-wysiwyg:plugins.link.url-address.label"), leftAddon: t("uxf-wysiwyg:plugins.link.url-address.label"), name: "url-address", onChange: linkActions.setUrl, placeholder: t("uxf-wysiwyg:plugins.link.url-address.placeholder"), value: linkActions.getUrl }),
+                react_1.default.createElement(text_input_1.TextInput, { hiddenLabel: true, label: t("uxf-wysiwyg:plugins.link.link-text.label"), leftAddon: t("uxf-wysiwyg:plugins.link.link-text.label"), name: "link-text", onChange: linkActions.setText, placeholder: t("uxf-wysiwyg:plugins.link.link-text.placeholder"), value: linkActions.getText }),
+                react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: t("uxf-wysiwyg:plugins.link.open-in-new-tab"), name: "open-in-new-tab", onChange: (checked) => linkActions.setTarget(checked ? "_blank" : "_self"), value: linkActions.getTarget === "_blank" })),
             react_1.default.createElement("div", { className: `${INSERT_CLASS_NAME}__form-buttons` },
-                react_1.default.createElement(button_1.Button, { className: `${INSERT_CLASS_NAME}__form-submit-button`, type: "submit" }, t("wysiwyg:plugins.link.button-save"))),
+                react_1.default.createElement(button_1.Button, { className: `${INSERT_CLASS_NAME}__form-submit-button`, type: "submit" }, t("uxf-wysiwyg:plugins.link.button-save"))),
             react_1.default.createElement("button", { hidden: true, type: "submit" }))));
 };
 const FloatingLink = () => {

package/ui/image/insert-image-modal-content.js

@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InsertImageModalContent = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const file_input_1 = require("@uxf/ui/file-input");
 const modal_service_1 = require("@uxf/ui/modal/modal-service");
 const text_input_1 = require("@uxf/ui/text-input");
@@ -31,20 +32,21 @@ const react_1 = __importStar(require("react"));
 const use_image_handlers_1 = require("../../plugins/image/hooks/use-image-handlers");
 const insert_image_1 = require("../../plugins/image/transforms/insert-image");
 const update_image_1 = require("../../plugins/image/transforms/update-image");
-const context_1 = require("../../translations/context");
 const modal_buttons_1 = require("../components/modal/modal-buttons");
 const modal_content_1 = require("../components/modal/modal-content");
 const utils_1 = require("../utils");
 const CLASS_NAME = "uxf-wysiwyg__insert-modal";
 const InsertImageModalContent = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     const imageHandlers = (0, use_image_handlers_1.useImageHandlers)(props.editor);
     const [selectedFile, setSelectedFile] = (0, react_1.useState)((_b = (_a = props.imageToEdit) === null || _a === void 0 ? void 0 : _a.file) !== null && _b !== void 0 ? _b : null);
     const [alt, setAlt] = (0, react_1.useState)((_d = (_c = props.imageToEdit) === null || _c === void 0 ? void 0 : _c.alt) !== null && _d !== void 0 ? _d : "");
     const [caption, setCaption] = (0, react_1.useState)((_f = (_e = props.imageToEdit) === null || _e === void 0 ? void 0 : _e.caption) !== null && _f !== void 0 ? _f : "");
     const [source, setSource] = (0, react_1.useState)((_h = (_g = props.imageToEdit) === null || _g === void 0 ? void 0 : _g.source) !== null && _h !== void 0 ? _h : "");
-    const title = props.imageToEdit ? t("wysiwyg:plugins.image.button-edit") : t("wysiwyg:plugins.image.button-insert");
+    const title = props.imageToEdit
+        ? t("uxf-wysiwyg:plugins.image.button-edit")
+        : t("uxf-wysiwyg:plugins.image.button-insert");
     const fileUploadHandler = (0, react_1.useCallback)(async (file) => {
         const fileResponse = await imageHandlers.uploadImage(file);
         setSelectedFile(fileResponse);
@@ -76,10 +78,10 @@ const InsertImageModalContent = (props) => {
     return (react_1.default.createElement(modal_content_1.ModalContent, { title: title },
         react_1.default.createElement("form", { className: `${CLASS_NAME}-image__form`, id: "insert-image-form", onSubmit: onAddHandler },
             react_1.default.createElement("div", { className: `${CLASS_NAME}-image__form-inputs` },
-                react_1.default.createElement(file_input_1.FileInput, { label: "Obr\u00E1zek", name: "image", onChange: setSelectedFile, onUploadFile: fileUploadHandler, value: selectedFile }),
-                react_1.default.createElement(text_input_1.TextInput, { className: `${CLASS_NAME}-image__optional-input`, label: t("wysiwyg:plugins.image.alt.label"), name: "alt", onChange: setAlt, placeholder: t("wysiwyg:plugins.image.alt.placeholder"), type: "text", value: alt }),
-                react_1.default.createElement(text_input_1.TextInput, { className: `${CLASS_NAME}-image__optional-input`, label: t("wysiwyg:plugins.image.caption.label"), name: "caption", onChange: setCaption, placeholder: t("wysiwyg:plugins.image.caption.placeholder"), type: "text", value: caption }),
-                react_1.default.createElement(text_input_1.TextInput, { className: `${CLASS_NAME}-image__optional-input`, label: t("wysiwyg:plugins.image.source.label"), name: "source", onChange: setSource, placeholder: t("wysiwyg:plugins.image.source.placeholder"), type: "text", value: source })),
+                react_1.default.createElement(file_input_1.FileInput, { label: t("uxf-wysiwyg:plugins.image.file-upload.label"), name: "image", onChange: setSelectedFile, onUploadFile: fileUploadHandler, value: selectedFile }),
+                react_1.default.createElement(text_input_1.TextInput, { className: `${CLASS_NAME}-image__optional-input`, label: t("uxf-wysiwyg:plugins.image.alt.label"), name: "alt", onChange: setAlt, placeholder: t("uxf-wysiwyg:plugins.image.alt.placeholder"), type: "text", value: alt }),
+                react_1.default.createElement(text_input_1.TextInput, { className: `${CLASS_NAME}-image__optional-input`, label: t("uxf-wysiwyg:plugins.image.caption.label"), name: "caption", onChange: setCaption, placeholder: t("uxf-wysiwyg:plugins.image.caption.placeholder"), type: "text", value: caption }),
+                react_1.default.createElement(text_input_1.TextInput, { className: `${CLASS_NAME}-image__optional-input`, label: t("uxf-wysiwyg:plugins.image.source.label"), name: "source", onChange: setSource, placeholder: t("uxf-wysiwyg:plugins.image.source.placeholder"), type: "text", value: source })),
             selectedFile && (react_1.default.createElement("img", { alt: alt, className: `${CLASS_NAME}-image__selected-img`, src: imageHandlers.getImageUrl(selectedFile) })),
             react_1.default.createElement(modal_buttons_1.ModalButtons, { className: `${CLASS_NAME}__form-buttons`, editor: props.editor, onCancel: onCloseHandler, submitText: title }),
             react_1.default.createElement("button", { hidden: true, type: "submit" }))));

package/ui/toolbar/buttons/button-toolbar-button.js

@@ -4,17 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonToolbarButton = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../../hooks");
 const button_1 = require("../../../plugins/button");
-const context_1 = require("../../../translations/context");
 const insert_button_modal_content_1 = require("../../button/insert-button-modal-content");
 const modal_toolbar_button_1 = require("./modal-toolbar-button");
 const CLASS_NAME = "uxf-wysiwyg__toolbar-button";
 const ButtonToolbarButton = (props) => {
     var _a, _b;
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     const editor = (0, hooks_1.useUxfPlateEditorState)(props.plateId);
-    return (react_1.default.createElement(modal_toolbar_button_1.ModalToolbarButton, { Modal: react_1.default.createElement(insert_button_modal_content_1.InsertButtonModalContent, { editor: editor }), className: `${CLASS_NAME} ${CLASS_NAME}-button ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, editor: editor, iconName: (_b = props.iconName) !== null && _b !== void 0 ? _b : "rectangle-wide", pluginKey: button_1.PLUGIN_BUTTON_KEY, tooltipText: t("wysiwyg:plugins.button.tooltip") }));
+    return (react_1.default.createElement(modal_toolbar_button_1.ModalToolbarButton, { Modal: react_1.default.createElement(insert_button_modal_content_1.InsertButtonModalContent, { editor: editor }), className: `${CLASS_NAME} ${CLASS_NAME}-button ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, editor: editor, iconName: (_b = props.iconName) !== null && _b !== void 0 ? _b : "rectangle-wide", pluginKey: button_1.PLUGIN_BUTTON_KEY, tooltipText: t("uxf-wysiwyg:plugins.button.tooltip") }));
 };
 exports.ButtonToolbarButton = ButtonToolbarButton;

package/ui/toolbar/buttons/image-toolbar-button.js

@@ -4,17 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageToolbarButton = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../../hooks");
 const types_1 = require("../../../plugins/image/types");
-const context_1 = require("../../../translations/context");
 const insert_image_modal_content_1 = require("../../image/insert-image-modal-content");
 const modal_toolbar_button_1 = require("./modal-toolbar-button");
 const CLASS_NAME = "uxf-wysiwyg__toolbar-button";
 const ImageToolbarButton = (props) => {
     var _a, _b;
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     const editor = (0, hooks_1.useUxfPlateEditorRef)(props.plateId);
-    return (react_1.default.createElement(modal_toolbar_button_1.ModalToolbarButton, { Modal: react_1.default.createElement(insert_image_modal_content_1.InsertImageModalContent, { editor: editor }), className: `${CLASS_NAME} ${CLASS_NAME}-image ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, editor: editor, iconName: (_b = props.iconName) !== null && _b !== void 0 ? _b : "image", pluginKey: types_1.IMAGE_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.image.tooltip") }));
+    return (react_1.default.createElement(modal_toolbar_button_1.ModalToolbarButton, { Modal: react_1.default.createElement(insert_image_modal_content_1.InsertImageModalContent, { editor: editor }), className: `${CLASS_NAME} ${CLASS_NAME}-image ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, editor: editor, iconName: (_b = props.iconName) !== null && _b !== void 0 ? _b : "image", pluginKey: types_1.IMAGE_PLUGIN_KEY, tooltipText: t("uxf-wysiwyg:plugins.image.tooltip") }));
 };
 exports.ImageToolbarButton = ImageToolbarButton;