@uxf/wysiwyg 2.0.0-beta.13 → 2.0.0-beta.15
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 -3
- package/ui/floating-link.js +8 -4
- package/wysiwyg-editor.js +2 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/wysiwyg",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.15",
|
|
4
4
|
"description": "UXF Wysiwyg editor",
|
|
5
5
|
"author": "Robin Dvorak <dvorak@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/wysiwyg",
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"devDependencies": {
|
|
22
22
|
"@tailwindcss/aspect-ratio": "^0.4.2",
|
|
23
23
|
"@tailwindcss/line-clamp": "^0.4.4",
|
|
24
|
+
"@types/node": "18.15.11",
|
|
24
25
|
"@types/react": "^18.0.26",
|
|
25
26
|
"@types/react-dom": "^18.0.10",
|
|
26
27
|
"@uxf/eslint-config": "^1.2.3",
|
|
@@ -61,8 +62,6 @@
|
|
|
61
62
|
"@udecode/plate-reset-node": "^20.4.0",
|
|
62
63
|
"@udecode/plate-select": "^20.4.0",
|
|
63
64
|
"@udecode/plate-trailing-block": "^20.4.0",
|
|
64
|
-
"react-dnd": "^16.0.1",
|
|
65
|
-
"react-dnd-html5-backend": "^16.0.1",
|
|
66
65
|
"slate": "^0.90.0",
|
|
67
66
|
"slate-history": "^0.86.0",
|
|
68
67
|
"slate-hyperscript": "^0.77.0",
|
package/ui/floating-link.js
CHANGED
|
@@ -23,7 +23,7 @@ const Edit = () => {
|
|
|
23
23
|
const onRemove = (0, react_1.useCallback)(() => {
|
|
24
24
|
(0, unwrap_link_1.removeLink)(editor);
|
|
25
25
|
}, [editor]);
|
|
26
|
-
return ((0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, {
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)(button_group_1.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onEdit, variant: "white", className: "text-gray-400", isIconButton: true, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: "edit", size: 15 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { href: (_a = (0, get_active_link_1.getActiveLink)(editor)) === null || _a === void 0 ? void 0 : _a.url, target: "_blank", variant: "white", className: "text-gray-400", isIconButton: true, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: "open-link-in-new-tab", size: 15 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onRemove, variant: "white", className: "text-gray-400", isIconButton: true, children: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: "delete", size: 15 }) })] }));
|
|
27
27
|
};
|
|
28
28
|
const Insert = () => {
|
|
29
29
|
const linkActions = (0, hooks_2.useLinkActions)();
|
|
@@ -31,16 +31,20 @@ const Insert = () => {
|
|
|
31
31
|
linkActions.setTarget(checked ? "_blank" : "_self");
|
|
32
32
|
}, [linkActions]);
|
|
33
33
|
(0, react_1.useEffect)(() => {
|
|
34
|
+
let timer;
|
|
34
35
|
const firstInput = document.querySelector(".first-input .uxf-input__element");
|
|
35
36
|
if (firstInput instanceof HTMLElement) {
|
|
36
|
-
firstInput.focus();
|
|
37
|
+
timer = window.setTimeout(() => firstInput.focus(), 0);
|
|
37
38
|
}
|
|
39
|
+
return () => {
|
|
40
|
+
clearTimeout(timer);
|
|
41
|
+
};
|
|
38
42
|
}, []);
|
|
39
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "
|
|
43
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "w-80 bg-white p-4 shadow sm:rounded-lg", children: [(0, jsx_runtime_1.jsx)(text_input_1.TextInput, { className: "first-input", leftAddon: (0, jsx_runtime_1.jsx)("span", { className: "ml-2 mr-2 w-24", children: "URL adresa" }), placeholder: "Vlo\u017Ete URL adresu", onChange: linkActions.setUrl, value: linkActions.getUrl }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { className: "mt-4", leftAddon: (0, jsx_runtime_1.jsx)("span", { className: "ml-2 mr-2 w-24", children: "Text odkazu" }), placeholder: "Vlo\u017Ete text odkazu", onChange: linkActions.setText, value: linkActions.getText }), (0, jsx_runtime_1.jsx)(checkbox_input_1.CheckboxInput, { className: "mt-4", label: "Otev\u0159\u00EDt v nov\u00E9 z\u00E1lo\u017Ece", onChange: onChangeTarget, value: linkActions.getTarget === "_blank" })] }));
|
|
40
44
|
};
|
|
41
45
|
const FloatingLink = () => {
|
|
42
46
|
const isEditing = (0, plate_link_1.useFloatingLinkSelectors)().isEditing();
|
|
43
47
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(floating_link_wrapper_1.FloatingLinkWrapper.InsertRoot, { children: (0, jsx_runtime_1.jsx)(Insert, {}) }), (0, jsx_runtime_1.jsx)(floating_link_wrapper_1.FloatingLinkWrapper.EditRoot, { children: !isEditing ? (0, jsx_runtime_1.jsx)(Edit, {}) : (0, jsx_runtime_1.jsx)(Insert, {}) })] }));
|
|
44
48
|
};
|
|
45
49
|
exports.FloatingLink = FloatingLink;
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctbGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9mbG9hdGluZy1saW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsb0RBQXdGO0FBQ3hGLDJDQUF3QztBQUN4Qyx1REFBbUQ7QUFDbkQsMkRBQXVEO0FBQ3ZELHVDQUFvQztBQUNwQyxtREFBK0M7QUFDL0MsaUNBQW1EO0FBQ25ELG9DQUEyQztBQUMzQyxpRkFBNEU7QUFDNUUsaURBQXVEO0FBQ3ZELGdGQUEyRTtBQUMzRSx3RUFBb0U7QUFHcEUsTUFBTSxJQUFJLEdBQU8sR0FBRyxFQUFFOztJQUNsQixNQUFNLE1BQU0sR0FBRyxJQUFBLHVCQUFlLEdBQUUsQ0FBQztJQUVqQyxNQUFNLE1BQU0sR0FBRyxJQUFBLG1CQUFXLEVBQUMsR0FBRyxFQUFFO1FBQzVCLElBQUEsb0NBQXVCLEVBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEMsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUViLE1BQU0sUUFBUSxHQUFHLElBQUEsbUJBQVcsRUFBQyxHQUFHLEVBQUU7UUFDOUIsSUFBQSx3QkFBVSxFQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZCLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFYixPQUFPLENBQ0gsd0JBQUMsMEJBQVcsZUFDUix1QkFBQyxlQUFNLElBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyxlQUFlLEVBQUMsWUFBWSxrQkFDM0UsdUJBQUMsV0FBSSxJQUFDLElBQUksRUFBQyxNQUFNLEVBQUMsSUFBSSxFQUFFLEVBQUUsR0FBSSxHQUN6QixFQUNULHVCQUFDLGVBQU0sSUFDSCxJQUFJLEVBQUUsTUFBQSxJQUFBLCtCQUFhLEVBQUMsTUFBTSxDQUFDLDBDQUFFLEdBQUcsRUFDaEMsTUFBTSxFQUFDLFFBQVEsRUFDZixPQUFPLEVBQUMsT0FB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
|
package/wysiwyg-editor.js
CHANGED
|
@@ -3,8 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.WysiwygEditor = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const plate_core_1 = require("@udecode/plate-core");
|
|
6
|
-
const react_dnd_1 = require("react-dnd");
|
|
7
|
-
const react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
|
|
8
6
|
const toolbar_1 = require("./ui/toolbar/toolbar");
|
|
9
7
|
const defaultEditableProps = {
|
|
10
8
|
placeholder: "Napište něco hezkého...",
|
|
@@ -13,7 +11,7 @@ const defaultEditableProps = {
|
|
|
13
11
|
readOnly: false,
|
|
14
12
|
};
|
|
15
13
|
const WysiwygEditor = ({ initialValue, onChange, editableProps, plugins }) => {
|
|
16
|
-
return ((0, jsx_runtime_1.
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(plate_core_1.PlateProvider, { initialValue: initialValue, plugins: plugins, onChange: onChange, children: [(0, jsx_runtime_1.jsx)(toolbar_1.Toolbar, {}), (0, jsx_runtime_1.jsx)("div", { className: "wysiwyg", children: (0, jsx_runtime_1.jsx)(plate_core_1.Plate, { editableProps: editableProps !== null && editableProps !== void 0 ? editableProps : defaultEditableProps, normalizeInitialValue: true }) })] }));
|
|
17
15
|
};
|
|
18
16
|
exports.WysiwygEditor = WysiwygEditor;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy1lZGl0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvd3lzaXd5Zy1lZGl0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxvREFBMkU7QUFHM0Usa0RBQStDO0FBUy9DLE1BQU0sb0JBQW9CLEdBQW1DO0lBQ3pELFdBQVcsRUFBRSx5QkFBeUI7SUFDdEMsVUFBVSxFQUFFLEtBQUs7SUFDakIsU0FBUyxFQUFFLElBQUk7SUFDZixRQUFRLEVBQUUsS0FBSztDQUNsQixDQUFDO0FBRUssTUFBTSxhQUFhLEdBQTJCLENBQUMsRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFO0lBQ3hHLE9BQU8sQ0FDSCx3QkFBQywwQkFBYSxJQUFpQixZQUFZLEVBQUUsWUFBWSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsYUFDM0YsdUJBQUMsaUJBQU8sS0FBRyxFQUNYLGdDQUFLLFNBQVMsRUFBQyxTQUFTLFlBQ3BCLHVCQUFDLGtCQUFLLElBQ0YsYUFBYSxFQUFFLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLG9CQUFvQixFQUNwRCxxQkFBcUIsRUFBRSxJQUFJLEdBQzdCLEdBQ0EsSUFDTSxDQUNuQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWlcsUUFBQSxhQUFhLGlCQVl4QiJ9
|