@uxf/wysiwyg 11.73.0 → 11.74.1

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

@@ -4,18 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkToolbarButton = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../../hooks");
 const constants_1 = require("../../../plugins/link/constants");
 const is_link_selected_1 = require("../../../plugins/link/transforms/is-link-selected");
 const trigger_link_insert_or_edit_1 = require("../../../plugins/link/transforms/trigger-link-insert-or-edit");
-const context_1 = require("../../../translations/context");
 const utils_1 = require("../../../utils");
 const toolbar_button_1 = require("./toolbar-button");
 const CLASS_NAME = "uxf-wysiwyg__toolbar-button";
 const LinkToolbarButton = (props) => {
     var _a, _b;
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     const editor = (0, hooks_1.useUxfPlateEditorState)(props.plateId);
     const isLink = (0, is_link_selected_1.isLinkSelected)(editor);
     const onMouseDown = () => {
@@ -24,6 +24,6 @@ const LinkToolbarButton = (props) => {
         (0, utils_1.focusEditor)(editor, (_a = editor.selection) !== null && _a !== void 0 ? _a : editor.prevSelection);
         (0, trigger_link_insert_or_edit_1.triggerLinkInsertOrEdit)(editor, true);
     };
-    return (react_1.default.createElement(toolbar_button_1.ToolbarButton, { className: `${CLASS_NAME} ${CLASS_NAME}-link ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, editor: editor, iconName: (_b = props.iconName) !== null && _b !== void 0 ? _b : "link", isActive: isLink, onMouseDown: onMouseDown, pluginKey: constants_1.ELEMENT_LINK, tooltipText: t("wysiwyg:plugins.link.tooltip") }));
+    return (react_1.default.createElement(toolbar_button_1.ToolbarButton, { className: `${CLASS_NAME} ${CLASS_NAME}-link ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, editor: editor, iconName: (_b = props.iconName) !== null && _b !== void 0 ? _b : "link", isActive: isLink, onMouseDown: onMouseDown, pluginKey: constants_1.ELEMENT_LINK, tooltipText: t("uxf-wysiwyg:plugins.link.tooltip") }));
 };
 exports.LinkToolbarButton = LinkToolbarButton;

package/ui/toolbar/buttons/undo-redo-button-group.js

@@ -24,18 +24,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UndoRedoButtonGroup = void 0;
+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 icon_1 = require("@uxf/ui/icon");
 const tooltip_1 = require("@uxf/ui/tooltip");
 const react_1 = __importStar(require("react"));
 const hooks_1 = require("../../../hooks");
-const context_1 = require("../../../translations/context");
 const utils_1 = require("../../../utils");
 const CLASS_NAME = "uxf-wysiwyg__toolbar-button";
 const UndoRedoButtonGroup = (props) => {
     var _a;
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     const editor = (0, hooks_1.useUxfPlateEditorState)(props.plateId);
     const undoHandler = (0, react_1.useCallback)((e) => {
         if (e.button === 0) {
@@ -54,10 +54,10 @@ const UndoRedoButtonGroup = (props) => {
         }
     }, [editor]);
     return (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${CLASS_NAME}-group ${CLASS_NAME}-group-undo-redo ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
-        react_1.default.createElement(tooltip_1.Tooltip, { content: t("wysiwyg:plugins.undo.tooltip") },
+        react_1.default.createElement(tooltip_1.Tooltip, { content: t("uxf-wysiwyg:plugins.actions.undo.tooltip") },
             react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME} ${CLASS_NAME}-undo`, isDisabled: editor.history.undos.length === 0, isIconButton: true, onMouseDown: undoHandler, variant: "secondary" },
                 react_1.default.createElement(icon_1.Icon, { className: `${CLASS_NAME}__icon`, name: "arrow-turn-down-left", size: 16 }))),
-        react_1.default.createElement(tooltip_1.Tooltip, { content: t("wysiwyg:plugins.redo.tooltip") },
+        react_1.default.createElement(tooltip_1.Tooltip, { content: t("uxf-wysiwyg:plugins.actions.redo.tooltip") },
             react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME} ${CLASS_NAME}-redo`, isDisabled: editor.history.redos.length === 0, isIconButton: true, onMouseDown: redoHandler, variant: "secondary" },
                 react_1.default.createElement(icon_1.Icon, { className: `${CLASS_NAME}__icon`, name: "arrow-turn-down-right", size: 16 })))));
 };

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

@@ -4,17 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VideoToolbarButton = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../../hooks");
 const create_video_plugin_1 = require("../../../plugins/embedded/video/create-video-plugin");
-const context_1 = require("../../../translations/context");
 const insert_video_modal_content_1 = require("../../video/insert-video-modal-content");
 const modal_toolbar_button_1 = require("./modal-toolbar-button");
 const CLASS_NAME = "uxf-wysiwyg__toolbar-button";
 const VideoToolbarButton = (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_video_modal_content_1.InsertVideoModalContent, { editor: editor }), className: `${CLASS_NAME} ${CLASS_NAME}-video ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, editor: editor, iconName: (_b = props.iconName) !== null && _b !== void 0 ? _b : "youtube", pluginKey: create_video_plugin_1.ELEMENT_VIDEO_EMBED, tooltipText: t("wysiwyg:plugins.video.tooltip") }));
+    return (react_1.default.createElement(modal_toolbar_button_1.ModalToolbarButton, { Modal: react_1.default.createElement(insert_video_modal_content_1.InsertVideoModalContent, { editor: editor }), className: `${CLASS_NAME} ${CLASS_NAME}-video ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, editor: editor, iconName: (_b = props.iconName) !== null && _b !== void 0 ? _b : "youtube", pluginKey: create_video_plugin_1.ELEMENT_VIDEO_EMBED, tooltipText: t("uxf-wysiwyg:plugins.video.tooltip") }));
 };
 exports.VideoToolbarButton = VideoToolbarButton;

package/ui/toolbar/toolbar.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toolbar = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const button_group_1 = require("@uxf/ui/button-group");
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
@@ -19,7 +20,6 @@ const types_4 = require("../../plugins/mark-bold/types");
 const types_5 = require("../../plugins/mark-code/types");
 const types_6 = require("../../plugins/mark-italic/types");
 const types_7 = require("../../plugins/mark-underline/types");
-const context_1 = require("../../translations/context");
 const utils_1 = require("../../utils");
 const button_toolbar_button_1 = require("./buttons/button-toolbar-button");
 const element_toolbar_button_1 = require("./buttons/element-toolbar-button");
@@ -36,17 +36,17 @@ const Toolbar = (props) => {
     // eslint-disable-next-line react/destructuring-assignment
     const { customPluginsButtons, leftElement, plateId, rightElement, ...restProps } = props;
     const editor = (0, hooks_1.useUxfPlateEditorState)(props.plateId);
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     return (react_1.default.createElement("div", { ...restProps, className: `${CLASS_NAME} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
         leftElement,
         react_1.default.createElement("div", { className: `${CLASS_NAME}-buttons` },
             (0, utils_1.isSomeOfPluginsEnabled)(editor, constants_1.KEYS_HEADING) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-headings` },
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h1", plateId: plateId, pluginKey: constants_1.ELEMENT_H1, tooltipText: t("wysiwyg:plugins.h1.tooltip") }),
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h2", plateId: plateId, pluginKey: constants_1.ELEMENT_H2, tooltipText: t("wysiwyg:plugins.h2.tooltip") }),
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h3", plateId: plateId, pluginKey: constants_1.ELEMENT_H3, tooltipText: t("wysiwyg:plugins.h3.tooltip") }),
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h4", plateId: plateId, pluginKey: constants_1.ELEMENT_H4, tooltipText: t("wysiwyg:plugins.h4.tooltip") }),
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h5", plateId: plateId, pluginKey: constants_1.ELEMENT_H5, tooltipText: t("wysiwyg:plugins.h5.tooltip") }),
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h6", plateId: plateId, pluginKey: constants_1.ELEMENT_H6, tooltipText: t("wysiwyg:plugins.h6.tooltip") }))),
+                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h1", plateId: plateId, pluginKey: constants_1.ELEMENT_H1, tooltipText: t("uxf-wysiwyg:plugins.headings.h1.tooltip") }),
+                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h2", plateId: plateId, pluginKey: constants_1.ELEMENT_H2, tooltipText: t("uxf-wysiwyg:plugins.headings.h2.tooltip") }),
+                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h3", plateId: plateId, pluginKey: constants_1.ELEMENT_H3, tooltipText: t("uxf-wysiwyg:plugins.headings.h3.tooltip") }),
+                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h4", plateId: plateId, pluginKey: constants_1.ELEMENT_H4, tooltipText: t("uxf-wysiwyg:plugins.headings.h4.tooltip") }),
+                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h5", plateId: plateId, pluginKey: constants_1.ELEMENT_H5, tooltipText: t("uxf-wysiwyg:plugins.headings.h5.tooltip") }),
+                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h6", plateId: plateId, pluginKey: constants_1.ELEMENT_H6, tooltipText: t("uxf-wysiwyg:plugins.headings.h6.tooltip") }))),
             (0, utils_1.isSomeOfPluginsEnabled)(editor, [
                 types_4.BOLD_PLUGIN_KEY,
                 types_6.ITALIC_PLUGIN_KEY,
@@ -54,16 +54,16 @@ const Toolbar = (props) => {
                 types_5.CODE_PLUGIN_KEY,
                 types_2.HIGHLIGHT_PLUGIN_KEY,
             ]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-marks` },
-                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "bold", iconSize: 12, plateId: plateId, pluginKey: types_4.BOLD_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.bold.tooltip") }),
-                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "italic", iconSize: 12, plateId: plateId, pluginKey: types_6.ITALIC_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.italic.tooltip") }),
-                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "underline", iconSize: 14, plateId: plateId, pluginKey: types_7.UNDER_LINE_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.underline.tooltip") }),
-                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "code-simple", plateId: plateId, pluginKey: types_5.CODE_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.code.tooltip") }),
-                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "highlighter-line", iconSize: 19, plateId: plateId, pluginKey: types_2.HIGHLIGHT_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.highlight.tooltip") }))),
+                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "bold", iconSize: 12, plateId: plateId, pluginKey: types_4.BOLD_PLUGIN_KEY, tooltipText: t("uxf-wysiwyg:plugins.formatting.bold.tooltip") }),
+                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "italic", iconSize: 12, plateId: plateId, pluginKey: types_6.ITALIC_PLUGIN_KEY, tooltipText: t("uxf-wysiwyg:plugins.formatting.italic.tooltip") }),
+                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "underline", iconSize: 14, plateId: plateId, pluginKey: types_7.UNDER_LINE_PLUGIN_KEY, tooltipText: t("uxf-wysiwyg:plugins.formatting.underline.tooltip") }),
+                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "code-simple", plateId: plateId, pluginKey: types_5.CODE_PLUGIN_KEY, tooltipText: t("uxf-wysiwyg:plugins.formatting.code.tooltip") }),
+                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "highlighter-line", iconSize: 19, plateId: plateId, pluginKey: types_2.HIGHLIGHT_PLUGIN_KEY, tooltipText: t("uxf-wysiwyg:plugins.formatting.highlight.tooltip") }))),
             (0, utils_1.isSomeOfPluginsEnabled)(editor, [types_1.BLOCKQUOTE_PLUGIN_KEY]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-blocks` },
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "block-quote", plateId: plateId, pluginKey: types_1.BLOCKQUOTE_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.quote.tooltip") }))),
+                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "block-quote", plateId: plateId, pluginKey: types_1.BLOCKQUOTE_PLUGIN_KEY, tooltipText: t("uxf-wysiwyg:plugins.blocks.quote.tooltip") }))),
             (0, utils_1.isSomeOfPluginsEnabled)(editor, [constants_3.LIST_UNORDERED_TYPE, constants_3.LIST_ORDERED_TYPE]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-lists` },
-                react_1.default.createElement(list_toolbar_button_1.ListToolbarButton, { iconName: "ul", plateId: plateId, pluginKey: constants_3.LIST_UNORDERED_TYPE, tooltipText: t("wysiwyg:plugins.ul.tooltip") }),
-                react_1.default.createElement(list_toolbar_button_1.ListToolbarButton, { iconName: "ol", plateId: plateId, pluginKey: constants_3.LIST_ORDERED_TYPE, tooltipText: t("wysiwyg:plugins.ol.tooltip") }))),
+                react_1.default.createElement(list_toolbar_button_1.ListToolbarButton, { iconName: "ul", plateId: plateId, pluginKey: constants_3.LIST_UNORDERED_TYPE, tooltipText: t("uxf-wysiwyg:plugins.lists.ul.tooltip") }),
+                react_1.default.createElement(list_toolbar_button_1.ListToolbarButton, { iconName: "ol", plateId: plateId, pluginKey: constants_3.LIST_ORDERED_TYPE, tooltipText: t("uxf-wysiwyg:plugins.lists.ol.tooltip") }))),
             (0, utils_1.isSomeOfPluginsEnabled)(editor, [constants_2.ELEMENT_LINK, button_1.PLUGIN_BUTTON_KEY]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-clickables` },
                 react_1.default.createElement(link_toolbar_button_1.LinkToolbarButton, { plateId: plateId }),
                 react_1.default.createElement(button_toolbar_button_1.ButtonToolbarButton, { plateId: plateId }))),

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

@@ -24,12 +24,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InsertVideoModalContent = 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 utils_1 = require("../../plugins/embedded/utils");
 const insert_video_1 = require("../../plugins/embedded/video/insert-video");
 const update_video_1 = require("../../plugins/embedded/video/update-video");
-const context_1 = require("../../translations/context");
 const get_video_meta_data_1 = require("../../utils/get-video-meta-data");
 const modal_buttons_1 = require("../components/modal/modal-buttons");
 const modal_content_1 = require("../components/modal/modal-content");
@@ -38,7 +38,7 @@ const CLASS_NAME = "uxf-wysiwyg__insert-modal-video";
 // eslint-disable-next-line react/destructuring-assignment
 const InsertVideoModalContent = ({ editor, editedVideo }) => {
     var _a;
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     const [url, setUrl] = (0, react_1.useState)((_a = editedVideo === null || editedVideo === void 0 ? void 0 : editedVideo.url) !== null && _a !== void 0 ? _a : "");
     const [embedUrl, setEmbedUrl] = (0, react_1.useState)(editedVideo
         ? { id: editedVideo.videoId, provider: editedVideo.provider, url: editedVideo.embeddedUrl }
@@ -48,7 +48,7 @@ const InsertVideoModalContent = ({ editor, editedVideo }) => {
         event.preventDefault();
         setEmbedUrl((0, utils_1.parseVideoUrl)(url));
         if (!((embedUrl === null || embedUrl === void 0 ? void 0 : embedUrl.url) && embedUrl.provider && embedUrl.id)) {
-            setError("Neplatná URL adresa.");
+            setError(t("uxf-wysiwyg:plugins.video.url-address.invalid"));
             return;
         }
         const metaData = await (0, get_video_meta_data_1.getVideoMetaData)(embedUrl.provider, embedUrl.id);
@@ -59,19 +59,21 @@ const InsertVideoModalContent = ({ editor, editedVideo }) => {
             (0, insert_video_1.insertVideo)(editor, url, embedUrl.url, embedUrl.provider, embedUrl.id, metaData);
         }
         (0, utils_2.closeModalWithFocus)(editor);
-    }, [editedVideo, editor, embedUrl, url]);
+    }, [editedVideo, editor, embedUrl, url, t]);
     const onChange = (0, react_1.useCallback)((v) => {
         setUrl(v);
         setError(undefined);
         setEmbedUrl((0, utils_1.parseVideoUrl)(v));
     }, []);
-    const title = editedVideo ? t("wysiwyg:plugins.video.button-edit") : t("wysiwyg:plugins.video.button-insert");
+    const title = editedVideo
+        ? t("uxf-wysiwyg:plugins.video.button-edit")
+        : t("uxf-wysiwyg:plugins.video.button-insert");
     return (react_1.default.createElement(modal_content_1.ModalContent, { title: title },
         react_1.default.createElement("form", { className: `${CLASS_NAME}__form`, id: "insert-video-form", onSubmit: onSubmit },
             react_1.default.createElement("div", { className: `${CLASS_NAME}__form-inputs` },
-                react_1.default.createElement(text_input_1.TextInput, { helperText: error, isInvalid: Boolean(error), label: t("wysiwyg:plugins.video.url-address.label"), name: "url-address", onChange: onChange, placeholder: t("wysiwyg:plugins.video.url-address.placeholder"), type: "text", value: url })),
+                react_1.default.createElement(text_input_1.TextInput, { helperText: error, isInvalid: Boolean(error), label: t("uxf-wysiwyg:plugins.video.url-address.label"), name: "url-address", onChange: onChange, placeholder: t("uxf-wysiwyg:plugins.video.url-address.placeholder"), type: "text", value: url })),
             (embedUrl === null || embedUrl === void 0 ? void 0 : embedUrl.url) && (react_1.default.createElement("div", { className: `${CLASS_NAME}__iframe-wrapper` },
-                react_1.default.createElement("iframe", { className: `${CLASS_NAME}__iframe`, height: "100%", src: embedUrl.url, title: t("wysiwyg:plugins.video.iframe-title"), width: "100%" }))),
+                react_1.default.createElement("iframe", { className: `${CLASS_NAME}__iframe`, height: "100%", src: embedUrl.url, title: t("uxf-wysiwyg:plugins.video.iframe-title"), width: "100%" }))),
             react_1.default.createElement(modal_buttons_1.ModalButtons, { className: `${CLASS_NAME}__form-buttons`, editor: editor, submitText: title }),
             react_1.default.createElement("button", { hidden: true, type: "submit" }))));
 };

package/ui/video/video-element.js

@@ -24,19 +24,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VideoElement = void 0;
+const translations_1 = require("@uxf/core-react/translations");
 const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
 const modal_service_1 = require("@uxf/ui/modal/modal-service");
 const react_1 = __importStar(require("react"));
 const hooks_1 = require("../../hooks");
 const get_active_video_1 = require("../../plugins/embedded/video/get-active-video");
-const context_1 = require("../../translations/context");
 const utils_1 = require("../../utils");
 const element_with_action_buttons_1 = require("../components/element/element-with-action-buttons");
 const insert_video_modal_content_1 = require("./insert-video-modal-content");
 const CLASS_NAME = "uxf-wysiwyg__element";
 const VideoElement = (props) => {
     var _a;
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     const selected = (0, hooks_1.useSelected)();
     const onEdit = (0, react_1.useCallback)(() => {
         (0, modal_service_1.openModal)({
@@ -49,7 +49,7 @@ const VideoElement = (props) => {
     }, [props.editor]);
     return (react_1.default.createElement("div", { ...props.attributes, className: `${CLASS_NAME} ${CLASS_NAME}-video ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
         react_1.default.createElement(element_with_action_buttons_1.ElementWithActionButtons, { className: `${CLASS_NAME}-video__action-buttons`, isSelected: selected, onDelete: onDelete, onEdit: onEdit },
-            react_1.default.createElement("iframe", { className: `${CLASS_NAME}-video__iframe`, src: props.element.embeddedUrl, tabIndex: -1, title: t("wysiwyg:plugins.video.iframe-title") })),
+            react_1.default.createElement("iframe", { className: `${CLASS_NAME}-video__iframe`, src: props.element.embeddedUrl, tabIndex: -1, title: t("uxf-wysiwyg:plugins.video.iframe-title") })),
         props.children));
 };
 exports.VideoElement = VideoElement;

package/wysiwyg-editor.d.ts

@@ -1,6 +1,5 @@
 import { TEditableProps } from "@udecode/plate-core";
 import { FC, ReactNode } from "react";
-import { TranslationFunction } from "./translations/translations";
 import { UxfPlatePlugin, WysiwygContent } from "./types";
 export interface WysiwygEditorProps {
     className?: string;
@@ -10,7 +9,6 @@ export interface WysiwygEditorProps {
     initialValue: WysiwygContent | undefined;
     onChange: (value: WysiwygContent) => void;
     plugins: UxfPlatePlugin[];
-    t?: TranslationFunction;
     toolbarLeftElement?: ReactNode;
     toolbarRightElement?: ReactNode;
 }

package/wysiwyg-editor.js

@@ -7,22 +7,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WysiwygEditor = void 0;
 const plate_core_1 = require("@udecode/plate-core");
 const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
+const translations_1 = require("@uxf/core-react/translations");
 const classes_1 = require("@uxf/core/constants/classes");
 const loader_1 = require("@uxf/ui/loader");
 const react_1 = __importDefault(require("react"));
-const context_1 = require("./translations/context");
-const translations_1 = require("./translations/translations");
 const toolbar_1 = require("./ui/toolbar/toolbar");
 const CLASS_NAME = "uxf-wysiwyg";
 const Editor = (props) => {
     var _a, _b;
-    const t = (0, context_1.useTranslation)();
+    const t = (0, translations_1.useUxfTranslation)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(toolbar_1.Toolbar, { customPluginsButtons: props.customPluginsToolbarButtons, leftElement: props.toolbarLeftElement, plateId: props.plateId, rightElement: props.toolbarRightElement }),
         react_1.default.createElement("div", { className: `${CLASS_NAME}__content` },
             react_1.default.createElement(plate_core_1.Plate, { editableProps: {
                     autoFocus: false,
-                    placeholder: t("wysiwyg:common.placeholder"),
+                    placeholder: t("uxf-wysiwyg:common.placeholder"),
                     readOnly: false,
                     spellCheck: false,
                     ...props.editableProps,
@@ -30,15 +29,14 @@ const Editor = (props) => {
                 }, id: props.plateId, normalizeInitialValue: true }))));
 };
 const WysiwygEditor = (props) => {
-    var _a, _b, _c;
+    var _a, _b;
     const isMounted = (0, use_is_mounted_1.useIsMounted)();
     if (!isMounted) {
         return (react_1.default.createElement("div", { className: `${CLASS_NAME} ${CLASS_NAME}--${classes_1.CLASSES.IS_LOADING} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
             react_1.default.createElement(loader_1.Loader, { className: `${CLASS_NAME}__loader` })));
     }
     return (react_1.default.createElement("div", { className: `${CLASS_NAME} ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}` },
-        react_1.default.createElement(context_1.TranslationContextProvider, { value: (_c = props.t) !== null && _c !== void 0 ? _c : translations_1.defaultTranslationFunction },
-            react_1.default.createElement(plate_core_1.PlateProvider, { id: props.id, initialValue: props.initialValue, onChange: props.onChange, plugins: props.plugins },
-                react_1.default.createElement(Editor, { customPluginsToolbarButtons: props.customPluginsToolbarButtons, editableProps: props.editableProps, plateId: props.id, toolbarLeftElement: props.toolbarLeftElement, toolbarRightElement: props.toolbarRightElement })))));
+        react_1.default.createElement(plate_core_1.PlateProvider, { id: props.id, initialValue: props.initialValue, onChange: props.onChange, plugins: props.plugins },
+            react_1.default.createElement(Editor, { customPluginsToolbarButtons: props.customPluginsToolbarButtons, editableProps: props.editableProps, plateId: props.id, toolbarLeftElement: props.toolbarLeftElement, toolbarRightElement: props.toolbarRightElement }))));
 };
 exports.WysiwygEditor = WysiwygEditor;

package/translations/context.d.ts

@@ -1,2 +0,0 @@
-export declare const TranslationContextProvider: import("react").Provider<import("./translations").TranslationFunction>;
-export declare const useTranslation: () => import("./translations").TranslationFunction;

package/translations/context.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTranslation = exports.TranslationContextProvider = void 0;
-const react_1 = require("react");
-const translations_1 = require("./translations");
-const TranslationContext = (0, react_1.createContext)(translations_1.defaultTranslationFunction);
-exports.TranslationContextProvider = TranslationContext.Provider;
-const useTranslation = () => (0, react_1.useContext)(TranslationContext);
-exports.useTranslation = useTranslation;

package/translations/cs.d.ts

@@ -1,52 +0,0 @@
-export declare const cs: {
-    readonly "wysiwyg:common.placeholder": "Napište něco hezkého...";
-    readonly "wysiwyg:components.modal.button-cancel": "Zrušit";
-    readonly "wysiwyg:plugins.bold.tooltip": "Tučné (Ctrl+B)";
-    readonly "wysiwyg:plugins.italic.tooltip": "Kurzíva (Ctrl+I)";
-    readonly "wysiwyg:plugins.underline.tooltip": "Podtržení (Ctrl+U)";
-    readonly "wysiwyg:plugins.code.tooltip": "Kód";
-    readonly "wysiwyg:plugins.highlight.tooltip": "Zvýraznění (Ctrl+Shift+H)";
-    readonly "wysiwyg:plugins.h1.tooltip": "Nadpis H1";
-    readonly "wysiwyg:plugins.h2.tooltip": "Nadpis H2";
-    readonly "wysiwyg:plugins.h3.tooltip": "Nadpis H3";
-    readonly "wysiwyg:plugins.h4.tooltip": "Nadpis H4";
-    readonly "wysiwyg:plugins.h5.tooltip": "Nadpis H5";
-    readonly "wysiwyg:plugins.h6.tooltip": "Nadpis H6";
-    readonly "wysiwyg:plugins.link.url-address.invalid": "Neplatná URL adresa";
-    readonly "wysiwyg:plugins.link.url-address.required": "URL adresa je povinná";
-    readonly "wysiwyg:plugins.link.url-address.label": "URL adresa";
-    readonly "wysiwyg:plugins.link.url-address.placeholder": "Zadejte URL adresu";
-    readonly "wysiwyg:plugins.link.link-text.label": "Text odkazu";
-    readonly "wysiwyg:plugins.link.link-text.placeholder": "Zadejte text odkazu";
-    readonly "wysiwyg:plugins.link.open-in-new-tab": "Otevřít v nové záložce";
-    readonly "wysiwyg:plugins.link.tooltip": "Vložit odkaz";
-    readonly "wysiwyg:plugins.link.button-save": "Uložit";
-    readonly "wysiwyg:plugins.link.button-close": "Zavřít";
-    readonly "wysiwyg:plugins.quote.tooltip": "Citace";
-    readonly "wysiwyg:plugins.ul.tooltip": "Vložit odrážkový seznam";
-    readonly "wysiwyg:plugins.ol.tooltip": "Vložit číslovaný seznam";
-    readonly "wysiwyg:plugins.button.tooltip": "Vložit tlačítko";
-    readonly "wysiwyg:plugins.button.button-text.label": "Text tlačítka";
-    readonly "wysiwyg:plugins.button.button-text.placeholder": "Zadejte text tlačítka";
-    readonly "wysiwyg:plugins.button.url-address.label": "URL adresa";
-    readonly "wysiwyg:plugins.button.url-address.placeholder": "Zadejte URL adresu";
-    readonly "wysiwyg:plugins.button.button-insert": "Vložit tlačítko";
-    readonly "wysiwyg:plugins.button.button-edit": "Upravit tlačítko";
-    readonly "wysiwyg:plugins.image.tooltip": "Vložit obrázek";
-    readonly "wysiwyg:plugins.image.alt.label": "Alt obrázku";
-    readonly "wysiwyg:plugins.image.alt.placeholder": "Zadejte alt obrázku";
-    readonly "wysiwyg:plugins.image.caption.label": "Popisek obrázku";
-    readonly "wysiwyg:plugins.image.caption.placeholder": "Zadejte popisek obrázku";
-    readonly "wysiwyg:plugins.image.source.label": "Zdroj obrázku";
-    readonly "wysiwyg:plugins.image.source.placeholder": "Zadejte zdroj obrázku";
-    readonly "wysiwyg:plugins.image.button-insert": "Vložit obrázek";
-    readonly "wysiwyg:plugins.image.button-edit": "Upravit obrázek";
-    readonly "wysiwyg:plugins.video.tooltip": "Vložit video";
-    readonly "wysiwyg:plugins.video.url-address.label": "URL adresa";
-    readonly "wysiwyg:plugins.video.url-address.placeholder": "Zadejte URL adresu";
-    readonly "wysiwyg:plugins.video.iframe-title": "Video";
-    readonly "wysiwyg:plugins.video.button-insert": "Vložit video";
-    readonly "wysiwyg:plugins.video.button-edit": "Upravit video";
-    readonly "wysiwyg:plugins.undo.tooltip": "Vrátit zpět (Ctrl+Z)";
-    readonly "wysiwyg:plugins.redo.tooltip": "Opakovat (Ctrl+Y)";
-};

package/translations/cs.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cs = void 0;
-exports.cs = {
-    "wysiwyg:common.placeholder": "Napište něco hezkého...",
-    "wysiwyg:components.modal.button-cancel": "Zrušit",
-    "wysiwyg:plugins.bold.tooltip": "Tučné (Ctrl+B)",
-    "wysiwyg:plugins.italic.tooltip": "Kurzíva (Ctrl+I)",
-    "wysiwyg:plugins.underline.tooltip": "Podtržení (Ctrl+U)",
-    "wysiwyg:plugins.code.tooltip": "Kód",
-    "wysiwyg:plugins.highlight.tooltip": "Zvýraznění (Ctrl+Shift+H)",
-    "wysiwyg:plugins.h1.tooltip": "Nadpis H1",
-    "wysiwyg:plugins.h2.tooltip": "Nadpis H2",
-    "wysiwyg:plugins.h3.tooltip": "Nadpis H3",
-    "wysiwyg:plugins.h4.tooltip": "Nadpis H4",
-    "wysiwyg:plugins.h5.tooltip": "Nadpis H5",
-    "wysiwyg:plugins.h6.tooltip": "Nadpis H6",
-    "wysiwyg:plugins.link.url-address.invalid": "Neplatná URL adresa",
-    "wysiwyg:plugins.link.url-address.required": "URL adresa je povinná",
-    "wysiwyg:plugins.link.url-address.label": "URL adresa",
-    "wysiwyg:plugins.link.url-address.placeholder": "Zadejte URL adresu",
-    "wysiwyg:plugins.link.link-text.label": "Text odkazu",
-    "wysiwyg:plugins.link.link-text.placeholder": "Zadejte text odkazu",
-    "wysiwyg:plugins.link.open-in-new-tab": "Otevřít v nové záložce",
-    "wysiwyg:plugins.link.tooltip": "Vložit odkaz",
-    "wysiwyg:plugins.link.button-save": "Uložit",
-    "wysiwyg:plugins.link.button-close": "Zavřít",
-    "wysiwyg:plugins.quote.tooltip": "Citace",
-    "wysiwyg:plugins.ul.tooltip": "Vložit odrážkový seznam",
-    "wysiwyg:plugins.ol.tooltip": "Vložit číslovaný seznam",
-    "wysiwyg:plugins.button.tooltip": "Vložit tlačítko",
-    "wysiwyg:plugins.button.button-text.label": "Text tlačítka",
-    "wysiwyg:plugins.button.button-text.placeholder": "Zadejte text tlačítka",
-    "wysiwyg:plugins.button.url-address.label": "URL adresa",
-    "wysiwyg:plugins.button.url-address.placeholder": "Zadejte URL adresu",
-    "wysiwyg:plugins.button.button-insert": "Vložit tlačítko",
-    "wysiwyg:plugins.button.button-edit": "Upravit tlačítko",
-    "wysiwyg:plugins.image.tooltip": "Vložit obrázek",
-    "wysiwyg:plugins.image.alt.label": "Alt obrázku",
-    "wysiwyg:plugins.image.alt.placeholder": "Zadejte alt obrázku",
-    "wysiwyg:plugins.image.caption.label": "Popisek obrázku",
-    "wysiwyg:plugins.image.caption.placeholder": "Zadejte popisek obrázku",
-    "wysiwyg:plugins.image.source.label": "Zdroj obrázku",
-    "wysiwyg:plugins.image.source.placeholder": "Zadejte zdroj obrázku",
-    "wysiwyg:plugins.image.button-insert": "Vložit obrázek",
-    "wysiwyg:plugins.image.button-edit": "Upravit obrázek",
-    "wysiwyg:plugins.video.tooltip": "Vložit video",
-    "wysiwyg:plugins.video.url-address.label": "URL adresa",
-    "wysiwyg:plugins.video.url-address.placeholder": "Zadejte URL adresu",
-    "wysiwyg:plugins.video.iframe-title": "Video",
-    "wysiwyg:plugins.video.button-insert": "Vložit video",
-    "wysiwyg:plugins.video.button-edit": "Upravit video",
-    "wysiwyg:plugins.undo.tooltip": "Vrátit zpět (Ctrl+Z)",
-    "wysiwyg:plugins.redo.tooltip": "Opakovat (Ctrl+Y)",
-};

package/translations/en.d.ts

@@ -1,2 +0,0 @@
-import { cs } from "./cs";
-export declare const en: Record<keyof typeof cs, string>;

package/translations/en.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.en = void 0;
-exports.en = {
-    "wysiwyg:common.placeholder": "Write something nice...",
-    "wysiwyg:components.modal.button-cancel": "Cancel",
-    "wysiwyg:plugins.bold.tooltip": "Bold (Ctrl+B)",
-    "wysiwyg:plugins.italic.tooltip": "Italic (Ctrl+I)",
-    "wysiwyg:plugins.underline.tooltip": "Underline (Ctrl+U)",
-    "wysiwyg:plugins.code.tooltip": "Code",
-    "wysiwyg:plugins.highlight.tooltip": "Enhance (Ctrl+Shift+H)",
-    "wysiwyg:plugins.h1.tooltip": "Title H1",
-    "wysiwyg:plugins.h2.tooltip": "Title H2",
-    "wysiwyg:plugins.h3.tooltip": "Title H3",
-    "wysiwyg:plugins.h4.tooltip": "Title H4",
-    "wysiwyg:plugins.h5.tooltip": "Title H5",
-    "wysiwyg:plugins.h6.tooltip": "Title H6",
-    "wysiwyg:plugins.link.url-address.invalid": "Invalid URL address",
-    "wysiwyg:plugins.link.url-address.required": "URL address is required",
-    "wysiwyg:plugins.link.url-address.label": "URL address",
-    "wysiwyg:plugins.link.url-address.placeholder": "Insert URL address",
-    "wysiwyg:plugins.link.link-text.label": "Link text",
-    "wysiwyg:plugins.link.link-text.placeholder": "Insert link text",
-    "wysiwyg:plugins.link.open-in-new-tab": "Open in the new window",
-    "wysiwyg:plugins.link.tooltip": "Insert link",
-    "wysiwyg:plugins.link.button-save": "Save",
-    "wysiwyg:plugins.link.button-close": "Close",
-    "wysiwyg:plugins.quote.tooltip": "Citation",
-    "wysiwyg:plugins.ul.tooltip": "Insert bulleted list",
-    "wysiwyg:plugins.ol.tooltip": "Insert a numbered list",
-    "wysiwyg:plugins.button.tooltip": "Insert button",
-    "wysiwyg:plugins.button.button-text.label": "Text of button",
-    "wysiwyg:plugins.button.button-text.placeholder": "Insert text of button",
-    "wysiwyg:plugins.button.url-address.label": "URL address",
-    "wysiwyg:plugins.button.url-address.placeholder": "Insert URL address",
-    "wysiwyg:plugins.button.button-insert": "Insert button",
-    "wysiwyg:plugins.button.button-edit": "Edit button",
-    "wysiwyg:plugins.image.tooltip": "Insert image",
-    "wysiwyg:plugins.image.alt.label": "Alt of image",
-    "wysiwyg:plugins.image.alt.placeholder": "Insert alt of image",
-    "wysiwyg:plugins.image.caption.label": "Image description",
-    "wysiwyg:plugins.image.caption.placeholder": "Insert image description",
-    "wysiwyg:plugins.image.source.label": "Image source",
-    "wysiwyg:plugins.image.source.placeholder": "Insert image source",
-    "wysiwyg:plugins.image.button-insert": "Insert image",
-    "wysiwyg:plugins.image.button-edit": "Edit image",
-    "wysiwyg:plugins.video.tooltip": "Insert video",
-    "wysiwyg:plugins.video.url-address.label": "URL address",
-    "wysiwyg:plugins.video.url-address.placeholder": "Insert URL address",
-    "wysiwyg:plugins.video.iframe-title": "Video",
-    "wysiwyg:plugins.video.button-insert": "Insert video",
-    "wysiwyg:plugins.video.button-edit": "Edit video",
-    "wysiwyg:plugins.undo.tooltip": "Undo (Ctrl+Z)",
-    "wysiwyg:plugins.redo.tooltip": "Redo (Ctrl+Y)",
-};

package/translations/sk.d.ts

@@ -1,2 +0,0 @@
-import { cs } from "./cs";
-export declare const sk: Record<keyof typeof cs, string>;

package/translations/sk.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sk = void 0;
-exports.sk = {
-    "wysiwyg:common.placeholder": "Napíšte niečo pekné...",
-    "wysiwyg:components.modal.button-cancel": "Zrušiť",
-    "wysiwyg:plugins.bold.tooltip": "Tučné (Ctrl+B)",
-    "wysiwyg:plugins.italic.tooltip": "Kurzíva (Ctrl+I)",
-    "wysiwyg:plugins.underline.tooltip": "Podčiarknutie (Ctrl+U)",
-    "wysiwyg:plugins.code.tooltip": "Kód",
-    "wysiwyg:plugins.highlight.tooltip": "Zvýraznenie (Ctrl+Shift+H)",
-    "wysiwyg:plugins.h1.tooltip": "Nadpis H1",
-    "wysiwyg:plugins.h2.tooltip": "Nadpis H2",
-    "wysiwyg:plugins.h3.tooltip": "Nadpis H3",
-    "wysiwyg:plugins.h4.tooltip": "Nadpis H4",
-    "wysiwyg:plugins.h5.tooltip": "Nadpis H5",
-    "wysiwyg:plugins.h6.tooltip": "Nadpis H6",
-    "wysiwyg:plugins.link.url-address.label": "URL Adresa",
-    "wysiwyg:plugins.link.url-address.placeholder": "Vložte URL adresu",
-    "wysiwyg:plugins.link.link-text.label": "Text odkazu",
-    "wysiwyg:plugins.link.link-text.placeholder": "Vložte text odkazu",
-    "wysiwyg:plugins.link.open-in-new-tab": "Otvoriť v novej karte",
-    "wysiwyg:plugins.link.tooltip": "Vložiť odkaz",
-    "wysiwyg:plugins.link.button-save": "Uložiť",
-    "wysiwyg:plugins.link.button-close": "Zavrieť",
-    "wysiwyg:plugins.link.url-address.invalid": "Neplatná URL adresa",
-    "wysiwyg:plugins.link.url-address.required": "URL adresa je povinná",
-    "wysiwyg:plugins.quote.tooltip": "Citácia",
-    "wysiwyg:plugins.ul.tooltip": "Vložiť odrážkový zoznam",
-    "wysiwyg:plugins.ol.tooltip": "Vložiť číslovaný zoznam",
-    "wysiwyg:plugins.button.tooltip": "Vložiť tlačidlo",
-    "wysiwyg:plugins.button.button-text.label": "Text tlačidla",
-    "wysiwyg:plugins.button.button-text.placeholder": "Vložte text tlačidla",
-    "wysiwyg:plugins.button.url-address.label": "URL adresa",
-    "wysiwyg:plugins.button.url-address.placeholder": "Vložte URL adresu",
-    "wysiwyg:plugins.button.button-insert": "Vložiť tlačidlo",
-    "wysiwyg:plugins.button.button-edit": "Upraviť tlačidlo",
-    "wysiwyg:plugins.image.tooltip": "Vložiť obrázok",
-    "wysiwyg:plugins.image.alt.label": "Alt obrázku",
-    "wysiwyg:plugins.image.alt.placeholder": "Vložte alt obrázku",
-    "wysiwyg:plugins.image.caption.label": "Popisok obrázku",
-    "wysiwyg:plugins.image.caption.placeholder": "Vložte popis obrázku",
-    "wysiwyg:plugins.image.source.label": "Zdroj obrázku",
-    "wysiwyg:plugins.image.source.placeholder": "Vložte zdroj obrázku",
-    "wysiwyg:plugins.image.button-insert": "Vložiť obrázok",
-    "wysiwyg:plugins.image.button-edit": "Upraviť obrázok",
-    "wysiwyg:plugins.video.tooltip": "Vložiť video",
-    "wysiwyg:plugins.video.url-address.label": "URL adresa",
-    "wysiwyg:plugins.video.url-address.placeholder": "Vložte URL adresu",
-    "wysiwyg:plugins.video.iframe-title": "Video",
-    "wysiwyg:plugins.video.button-insert": "Vložiť video",
-    "wysiwyg:plugins.video.button-edit": "Upraviť video",
-    "wysiwyg:plugins.undo.tooltip": "Vrátiť späť (Ctrl+Z)",
-    "wysiwyg:plugins.redo.tooltip": "Opakovať (Ctrl+Y)",
-};