@michalrakus/x-react-web-lib 1.32.5 → 1.32.6
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.
|
@@ -49,11 +49,59 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
49
49
|
}
|
|
50
50
|
return ar;
|
|
51
51
|
};
|
|
52
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
53
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
54
|
+
};
|
|
52
55
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
56
|
exports.XEditorBase = void 0;
|
|
54
57
|
var react_1 = __importStar(require("react"));
|
|
55
58
|
var XUtils_1 = require("./XUtils");
|
|
56
59
|
var editor_1 = require("primereact/editor");
|
|
60
|
+
var quill_1 = __importDefault(require("quill"));
|
|
61
|
+
// bez tohto kodu size options nefunguju
|
|
62
|
+
var Size = quill_1.default.import('attributors/style/size');
|
|
63
|
+
Size.whitelist = ['10px', '12px', '14px', '16px', '18px', '24px', '32px', '48px'];
|
|
64
|
+
quill_1.default.register(Size, true);
|
|
65
|
+
var Font = quill_1.default.import('formats/font');
|
|
66
|
+
Font.whitelist = [
|
|
67
|
+
'sans-serif', 'serif', 'monospace',
|
|
68
|
+
'times-new-roman', 'comic-sans',
|
|
69
|
+
];
|
|
70
|
+
quill_1.default.register(Font, true);
|
|
71
|
+
var headerTemplate = function () {
|
|
72
|
+
// poznamka - k tomuto layout-u sa este viazu css styly umiestnene v App.css
|
|
73
|
+
var styleMarginRight = { marginRight: '0.7rem' };
|
|
74
|
+
return (react_1.default.createElement("span", { className: "ql-formats" },
|
|
75
|
+
react_1.default.createElement("select", { className: "ql-font", "aria-label": "Font" },
|
|
76
|
+
react_1.default.createElement("option", { value: "sans-serif", selected: true }, "Sans-Serif"),
|
|
77
|
+
react_1.default.createElement("option", { value: "serif" }, "Serif"),
|
|
78
|
+
react_1.default.createElement("option", { value: "monospace" }, "Monospace"),
|
|
79
|
+
react_1.default.createElement("option", { value: "times-new-roman" }, "TimesNewRoman"),
|
|
80
|
+
react_1.default.createElement("option", { value: "comic-sans" }, "Comic Sans")),
|
|
81
|
+
react_1.default.createElement("select", { className: "ql-size", "aria-label": "Font Size", style: styleMarginRight },
|
|
82
|
+
react_1.default.createElement("option", { value: "10px" }, "10"),
|
|
83
|
+
react_1.default.createElement("option", { value: "12px", selected: true }, "12"),
|
|
84
|
+
react_1.default.createElement("option", { value: "14px" }, "14"),
|
|
85
|
+
react_1.default.createElement("option", { value: "16px" }, "16"),
|
|
86
|
+
react_1.default.createElement("option", { value: "18px" }, "18"),
|
|
87
|
+
react_1.default.createElement("option", { value: "24px" }, "24"),
|
|
88
|
+
react_1.default.createElement("option", { value: "32px" }, "32"),
|
|
89
|
+
react_1.default.createElement("option", { value: "48px" }, "48")),
|
|
90
|
+
react_1.default.createElement("button", { className: "ql-bold", "aria-label": "Bold" }),
|
|
91
|
+
react_1.default.createElement("button", { className: "ql-italic", "aria-label": "Italic" }),
|
|
92
|
+
react_1.default.createElement("button", { className: "ql-underline", "aria-label": "Underline" }),
|
|
93
|
+
react_1.default.createElement("button", { className: "ql-strike", "aria-label": "Strikethrough", style: styleMarginRight }),
|
|
94
|
+
react_1.default.createElement("select", { className: "ql-color", "aria-label": "Text Color" }),
|
|
95
|
+
react_1.default.createElement("select", { className: "ql-background", "aria-label": "Background Color", style: styleMarginRight }),
|
|
96
|
+
react_1.default.createElement("select", { className: "ql-align", "aria-label": "Text Alignment", style: styleMarginRight },
|
|
97
|
+
react_1.default.createElement("option", { selected: true }),
|
|
98
|
+
react_1.default.createElement("option", { value: "center" }),
|
|
99
|
+
react_1.default.createElement("option", { value: "right" })),
|
|
100
|
+
react_1.default.createElement("button", { className: "ql-list", value: "ordered", "aria-label": "Ordered List" }),
|
|
101
|
+
react_1.default.createElement("button", { className: "ql-list", value: "bullet", "aria-label": "Bullet List" }),
|
|
102
|
+
react_1.default.createElement("button", { className: "ql-indent", value: "-1", "aria-label": "Indent to the left" }),
|
|
103
|
+
react_1.default.createElement("button", { className: "ql-indent", value: "+1", "aria-label": "Indent to the right" })));
|
|
104
|
+
};
|
|
57
105
|
// koli optimalizacii - typovany text si zapisuje do svojej stavovej premennej a onChange zavola az z onBlur
|
|
58
106
|
// pri velkych formularoch je totiz volanie zmeny stavu this.setState({object: this.state.object, errorMap: this.state.errorMap}); pomale
|
|
59
107
|
var XEditorBase = function (props) {
|
|
@@ -86,6 +134,6 @@ var XEditorBase = function (props) {
|
|
|
86
134
|
}
|
|
87
135
|
return htmlValue !== null ? htmlValue : undefined; // value v Editor nechce null, chce undefined
|
|
88
136
|
};
|
|
89
|
-
return (react_1.default.createElement(editor_1.Editor, __assign({ id: props.id, value: getValue(), onTextChange: onTextChange, onBlur: onBlur, readOnly: props.readOnly, style: props.style }, XUtils_1.XUtils.createTooltipOrErrorProps(props.error))));
|
|
137
|
+
return (react_1.default.createElement(editor_1.Editor, __assign({ id: props.id, value: getValue(), onTextChange: onTextChange, onBlur: onBlur, readOnly: props.readOnly, pt: { root: { style: props.style } } }, XUtils_1.XUtils.createTooltipOrErrorProps(props.error), { headerTemplate: headerTemplate() })));
|
|
90
138
|
};
|
|
91
139
|
exports.XEditorBase = XEditorBase;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@michalrakus/x-react-web-lib",
|
|
3
|
-
"version": "1.32.
|
|
3
|
+
"version": "1.32.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"clean": "rimraf lib",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"@types/jest": "^29.5.0",
|
|
31
31
|
"@types/lodash": "^4.14.202",
|
|
32
32
|
"@types/node": "^18.15.3",
|
|
33
|
-
"@types/react": "^18.
|
|
34
|
-
"@types/react-dom": "^18.
|
|
33
|
+
"@types/react": "^18.3.1",
|
|
34
|
+
"@types/react-dom": "^18.3.1",
|
|
35
35
|
"@types/react-transition-group": "^4.4.5",
|
|
36
36
|
"gulp": "^4.0.2",
|
|
37
37
|
"rimraf": "^4.4.0",
|
|
@@ -40,10 +40,10 @@
|
|
|
40
40
|
"peerDependencies": {
|
|
41
41
|
"primeflex": "^3.3.1",
|
|
42
42
|
"primeicons": "^7.0.0",
|
|
43
|
-
"primereact": "
|
|
44
|
-
"quill": "^2.0.
|
|
45
|
-
"react": "^18.
|
|
46
|
-
"react-dom": "^18.
|
|
43
|
+
"primereact": "10.9.2",
|
|
44
|
+
"quill": "^2.0.3",
|
|
45
|
+
"react": "^18.3.1",
|
|
46
|
+
"react-dom": "^18.3.1",
|
|
47
47
|
"react-transition-group": "^4.4.5"
|
|
48
48
|
},
|
|
49
49
|
"files": [
|