@uxf/wysiwyg 0.3.3 → 0.3.8

package/Editor/WysiwygEditor.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { WysiwygEditorProps } from "../types";
-export declare const editorStyles: (props?: any) => Record<"editor", string>;
+export declare const editorStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"editor">;
 export declare const WysiwygEditor: React.NamedExoticComponent<WysiwygEditorProps>;

package/Editor/WysiwygEditor.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -61,14 +65,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WysiwygEditor = exports.editorStyles = void 0;
+var createStyles_1 = __importDefault(require("@material-ui/core/styles/createStyles"));
+var makeStyles_1 = __importDefault(require("@material-ui/core/styles/makeStyles"));
 var react_1 = __importStar(require("react"));
 var slate_1 = require("slate");
 var slate_history_1 = require("slate-history");
 var slate_react_1 = require("slate-react");
 var Renderer_1 = require("./Renderer");
 var Toolbar_1 = require("./Toolbar");
-var makeStyles_1 = __importDefault(require("@material-ui/core/styles/makeStyles"));
-var createStyles_1 = __importDefault(require("@material-ui/core/styles/createStyles"));
 var initialValue = [
     {
         type: "paragraph",
@@ -115,8 +119,8 @@ var withLinks = function (editor) {
     };
     editor.insertData = function (data) {
         var text = data.getData("text/plain");
-        if (Renderer_1.isValidUrl(text)) {
-            Renderer_1.insertLink(editor, text, text);
+        if ((0, Renderer_1.isValidUrl)(text)) {
+            (0, Renderer_1.insertLink)(editor, text, text);
         }
         else {
             insertData(data);
@@ -157,10 +161,10 @@ var withImages = function (editor) {
     // };
     return editor;
 };
-exports.editorStyles = makeStyles_1.default(function (theme) {
-    return createStyles_1.default({
+exports.editorStyles = (0, makeStyles_1.default)(function (theme) {
+    return (0, createStyles_1.default)({
         editor: {
-            border: "1px solid " + theme.palette.divider,
+            border: "1px solid ".concat(theme.palette.divider),
             borderRadius: theme.spacing(0, 0, 0.5, 0.5),
             marginTop: -11,
             marginLeft: -4,
@@ -172,13 +176,13 @@ exports.editorStyles = makeStyles_1.default(function (theme) {
 });
 var WysiwygEditorComponent = function (_a) {
     var value = _a.value, onChange = _a.onChange, imageUrlClient = _a.imageUrlClient, imageNamespace = _a.imageNamespace, onUploadImage = _a.onUploadImage, disabledActions = _a.disabledActions, _b = _a.placeholder, placeholder = _b === void 0 ? "Napište něco hezkého..." : _b;
-    var editor = react_1.useMemo(function () { return withImages(withLinks(slate_history_1.withHistory(slate_react_1.withReact(slate_1.createEditor())))); }, []);
-    var classes = exports.editorStyles();
-    var renderElement = react_1.useCallback(function (props) { return (react_1.default.createElement(Renderer_1.Element, __assign({}, props, { imageUrlClient: imageUrlClient, imageNamespace: imageNamespace }))); }, [imageUrlClient, imageNamespace]);
-    var renderLeaf = react_1.useCallback(function (props) { return react_1.default.createElement(Renderer_1.Leaf, __assign({}, props)); }, []);
+    var editor = (0, react_1.useMemo)(function () { return withImages(withLinks((0, slate_history_1.withHistory)((0, slate_react_1.withReact)((0, slate_1.createEditor)())))); }, []);
+    var classes = (0, exports.editorStyles)();
+    var renderElement = (0, react_1.useCallback)(function (props) { return (react_1.default.createElement(Renderer_1.Element, __assign({}, props, { imageUrlClient: imageUrlClient, imageNamespace: imageNamespace }))); }, [imageUrlClient, imageNamespace]);
+    var renderLeaf = (0, react_1.useCallback)(function (props) { return react_1.default.createElement(Renderer_1.Leaf, __assign({}, props)); }, []);
     return (react_1.default.createElement(slate_react_1.Slate, { editor: editor, value: value ? value : initialValue, onChange: onChange },
         react_1.default.createElement(Toolbar_1.Toolbar, { imageUploadHandler: onUploadImage, imageNamespace: imageNamespace, disabledActions: disabledActions }),
         react_1.default.createElement(slate_react_1.Editable, { renderElement: renderElement, spellCheck: false, renderLeaf: renderLeaf, placeholder: placeholder, className: classes.editor })));
 };
-exports.WysiwygEditor = react_1.memo(WysiwygEditorComponent);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV3lzaXd5Z0VkaXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FZGl0b3IvV3lzaXd5Z0VkaXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQThEO0FBQzlELCtCQUFnRjtBQUNoRiwrQ0FBNEM7QUFDNUMsMkNBQTBGO0FBRTFGLHVDQUFtRTtBQUNuRSxxQ0FBb0M7QUFDcEMsbUZBQTZEO0FBRTdELHVGQUFpRTtBQUVqRSxJQUFNLFlBQVksR0FBVztJQUN6QjtRQUNJLElBQUksRUFBRSxXQUFXO1FBQ2pCLFFBQVEsRUFBRSxDQUFDLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxDQUFDO0tBQzNCO0NBQ0osQ0FBQztBQUVGLGlEQUFpRDtBQUNqRCw4QkFBOEI7QUFDOUIsd0JBQXdCO0FBQ3hCLFFBQVE7QUFDUiwwREFBMEQ7QUFDMUQsMENBQTBDO0FBQzFDLDZDQUE2QztBQUM3QyxLQUFLO0FBRUwsSUFBTSxTQUFTLEdBQUcsVUFBQyxNQUFtQjtJQUMxQixJQUFBLFFBQVEsR0FBZ0MsTUFBTSxTQUF0QyxFQUFFLFVBQVUsR0FBb0IsTUFBTSxXQUExQixFQUFFLGFBQWEsR0FBSyxNQUFNLGNBQVgsQ0FBWTtJQUV2RCxNQUFNLENBQUMsUUFBUSxHQUFHLFVBQUMsT0FBcUI7UUFDcEMsT0FBTyxPQUFPLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDOUQsQ0FBQyxDQUFDO0lBRUYsTUFBTSxDQUFDLGFBQWEsR0FBRyxVQUFBLEtBQUs7O1FBQ2xCLElBQUEsS0FBQSxPQUFlLEtBQUssSUFBQSxFQUFuQixJQUFJLFFBQUEsRUFBRSxJQUFJLFFBQVMsQ0FBQztRQUMzQixnRUFBZ0U7UUFDaEUsSUFB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
+exports.WysiwygEditor = (0, react_1.memo)(WysiwygEditorComponent);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV3lzaXd5Z0VkaXRvci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FZGl0b3IvV3lzaXd5Z0VkaXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHVGQUFpRTtBQUVqRSxtRkFBNkQ7QUFDN0QsNkNBQThEO0FBQzlELCtCQUE0RjtBQUM1RiwrQ0FBNEM7QUFDNUMsMkNBQTBGO0FBRTFGLHVDQUFtRTtBQUNuRSxxQ0FBb0M7QUFFcEMsSUFBTSxZQUFZLEdBQWlCO0lBQy9CO1FBQ0ksSUFBSSxFQUFFLFdBQVc7UUFDakIsUUFBUSxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLENBQUM7S0FDM0I7Q0FDSixDQUFDO0FBRUYsaURBQWlEO0FBQ2pELDhCQUE4QjtBQUM5Qix3QkFBd0I7QUFDeEIsUUFBUTtBQUNSLDBEQUEwRDtBQUMxRCwwQ0FBMEM7QUFDMUMsNkNBQTZDO0FBQzdDLEtBQUs7QUFFTCxJQUFNLFNBQVMsR0FBRyxVQUFDLE1BQW1CO0lBQzFCLElBQUEsUUFBUSxHQUFnQyxNQUFNLFNBQXRDLEVBQUUsVUFBVSxHQUFvQixNQUFNLFdBQTFCLEVBQUUsYUFBYSxHQUFLLE1BQU0sY0FBWCxDQUFZO0lBRXZELE1BQU0sQ0FBQyxRQUFRLEdBQUcsVUFBQyxPQUFxQjtRQUNwQyxPQUFPLE9BQU8sQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM5RCxDQUFDLENBQUM7SUFFRixNQUFNLENBQUMsYUFBYSxHQUFHLFVBQUEsS0FBSzs7UUFDbEIsSUFBQSxLQUFBLE9BQWUsS0FBSyxJQUFBLEVBQW5CLElBQUksUUFBQSxFQUFFLElBQUksUUFBUyxDQUFDO1FBQzNCLGdFQUFnRTtRQUNoRSxJQUFJLGVBQVksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxXQUFXLEVBQUU7O2dCQUMzRCxLQUFpQyxJQUFBLEtBQUEsU0FBQSxZQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQSxnQkFBQSw0QkFBRTtvQkFBbkQsSUFBQSxLQUFBLG1CQUFrQixFQUFqQixLQUFLLFFBQUEsRUFBRSxTQUFTLFFBQUE7b0JBQ3hCLElBQUksZUFBWSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEVBQUU7d0JBQzFELGtCQUFVLENBQUMsV0FBVyxDQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDO3dCQUNsRCxPQUFPO3FCQUNWO2lCQUNKOzs7Ozs7Ozs7U0FDSjtRQUVELHdGQUF3RjtRQUN4RixhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsQ0FBQyxDQUFDO0lBRUYsTUFBTSxDQUFDLFVBQVUsR0FBRyxVQUFDLElBQWtCO1FBQ25DLElBQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDeEMsSUFBSSxJQUFBLHFCQUFVLEVBQUMsSUFBSSxDQUFDLEVBQUU7WUFDbEIsSUFBQSxxQkFBVSxFQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7U0FDbEM7YUFBTTtZQUNILFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNwQjtJQUNMLENBQUMsQ0FBQztJQUVGLE9BQU8sTUFBTSxDQUFDO0FBQ2xCLENBQUMsQ0FBQztBQUVGLElBQU0sVUFBVSxHQUFHLFVBQUMsTUFBbUI7SUFDM0IsSUFBQSxNQUFNLEdBQUssTUFBTSxPQUFYLENBQVk7SUFFMUIsTUFBTSxDQUFDLE1BQU0sR0FBRyxVQUFDLE9BQXFCO1FBQ2xDLE9BQU8sT0FBTyxDQUFDLElBQUksS0FBSyxPQUFPLElBQUksT0FBTyxDQUFDLElBQUksS0FBSyxPQUFPLElBQUksT0FBTyxDQUFDLElBQUksS0FBSyxRQUFRO1lBQ3BGLENBQUMsQ0FBQyxJQUFJO1lBQ04sQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMxQixDQUFDLENBQUM7SUFFRixnREFBZ0Q7SUFDaEQsK0NBQStDO0lBQy9DLDhCQUE4QjtJQUM5QixFQUFFO0lBQ0YsdUNBQXVDO0lBQ3ZDLHNDQUFzQztJQUN0QywrQ0FBK0M7SUFDL0MsbURBQW1EO0lBQ25ELEVBQUU7SUFDRixzQ0FBc0M7SUFDdEMsMERBQTBEO0lBQzFELDJEQUEyRDtJQUMzRCxpRkFBaUY7SUFDakYsc0JBQXNCO0lBQ3RCLEVBQUU7SUFDRiw4Q0FBOEM7SUFDOUMsZ0JBQWdCO0lBQ2hCLFlBQVk7SUFDWixxQ0FBcUM7SUFDckMsMkVBQTJFO0lBQzNFLGVBQWU7SUFDZiw0QkFBNEI7SUFDNUIsUUFBUTtJQUNSLEtBQUs7SUFFTCxPQUFPLE1BQU0sQ0FBQztBQUNsQixDQUFDLENBQUM7QUFFVyxRQUFBLFlBQVksR0FBRyxJQUFBLG9CQUFVLEVBQUMsVUFBQyxLQUFZO0lBQ2hELE9BQUEsSUFBQSxzQkFBWSxFQUFDO1FBQ1QsTUFBTSxFQUFFO1lBQ0osTUFBTSxFQUFFLG9CQUFhLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFFO1lBQzVDLFlBQVksRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQztZQUMzQyxTQUFTLEVBQUUsQ0FBQyxFQUFFO1lBQ2QsVUFBVSxFQUFFLENBQUMsQ0FBQztZQUNkLFdBQVcsRUFBRSxDQUFDLENBQUM7WUFDZixPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDekIsU0FBUyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1NBQzlCO0tBQ0osQ0FBQztBQVZGLENBVUUsQ0FDTCxDQUFDO0FBRUYsSUFBTSxzQkFBc0IsR0FBMkIsVUFBQyxFQVF2RDtRQVBHLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLGNBQWMsb0JBQUEsRUFDZCxjQUFjLG9CQUFBLEVBQ2QsYUFBYSxtQkFBQSxFQUNiLGVBQWUscUJBQUEsRUFDZixtQkFBdUMsRUFBdkMsV0FBVyxtQkFBRyx5QkFBeUIsS0FBQTtJQUV2QyxJQUFNLE1BQU0sR0FBRyxJQUFBLGVBQU8sRUFBQyxjQUFNLE9BQUEsVUFBVSxDQUFDLFNBQVMsQ0FBQyxJQUFBLDJCQUFXLEVBQUMsSUFBQSx1QkFBUyxFQUFDLElBQUEsb0JBQVksR0FBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQTdELENBQTZELEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDaEcsSUFBTSxPQUFPLEdBQUcsSUFBQSxvQkFBWSxHQUFFLENBQUM7SUFDL0IsSUFBTSxhQUFhLEdBQUcsSUFBQSxtQkFBVyxFQUM3QixVQUFDLEtBQXlCLElBQUssT0FBQSxDQUMzQiw4QkFBQyxrQkFBTyxlQUFLLEtBQUssSUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLGNBQWMsRUFBRSxjQUFjLElBQUksQ0FDekYsRUFGOEIsQ0FFOUIsRUFDRCxDQUFDLGNBQWMsRUFBRSxjQUFjLENBQUMsQ0FDbkMsQ0FBQztJQUNGLElBQU0sVUFBVSxHQUFHLElBQUEsbUJBQVcsRUFBQyxVQUFDLEtBQXNCLElBQUssT0FBQSw4QkFBQyxlQUFJLGVBQUssS0FBSyxFQUFJLEVBQW5CLENBQW1CLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFcEYsT0FBTyxDQUNILDhCQUFDLG1CQUFLLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFlBQVksRUFBRSxRQUFRLEVBQUUsUUFBUTtRQUMxRSw4QkFBQyxpQkFBTyxJQUNKLGtCQUFrQixFQUFFLGFBQWEsRUFDakMsY0FBYyxFQUFFLGNBQWMsRUFDOUIsZUFBZSxFQUFFLGVBQWUsR0FDbEM7UUFDRiw4QkFBQyxzQkFBUSxJQUNMLGFBQWEsRUFBRSxhQUFhLEVBQzVCLFVBQVUsRUFBRSxLQUFLLEVBQ2pCLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFNBQVMsRUFBRSxPQUFPLENBQUMsTUFBTSxHQUMzQixDQUNFLENBQ1gsQ0FBQztBQUNOLENBQUMsQ0FBQztBQUVXLFFBQUEsYUFBYSxHQUFHLElBQUEsWUFBSSxFQUFDLHNCQUFzQixDQUFDLENBQUMifQ==

package/Editor/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -14,4 +18,4 @@ exports.WysiwygEditor = void 0;
 var WysiwygEditor_1 = require("./WysiwygEditor");
 Object.defineProperty(exports, "WysiwygEditor", { enumerable: true, get: function () { return WysiwygEditor_1.WysiwygEditor; } });
 __exportStar(require("../types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvRWRpdG9yL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFBQSxpREFBZ0Q7QUFBdkMsOEdBQUEsYUFBYSxPQUFBO0FBQ3RCLDJDQUF5QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvRWRpdG9yL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsaURBQWdEO0FBQXZDLDhHQUFBLGFBQWEsT0FBQTtBQUN0QiwyQ0FBeUIifQ==

package/README.md

@@ -1,4 +1,11 @@
 # UXF Wysiwyg editor
+[![npm](https://img.shields.io/npm/v/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+[![size](https://img.shields.io/bundlephobia/min/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+[![quality](https://img.shields.io/npms-io/quality-score/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+[![license](https://img.shields.io/npm/l/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+
+USE NODE 14 and NPM 8 - Update WIP
+
 Package depends on @uxf/storage (PHP BE)
 
 #Installation

package/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -19,4 +23,4 @@ var Converter_1 = require("./Converter");
 Object.defineProperty(exports, "convertToPlainText", { enumerable: true, get: function () { return Converter_1.convertToPlainText; } });
 __exportStar(require("./Content/Renderer/typeGuards"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBLG1DQUF5QztBQUFoQyx1R0FBQSxhQUFhLE9BQUE7QUFDdEIscUNBQTRDO0FBQW5DLDBHQUFBLGVBQWUsT0FBQTtBQUN4Qix5Q0FBaUQ7QUFBeEMsK0dBQUEsa0JBQWtCLE9BQUE7QUFDM0IsZ0VBQThDO0FBQzlDLDBDQUF3QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtQ0FBeUM7QUFBaEMsdUdBQUEsYUFBYSxPQUFBO0FBQ3RCLHFDQUE0QztBQUFuQywwR0FBQSxlQUFlLE9BQUE7QUFDeEIseUNBQWlEO0FBQXhDLCtHQUFBLGtCQUFrQixPQUFBO0FBQzNCLGdFQUE4QztBQUM5QywwQ0FBd0IifQ==

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@uxf/wysiwyg",
-  "version": "0.3.3",
+  "version": "0.3.8",
   "description": "UXF Wysiwyg editor",
   "author": "Robin Dvorak <dvorak@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/wysiwyg",
   "license": "MIT",
-  "main": "index.js",
   "typings": "index.d.ts",
   "module": "index.js",
   "publishConfig": {
@@ -22,50 +21,48 @@
     "test": "npm run-script typecheck",
     "lint": "eslint -c .eslintrc.js \"./**/*.ts*\"",
     "typecheck": "tsc --noEmit --skipLibCheck",
-    "dev": "parcel ./example/index.html --out-dir example/dist --cache-dir example/.cache --port 8080"
+    "dev": "parcel ./example/index.html --dist-dir example/dist --cache-dir example/.cache --port 8080"
   },
   "bugs": {
     "url": "https://gitlab.com/uxf/uxf-base-npm/issues"
   },
   "devDependencies": {
-    "@material-ui/core": "^4.8.1",
-    "@material-ui/icons": "^4.9.1",
+    "@material-ui/core": "^4.12.3",
+    "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.43",
-    "@types/is-url": "^1.2.28",
-    "@types/jest": "^25.2.1",
-    "@types/node": "^13.13.4",
-    "@types/react": "^16.9.0",
-    "@types/react-dom": "^16.9.0",
-    "@typescript-eslint/eslint-plugin": "^4.14.1",
-    "@typescript-eslint/parser": "^4.14.1",
-    "eslint": "^7.18.0",
-    "eslint-config-prettier": "^7.2.0",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-react": "^7.22.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "final-form": "^4.19.1",
-    "jest": "^25.5.0",
-    "parcel-bundler": "^1.12.4",
-    "prettier": "^2.2.1",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
-    "react-final-form": "^6.4.0",
-    "ts-jest": "^25.4.0",
-    "typescript": "^4.1.3"
+    "@types/is-url": "^1.2.30",
+    "@types/jest": "^27.0.1",
+    "@types/node": "^16.0.0",
+    "@types/react-dom": "^17.0.9",
+    "@typescript-eslint/eslint-plugin": "^5.11.0",
+    "@uxf/eslint-config": "^1.2.3",
+    "eslint": "^8.8.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "final-form": "^4.20.2",
+    "jest": "^27.1.0",
+    "parcel": "^2.4.0",
+    "prettier": "^2.3.2",
+    "process": "^0.11.10",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-final-form": "^6.5.3",
+    "ts-jest": "^27.0.5",
+    "typescript": "^4.6.2"
   },
   "dependencies": {
     "is-url": "^1.2.4",
-    "react-player": "^2.8.2",
-    "slate": "^0.58.3",
-    "slate-history": "^0.58.3",
-    "slate-hyperscript": "^0.58.3",
-    "slate-react": "^0.58.1"
+    "react-player": "^2.9.0",
+    "slate": "^0.75.0",
+    "slate-history": "^0.66.0",
+    "slate-hyperscript": "^0.67.0",
+    "slate-react": "^0.75.0"
   },
   "peerDependencies": {
-    "@material-ui/core": "^4.8.0",
-    "@material-ui/icons": "^4.9.1",
-    "@material-ui/lab": "^4.0.0-alpha.43",
-    "react": "^16 || ^17",
-    "react-dom": "^16 || ^17"
+    "@material-ui/core": "^4.12.3",
+    "@material-ui/icons": "^4.11.2",
+    "@material-ui/lab": "^4.0.0-alpha.60",
+    "react": "^16.0.0 || ^17.0.0",
+    "react-dom": "^16.0.0 || ^17.0.0"
   }
 }

package/types.d.ts

@@ -1,4 +1,5 @@
-import { RenderLeafProps as SlateRenderLeafProps } from "slate-react";
+import { BaseEditor } from "slate";
+import { ReactEditor, RenderLeafProps as SlateRenderLeafProps } from "slate-react";
 export interface WysiwygEditorProps {
     value?: EditorBlockElement[];
     onChange: (event: any) => void;
@@ -90,4 +91,11 @@ export interface DisabledActions {
     button?: boolean;
 }
 export declare type WysiwygContent = Array<SupportedBlockElements>;
+declare module "slate" {
+    interface CustomTypes {
+        Editor: BaseEditor & ReactEditor;
+        Element: SupportedBlockElements;
+        Text: EditorLeafElement;
+    }
+}
 export {};