@uxf/wysiwyg 0.4.3 → 0.4.4
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/Editor/Plugin/ButtonPlugin/ButtonElementButton.d.ts +2 -2
- package/Editor/Plugin/ButtonPlugin/ButtonElementButton.js +5 -6
- package/Editor/Plugin/ButtonPlugin/InsertButtonDialog.d.ts +2 -2
- package/Editor/Plugin/ButtonPlugin/InsertButtonDialog.js +4 -5
- package/Editor/Plugin/ElementTypeButton/ElementTypeButton.d.ts +2 -2
- package/Editor/Plugin/ElementTypeButton/ElementTypeButton.js +6 -30
- package/Editor/Plugin/ImagePlugin/ImageElementButton.d.ts +2 -2
- package/Editor/Plugin/ImagePlugin/ImageElementButton.js +5 -6
- package/Editor/Plugin/ImagePlugin/ImageUploadDialog.d.ts +2 -2
- package/Editor/Plugin/ImagePlugin/ImageUploadDialog.js +4 -5
- package/Editor/Plugin/LeafTypeButton/LeafTypeButton.d.ts +2 -2
- package/Editor/Plugin/LeafTypeButton/LeafTypeButton.js +6 -30
- package/Editor/Plugin/LinkPlugin/InsertLinkDialog.d.ts +2 -2
- package/Editor/Plugin/LinkPlugin/InsertLinkDialog.js +5 -6
- package/Editor/Plugin/LinkPlugin/LinkButton.d.ts +2 -2
- package/Editor/Plugin/LinkPlugin/LinkButton.js +5 -13
- package/Editor/Plugin/VideoPlugin/InsertVideoDialog.d.ts +2 -2
- package/Editor/Plugin/VideoPlugin/InsertVideoDialog.js +4 -5
- package/Editor/Plugin/VideoPlugin/VideoElementButton.d.ts +2 -2
- package/Editor/Plugin/VideoPlugin/VideoElementButton.js +5 -6
- package/Editor/{Renderer → Slate}/Element.d.ts +0 -0
- package/Editor/{Renderer → Slate}/Element.js +1 -1
- package/Editor/{Renderer → Slate}/Leaf.d.ts +0 -0
- package/Editor/{Renderer → Slate}/Leaf.js +1 -1
- package/Editor/Slate/createUxfEditor.d.ts +1 -0
- package/Editor/Slate/createUxfEditor.js +12 -0
- package/Editor/{Renderer → Slate}/index.d.ts +1 -1
- package/Editor/Slate/index.js +10 -0
- package/Editor/Slate/utils.d.ts +24 -0
- package/Editor/Slate/utils.js +220 -0
- package/Editor/{SlatePlugins/ImagesPlugin.d.ts → Slate/withImages.d.ts} +0 -0
- package/Editor/{SlatePlugins/ImagesPlugin.js → Slate/withImages.js} +1 -1
- package/Editor/{SlatePlugins/LinksPlugin.d.ts → Slate/withLinks.d.ts} +0 -0
- package/Editor/{SlatePlugins/LinksPlugin.js → Slate/withLinks.js} +3 -4
- package/Editor/Slate/withUxfUtils.d.ts +2 -0
- package/Editor/Slate/withUxfUtils.js +31 -0
- package/Editor/WysiwygEditor.d.ts +2 -3
- package/Editor/WysiwygEditor.js +20 -46
- package/Editor/editorMui4styles.d.ts +1 -0
- package/Editor/editorMui4styles.js +22 -0
- package/package.json +1 -1
- package/types.d.ts +27 -2
- package/Editor/Renderer/index.js +0 -23
- package/Editor/Renderer/utils.d.ts +0 -23
- package/Editor/Renderer/utils.js +0 -219
- package/Editor/SlatePlugins/index.d.ts +0 -2
- package/Editor/SlatePlugins/index.js +0 -8
|
@@ -24,4 +24,4 @@ var Leaf = function (_a) {
|
|
|
24
24
|
return react_1.default.createElement("span", __assign({}, attributes), children);
|
|
25
25
|
};
|
|
26
26
|
exports.Leaf = Leaf;
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGVhZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9FZGl0b3IvU2xhdGUvTGVhZi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQU11QztRQUx4RCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBO0lBRUosT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFDLE1BQU0sRUFBRSxLQUFLO1FBQ3RCLFFBQVEsR0FBRyxDQUNQLDhCQUFDLE1BQU0sQ0FBQyxrQkFBa0IsSUFBQyxHQUFHLEVBQUUsc0JBQWUsS0FBSyxDQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLElBQ2pHLFFBQVEsQ0FDZSxDQUMvQixDQUFDO0lBQ04sQ0FBQyxDQUFDLENBQUM7SUFFSCxPQUFPLG1EQUFVLFVBQVUsR0FBRyxRQUFRLENBQVEsQ0FBQztBQUNuRCxDQUFDLENBQUM7QUFoQlcsUUFBQSxJQUFJLFFBZ0JmIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const createUxfEditor: () => import("..").UXFEditor;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createUxfEditor = void 0;
|
|
4
|
+
var slate_1 = require("slate");
|
|
5
|
+
var slate_history_1 = require("slate-history");
|
|
6
|
+
var slate_react_1 = require("slate-react");
|
|
7
|
+
var withImages_1 = require("./withImages");
|
|
8
|
+
var withLinks_1 = require("./withLinks");
|
|
9
|
+
var withUxfUtils_1 = require("./withUxfUtils");
|
|
10
|
+
var createUxfEditor = function () { return (0, withUxfUtils_1.withUxfUtils)((0, withImages_1.withImages)((0, withLinks_1.withLinks)((0, slate_history_1.withHistory)((0, slate_react_1.withReact)((0, slate_1.createEditor)()))))); };
|
|
11
|
+
exports.createUxfEditor = createUxfEditor;
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlVXhmRWRpdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL0VkaXRvci9TbGF0ZS9jcmVhdGVVeGZFZGl0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsK0JBQXFDO0FBQ3JDLCtDQUE0QztBQUM1QywyQ0FBd0M7QUFDeEMsMkNBQTBDO0FBQzFDLHlDQUF3QztBQUN4QywrQ0FBOEM7QUFFdkMsSUFBTSxlQUFlLEdBQUcsY0FBTSxPQUFBLElBQUEsMkJBQVksRUFBQyxJQUFBLHVCQUFVLEVBQUMsSUFBQSxxQkFBUyxFQUFDLElBQUEsMkJBQVcsRUFBQyxJQUFBLHVCQUFTLEVBQUMsSUFBQSxvQkFBWSxHQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUEzRSxDQUEyRSxDQUFDO0FBQXBHLFFBQUEsZUFBZSxtQkFBcUYifQ==
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Leaf = exports.Element = exports.createUxfEditor = void 0;
|
|
4
|
+
var createUxfEditor_1 = require("./createUxfEditor");
|
|
5
|
+
Object.defineProperty(exports, "createUxfEditor", { enumerable: true, get: function () { return createUxfEditor_1.createUxfEditor; } });
|
|
6
|
+
var Element_1 = require("./Element");
|
|
7
|
+
Object.defineProperty(exports, "Element", { enumerable: true, get: function () { return Element_1.Element; } });
|
|
8
|
+
var Leaf_1 = require("./Leaf");
|
|
9
|
+
Object.defineProperty(exports, "Leaf", { enumerable: true, get: function () { return Leaf_1.Leaf; } });
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvRWRpdG9yL1NsYXRlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHFEQUFvRDtBQUEzQyxrSEFBQSxlQUFlLE9BQUE7QUFDeEIscUNBQW9DO0FBQTNCLGtHQUFBLE9BQU8sT0FBQTtBQUNoQiwrQkFBOEI7QUFBckIsNEZBQUEsSUFBSSxPQUFBIn0=
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Editor } from "slate";
|
|
2
|
+
import { EditorBlockElement, EditorButtonElement, EditorImageElement, EditorLinkElement, EditorVideoElement, LeafMarks, SupportedBlockElementTypes, UXFEditor } from "../../types";
|
|
3
|
+
export declare const removeEmptyAncestor: (editor: UXFEditor, range?: import("slate").BaseRange | null | undefined) => void;
|
|
4
|
+
export declare const isMarkActive: (editor: UXFEditor, mark: LeafMarks) => boolean;
|
|
5
|
+
export declare const toggleMark: (editor: UXFEditor, format: LeafMarks) => void;
|
|
6
|
+
export declare const isElementActive: (editor: UXFEditor, format: SupportedBlockElementTypes) => boolean;
|
|
7
|
+
export declare const toggleElement: (editor: UXFEditor, format: SupportedBlockElementTypes) => void;
|
|
8
|
+
export declare const isLinkActive: (editor: UXFEditor) => boolean;
|
|
9
|
+
export declare const getActiveLink: (editor: UXFEditor) => EditorLinkElement | null;
|
|
10
|
+
export declare const unwrapLink: (editor: UXFEditor) => void;
|
|
11
|
+
export declare const wrapLink: (editor: Editor, url: string, text?: string | undefined, target?: "_blank" | "_self" | undefined) => void;
|
|
12
|
+
export declare const insertLink: (editor: UXFEditor, url: string, text?: string | undefined, target?: "_blank" | "_self" | undefined) => void;
|
|
13
|
+
export declare const removeLink: (editor: UXFEditor) => void;
|
|
14
|
+
export declare const createEmptyParagraph: () => import("../../types").SupportedBlockElements<EditorBlockElement<string>>;
|
|
15
|
+
export declare const insertImage: (editor: UXFEditor, image: EditorImageElement, range?: import("slate").BaseRange | null | undefined) => void;
|
|
16
|
+
export declare const insertButton: (editor: UXFEditor, buttonText: string, buttonUrl: string, range?: import("slate").BaseRange | null | undefined) => void;
|
|
17
|
+
export declare const isImageActive: (editor: UXFEditor) => boolean;
|
|
18
|
+
export declare const isButtonActive: (editor: UXFEditor) => boolean;
|
|
19
|
+
export declare const getActiveImage: (editor: UXFEditor) => EditorImageElement | null;
|
|
20
|
+
export declare const getActiveButton: (editor: UXFEditor) => EditorButtonElement | null;
|
|
21
|
+
export declare const isVideoActive: (editor: UXFEditor) => boolean;
|
|
22
|
+
export declare const getActiveVideo: (editor: UXFEditor) => EditorVideoElement | null;
|
|
23
|
+
export declare const insertVideo: (editor: UXFEditor, url: string, range?: import("slate").BaseRange | null | undefined) => void;
|
|
24
|
+
export declare const isValidUrl: (url?: string | undefined) => boolean;
|
|
@@ -0,0 +1,220 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
14
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15
|
+
if (!m) return o;
|
|
16
|
+
var i = m.call(o), r, ar = [], e;
|
|
17
|
+
try {
|
|
18
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
19
|
+
}
|
|
20
|
+
catch (error) { e = { error: error }; }
|
|
21
|
+
finally {
|
|
22
|
+
try {
|
|
23
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
24
|
+
}
|
|
25
|
+
finally { if (e) throw e.error; }
|
|
26
|
+
}
|
|
27
|
+
return ar;
|
|
28
|
+
};
|
|
29
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
|
+
};
|
|
32
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
+
exports.isValidUrl = exports.insertVideo = exports.getActiveVideo = exports.isVideoActive = exports.getActiveButton = exports.getActiveImage = exports.isButtonActive = exports.isImageActive = exports.insertButton = exports.insertImage = exports.createEmptyParagraph = exports.removeLink = exports.insertLink = exports.wrapLink = exports.unwrapLink = exports.getActiveLink = exports.isLinkActive = exports.toggleElement = exports.isElementActive = exports.toggleMark = exports.isMarkActive = exports.removeEmptyAncestor = void 0;
|
|
34
|
+
var is_url_1 = __importDefault(require("is-url"));
|
|
35
|
+
var slate_1 = require("slate");
|
|
36
|
+
var slate_hyperscript_1 = require("slate-hyperscript");
|
|
37
|
+
var LIST_TYPES = ["numbered-list", "bulleted-list"];
|
|
38
|
+
var removeEmptyAncestor = function (editor, range) {
|
|
39
|
+
var _a;
|
|
40
|
+
var activeNode = range ? editor.children[range.anchor.path[0]] : null;
|
|
41
|
+
if (activeNode &&
|
|
42
|
+
activeNode.type === "paragraph" &&
|
|
43
|
+
((_a = activeNode.children[0]) === null || _a === void 0 ? void 0 : _a.text) === "") {
|
|
44
|
+
slate_1.Transforms.removeNodes(editor, {
|
|
45
|
+
at: range ? range : undefined,
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
exports.removeEmptyAncestor = removeEmptyAncestor;
|
|
50
|
+
var isMarkActive = function (editor, mark) {
|
|
51
|
+
var marks = slate_1.Editor.marks(editor);
|
|
52
|
+
return marks ? marks[mark] === true : false;
|
|
53
|
+
};
|
|
54
|
+
exports.isMarkActive = isMarkActive;
|
|
55
|
+
var toggleMark = function (editor, format) {
|
|
56
|
+
var isActive = (0, exports.isMarkActive)(editor, format);
|
|
57
|
+
if (isActive) {
|
|
58
|
+
slate_1.Editor.removeMark(editor, format);
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
slate_1.Editor.addMark(editor, format, true);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
exports.toggleMark = toggleMark;
|
|
65
|
+
var isElementActive = function (editor, format) {
|
|
66
|
+
var _a = __read(slate_1.Editor.nodes(editor, {
|
|
67
|
+
match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n.type === format; },
|
|
68
|
+
}), 1), match = _a[0];
|
|
69
|
+
return !!match;
|
|
70
|
+
};
|
|
71
|
+
exports.isElementActive = isElementActive;
|
|
72
|
+
var toggleElement = function (editor, format) {
|
|
73
|
+
var isActive = (0, exports.isElementActive)(editor, format);
|
|
74
|
+
var isList = LIST_TYPES.includes(format);
|
|
75
|
+
slate_1.Transforms.unwrapNodes(editor, {
|
|
76
|
+
match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && LIST_TYPES.includes(n.type); },
|
|
77
|
+
split: true,
|
|
78
|
+
});
|
|
79
|
+
slate_1.Transforms.setNodes(editor, {
|
|
80
|
+
type: isActive ? "paragraph" : isList ? "list-item" : format,
|
|
81
|
+
});
|
|
82
|
+
if (!isActive && isList) {
|
|
83
|
+
var block = { type: format, children: [] };
|
|
84
|
+
slate_1.Transforms.wrapNodes(editor, block);
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
exports.toggleElement = toggleElement;
|
|
88
|
+
var isLinkActive = function (editor) {
|
|
89
|
+
var _a = __read(slate_1.Editor.nodes(editor, {
|
|
90
|
+
match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n.type === "link"; },
|
|
91
|
+
}), 1), link = _a[0];
|
|
92
|
+
return !!link;
|
|
93
|
+
};
|
|
94
|
+
exports.isLinkActive = isLinkActive;
|
|
95
|
+
var getActiveLink = function (editor) {
|
|
96
|
+
if ((0, exports.isLinkActive)(editor)) {
|
|
97
|
+
var _a = __read(slate_1.Editor.nodes(editor, {
|
|
98
|
+
match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n.type === "link"; },
|
|
99
|
+
}), 1), link = _a[0];
|
|
100
|
+
return link[0];
|
|
101
|
+
}
|
|
102
|
+
return null;
|
|
103
|
+
};
|
|
104
|
+
exports.getActiveLink = getActiveLink;
|
|
105
|
+
var unwrapLink = function (editor) {
|
|
106
|
+
slate_1.Transforms.unwrapNodes(editor, {
|
|
107
|
+
match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n.type === "link"; },
|
|
108
|
+
});
|
|
109
|
+
};
|
|
110
|
+
exports.unwrapLink = unwrapLink;
|
|
111
|
+
var wrapLink = function (editor, url, text, target) {
|
|
112
|
+
if ((0, exports.isLinkActive)(editor)) {
|
|
113
|
+
(0, exports.unwrapLink)(editor);
|
|
114
|
+
}
|
|
115
|
+
var selection = editor.selection;
|
|
116
|
+
var isCollapsed = selection && slate_1.Range.isCollapsed(selection);
|
|
117
|
+
var link = {
|
|
118
|
+
type: "link",
|
|
119
|
+
url: url,
|
|
120
|
+
target: target,
|
|
121
|
+
children: isCollapsed ? [{ text: text ? text : url }] : [],
|
|
122
|
+
};
|
|
123
|
+
if (isCollapsed) {
|
|
124
|
+
slate_1.Transforms.insertNodes(editor, link);
|
|
125
|
+
}
|
|
126
|
+
else {
|
|
127
|
+
slate_1.Transforms.wrapNodes(editor, link, { split: true });
|
|
128
|
+
slate_1.Transforms.collapse(editor, { edge: "end" });
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
exports.wrapLink = wrapLink;
|
|
132
|
+
var insertLink = function (editor, url, text, target) {
|
|
133
|
+
if (editor.selection) {
|
|
134
|
+
(0, exports.wrapLink)(editor, url, text, target);
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
exports.insertLink = insertLink;
|
|
138
|
+
var removeLink = function (editor) {
|
|
139
|
+
if (editor.selection) {
|
|
140
|
+
(0, exports.unwrapLink)(editor);
|
|
141
|
+
}
|
|
142
|
+
};
|
|
143
|
+
exports.removeLink = removeLink;
|
|
144
|
+
var createEmptyParagraph = function () { return (0, slate_hyperscript_1.jsx)("element", { type: "paragraph" }, [(0, slate_hyperscript_1.jsx)("text")]); };
|
|
145
|
+
exports.createEmptyParagraph = createEmptyParagraph;
|
|
146
|
+
var insertImage = function (editor, image, range) {
|
|
147
|
+
slate_1.Transforms.insertNodes(editor, [(0, slate_hyperscript_1.jsx)("element", __assign({}, image), [(0, slate_hyperscript_1.jsx)("text")]), (0, exports.createEmptyParagraph)()], {
|
|
148
|
+
at: range ? range : undefined,
|
|
149
|
+
});
|
|
150
|
+
(0, exports.removeEmptyAncestor)(editor, range);
|
|
151
|
+
};
|
|
152
|
+
exports.insertImage = insertImage;
|
|
153
|
+
var insertButton = function (editor, buttonText, buttonUrl, range) {
|
|
154
|
+
slate_1.Transforms.insertNodes(editor, [(0, slate_hyperscript_1.jsx)("element", { type: "button", buttonUrl: buttonUrl, buttonText: buttonText }, [(0, slate_hyperscript_1.jsx)("text")]), (0, exports.createEmptyParagraph)()], {
|
|
155
|
+
at: range ? range : undefined,
|
|
156
|
+
});
|
|
157
|
+
(0, exports.removeEmptyAncestor)(editor, range);
|
|
158
|
+
};
|
|
159
|
+
exports.insertButton = insertButton;
|
|
160
|
+
var isImageActive = function (editor) {
|
|
161
|
+
var _a = __read(slate_1.Editor.nodes(editor, {
|
|
162
|
+
match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n.type === "image"; },
|
|
163
|
+
}), 1), button = _a[0];
|
|
164
|
+
return !!button;
|
|
165
|
+
};
|
|
166
|
+
exports.isImageActive = isImageActive;
|
|
167
|
+
var isButtonActive = function (editor) {
|
|
168
|
+
var _a = __read(slate_1.Editor.nodes(editor, {
|
|
169
|
+
match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n.type === "button"; },
|
|
170
|
+
}), 1), image = _a[0];
|
|
171
|
+
return !!image;
|
|
172
|
+
};
|
|
173
|
+
exports.isButtonActive = isButtonActive;
|
|
174
|
+
var getActiveImage = function (editor) {
|
|
175
|
+
if ((0, exports.isImageActive)(editor)) {
|
|
176
|
+
var _a = __read(slate_1.Editor.nodes(editor, {
|
|
177
|
+
match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n.type === "image"; },
|
|
178
|
+
}), 1), image = _a[0];
|
|
179
|
+
return image[0];
|
|
180
|
+
}
|
|
181
|
+
return null;
|
|
182
|
+
};
|
|
183
|
+
exports.getActiveImage = getActiveImage;
|
|
184
|
+
var getActiveButton = function (editor) {
|
|
185
|
+
if ((0, exports.isButtonActive)(editor)) {
|
|
186
|
+
var _a = __read(slate_1.Editor.nodes(editor, {
|
|
187
|
+
match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n.type === "button"; },
|
|
188
|
+
}), 1), button = _a[0];
|
|
189
|
+
return button[0];
|
|
190
|
+
}
|
|
191
|
+
return null;
|
|
192
|
+
};
|
|
193
|
+
exports.getActiveButton = getActiveButton;
|
|
194
|
+
var isVideoActive = function (editor) {
|
|
195
|
+
var _a = __read(slate_1.Editor.nodes(editor, {
|
|
196
|
+
match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n.type === "video"; },
|
|
197
|
+
}), 1), video = _a[0];
|
|
198
|
+
return !!video;
|
|
199
|
+
};
|
|
200
|
+
exports.isVideoActive = isVideoActive;
|
|
201
|
+
var getActiveVideo = function (editor) {
|
|
202
|
+
if ((0, exports.isImageActive)(editor)) {
|
|
203
|
+
var _a = __read(slate_1.Editor.nodes(editor, {
|
|
204
|
+
match: function (n) { return !slate_1.Editor.isEditor(n) && slate_1.Element.isElement(n) && n.type === "video"; },
|
|
205
|
+
}), 1), video = _a[0];
|
|
206
|
+
return video[0];
|
|
207
|
+
}
|
|
208
|
+
return null;
|
|
209
|
+
};
|
|
210
|
+
exports.getActiveVideo = getActiveVideo;
|
|
211
|
+
var insertVideo = function (editor, url, range) {
|
|
212
|
+
slate_1.Transforms.insertNodes(editor, [(0, slate_hyperscript_1.jsx)("element", { type: "video", url: url }, [(0, slate_hyperscript_1.jsx)("text")]), (0, exports.createEmptyParagraph)()], {
|
|
213
|
+
at: range ? range : undefined,
|
|
214
|
+
});
|
|
215
|
+
(0, exports.removeEmptyAncestor)(editor, range);
|
|
216
|
+
};
|
|
217
|
+
exports.insertVideo = insertVideo;
|
|
218
|
+
var isValidUrl = function (url) { return !!url && (0, is_url_1.default)(url); };
|
|
219
|
+
exports.isValidUrl = isValidUrl;
|
|
220
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvRWRpdG9yL1NsYXRlL3V0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGtEQUEyQjtBQUMzQiwrQkFBMkU7QUFDM0UsdURBQXdDO0FBYXhDLElBQU0sVUFBVSxHQUFHLENBQUMsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0FBRS9DLElBQU0sbUJBQW1CLEdBQUcsVUFBQyxNQUFpQixFQUFFLEtBQW9COztJQUN2RSxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQTRDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztJQUNwSCxJQUNJLFVBQVU7UUFDVixVQUFVLENBQUMsSUFBSSxLQUFLLFdBQVc7UUFDL0IsQ0FBQSxNQUFDLFVBQVUsQ0FBQyxRQUFxQyxDQUFDLENBQUMsQ0FBQywwQ0FBRSxJQUFJLE1BQUssRUFBRSxFQUNuRTtRQUNFLGtCQUFVLENBQUMsV0FBVyxDQUFDLE1BQU0sRUFBRTtZQUMzQixFQUFFLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFNBQVM7U0FDaEMsQ0FBQyxDQUFDO0tBQ047QUFDTCxDQUFDLENBQUM7QUFYVyxRQUFBLG1CQUFtQix1QkFXOUI7QUFFSyxJQUFNLFlBQVksR0FBRyxVQUFDLE1BQWlCLEVBQUUsSUFBZTtJQUMzRCxJQUFNLEtBQUssR0FBRyxjQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25DLE9BQU8sS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7QUFDaEQsQ0FBQyxDQUFDO0FBSFcs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
|
|
File without changes
|
|
@@ -35,4 +35,4 @@ var withImages = function (editor) {
|
|
|
35
35
|
return editor;
|
|
36
36
|
};
|
|
37
37
|
exports.withImages = withImages;
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aEltYWdlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9FZGl0b3IvU2xhdGUvd2l0aEltYWdlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFHTyxJQUFNLFVBQVUsR0FBRyxVQUFDLE1BQWlCO0lBQ2hDLElBQUEsTUFBTSxHQUFLLE1BQU0sT0FBWCxDQUFZO0lBRTFCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsVUFBQyxPQUFxQjtRQUNsQyxPQUFPLE9BQU8sQ0FBQyxJQUFJLEtBQUssT0FBTyxJQUFJLE9BQU8sQ0FBQyxJQUFJLEtBQUssT0FBTyxJQUFJLE9BQU8sQ0FBQyxJQUFJLEtBQUssUUFBUTtZQUNwRixDQUFDLENBQUMsSUFBSTtZQUNOLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUIsQ0FBQyxDQUFDO0lBRUYsZ0RBQWdEO0lBQ2hELCtDQUErQztJQUMvQyw4QkFBOEI7SUFDOUIsRUFBRTtJQUNGLHVDQUF1QztJQUN2QyxzQ0FBc0M7SUFDdEMsK0NBQStDO0lBQy9DLG1EQUFtRDtJQUNuRCxFQUFFO0lBQ0Ysc0NBQXNDO0lBQ3RDLDBEQUEwRDtJQUMxRCwyREFBMkQ7SUFDM0QsaUZBQWlGO0lBQ2pGLHNCQUFzQjtJQUN0QixFQUFFO0lBQ0YsOENBQThDO0lBQzlDLGdCQUFnQjtJQUNoQixZQUFZO0lBQ1oscUNBQXFDO0lBQ3JDLDJFQUEyRTtJQUMzRSxlQUFlO0lBQ2YsNEJBQTRCO0lBQzVCLFFBQVE7SUFDUixLQUFLO0lBRUwsT0FBTyxNQUFNLENBQUM7QUFDbEIsQ0FBQyxDQUFDO0FBbkNXLFFBQUEsVUFBVSxjQW1DckIifQ==
|
|
File without changes
|
|
@@ -29,7 +29,6 @@ var __values = (this && this.__values) || function(o) {
|
|
|
29
29
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
30
|
exports.withLinks = void 0;
|
|
31
31
|
var slate_1 = require("slate");
|
|
32
|
-
var Renderer_1 = require("../Renderer");
|
|
33
32
|
var withLinks = function (editor) {
|
|
34
33
|
var isInline = editor.isInline, insertData = editor.insertData, normalizeNode = editor.normalizeNode;
|
|
35
34
|
editor.isInline = function (element) {
|
|
@@ -62,8 +61,8 @@ var withLinks = function (editor) {
|
|
|
62
61
|
};
|
|
63
62
|
editor.insertData = function (data) {
|
|
64
63
|
var text = data.getData("text/plain");
|
|
65
|
-
if (
|
|
66
|
-
|
|
64
|
+
if (editor.isValidUrl(text)) {
|
|
65
|
+
editor.insertLink(editor, text, text);
|
|
67
66
|
}
|
|
68
67
|
else {
|
|
69
68
|
insertData(data);
|
|
@@ -72,4 +71,4 @@ var withLinks = function (editor) {
|
|
|
72
71
|
return editor;
|
|
73
72
|
};
|
|
74
73
|
exports.withLinks = withLinks;
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aExpbmtzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL0VkaXRvci9TbGF0ZS93aXRoTGlua3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0JBQWtFO0FBRzNELElBQU0sU0FBUyxHQUFHLFVBQUMsTUFBaUI7SUFDL0IsSUFBQSxRQUFRLEdBQWdDLE1BQU0sU0FBdEMsRUFBRSxVQUFVLEdBQW9CLE1BQU0sV0FBMUIsRUFBRSxhQUFhLEdBQUssTUFBTSxjQUFYLENBQVk7SUFFdkQsTUFBTSxDQUFDLFFBQVEsR0FBRyxVQUFDLE9BQXFCO1FBQ3BDLE9BQU8sT0FBTyxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzlELENBQUMsQ0FBQztJQUVGLE1BQU0sQ0FBQyxhQUFhLEdBQUcsVUFBQSxLQUFLOztRQUNsQixJQUFBLEtBQUEsT0FBZSxLQUFLLElBQUEsRUFBbkIsSUFBSSxRQUFBLEVBQUUsSUFBSSxRQUFTLENBQUM7UUFDM0IsZ0VBQWdFO1FBQ2hFLElBQUksZUFBWSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFdBQVcsRUFBRTs7Z0JBQzNELEtBQWlDLElBQUEsS0FBQSxTQUFBLFlBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFBLGdCQUFBLDRCQUFFO29CQUFuRCxJQUFBLEtBQUEsbUJBQWtCLEVBQWpCLEtBQUssUUFBQSxFQUFFLFNBQVMsUUFBQTtvQkFDeEIsSUFBSSxlQUFZLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRTt3QkFDMUQsa0JBQVUsQ0FBQyxXQUFXLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7d0JBQ2xELE9BQU87cUJBQ1Y7aUJBQ0o7Ozs7Ozs7OztTQUNKO1FBRUQsd0ZBQXdGO1FBQ3hGLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDLENBQUM7SUFFRixNQUFNLENBQUMsVUFBVSxHQUFHLFVBQUMsSUFBa0I7UUFDbkMsSUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUN4QyxJQUFJLE1BQU0sQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDekIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO1NBQ3pDO2FBQU07WUFDSCxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDcEI7SUFDTCxDQUFDLENBQUM7SUFFRixPQUFPLE1BQU0sQ0FBQztBQUNsQixDQUFDLENBQUM7QUFqQ1csUUFBQSxTQUFTLGFBaUNwQiJ9
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.withUxfUtils = void 0;
|
|
4
|
+
var utils_1 = require("./utils");
|
|
5
|
+
var withUxfUtils = function (editor) {
|
|
6
|
+
editor.removeEmptyAncestor = utils_1.removeEmptyAncestor;
|
|
7
|
+
editor.isMarkActive = utils_1.isMarkActive;
|
|
8
|
+
editor.toggleMark = utils_1.toggleMark;
|
|
9
|
+
editor.isElementActive = utils_1.isElementActive;
|
|
10
|
+
editor.toggleElement = utils_1.toggleElement;
|
|
11
|
+
editor.isLinkActive = utils_1.isLinkActive;
|
|
12
|
+
editor.getActiveLink = utils_1.getActiveLink;
|
|
13
|
+
editor.unwrapLink = utils_1.unwrapLink;
|
|
14
|
+
editor.wrapLink = utils_1.wrapLink;
|
|
15
|
+
editor.insertLink = utils_1.insertLink;
|
|
16
|
+
editor.removeLink = utils_1.removeLink;
|
|
17
|
+
editor.createEmptyParagraph = utils_1.createEmptyParagraph;
|
|
18
|
+
editor.insertImage = utils_1.insertImage;
|
|
19
|
+
editor.insertButton = utils_1.insertButton;
|
|
20
|
+
editor.isImageActive = utils_1.isImageActive;
|
|
21
|
+
editor.isButtonActive = utils_1.isButtonActive;
|
|
22
|
+
editor.getActiveImage = utils_1.getActiveImage;
|
|
23
|
+
editor.getActiveButton = utils_1.getActiveButton;
|
|
24
|
+
editor.isVideoActive = utils_1.isVideoActive;
|
|
25
|
+
editor.getActiveVideo = utils_1.getActiveVideo;
|
|
26
|
+
editor.insertVideo = utils_1.insertVideo;
|
|
27
|
+
editor.isValidUrl = utils_1.isValidUrl;
|
|
28
|
+
return editor;
|
|
29
|
+
};
|
|
30
|
+
exports.withUxfUtils = withUxfUtils;
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aFV4ZlV0aWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL0VkaXRvci9TbGF0ZS93aXRoVXhmVXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EsaUNBdUJpQjtBQUVWLElBQU0sWUFBWSxHQUFHLFVBQUMsTUFBaUI7SUFDMUMsTUFBTSxDQUFDLG1CQUFtQixHQUFHLDJCQUFtQixDQUFDO0lBQ2pELE1BQU0sQ0FBQyxZQUFZLEdBQUcsb0JBQVksQ0FBQztJQUNuQyxNQUFNLENBQUMsVUFBVSxHQUFHLGtCQUFVLENBQUM7SUFDL0IsTUFBTSxDQUFDLGVBQWUsR0FBRyx1QkFBZSxDQUFDO0lBQ3pDLE1BQU0sQ0FBQyxhQUFhLEdBQUcscUJBQWEsQ0FBQztJQUNyQyxNQUFNLENBQUMsWUFBWSxHQUFHLG9CQUFZLENBQUM7SUFDbkMsTUFBTSxDQUFDLGFBQWEsR0FBRyxxQkFBYSxDQUFDO0lBQ3JDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsa0JBQVUsQ0FBQztJQUMvQixNQUFNLENBQUMsUUFBUSxHQUFHLGdCQUFRLENBQUM7SUFDM0IsTUFBTSxDQUFDLFVBQVUsR0FBRyxrQkFBVSxDQUFDO0lBQy9CLE1BQU0sQ0FBQyxVQUFVLEdBQUcsa0JBQVUsQ0FBQztJQUMvQixNQUFNLENBQUMsb0JBQW9CLEdBQUcsNEJBQW9CLENBQUM7SUFDbkQsTUFBTSxDQUFDLFdBQVcsR0FBRyxtQkFBVyxDQUFDO0lBQ2pDLE1BQU0sQ0FBQyxZQUFZLEdBQUcsb0JBQVksQ0FBQztJQUNuQyxNQUFNLENBQUMsYUFBYSxHQUFHLHFCQUFhLENBQUM7SUFDckMsTUFBTSxDQUFDLGNBQWMsR0FBRyxzQkFBYyxDQUFDO0lBQ3ZDLE1BQU0sQ0FBQyxjQUFjLEdBQUcsc0JBQWMsQ0FBQztJQUN2QyxNQUFNLENBQUMsZUFBZSxHQUFHLHVCQUFlLENBQUM7SUFDekMsTUFBTSxDQUFDLGFBQWEsR0FBRyxxQkFBYSxDQUFDO0lBQ3JDLE1BQU0sQ0FBQyxjQUFjLEdBQUcsc0JBQWMsQ0FBQztJQUN2QyxNQUFNLENBQUMsV0FBVyxHQUFHLG1CQUFXLENBQUM7SUFDakMsTUFBTSxDQUFDLFVBQVUsR0FBRyxrQkFBVSxDQUFDO0lBRS9CLE9BQU8sTUFBTSxDQUFDO0FBQ2xCLENBQUMsQ0FBQztBQXpCVyxRQUFBLFlBQVksZ0JBeUJ2QiJ9
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from "react";
|
|
2
2
|
import { WysiwygEditorProps } from "../types";
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const WysiwygEditor: React.NamedExoticComponent<WysiwygEditorProps>;
|
|
3
|
+
export declare const WysiwygEditor: FC<WysiwygEditorProps>;
|
package/Editor/WysiwygEditor.js
CHANGED
|
@@ -33,51 +33,24 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
33
33
|
__setModuleDefault(result, mod);
|
|
34
34
|
return result;
|
|
35
35
|
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.WysiwygEditor =
|
|
41
|
-
var createStyles_1 = __importDefault(require("@material-ui/core/styles/createStyles"));
|
|
42
|
-
var makeStyles_1 = __importDefault(require("@material-ui/core/styles/makeStyles"));
|
|
37
|
+
exports.WysiwygEditor = void 0;
|
|
43
38
|
var is_hotkey_1 = require("is-hotkey");
|
|
44
39
|
var react_1 = __importStar(require("react"));
|
|
45
40
|
var slate_1 = require("slate");
|
|
46
|
-
var slate_history_1 = require("slate-history");
|
|
47
41
|
var slate_react_1 = require("slate-react");
|
|
48
|
-
var
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
// return false;
|
|
59
|
-
// }
|
|
60
|
-
// const ext = new URL(url).pathname.split(".").pop();
|
|
61
|
-
// const extensions = ["jpg", "jpeg"];
|
|
62
|
-
// return extensions.includes(ext ?? "");
|
|
63
|
-
// };
|
|
64
|
-
exports.editorStyles = (0, makeStyles_1.default)(function (theme) {
|
|
65
|
-
return (0, createStyles_1.default)({
|
|
66
|
-
editor: {
|
|
67
|
-
border: "1px solid ".concat(theme.palette.divider),
|
|
68
|
-
borderRadius: theme.spacing(0, 0, 0.5, 0.5),
|
|
69
|
-
marginTop: -11,
|
|
70
|
-
marginLeft: -4,
|
|
71
|
-
marginRight: -4,
|
|
72
|
-
padding: theme.spacing(2),
|
|
73
|
-
minHeight: theme.spacing(8),
|
|
42
|
+
var editorMui4styles_1 = require("./editorMui4styles");
|
|
43
|
+
var Slate_1 = require("./Slate");
|
|
44
|
+
var WysiwygEditor = function (_a) {
|
|
45
|
+
var value = _a.value, onChange = _a.onChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Napište něco hezkého..." : _b, plugins = _a.plugins, Toolbar = _a.Toolbar, classNameForEditable = _a.classNameForEditable;
|
|
46
|
+
var editor = (0, react_1.useMemo)(Slate_1.createUxfEditor, []);
|
|
47
|
+
var className = classNameForEditable !== null && classNameForEditable !== void 0 ? classNameForEditable : (0, editorMui4styles_1.editorMui4styles)().editable;
|
|
48
|
+
var initialValue = [
|
|
49
|
+
{
|
|
50
|
+
type: "paragraph",
|
|
51
|
+
children: [{ text: "" }],
|
|
74
52
|
},
|
|
75
|
-
|
|
76
|
-
});
|
|
77
|
-
var WysiwygEditorComponent = function (_a) {
|
|
78
|
-
var value = _a.value, onChange = _a.onChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Napište něco hezkého..." : _b, plugins = _a.plugins, Toolbar = _a.Toolbar;
|
|
79
|
-
var editor = (0, react_1.useMemo)(function () { return (0, SlatePlugins_1.withImages)((0, SlatePlugins_1.withLinks)((0, slate_history_1.withHistory)((0, slate_react_1.withReact)((0, slate_1.createEditor)())))); }, []);
|
|
80
|
-
var classes = (0, exports.editorStyles)();
|
|
53
|
+
];
|
|
81
54
|
var elementPlugins = (0, react_1.useMemo)(function () {
|
|
82
55
|
var el = [];
|
|
83
56
|
plugins.forEach(function (p) {
|
|
@@ -96,8 +69,8 @@ var WysiwygEditorComponent = function (_a) {
|
|
|
96
69
|
});
|
|
97
70
|
return el;
|
|
98
71
|
}, [plugins]);
|
|
99
|
-
var renderElement = (0, react_1.useCallback)(function (props) { return react_1.default.createElement(
|
|
100
|
-
var renderLeaf = (0, react_1.useCallback)(function (props) { return react_1.default.createElement(
|
|
72
|
+
var renderElement = (0, react_1.useCallback)(function (props) { return react_1.default.createElement(Slate_1.Element, __assign({}, props, { plugins: elementPlugins })); }, [elementPlugins]);
|
|
73
|
+
var renderLeaf = (0, react_1.useCallback)(function (props) { return react_1.default.createElement(Slate_1.Leaf, __assign({}, props, { plugins: leafPlugins })); }, [leafPlugins]);
|
|
101
74
|
/**
|
|
102
75
|
Default left/right behavior is unit:'character'.
|
|
103
76
|
This fails to distinguish between two cursor positions, such as
|
|
@@ -120,16 +93,17 @@ var WysiwygEditorComponent = function (_a) {
|
|
|
120
93
|
event.preventDefault();
|
|
121
94
|
slate_1.Transforms.move(editor, { unit: "offset" });
|
|
122
95
|
}
|
|
123
|
-
// disable insert link mode on space key press
|
|
124
|
-
if ((0, is_hotkey_1.isKeyHotkey)("space", nativeEvent) &&
|
|
96
|
+
// disable insert link mode on space key press and move caret
|
|
97
|
+
if ((0, is_hotkey_1.isKeyHotkey)("space", nativeEvent) && editor.isLinkActive(editor)) {
|
|
125
98
|
event.preventDefault();
|
|
126
99
|
slate_1.Transforms.move(editor, { unit: "offset" });
|
|
100
|
+
editor.insertText(" ");
|
|
127
101
|
}
|
|
128
102
|
}
|
|
129
103
|
};
|
|
130
104
|
return (react_1.default.createElement(slate_react_1.Slate, { editor: editor, value: value ? value : initialValue, onChange: onChange },
|
|
131
105
|
react_1.default.createElement(Toolbar, { plugins: plugins }),
|
|
132
|
-
react_1.default.createElement(slate_react_1.Editable, { renderElement: renderElement, spellCheck: false, renderLeaf: renderLeaf, placeholder: placeholder, className:
|
|
106
|
+
react_1.default.createElement(slate_react_1.Editable, { renderElement: renderElement, spellCheck: false, renderLeaf: renderLeaf, placeholder: placeholder, className: className, onKeyDown: onKeyDown })));
|
|
133
107
|
};
|
|
134
|
-
exports.WysiwygEditor =
|
|
135
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
108
|
+
exports.WysiwygEditor = WysiwygEditor;
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV3lzaXd5Z0VkaXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FZGl0b3IvV3lzaXd5Z0VkaXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHVDQUF3QztBQUN4Qyw2Q0FBd0Q7QUFDeEQsK0JBQXNEO0FBQ3RELDJDQUFrRTtBQUVsRSx1REFBc0Q7QUFDdEQsaUNBQXlEO0FBRWxELElBQU0sYUFBYSxHQUEyQixVQUFDLEVBT3JEO1FBTkcsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsbUJBQXVDLEVBQXZDLFdBQVcsbUJBQUcseUJBQXlCLEtBQUEsRUFDdkMsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1Asb0JBQW9CLDBCQUFBO0lBRXBCLElBQU0sTUFBTSxHQUFHLElBQUEsZUFBTyxFQUFDLHVCQUFlLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDNUMsSUFBTSxTQUFTLEdBQUcsb0JBQW9CLGFBQXBCLG9CQUFvQixjQUFwQixvQkFBb0IsR0FBSSxJQUFBLG1DQUFnQixHQUFFLENBQUMsUUFBUSxDQUFDO0lBRXRFLElBQU0sWUFBWSxHQUFpQjtRQUMvQjtZQUNJLElBQUksRUFBRSxXQUFXO1lBQ2pCLFFBQVEsRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxDQUFDO1NBQzNCO0tBQ0osQ0FBQztJQUVGLElBQU0sY0FBYyxHQUEyQixJQUFBLGVBQU8sRUFBQztRQUNuRCxJQUFNLEVBQUUsR0FBMkIsRUFBRSxDQUFDO1FBQ3RDLE9BQU8sQ0FBQyxPQUFPLENBQUMsVUFBQSxDQUFDO1lBQ2IsSUFBSSx1QkFBdUIsSUFBSSxDQUFDLEVBQUU7Z0JBQzlCLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDZDtRQUNMLENBQUMsQ0FBQyxDQUFDO1FBQ0gsT0FBTyxFQUFFLENBQUM7SUFDZCxDQUFDLEVBQUUs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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const editorMui4styles: (props?: any) => import("@material-ui/styles").ClassNameMap<"editable">;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.editorMui4styles = void 0;
|
|
7
|
+
var createStyles_1 = __importDefault(require("@material-ui/core/styles/createStyles"));
|
|
8
|
+
var makeStyles_1 = __importDefault(require("@material-ui/core/styles/makeStyles"));
|
|
9
|
+
exports.editorMui4styles = (0, makeStyles_1.default)(function (theme) {
|
|
10
|
+
return (0, createStyles_1.default)({
|
|
11
|
+
editable: {
|
|
12
|
+
border: "1px solid ".concat(theme.palette.divider),
|
|
13
|
+
borderRadius: theme.spacing(0, 0, 0.5, 0.5),
|
|
14
|
+
marginTop: -11,
|
|
15
|
+
marginLeft: -4,
|
|
16
|
+
marginRight: -4,
|
|
17
|
+
padding: theme.spacing(2),
|
|
18
|
+
minHeight: theme.spacing(8),
|
|
19
|
+
},
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdG9yTXVpNHN0eWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FZGl0b3IvZWRpdG9yTXVpNHN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSx1RkFBaUU7QUFFakUsbUZBQTZEO0FBRWhELFFBQUEsZ0JBQWdCLEdBQUcsSUFBQSxvQkFBVSxFQUFDLFVBQUMsS0FBWTtJQUNwRCxPQUFBLElBQUEsc0JBQVksRUFBQztRQUNULFFBQVEsRUFBRTtZQUNOLE1BQU0sRUFBRSxvQkFBYSxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBRTtZQUM1QyxZQUFZLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLENBQUM7WUFDM0MsU0FBUyxFQUFFLENBQUMsRUFBRTtZQUNkLFVBQVUsRUFBRSxDQUFDLENBQUM7WUFDZCxXQUFXLEVBQUUsQ0FBQyxDQUFDO1lBQ2YsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1lBQ3pCLFNBQVMsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztTQUM5QjtLQUNKLENBQUM7QUFWRixDQVVFLENBQ0wsQ0FBQyJ9
|
package/package.json
CHANGED
package/types.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { FC } from "react";
|
|
2
|
-
import { BaseEditor } from "slate";
|
|
2
|
+
import { BaseEditor, Editor, Range } from "slate";
|
|
3
|
+
import { HistoryEditor } from "slate-history";
|
|
3
4
|
import { ReactEditor, RenderElementProps as SlateRenderElementProps, RenderLeafProps as SlateRenderLeafProps } from "slate-react";
|
|
4
5
|
export interface WysiwygEditorProps {
|
|
5
6
|
value?: EditorBlockElement[];
|
|
@@ -7,6 +8,7 @@ export interface WysiwygEditorProps {
|
|
|
7
8
|
placeholder?: string;
|
|
8
9
|
plugins: EditorPlugin[];
|
|
9
10
|
Toolbar: ToolbarComponent;
|
|
11
|
+
classNameForEditable?: string;
|
|
10
12
|
}
|
|
11
13
|
export declare type ImageUrlClient = (uuid: string, extension: string, namespace?: string) => string;
|
|
12
14
|
export declare type ImageUploadHandler = (file: File, namespace: string) => Promise<{
|
|
@@ -68,7 +70,30 @@ export interface EditorLeafElement {
|
|
|
68
70
|
[key: string]: unknown;
|
|
69
71
|
}
|
|
70
72
|
export declare type WysiwygContent = Array<SupportedBlockElements>;
|
|
71
|
-
export
|
|
73
|
+
export interface UXFEditor extends BaseEditor, ReactEditor, HistoryEditor {
|
|
74
|
+
removeEmptyAncestor: (editor: UXFEditor, range?: Range | null) => void;
|
|
75
|
+
isMarkActive: (editor: UXFEditor, mark: LeafMarks) => boolean;
|
|
76
|
+
toggleMark: (editor: UXFEditor, format: LeafMarks) => void;
|
|
77
|
+
isElementActive: (editor: UXFEditor, format: SupportedBlockElementTypes) => boolean;
|
|
78
|
+
toggleElement: (editor: UXFEditor, format: SupportedBlockElementTypes) => void;
|
|
79
|
+
isLinkActive: (editor: UXFEditor) => boolean;
|
|
80
|
+
getActiveLink: (editor: UXFEditor) => EditorLinkElement | null;
|
|
81
|
+
unwrapLink: (editor: UXFEditor) => void;
|
|
82
|
+
wrapLink: (editor: Editor, url: string, text?: string, target?: "_blank" | "_self") => void;
|
|
83
|
+
insertLink: (editor: UXFEditor, url: string, text?: string, target?: "_blank" | "_self") => void;
|
|
84
|
+
removeLink: (editor: UXFEditor) => void;
|
|
85
|
+
createEmptyParagraph: () => SupportedBlockElements<EditorBlockElement<string>>;
|
|
86
|
+
insertButton: (editor: UXFEditor, buttonText: string, buttonUrl: string, range?: Range | null) => void;
|
|
87
|
+
insertImage: (editor: UXFEditor, image: EditorImageElement, range?: Range | null) => void;
|
|
88
|
+
isImageActive: (editor: UXFEditor) => boolean;
|
|
89
|
+
isButtonActive: (editor: UXFEditor) => boolean;
|
|
90
|
+
getActiveImage: (editor: UXFEditor) => EditorImageElement | null;
|
|
91
|
+
getActiveButton: (editor: UXFEditor) => EditorButtonElement | null;
|
|
92
|
+
isVideoActive: (editor: UXFEditor) => boolean;
|
|
93
|
+
getActiveVideo: (editor: UXFEditor) => EditorVideoElement | null;
|
|
94
|
+
insertVideo: (editor: UXFEditor, url: string, range?: Range | null) => void;
|
|
95
|
+
isValidUrl: (url?: string) => boolean;
|
|
96
|
+
}
|
|
72
97
|
declare module "slate" {
|
|
73
98
|
interface CustomTypes {
|
|
74
99
|
Editor: UXFEditor;
|
package/Editor/Renderer/index.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Leaf = exports.Element = void 0;
|
|
18
|
-
var Element_1 = require("./Element");
|
|
19
|
-
Object.defineProperty(exports, "Element", { enumerable: true, get: function () { return Element_1.Element; } });
|
|
20
|
-
var Leaf_1 = require("./Leaf");
|
|
21
|
-
Object.defineProperty(exports, "Leaf", { enumerable: true, get: function () { return Leaf_1.Leaf; } });
|
|
22
|
-
__exportStar(require("./utils"), exports);
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvRWRpdG9yL1JlbmRlcmVyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEscUNBQW9DO0FBQTNCLGtHQUFBLE9BQU8sT0FBQTtBQUNoQiwrQkFBOEI7QUFBckIsNEZBQUEsSUFBSSxPQUFBO0FBQ2IsMENBQXdCIn0=
|