@uxf/wysiwyg 0.3.3 → 0.3.8
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/Content/Renderer/Components/VideoComponent/VideoComponent.js +2 -3
- package/Content/Renderer/ContentRenderer.js +9 -5
- package/Content/Renderer/index.js +6 -2
- package/Content/Renderer/renderElement.js +10 -6
- package/Content/Renderer/typeGuards.js +1 -1
- package/Content/Renderer/types.d.ts +1 -1
- package/Content/index.js +6 -2
- package/Editor/Renderer/Element.js +2 -3
- package/Editor/Renderer/ImageElement/ImageElement.js +4 -4
- package/Editor/Renderer/ImageElement/styles.d.ts +1 -1
- package/Editor/Renderer/ImageElement/styles.js +4 -4
- package/Editor/Renderer/VideoElement/VideoElement.js +5 -6
- package/Editor/Renderer/VideoElement/styles.d.ts +1 -1
- package/Editor/Renderer/VideoElement/styles.js +4 -4
- package/Editor/Renderer/index.js +6 -2
- package/Editor/Renderer/utils.d.ts +5 -6
- package/Editor/Renderer/utils.js +44 -35
- package/Editor/Toolbar/Button/ButtonElementButton.js +15 -11
- package/Editor/Toolbar/Button/ElementTypeButton.js +30 -7
- package/Editor/Toolbar/Button/ImageElementButton.js +15 -11
- package/Editor/Toolbar/Button/LeafTypeButton.js +30 -7
- package/Editor/Toolbar/Button/LinkElementButton.js +15 -11
- package/Editor/Toolbar/Button/VideoElementButton.js +15 -11
- package/Editor/Toolbar/Button/styles.d.ts +1 -1
- package/Editor/Toolbar/Button/styles.js +3 -3
- package/Editor/Toolbar/ButtonGroup/ButtonGroup.js +6 -2
- package/Editor/Toolbar/ButtonGroup/FontStyleGroup.js +1 -1
- package/Editor/Toolbar/ButtonGroup/HeadingButtonGroup.js +1 -1
- package/Editor/Toolbar/ButtonGroup/ListButtonGroup.js +1 -1
- package/Editor/Toolbar/Dialog/ImageUploadDialog.js +29 -23
- package/Editor/Toolbar/Dialog/InsertButtonDialog.js +19 -12
- package/Editor/Toolbar/Dialog/InsertLinkDialog.js +24 -15
- package/Editor/Toolbar/Dialog/InsertVideoDialog.js +12 -8
- package/Editor/Toolbar/HoveringToolbar/HoveringToolbar.js +16 -12
- package/Editor/Toolbar/Toolbar.js +9 -9
- package/Editor/Toolbar/styles.d.ts +1 -1
- package/Editor/Toolbar/styles.js +4 -4
- package/Editor/WysiwygEditor.d.ts +1 -1
- package/Editor/WysiwygEditor.js +18 -14
- package/Editor/index.js +6 -2
- package/README.md +7 -0
- package/index.js +6 -2
- package/package.json +33 -36
- package/types.d.ts +9 -1
|
@@ -18,7 +18,6 @@ exports.VideoComponent = void 0;
|
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
19
|
var lazy_1 = __importDefault(require("react-player/lazy"));
|
|
20
20
|
var VideoPlayer = function (_a) {
|
|
21
|
-
var _b;
|
|
22
21
|
var video = _a.video;
|
|
23
22
|
return (react_1.default.createElement(lazy_1.default, { style: {
|
|
24
23
|
position: "absolute",
|
|
@@ -26,7 +25,7 @@ var VideoPlayer = function (_a) {
|
|
|
26
25
|
left: 0,
|
|
27
26
|
maxWidth: "100%",
|
|
28
27
|
maxHeight: "100%",
|
|
29
|
-
}, url:
|
|
28
|
+
}, url: video.url, controls: true, width: "100%", height: "100%" }));
|
|
30
29
|
};
|
|
31
30
|
var VideoComponent = function (props) {
|
|
32
31
|
var video = props.video, wrapperProps = props.wrapperProps, VideoWrapper = props.VideoWrapper;
|
|
@@ -41,4 +40,4 @@ var VideoComponent = function (props) {
|
|
|
41
40
|
react_1.default.createElement(VideoPlayer, { video: video })));
|
|
42
41
|
};
|
|
43
42
|
exports.VideoComponent = VideoComponent;
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW9Db21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvQ29udGVudC9SZW5kZXJlci9Db21wb25lbnRzL1ZpZGVvQ29tcG9uZW50L1ZpZGVvQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUFrQztBQUNsQywyREFBNEM7QUFHNUMsSUFBTSxXQUFXLEdBQWtDLFVBQUMsRUFBUztRQUFQLEtBQUssV0FBQTtJQUFPLE9BQUEsQ0FDOUQsOEJBQUMsY0FBVyxJQUNSLEtBQUssRUFBRTtZQUNILFFBQVEsRUFBRSxVQUFVO1lBQ3BCLEdBQUcsRUFBRSxDQUFDO1lBQ04sSUFBSSxFQUFFLENBQUM7WUFDUCxRQUFRLEVBQUUsTUFBTTtZQUNoQixTQUFTLEVBQUUsTUFBTTtTQUNwQixFQUNELEdBQUcsRUFBRSxLQUFLLENBQUMsR0FBRyxFQUNkLFFBQVEsRUFBRSxJQUFJLEVBQ2QsS0FBSyxFQUFDLE1BQU0sRUFDWixNQUFNLEVBQUMsTUFBTSxHQUNmLENBQ0w7QUFkaUUsQ0FjakUsQ0FBQztBQUVLLElBQU0sY0FBYyxHQUt2QixVQUFBLEtBQUs7SUFDRyxJQUFBLEtBQUssR0FBaUMsS0FBSyxNQUF0QyxFQUFFLFlBQVksR0FBbUIsS0FBSyxhQUF4QixFQUFFLFlBQVksR0FBSyxLQUFLLGFBQVYsQ0FBVztJQUVwRCxJQUFJLFlBQVksRUFBRTtRQUNkLE9BQU8sQ0FDSCw4QkFBQyxZQUFZO1lBQ1QsOEJBQUMsV0FBVyxJQUFDLEtBQUssRUFBRSxLQUFLLEdBQUksQ0FDbEIsQ0FDbEIsQ0FBQztLQUNMO0lBRUQsT0FBTyxDQUNILGdEQUNJLEtBQUssRUFBRTtZQUNILFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFVBQVUsRUFBRSxRQUFRLENBQUMseUJBQXlCO1NBQ2pELElBQ0csWUFBWTtRQUVoQiw4QkFBQyxXQUFXLElBQUMsS0FBSyxFQUFFLEtBQUssR0FBSSxDQUMzQixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUEzQlcsUUFBQSxjQUFjLGtCQTJCekIifQ==
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
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);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -30,11 +34,11 @@ var ContentRenderer = function (props) {
|
|
|
30
34
|
return null;
|
|
31
35
|
}
|
|
32
36
|
return (react_1.default.createElement(react_1.default.Fragment, null, data.map(function (item, index) {
|
|
33
|
-
if (typeGuards_1.isLeaf(item)) {
|
|
34
|
-
return (react_1.default.createElement(react_1.default.Fragment, { key: index }, renderLeaf_1.renderLeaf(item, components, defaultComponentProps)));
|
|
37
|
+
if ((0, typeGuards_1.isLeaf)(item)) {
|
|
38
|
+
return (react_1.default.createElement(react_1.default.Fragment, { key: index }, (0, renderLeaf_1.renderLeaf)(item, components, defaultComponentProps)));
|
|
35
39
|
}
|
|
36
|
-
return react_1.default.createElement(react_1.Fragment, { key: index }, renderElement_1.renderElement(item, components, defaultComponentProps));
|
|
40
|
+
return react_1.default.createElement(react_1.Fragment, { key: index }, (0, renderElement_1.renderElement)(item, components, defaultComponentProps));
|
|
37
41
|
})));
|
|
38
42
|
};
|
|
39
43
|
exports.ContentRenderer = ContentRenderer;
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudFJlbmRlcmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL0NvbnRlbnQvUmVuZGVyZXIvQ29udGVudFJlbmRlcmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyRDtBQUMzRCxpREFBZ0Q7QUFDaEQsMkNBQTBDO0FBQzFDLDJDQUFzQztBQUcvQixJQUFNLGVBQWUsR0FBRyxVQUMzQixLQUE4RDtJQUV0RCxJQUFBLElBQUksR0FBd0MsS0FBSyxLQUE3QyxFQUFFLFVBQVUsR0FBNEIsS0FBSyxXQUFqQyxFQUFFLHFCQUFxQixHQUFLLEtBQUssc0JBQVYsQ0FBVztJQUMxRCxJQUFJLENBQUMsSUFBSSxFQUFFO1FBQ1AsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCw4REFDSyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUs7UUFDbEIsSUFBSSxJQUFBLG1CQUFNLEVBQUMsSUFBSSxDQUFDLEVBQUU7WUFDZCxPQUFPLENBQ0gsOEJBQUMsZUFBSyxDQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSyxJQUNyQixJQUFBLHVCQUFVLEVBQUMsSUFBSSxFQUFFLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxDQUN2QyxDQUNwQixDQUFDO1NBQ0w7UUFFRCxPQUFPLDhCQUFDLGdCQUFRLElBQUMsR0FBRyxFQUFFLEtBQUssSUFBRyxJQUFBLDZCQUFhLEVBQUMsSUFBSSxFQUFFLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxDQUFZLENBQUM7SUFDckcsQ0FBQyxDQUFDLENBQ0gsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdkJXLFFBQUEsZUFBZSxtQkF1QjFCIn0=
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
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);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -16,4 +20,4 @@ Object.defineProperty(exports, "renderElement", { enumerable: true, get: functio
|
|
|
16
20
|
var renderLeaf_1 = require("./renderLeaf");
|
|
17
21
|
Object.defineProperty(exports, "renderLeaf", { enumerable: true, get: function () { return renderLeaf_1.renderLeaf; } });
|
|
18
22
|
__exportStar(require("./typeGuards"), exports);
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvQ29udGVudC9SZW5kZXJlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGlEQUFnRDtBQUF2Qyw4R0FBQSxhQUFhLE9BQUE7QUFDdEIsMkNBQTBDO0FBQWpDLHdHQUFBLFVBQVUsT0FBQTtBQUNuQiwrQ0FBNkIifQ==
|
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -39,10 +43,10 @@ var typeGuards_1 = require("./typeGuards");
|
|
|
39
43
|
var renderElement = function (element, components, defaultComponentProps) {
|
|
40
44
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
41
45
|
var children = element.children.map(function (item, index) {
|
|
42
|
-
if (typeGuards_1.isLeaf(item)) {
|
|
43
|
-
return react_1.default.createElement(react_1.Fragment, { key: index }, renderLeaf_1.renderLeaf(item, components, defaultComponentProps));
|
|
46
|
+
if ((0, typeGuards_1.isLeaf)(item)) {
|
|
47
|
+
return react_1.default.createElement(react_1.Fragment, { key: index }, (0, renderLeaf_1.renderLeaf)(item, components, defaultComponentProps));
|
|
44
48
|
}
|
|
45
|
-
return react_1.default.createElement(react_1.Fragment, { key: index }, exports.renderElement(item, components, defaultComponentProps));
|
|
49
|
+
return react_1.default.createElement(react_1.Fragment, { key: index }, (0, exports.renderElement)(item, components, defaultComponentProps));
|
|
46
50
|
});
|
|
47
51
|
switch (element.type) {
|
|
48
52
|
// Quote
|
|
@@ -105,7 +109,7 @@ var renderElement = function (element, components, defaultComponentProps) {
|
|
|
105
109
|
}
|
|
106
110
|
return react_1.default.createElement("blockquote", __assign({}, defaultComponentProps === null || defaultComponentProps === void 0 ? void 0 : defaultComponentProps.blockquote), children);
|
|
107
111
|
case "link":
|
|
108
|
-
if (typeGuards_1.hasUrl(element)) {
|
|
112
|
+
if ((0, typeGuards_1.hasUrl)(element)) {
|
|
109
113
|
if (components === null || components === void 0 ? void 0 : components.linkComponent) {
|
|
110
114
|
return (react_1.default.createElement(components.linkComponent, { link: element }, children));
|
|
111
115
|
}
|
|
@@ -142,4 +146,4 @@ var renderElement = function (element, components, defaultComponentProps) {
|
|
|
142
146
|
}
|
|
143
147
|
};
|
|
144
148
|
exports.renderElement = renderElement;
|
|
145
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
149
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyRWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Db250ZW50L1JlbmRlcmVyL3JlbmRlckVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUQ7QUFTbkQsOERBQTZEO0FBQzdELDJDQUEwQztBQUMxQywyQ0FBOEM7QUFHOUMsc0NBQXNDO0FBQy9CLElBQU0sYUFBYSxHQUFHLFVBQ3pCLE9BQStCLEVBQy9CLFVBQTZDLEVBQzdDLHFCQUE2RDs7SUFFN0QsSUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSztRQUM5QyxJQUFJLElBQUEsbUJBQU0sRUFBQyxJQUFJLENBQUMsRUFBRTtZQUNkLE9BQU8sOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSyxJQUFHLElBQUEsdUJBQVUsRUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFFLHFCQUFxQixDQUFDLENBQVksQ0FBQztTQUNqRztRQUVELE9BQU8sOEJBQUMsZ0JBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSyxJQUFHLElBQUEscUJBQWEsRUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFFLHFCQUFxQixDQUFDLENBQVksQ0FBQztJQUNyRyxDQUFDLENBQUMsQ0FBQztJQUVILFFBQVEsT0FBTyxDQUFDLElBQWtDLEVBQUU7UUFDaEQsUUFBUTtRQUNSLEtBQUssV0FBVztZQUNaLElBQUksVUFBVSxhQUFWLFVBQVUsdUJBQVYsVUFBVSxDQUFFLGtCQUFrQixFQUFFO2dCQUNoQyxPQUFPLDhCQUFDLFVBQVUsQ0FBQyxrQkFBa0IsUUFBRSxRQUFRLENBQWlDLENBQUM7YUFDcEY7WUFFRCxPQUFPLGdEQUFPLHFCQUFxQixhQUFyQixxQkFBcUIsdUJBQXJCLHFCQUFxQixDQUFFLENBQUMsR0FBRyxRQUFRLENBQUssQ0FB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
|
|
@@ -17,4 +17,4 @@ function hasUrl(element) {
|
|
|
17
17
|
return !!element.url;
|
|
18
18
|
}
|
|
19
19
|
exports.hasUrl = hasUrl;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZUd1YXJkcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Db250ZW50L1JlbmRlcmVyL3R5cGVHdWFyZHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsU0FBZ0IsTUFBTSxDQUFDLE9BQW1EO0lBQ3RFLE9BQU8sT0FBTyxDQUFDLElBQUksS0FBSyxTQUFTLENBQUM7QUFDdEMsQ0FBQztBQUZELHdCQUVDO0FBRUQsU0FBZ0IsTUFBTSxDQUFDLE9BQStCO0lBQ2xELE9BQU8sT0FBTyxDQUFDLElBQUksS0FBSyxNQUFNLElBQUksQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUM7QUFDcEQsQ0FBQztBQUZELHdCQUVDO0FBRUQsU0FBZ0IsT0FBTyxDQUFDLE9BQStCO0lBQ25ELE9BQU8sT0FBTyxDQUFDLElBQUksS0FBSyxPQUFPLENBQUM7QUFDcEMsQ0FBQztBQUZELDBCQUVDO0FBRUQsU0FBZ0IsTUFBTSxDQUFDLE9BQStCO0lBQ2xELE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUM7QUFDekIsQ0FBQztBQUZELHdCQUVDIn0=
|
|
@@ -75,7 +75,7 @@ export interface DefaultComponentProps<OwnButtonProps extends Record<string, any
|
|
|
75
75
|
};
|
|
76
76
|
}
|
|
77
77
|
export interface ContentRendererProps<OwnButtonProps extends Record<string, any> | undefined = undefined> {
|
|
78
|
-
data
|
|
78
|
+
data?: WysiwygContent;
|
|
79
79
|
components?: RenderComponents<OwnButtonProps>;
|
|
80
80
|
defaultComponentProps?: DefaultComponentProps<OwnButtonProps>;
|
|
81
81
|
}
|
package/Content/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
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);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -16,4 +20,4 @@ Object.defineProperty(exports, "ContentRenderer", { enumerable: true, get: funct
|
|
|
16
20
|
__exportStar(require("./Renderer/typeGuards"), exports);
|
|
17
21
|
__exportStar(require("../types"), exports);
|
|
18
22
|
__exportStar(require("./Renderer/types"), exports);
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvQ29udGVudC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDhEQUE2RDtBQUFwRCxrSEFBQSxlQUFlLE9BQUE7QUFDeEIsd0RBQXNDO0FBQ3RDLDJDQUF5QjtBQUN6QixtREFBaUMifQ==
|
|
@@ -21,7 +21,6 @@ var ImageElement_1 = require("./ImageElement");
|
|
|
21
21
|
var VideoElement_1 = require("./VideoElement");
|
|
22
22
|
var ButtonElement_1 = require("./ButtonElement");
|
|
23
23
|
var Element = function (props) {
|
|
24
|
-
var _a, _b;
|
|
25
24
|
var attributes = props.attributes, children = props.children, element = props.element, imageNamespace = props.imageNamespace, imageUrlClient = props.imageUrlClient;
|
|
26
25
|
switch (element.type) {
|
|
27
26
|
case "paragraph":
|
|
@@ -50,7 +49,7 @@ var Element = function (props) {
|
|
|
50
49
|
case "block-quote":
|
|
51
50
|
return react_1.default.createElement("blockquote", __assign({}, attributes), children);
|
|
52
51
|
case "link":
|
|
53
|
-
return (react_1.default.createElement("a", __assign({}, attributes, { href:
|
|
52
|
+
return (react_1.default.createElement("a", __assign({}, attributes, { href: typeof element.url === "string" ? element.url : undefined, target: typeof element.target === "string" ? element.target : undefined }), children));
|
|
54
53
|
case "image":
|
|
55
54
|
return react_1.default.createElement(ImageElement_1.ImageElement, __assign({}, props, { imageUrlClient: imageUrlClient, imageNamespace: imageNamespace }));
|
|
56
55
|
case "video":
|
|
@@ -62,4 +61,4 @@ var Element = function (props) {
|
|
|
62
61
|
}
|
|
63
62
|
};
|
|
64
63
|
exports.Element = Element;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9FZGl0b3IvUmVuZGVyZXIvRWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSx1RkFBaUU7QUFDakUsZ0RBQTRDO0FBRzVDLCtDQUE4QztBQUM5QywrQ0FBOEM7QUFDOUMsaURBQWdEO0FBRXpDLElBQU0sT0FBTyxHQUFHLFVBQ25CLEtBQXNGO0lBRTlFLElBQUEsVUFBVSxHQUF3RCxLQUFLLFdBQTdELEVBQUUsUUFBUSxHQUE4QyxLQUFLLFNBQW5ELEVBQUUsT0FBTyxHQUFxQyxLQUFLLFFBQTFDLEVBQUUsY0FBYyxHQUFxQixLQUFLLGVBQTFCLEVBQUUsY0FBYyxHQUFLLEtBQUssZUFBVixDQUFXO0lBRWhGLFFBQVEsT0FBTyxDQUFDLElBQWtDLEVBQUU7UUFDaEQsS0FBSyxXQUFXO1lBQ1osT0FBTyxDQUNILDhCQUFDLG9CQUFVLGFBQUMsT0FBTyxFQUFDLE9BQU8sSUFBSyxVQUFVLElBQUUsS0FBSyxFQUFFLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxLQUNyRSxRQUFRLENBQ0EsQ0FDaEIsQ0FBQztRQUNOLFlBQVk7UUFDWixLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxRQUFRO1FBQ1IsS0FBSyxlQUFlO1lBQ2hCLE9BQU8saURBQVEsVUFBVSxHQUFHLFFBQVEsQ0FBTSxDQUFDO1FBQy9DLEtBQUssV0FBVztZQUNaLE9BQU8saURBQVEsVUFBVSxHQUFHLFFBQVEsQ0FBTSxDQUFDO1FBQy9DLEtBQUssZUFBZTtZQUNoQixPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxRQUFRO1FBQ1IsS0FBSyxhQUFhO1lBQ2QsT0FBTyx5REFBZ0IsVUFBVSxHQUFHLFFBQVEsQ0FBYyxDQUFDO1FBQy9ELEtBQUssTUFBTTtZQUNQLE9BQU8sQ0FDSCxnREFDUSxVQUFVLElBQ2QsSUFBSSxFQUFFLE9BQU8sT0FBTyxDQUFDLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDL0QsTUFBTSxFQUFFLE9BQU8sT0FBTyxDQUFDLE1BQU0sS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsS0FFdEUsUUFBUSxDQUNULENBQ1AsQ0FBQztRQUNOLEtBQUssT0FBTztZQUNSLE9BQU8sOEJBQUMsMkJBQVksZUFBSyxLQUFLLElBQUUsY0FBYyxFQUFFLGNBQWMsRUFBRSxjQUFjLEVBQUUsY0FBYyxJQUFJLENBQUM7UUFDdkcsS0FBSyxPQUFPO1lBQ1IsT0FBTyw4QkFBQywyQkFBWSxlQUFLLEtBQUssRUFBSSxDQUFDO1FBQ3ZDLEtBQUssUUFBUTtZQUNULE9BQU8sOEJBQUMsNkJBQWEsZUFBSyxLQUFLLEVBQUksQ0FBQztRQUN4QztZQUNJLE9BQU8sbURBQVUsVUFBVSxHQUFHLFFBQVEsQ0FBUSxDQUFDO0tBQ3REO0FBQ0wsQ0FBQyxDQUFDO0FBdERXLFFBQUEsT0FBTyxXQXNEbEIifQ==
|
|
@@ -21,9 +21,9 @@ var styles_1 = require("./styles");
|
|
|
21
21
|
var core_1 = require("@material-ui/core");
|
|
22
22
|
var ImageElement = function (_a) {
|
|
23
23
|
var attributes = _a.attributes, element = _a.element, imageUrlClient = _a.imageUrlClient, imageNamespace = _a.imageNamespace, children = _a.children;
|
|
24
|
-
var selected = slate_react_1.useSelected();
|
|
25
|
-
var focused = slate_react_1.useFocused();
|
|
26
|
-
var classes = styles_1.useImageStyles({ selected: selected, focused: focused });
|
|
24
|
+
var selected = (0, slate_react_1.useSelected)();
|
|
25
|
+
var focused = (0, slate_react_1.useFocused)();
|
|
26
|
+
var classes = (0, styles_1.useImageStyles)({ selected: selected, focused: focused });
|
|
27
27
|
return (react_1.default.createElement(core_1.Box, __assign({}, attributes, { mb: 2 }),
|
|
28
28
|
react_1.default.createElement("figure", { contentEditable: false },
|
|
29
29
|
react_1.default.createElement("img", { src: imageUrlClient(element.uuid, element.extension, imageNamespace), className: classes.image, alt: element.alt }),
|
|
@@ -35,4 +35,4 @@ var ImageElement = function (_a) {
|
|
|
35
35
|
children));
|
|
36
36
|
};
|
|
37
37
|
exports.ImageElement = ImageElement;
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW1hZ2VFbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9SZW5kZXJlci9JbWFnZUVsZW1lbnQvSW1hZ2VFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQiwyQ0FBMEU7QUFFMUUsbUNBQTBDO0FBQzFDLDBDQUF3QztBQUVqQyxJQUFNLFlBQVksR0FBRyxVQUFDLEVBTXFEO1FBTDlFLFVBQVUsZ0JBQUEsRUFDVixPQUFPLGFBQUEsRUFDUCxjQUFjLG9CQUFBLEVBQ2QsY0FBYyxvQkFBQSxFQUNkLFFBQVEsY0FBQTtJQUVSLElBQU0sUUFBUSxHQUFHLElBQUEseUJBQVcsR0FBRSxDQUFDO0lBQy9CLElBQU0sT0FBTyxHQUFHLElBQUEsd0JBQVUsR0FBRSxDQUFDO0lBQzdCLElBQU0sT0FBTyxHQUFHLElBQUEsdUJBQWMsRUFBQyxFQUFFLFFBQVEsVUFBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLENBQUMsQ0FBQztJQUV0RCxPQUFPLENBQ0gsOEJBQUMsVUFBRyxlQUFLLFVBQVUsSUFBRSxFQUFFLEVBQUUsQ0FBQztRQUN0QiwwQ0FBUSxlQUFlLEVBQUUsS0FBSztZQUMxQix1Q0FDSSxHQUFHLEVBQUUsY0FBYyxDQUFDLE9BQU8sQ0FBQyxJQUFjLEVBQUUsT0FBTyxDQUFDLFNBQW1CLEVBQUUsY0FBYyxDQUFDLEVBQ3hGLFNBQVMsRUFBRSxPQUFPLENBQUMsS0FBSyxFQUN4QixHQUFHLEVBQUUsT0FBTyxDQUFDLEdBQWEsR0FDNUI7WUFDRCxDQUFDLE9BQU8sQ0FBQyxPQUFPLElBQUksT0FBTyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQ3BDO2dCQUNLLE9BQU8sQ0FBQyxPQUFPO2dCQUNmLE9BQU8sQ0FBQyxNQUFNLElBQUksQ0FDZjtvQkFDSyxPQUFPLENBQUMsT0FBTyxJQUFJLHlDQUFNO29CQUMxQiw0Q0FBTyxPQUFPLENBQUMsTUFBZ0IsQ0FBUSxDQUN4QyxDQUNOLENBQ1EsQ0FDaEIsQ0FDSTtRQUNSLFFBQVEsQ0FDUCxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFsQ1csUUFBQSxZQUFZLGdCQWtDdkIifQ==
|
|
@@ -2,5 +2,5 @@ interface ImageStyleProps {
|
|
|
2
2
|
focused: boolean;
|
|
3
3
|
selected: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare const useImageStyles: (props: ImageStyleProps) =>
|
|
5
|
+
export declare const useImageStyles: (props: ImageStyleProps) => import("@material-ui/styles").ClassNameMap<"image">;
|
|
6
6
|
export {};
|
|
@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.useImageStyles = void 0;
|
|
7
7
|
var createStyles_1 = __importDefault(require("@material-ui/core/styles/createStyles"));
|
|
8
8
|
var makeStyles_1 = __importDefault(require("@material-ui/core/styles/makeStyles"));
|
|
9
|
-
exports.useImageStyles = makeStyles_1.default(function (theme) {
|
|
10
|
-
return createStyles_1.default({
|
|
9
|
+
exports.useImageStyles = (0, makeStyles_1.default)(function (theme) {
|
|
10
|
+
return (0, createStyles_1.default)({
|
|
11
11
|
image: {
|
|
12
12
|
display: "block",
|
|
13
13
|
maxWidth: "100%",
|
|
14
14
|
boxShadow: function (_a) {
|
|
15
15
|
var selected = _a.selected, focused = _a.focused;
|
|
16
|
-
return selected && focused ? "0 0 0 3px "
|
|
16
|
+
return selected && focused ? "0 0 0 3px ".concat(theme.palette.action.active) : "none";
|
|
17
17
|
},
|
|
18
18
|
},
|
|
19
19
|
});
|
|
20
20
|
});
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9SZW5kZXJlci9JbWFnZUVsZW1lbnQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLHVGQUFpRTtBQUNqRSxtRkFBNkQ7QUFPaEQsUUFBQSxjQUFjLEdBQUcsSUFBQSxvQkFBVSxFQUFrQyxVQUFBLEtBQUs7SUFDM0UsT0FBQSxJQUFBLHNCQUFZLEVBQUM7UUFDVCxLQUFLLEVBQUU7WUFDSCxPQUFPLEVBQUUsT0FBTztZQUNoQixRQUFRLEVBQUUsTUFBTTtZQUNoQixTQUFTLEVBQUUsVUFBQyxFQUFxQjtvQkFBbkIsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBO2dCQUMzQixPQUFBLFFBQVEsSUFBSSxPQUFPLENBQUMsQ0FBQyxDQUFDLG9CQUFhLEtBQUssQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBRSxDQUFDLENBQUMsQ0FBQyxNQUFNO1lBQXpFLENBQXlFO1NBQ2hGO0tBQ0osQ0FBQztBQVBGLENBT0UsQ0FDTCxDQUFDIn0=
|
|
@@ -20,13 +20,12 @@ var lazy_1 = __importDefault(require("react-player/lazy"));
|
|
|
20
20
|
var slate_react_1 = require("slate-react");
|
|
21
21
|
var styles_1 = require("./styles");
|
|
22
22
|
var VideoElement = function (_a) {
|
|
23
|
-
var _b;
|
|
24
23
|
var attributes = _a.attributes, element = _a.element;
|
|
25
|
-
var selected = slate_react_1.useSelected();
|
|
26
|
-
var focused = slate_react_1.useFocused();
|
|
27
|
-
var classes = styles_1.useVideoStyles({ selected: selected, focused: focused });
|
|
24
|
+
var selected = (0, slate_react_1.useSelected)();
|
|
25
|
+
var focused = (0, slate_react_1.useFocused)();
|
|
26
|
+
var classes = (0, styles_1.useVideoStyles)({ selected: selected, focused: focused });
|
|
28
27
|
return (react_1.default.createElement("div", __assign({}, attributes, { className: classes.wrapper }),
|
|
29
|
-
react_1.default.createElement(lazy_1.default, { className: classes.player, url:
|
|
28
|
+
react_1.default.createElement(lazy_1.default, { className: classes.player, url: typeof element.url === "string" ? element.url : "", controls: true, width: "100%", height: "100%" })));
|
|
30
29
|
};
|
|
31
30
|
exports.VideoElement = VideoElement;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW9FbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9SZW5kZXJlci9WaWRlb0VsZW1lbnQvVmlkZW9FbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQiwyREFBNEM7QUFDNUMsMkNBQTBFO0FBQzFFLG1DQUEwQztBQUVuQyxJQUFNLFlBQVksR0FBRyxVQUFDLEVBQTZEO1FBQTNELFVBQVUsZ0JBQUEsRUFBRSxPQUFPLGFBQUE7SUFDOUMsSUFBTSxRQUFRLEdBQUcsSUFBQSx5QkFBVyxHQUFFLENBQUM7SUFDL0IsSUFBTSxPQUFPLEdBQUcsSUFBQSx3QkFBVSxHQUFFLENBQUM7SUFDN0IsSUFBTSxPQUFPLEdBQUcsSUFBQSx1QkFBYyxFQUFDLEVBQUUsUUFBUSxVQUFBLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELE9BQU8sQ0FDSCxrREFBUyxVQUFVLElBQUUsU0FBUyxFQUFFLE9BQU8sQ0FBQyxPQUFPO1FBQzNDLDhCQUFDLGNBQVcsSUFDUixTQUFTLEVBQUUsT0FBTyxDQUFDLE1BQU0sRUFDekIsR0FBRyxFQUFFLE9BQU8sT0FBTyxDQUFDLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFDdkQsUUFBUSxFQUFFLElBQUksRUFDZCxLQUFLLEVBQUMsTUFBTSxFQUNaLE1BQU0sRUFBQyxNQUFNLEdBQ2YsQ0FDQSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFmVyxRQUFBLFlBQVksZ0JBZXZCIn0=
|
|
@@ -2,5 +2,5 @@ interface VideoStyleProps {
|
|
|
2
2
|
focused: boolean;
|
|
3
3
|
selected: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare const useVideoStyles: (props: VideoStyleProps) =>
|
|
5
|
+
export declare const useVideoStyles: (props: VideoStyleProps) => import("@material-ui/styles").ClassNameMap<"player" | "wrapper">;
|
|
6
6
|
export {};
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.useVideoStyles = void 0;
|
|
7
7
|
var createStyles_1 = __importDefault(require("@material-ui/core/styles/createStyles"));
|
|
8
8
|
var makeStyles_1 = __importDefault(require("@material-ui/core/styles/makeStyles"));
|
|
9
|
-
exports.useVideoStyles = makeStyles_1.default(function (theme) {
|
|
10
|
-
return createStyles_1.default({
|
|
9
|
+
exports.useVideoStyles = (0, makeStyles_1.default)(function (theme) {
|
|
10
|
+
return (0, createStyles_1.default)({
|
|
11
11
|
player: {
|
|
12
12
|
position: "absolute",
|
|
13
13
|
top: 0,
|
|
@@ -16,7 +16,7 @@ exports.useVideoStyles = makeStyles_1.default(function (theme) {
|
|
|
16
16
|
maxHeight: "100%",
|
|
17
17
|
boxShadow: function (_a) {
|
|
18
18
|
var selected = _a.selected, focused = _a.focused;
|
|
19
|
-
return selected && focused ? "0 0 0 3px "
|
|
19
|
+
return selected && focused ? "0 0 0 3px ".concat(theme.palette.action.active) : "none";
|
|
20
20
|
},
|
|
21
21
|
},
|
|
22
22
|
wrapper: {
|
|
@@ -26,4 +26,4 @@ exports.useVideoStyles = makeStyles_1.default(function (theme) {
|
|
|
26
26
|
},
|
|
27
27
|
});
|
|
28
28
|
});
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9SZW5kZXJlci9WaWRlb0VsZW1lbnQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLHVGQUFpRTtBQUNqRSxtRkFBNkQ7QUFPaEQsUUFBQSxjQUFjLEdBQUcsSUFBQSxvQkFBVSxFQUErQyxVQUFBLEtBQUs7SUFDeEYsT0FBQSxJQUFBLHNCQUFZLEVBQUM7UUFDVCxNQUFNLEVBQUU7WUFDSixRQUFRLEVBQUUsVUFBVTtZQUNwQixHQUFHLEVBQUUsQ0FBQztZQUNOLElBQUksRUFBRSxDQUFDO1lBQ1AsUUFBUSxFQUFFLE1BQU07WUFDaEIsU0FBUyxFQUFFLE1BQU07WUFDakIsU0FBUyxFQUFFLFVBQUMsRUFBcUI7b0JBQW5CLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQTtnQkFDM0IsT0FBQSxRQUFRLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxvQkFBYSxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUF6RSxDQUF5RTtTQUNoRjtRQUNELE9BQU8sRUFBRTtZQUNMLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFVBQVUsRUFBRSxRQUFRLENBQUMseUJBQXlCO1lBQzlDLFlBQVksRUFBRSxDQUFDO1NBQ2xCO0tBQ0osQ0FBQztBQWZGLENBZUUsQ0FDTCxDQUFDIn0=
|
package/Editor/Renderer/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
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);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -16,4 +20,4 @@ Object.defineProperty(exports, "Element", { enumerable: true, get: function () {
|
|
|
16
20
|
var Leaf_1 = require("./Leaf");
|
|
17
21
|
Object.defineProperty(exports, "Leaf", { enumerable: true, get: function () { return Leaf_1.Leaf; } });
|
|
18
22
|
__exportStar(require("./utils"), exports);
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvRWRpdG9yL1JlbmRlcmVyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEscUNBQW9DO0FBQTNCLGtHQUFBLE9BQU8sT0FBQTtBQUNoQiwrQkFBOEI7QUFBckIsNEZBQUEsSUFBSSxPQUFBO0FBQ2IsMENBQXdCIn0=
|
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
import { Editor
|
|
1
|
+
import { Editor } from "slate";
|
|
2
2
|
import { EditorButtonElement, EditorImageElement, EditorLinkElement, EditorVideoElement, LeafMarks, SupportedBlockElementTypes } from "../../types";
|
|
3
3
|
export declare const isMarkActive: (editor: Editor, mark: LeafMarks) => boolean;
|
|
4
4
|
export declare const toggleMark: (editor: Editor, format: LeafMarks) => void;
|
|
5
5
|
export declare const isElementActive: (editor: Editor, format: SupportedBlockElementTypes) => boolean;
|
|
6
6
|
export declare const toggleElement: (editor: Editor, format: SupportedBlockElementTypes) => void;
|
|
7
7
|
export declare const isLinkActive: (editor: Editor) => boolean;
|
|
8
|
-
export declare const getLinkUrl: (editor: Editor) => string | null;
|
|
9
8
|
export declare const getActiveLink: (editor: Editor) => EditorLinkElement | null;
|
|
10
9
|
export declare const insertLink: (editor: Editor, url: string, text?: string | undefined, target?: "_blank" | "_self" | undefined) => void;
|
|
11
10
|
export declare const removeLink: (editor: Editor) => void;
|
|
12
|
-
export declare const createEmptyParagraph: () => import("
|
|
13
|
-
export declare const insertImage: (editor: Editor, image: EditorImageElement, range?:
|
|
14
|
-
export declare const insertButton: (editor: Editor, buttonText: string, buttonUrl: string, range?:
|
|
11
|
+
export declare const createEmptyParagraph: () => import("../../types").SupportedBlockElements;
|
|
12
|
+
export declare const insertImage: (editor: Editor, image: EditorImageElement, range?: import("slate").BaseRange | null | undefined) => void;
|
|
13
|
+
export declare const insertButton: (editor: Editor, buttonText: string, buttonUrl: string, range?: import("slate").BaseRange | null | undefined) => void;
|
|
15
14
|
export declare const isImageActive: (editor: Editor) => boolean;
|
|
16
15
|
export declare const isButtonActive: (editor: Editor) => boolean;
|
|
17
16
|
export declare const getActiveImage: (editor: Editor) => EditorImageElement | null;
|
|
18
17
|
export declare const getActiveButton: (editor: Editor) => EditorButtonElement | null;
|
|
19
18
|
export declare const isVideoActive: (editor: Editor) => boolean;
|
|
20
19
|
export declare const getActiveVideo: (editor: Editor) => EditorVideoElement | null;
|
|
21
|
-
export declare const insertVideo: (editor: Editor, url: string, range?:
|
|
20
|
+
export declare const insertVideo: (editor: Editor, url: string, range?: import("slate").BaseRange | null | undefined) => void;
|
|
22
21
|
export declare const isValidUrl: (url?: string | undefined) => boolean | "" | undefined;
|