@uxf/wysiwyg 10.0.5 → 10.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/ui/toolbar/toolbar.js +22 -20
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/wysiwyg",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.7",
|
|
4
4
|
"description": "UXF Wysiwyg editor",
|
|
5
5
|
"author": "Robin Dvorak <dvorak@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/wysiwyg",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"@udecode/plate-select": "20.7.2",
|
|
29
29
|
"@udecode/plate-trailing-block": "20.7.2",
|
|
30
30
|
"@uxf/core": "10.0.0",
|
|
31
|
-
"@uxf/ui": "10.0.
|
|
31
|
+
"@uxf/ui": "10.0.7",
|
|
32
32
|
"slate": "0.90.0",
|
|
33
33
|
"slate-history": "0.86.0",
|
|
34
34
|
"slate-hyperscript": "0.77.0",
|
package/ui/toolbar/toolbar.js
CHANGED
|
@@ -33,16 +33,18 @@ const CLASS_NAME = "uxf-wysiwyg__toolbar";
|
|
|
33
33
|
const BUTTON_GROUP_CLASS_NAME = `${CLASS_NAME}-button-group`;
|
|
34
34
|
const Toolbar = (props) => {
|
|
35
35
|
var _a;
|
|
36
|
+
// eslint-disable-next-line react/destructuring-assignment
|
|
37
|
+
const { plateId, ...restProps } = props;
|
|
36
38
|
const editor = (0, hooks_1.useUxfPlateEditorState)(props.plateId);
|
|
37
39
|
const t = (0, context_1.useTranslation)();
|
|
38
|
-
return (react_1.default.createElement("div", { ...
|
|
40
|
+
return (react_1.default.createElement("div", { ...restProps, className: `${CLASS_NAME} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
|
|
39
41
|
(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` },
|
|
40
|
-
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h1", plateId:
|
|
41
|
-
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h2", plateId:
|
|
42
|
-
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h3", plateId:
|
|
43
|
-
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h4", plateId:
|
|
44
|
-
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h5", plateId:
|
|
45
|
-
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h6", plateId:
|
|
42
|
+
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h1", plateId: plateId, pluginKey: constants_1.ELEMENT_H1, tooltipText: t("wysiwyg:plugins.h1.tooltip") }),
|
|
43
|
+
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h2", plateId: plateId, pluginKey: constants_1.ELEMENT_H2, tooltipText: t("wysiwyg:plugins.h2.tooltip") }),
|
|
44
|
+
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h3", plateId: plateId, pluginKey: constants_1.ELEMENT_H3, tooltipText: t("wysiwyg:plugins.h3.tooltip") }),
|
|
45
|
+
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h4", plateId: plateId, pluginKey: constants_1.ELEMENT_H4, tooltipText: t("wysiwyg:plugins.h4.tooltip") }),
|
|
46
|
+
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h5", plateId: plateId, pluginKey: constants_1.ELEMENT_H5, tooltipText: t("wysiwyg:plugins.h5.tooltip") }),
|
|
47
|
+
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "h6", plateId: plateId, pluginKey: constants_1.ELEMENT_H6, tooltipText: t("wysiwyg:plugins.h6.tooltip") }))),
|
|
46
48
|
(0, utils_1.isSomeOfPluginsEnabled)(editor, [
|
|
47
49
|
types_4.BOLD_PLUGIN_KEY,
|
|
48
50
|
types_6.ITALIC_PLUGIN_KEY,
|
|
@@ -50,22 +52,22 @@ const Toolbar = (props) => {
|
|
|
50
52
|
types_5.CODE_PLUGIN_KEY,
|
|
51
53
|
types_2.HIGHLIGHT_PLUGIN_KEY,
|
|
52
54
|
]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-marks` },
|
|
53
|
-
react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "bold", iconSize: 12, plateId:
|
|
54
|
-
react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "italic", iconSize: 12, plateId:
|
|
55
|
-
react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "underline", iconSize: 14, plateId:
|
|
56
|
-
react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "code-simple", plateId:
|
|
57
|
-
react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "highlighter-line", iconSize: 19, plateId:
|
|
55
|
+
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") }),
|
|
56
|
+
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") }),
|
|
57
|
+
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") }),
|
|
58
|
+
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") }),
|
|
59
|
+
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") }))),
|
|
58
60
|
(0, utils_1.isSomeOfPluginsEnabled)(editor, [types_1.BLOCKQUOTE_PLUGIN_TYPE]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-blocks` },
|
|
59
|
-
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "block-quote", plateId:
|
|
61
|
+
react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { icon: "block-quote", plateId: plateId, pluginKey: types_1.BLOCKQUOTE_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.quote.tooltip") }))),
|
|
60
62
|
(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` },
|
|
61
|
-
react_1.default.createElement(list_toolbar_button_1.ListToolbarButton, { iconName: "ul", plateId:
|
|
62
|
-
react_1.default.createElement(list_toolbar_button_1.ListToolbarButton, { iconName: "ol", plateId:
|
|
63
|
+
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") }),
|
|
64
|
+
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") }))),
|
|
63
65
|
(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` },
|
|
64
|
-
react_1.default.createElement(link_toolbar_button_1.LinkToolbarButton, { plateId:
|
|
65
|
-
react_1.default.createElement(button_toolbar_button_1.ButtonToolbarButton, { plateId:
|
|
66
|
+
react_1.default.createElement(link_toolbar_button_1.LinkToolbarButton, { plateId: plateId }),
|
|
67
|
+
react_1.default.createElement(button_toolbar_button_1.ButtonToolbarButton, { plateId: plateId }))),
|
|
66
68
|
(0, utils_1.isSomeOfPluginsEnabled)(editor, [types_3.IMAGE_PLUGIN_KEY, create_video_plugin_1.ELEMENT_VIDEO_EMBED]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-media` },
|
|
67
|
-
react_1.default.createElement(image_toolbar_button_1.ImageToolbarButton, { plateId:
|
|
68
|
-
react_1.default.createElement(video_toolbar_button_1.VideoToolbarButton, { plateId:
|
|
69
|
-
react_1.default.createElement(undo_redo_button_group_1.UndoRedoButtonGroup, { plateId:
|
|
69
|
+
react_1.default.createElement(image_toolbar_button_1.ImageToolbarButton, { plateId: plateId }),
|
|
70
|
+
react_1.default.createElement(video_toolbar_button_1.VideoToolbarButton, { plateId: plateId }))),
|
|
71
|
+
react_1.default.createElement(undo_redo_button_group_1.UndoRedoButtonGroup, { plateId: plateId })));
|
|
70
72
|
};
|
|
71
73
|
exports.Toolbar = Toolbar;
|