@progress/kendo-react-editor 6.1.1 → 7.0.0-develop.2
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/{dist/es/Editor.d.ts → Editor.d.ts} +5 -1
- package/{dist/npm/EditorProps.d.ts → EditorProps.d.ts} +4 -1
- package/LICENSE.md +1 -1
- package/{dist/es/config → config}/defaultStyles.d.ts +4 -0
- package/config/pasteSettings.d.ts +10 -0
- package/config/schema.d.ts +5 -0
- package/{dist/es/config → config}/shortcuts.d.ts +10 -6
- package/{dist/es/config → config}/toolsSettings.d.ts +4 -1
- package/{dist/npm/dialogs → dialogs}/EditorDialogProps.d.ts +4 -1
- package/{dist/npm/dialogs → dialogs}/FindReplace.d.ts +5 -1
- package/{dist/npm/dialogs/main.d.ts → dialogs/index.d.ts} +4 -0
- package/{dist/npm/dialogs → dialogs}/insertImage.d.ts +5 -1
- package/{dist/es/dialogs → dialogs}/insertLink.d.ts +5 -1
- package/{dist/npm/dialogs → dialogs}/viewHtml.d.ts +5 -1
- package/dist/cdn/js/kendo-react-editor.js +226 -1
- package/{dist/es/main.d.ts → index.d.ts} +10 -6
- package/index.js +226 -0
- package/index.mjs +4133 -0
- package/{dist/npm/messages → messages}/index.d.ts +4 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +37 -52
- package/{dist/es/tools → tools}/ToolProps.d.ts +4 -1
- package/tools/align.d.ts +11 -0
- package/{dist/es/tools → tools}/applyColor.d.ts +4 -0
- package/{dist/npm/tools → tools}/cleanFormatting.d.ts +4 -0
- package/{dist/npm/tools → tools}/findReplace.d.ts +5 -1
- package/{dist/npm/tools → tools}/fontStyle.d.ts +4 -0
- package/{dist/es/tools → tools}/formatBlock.d.ts +4 -0
- package/{dist/npm/tools → tools}/history.d.ts +4 -0
- package/{dist/npm/tools → tools}/indent.d.ts +4 -0
- package/{dist/npm/tools/main.d.ts → tools/index.d.ts} +6 -2
- package/{dist/es/tools → tools}/inlineFormat.d.ts +4 -0
- package/tools/insertImage.d.ts +17 -0
- package/{dist/npm/tools → tools}/insertLink.d.ts +4 -0
- package/tools/insertTable/index.d.ts +7 -0
- package/{dist/npm/tools → tools}/insertTable/popup.d.ts +5 -1
- package/{dist/npm/tools → tools}/insertTable/popupGrid.d.ts +6 -2
- package/{dist/es/tools → tools}/insertTable/tool.d.ts +4 -0
- package/tools/lists-styled.d.ts +8 -0
- package/{dist/es/tools → tools}/lists.d.ts +4 -0
- package/{dist/es/tools → tools}/outdent.d.ts +4 -0
- package/{dist/npm/tools → tools}/pdf.d.ts +4 -0
- package/{dist/npm/tools → tools}/print.d.ts +4 -0
- package/{dist/npm/tools → tools}/proseMirrorTool.d.ts +4 -0
- package/{dist/npm/tools → tools}/selectAll.d.ts +4 -0
- package/{dist/npm/tools → tools}/table-wizard/cellPropsUtils.d.ts +4 -0
- package/{dist/npm/tools → tools}/table-wizard/tableCellProperties.d.ts +5 -1
- package/tools/table-wizard/tableProperties.d.ts +15 -0
- package/{dist/es/tools → tools}/table-wizard/tablePropsUtils.d.ts +5 -1
- package/{dist/es/tools → tools}/table-wizard/utils.d.ts +4 -0
- package/{dist/npm/tools → tools}/tableEdit.d.ts +4 -0
- package/{dist/npm/tools → tools}/unlink.d.ts +4 -0
- package/{dist/npm/tools → tools}/utils.d.ts +4 -0
- package/{dist/es/tools → tools}/viewHtml.d.ts +4 -0
- package/utils/browser-detection.d.ts +8 -0
- package/utils/controlled-value.d.ts +9 -0
- package/{dist/npm/utils → utils}/index.d.ts +4 -0
- package/utils/props-key.d.ts +9 -0
- package/about.md +0 -3
- package/dist/es/Editor.js +0 -441
- package/dist/es/EditorProps.d.ts +0 -197
- package/dist/es/EditorProps.js +0 -1
- package/dist/es/config/defaultStyles.js +0 -12
- package/dist/es/config/pasteSettings.d.ts +0 -6
- package/dist/es/config/pasteSettings.js +0 -1
- package/dist/es/config/schema.d.ts +0 -1
- package/dist/es/config/schema.js +0 -1
- package/dist/es/config/shortcuts.js +0 -34
- package/dist/es/config/toolsSettings.js +0 -522
- package/dist/es/dialogs/EditorDialogProps.d.ts +0 -27
- package/dist/es/dialogs/EditorDialogProps.js +0 -1
- package/dist/es/dialogs/FindReplace.d.ts +0 -71
- package/dist/es/dialogs/FindReplace.js +0 -248
- package/dist/es/dialogs/insertImage.d.ts +0 -28
- package/dist/es/dialogs/insertImage.js +0 -119
- package/dist/es/dialogs/insertLink.js +0 -94
- package/dist/es/dialogs/main.d.ts +0 -49
- package/dist/es/dialogs/main.js +0 -69
- package/dist/es/dialogs/viewHtml.d.ts +0 -25
- package/dist/es/dialogs/viewHtml.js +0 -79
- package/dist/es/main.js +0 -201
- package/dist/es/messages/index.d.ts +0 -334
- package/dist/es/messages/index.js +0 -989
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/tools/ToolProps.js +0 -1
- package/dist/es/tools/align.d.ts +0 -7
- package/dist/es/tools/align.js +0 -70
- package/dist/es/tools/applyColor.js +0 -34
- package/dist/es/tools/cleanFormatting.d.ts +0 -16
- package/dist/es/tools/cleanFormatting.js +0 -50
- package/dist/es/tools/findReplace.d.ts +0 -29
- package/dist/es/tools/findReplace.js +0 -76
- package/dist/es/tools/fontStyle.d.ts +0 -28
- package/dist/es/tools/fontStyle.js +0 -91
- package/dist/es/tools/formatBlock.js +0 -89
- package/dist/es/tools/history.d.ts +0 -26
- package/dist/es/tools/history.js +0 -16
- package/dist/es/tools/indent.d.ts +0 -17
- package/dist/es/tools/indent.js +0 -90
- package/dist/es/tools/inlineFormat.js +0 -75
- package/dist/es/tools/insertImage.d.ts +0 -13
- package/dist/es/tools/insertImage.js +0 -78
- package/dist/es/tools/insertLink.d.ts +0 -24
- package/dist/es/tools/insertLink.js +0 -85
- package/dist/es/tools/insertTable/index.d.ts +0 -3
- package/dist/es/tools/insertTable/index.js +0 -3
- package/dist/es/tools/insertTable/popup.d.ts +0 -93
- package/dist/es/tools/insertTable/popup.js +0 -102
- package/dist/es/tools/insertTable/popupGrid.d.ts +0 -31
- package/dist/es/tools/insertTable/popupGrid.js +0 -54
- package/dist/es/tools/insertTable/tool.js +0 -106
- package/dist/es/tools/lists-styled.d.ts +0 -5
- package/dist/es/tools/lists-styled.js +0 -80
- package/dist/es/tools/lists.js +0 -84
- package/dist/es/tools/main.d.ts +0 -714
- package/dist/es/tools/main.js +0 -740
- package/dist/es/tools/outdent.js +0 -85
- package/dist/es/tools/pdf.d.ts +0 -25
- package/dist/es/tools/pdf.js +0 -44
- package/dist/es/tools/print.d.ts +0 -16
- package/dist/es/tools/print.js +0 -48
- package/dist/es/tools/proseMirrorTool.d.ts +0 -12
- package/dist/es/tools/proseMirrorTool.js +0 -67
- package/dist/es/tools/selectAll.d.ts +0 -16
- package/dist/es/tools/selectAll.js +0 -45
- package/dist/es/tools/table-wizard/cellPropsUtils.d.ts +0 -36
- package/dist/es/tools/table-wizard/cellPropsUtils.js +0 -203
- package/dist/es/tools/table-wizard/tableCellProperties.d.ts +0 -20
- package/dist/es/tools/table-wizard/tableCellProperties.js +0 -247
- package/dist/es/tools/table-wizard/tableProperties.d.ts +0 -11
- package/dist/es/tools/table-wizard/tableProperties.js +0 -294
- package/dist/es/tools/table-wizard/tablePropsUtils.js +0 -498
- package/dist/es/tools/table-wizard/utils.js +0 -144
- package/dist/es/tools/tableEdit.d.ts +0 -98
- package/dist/es/tools/tableEdit.js +0 -90
- package/dist/es/tools/unlink.d.ts +0 -17
- package/dist/es/tools/unlink.js +0 -77
- package/dist/es/tools/utils.d.ts +0 -50
- package/dist/es/tools/utils.js +0 -72
- package/dist/es/tools/viewHtml.js +0 -79
- package/dist/es/utils/browser-detection.d.ts +0 -4
- package/dist/es/utils/browser-detection.js +0 -5
- package/dist/es/utils/controlled-value.d.ts +0 -5
- package/dist/es/utils/controlled-value.js +0 -31
- package/dist/es/utils/index.d.ts +0 -363
- package/dist/es/utils/index.js +0 -431
- package/dist/es/utils/props-key.d.ts +0 -5
- package/dist/es/utils/props-key.js +0 -5
- package/dist/npm/Editor.d.ts +0 -118
- package/dist/npm/Editor.js +0 -444
- package/dist/npm/EditorProps.js +0 -2
- package/dist/npm/config/defaultStyles.d.ts +0 -12
- package/dist/npm/config/defaultStyles.js +0 -15
- package/dist/npm/config/pasteSettings.d.ts +0 -6
- package/dist/npm/config/pasteSettings.js +0 -2
- package/dist/npm/config/schema.d.ts +0 -1
- package/dist/npm/config/schema.js +0 -6
- package/dist/npm/config/shortcuts.d.ts +0 -24
- package/dist/npm/config/shortcuts.js +0 -38
- package/dist/npm/config/toolsSettings.d.ts +0 -490
- package/dist/npm/config/toolsSettings.js +0 -525
- package/dist/npm/dialogs/EditorDialogProps.js +0 -2
- package/dist/npm/dialogs/FindReplace.js +0 -251
- package/dist/npm/dialogs/insertImage.js +0 -122
- package/dist/npm/dialogs/insertLink.d.ts +0 -26
- package/dist/npm/dialogs/insertLink.js +0 -97
- package/dist/npm/dialogs/main.js +0 -72
- package/dist/npm/dialogs/viewHtml.js +0 -82
- package/dist/npm/main.d.ts +0 -176
- package/dist/npm/main.js +0 -189
- package/dist/npm/messages/index.js +0 -992
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/tools/ToolProps.d.ts +0 -38
- package/dist/npm/tools/ToolProps.js +0 -2
- package/dist/npm/tools/align.d.ts +0 -7
- package/dist/npm/tools/align.js +0 -74
- package/dist/npm/tools/applyColor.d.ts +0 -12
- package/dist/npm/tools/applyColor.js +0 -38
- package/dist/npm/tools/cleanFormatting.js +0 -54
- package/dist/npm/tools/findReplace.js +0 -79
- package/dist/npm/tools/fontStyle.js +0 -94
- package/dist/npm/tools/formatBlock.d.ts +0 -18
- package/dist/npm/tools/formatBlock.js +0 -92
- package/dist/npm/tools/history.js +0 -19
- package/dist/npm/tools/indent.js +0 -93
- package/dist/npm/tools/inlineFormat.d.ts +0 -47
- package/dist/npm/tools/inlineFormat.js +0 -78
- package/dist/npm/tools/insertImage.d.ts +0 -13
- package/dist/npm/tools/insertImage.js +0 -82
- package/dist/npm/tools/insertLink.js +0 -88
- package/dist/npm/tools/insertTable/index.d.ts +0 -3
- package/dist/npm/tools/insertTable/index.js +0 -7
- package/dist/npm/tools/insertTable/popup.js +0 -105
- package/dist/npm/tools/insertTable/popupGrid.js +0 -56
- package/dist/npm/tools/insertTable/tool.d.ts +0 -24
- package/dist/npm/tools/insertTable/tool.js +0 -109
- package/dist/npm/tools/lists-styled.d.ts +0 -5
- package/dist/npm/tools/lists-styled.js +0 -84
- package/dist/npm/tools/lists.d.ts +0 -27
- package/dist/npm/tools/lists.js +0 -87
- package/dist/npm/tools/main.js +0 -743
- package/dist/npm/tools/outdent.d.ts +0 -17
- package/dist/npm/tools/outdent.js +0 -88
- package/dist/npm/tools/pdf.js +0 -48
- package/dist/npm/tools/print.js +0 -52
- package/dist/npm/tools/proseMirrorTool.js +0 -71
- package/dist/npm/tools/selectAll.js +0 -49
- package/dist/npm/tools/table-wizard/cellPropsUtils.js +0 -208
- package/dist/npm/tools/table-wizard/tableCellProperties.js +0 -253
- package/dist/npm/tools/table-wizard/tableProperties.d.ts +0 -11
- package/dist/npm/tools/table-wizard/tableProperties.js +0 -298
- package/dist/npm/tools/table-wizard/tablePropsUtils.d.ts +0 -52
- package/dist/npm/tools/table-wizard/tablePropsUtils.js +0 -504
- package/dist/npm/tools/table-wizard/utils.d.ts +0 -39
- package/dist/npm/tools/table-wizard/utils.js +0 -153
- package/dist/npm/tools/tableEdit.js +0 -95
- package/dist/npm/tools/unlink.js +0 -80
- package/dist/npm/tools/utils.js +0 -82
- package/dist/npm/tools/viewHtml.d.ts +0 -24
- package/dist/npm/tools/viewHtml.js +0 -82
- package/dist/npm/utils/browser-detection.d.ts +0 -4
- package/dist/npm/utils/browser-detection.js +0 -8
- package/dist/npm/utils/controlled-value.d.ts +0 -5
- package/dist/npm/utils/controlled-value.js +0 -35
- package/dist/npm/utils/index.js +0 -434
- package/dist/npm/utils/props-key.d.ts +0 -5
- package/dist/npm/utils/props-key.js +0 -8
- package/dist/systemjs/kendo-react-editor.js +0 -1
- package/e2e-next/editor.basic.tests.ts +0 -24
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { EditorToolsSettings } from '../config/toolsSettings';
|
|
3
|
-
import { ToolProps } from './ToolProps';
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
export declare namespace InlineFormatToolNS {
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
interface InlineFormatToolProps extends ToolProps {
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
interface BoldProps extends InlineFormatToolProps {
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
interface ItalicProps extends InlineFormatToolProps {
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
interface UnderlineProps extends InlineFormatToolProps {
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* @hidden
|
|
30
|
-
*/
|
|
31
|
-
interface StrikethroughProps extends InlineFormatToolProps {
|
|
32
|
-
}
|
|
33
|
-
/**
|
|
34
|
-
* @hidden
|
|
35
|
-
*/
|
|
36
|
-
interface SubscriptProps extends InlineFormatToolProps {
|
|
37
|
-
}
|
|
38
|
-
/**
|
|
39
|
-
* @hidden
|
|
40
|
-
*/
|
|
41
|
-
interface SuperscriptProps extends InlineFormatToolProps {
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* @hidden
|
|
45
|
-
*/
|
|
46
|
-
const createInlineFormatTool: (settings: EditorToolsSettings.InlineFormatSettings) => React.ComponentClass<InlineFormatToolProps, any>;
|
|
47
|
-
}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
var __assign = (this && this.__assign) || function () {
|
|
18
|
-
__assign = Object.assign || function(t) {
|
|
19
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
-
s = arguments[i];
|
|
21
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
22
|
-
t[p] = s[p];
|
|
23
|
-
}
|
|
24
|
-
return t;
|
|
25
|
-
};
|
|
26
|
-
return __assign.apply(this, arguments);
|
|
27
|
-
};
|
|
28
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
29
|
-
var t = {};
|
|
30
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
31
|
-
t[p] = s[p];
|
|
32
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
33
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
34
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
35
|
-
t[p[i]] = s[p[i]];
|
|
36
|
-
}
|
|
37
|
-
return t;
|
|
38
|
-
};
|
|
39
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.InlineFormatToolNS = void 0;
|
|
41
|
-
var React = require("react");
|
|
42
|
-
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
43
|
-
var kendo_editor_common_1 = require("@progress/kendo-editor-common");
|
|
44
|
-
var utils_1 = require("./utils");
|
|
45
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
46
|
-
var messages_1 = require("../messages");
|
|
47
|
-
/**
|
|
48
|
-
* @hidden
|
|
49
|
-
*/
|
|
50
|
-
var InlineFormatToolNS;
|
|
51
|
-
(function (InlineFormatToolNS) {
|
|
52
|
-
/**
|
|
53
|
-
* @hidden
|
|
54
|
-
*/
|
|
55
|
-
InlineFormatToolNS.createInlineFormatTool = function (settings) {
|
|
56
|
-
var Tool = /** @class */ (function (_super) {
|
|
57
|
-
__extends(InlineTool, _super);
|
|
58
|
-
function InlineTool() {
|
|
59
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
60
|
-
}
|
|
61
|
-
InlineTool.prototype.render = function () {
|
|
62
|
-
var _a = this.props, view = _a.view, render = _a.render, buttonProps = __rest(_a, ["view", "render"]);
|
|
63
|
-
var state = view && view.state;
|
|
64
|
-
var mark = settings.mark, altMarks = settings.altMarks, altStyle = settings.altStyle;
|
|
65
|
-
var options = { mark: mark, altMarks: altMarks, altStyle: altStyle };
|
|
66
|
-
var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
|
|
67
|
-
var titleKey = settings.messages.title;
|
|
68
|
-
var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: function () {
|
|
69
|
-
return view && (0, kendo_editor_common_1.toggleInlineFormat)(options, state && state.tr.setMeta('commandName', settings.commandName))(view.state, view.dispatch);
|
|
70
|
-
}, selected: !!state && (0, kendo_editor_common_1.hasMark)(state, options), togglable: true }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages_1.messages[titleKey]) }, settings.props, buttonProps)));
|
|
71
|
-
return render ? render.call(undefined, button, { view: view }) : button;
|
|
72
|
-
};
|
|
73
|
-
return InlineTool;
|
|
74
|
-
}(React.Component));
|
|
75
|
-
(0, kendo_react_intl_1.registerForLocalization)(Tool);
|
|
76
|
-
return Tool;
|
|
77
|
-
};
|
|
78
|
-
})(InlineFormatToolNS = exports.InlineFormatToolNS || (exports.InlineFormatToolNS = {}));
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { EditorToolsSettings } from '../config/toolsSettings';
|
|
3
|
-
import { EditorTools } from './main';
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
export interface InsertImageState {
|
|
8
|
-
openedDialog: boolean;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare const createInsertImageTool: (settings: EditorToolsSettings.ImageSettings) => React.ComponentClass<EditorTools.InsertImageProps, InsertImageState>;
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
var __assign = (this && this.__assign) || function () {
|
|
18
|
-
__assign = Object.assign || function(t) {
|
|
19
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
-
s = arguments[i];
|
|
21
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
22
|
-
t[p] = s[p];
|
|
23
|
-
}
|
|
24
|
-
return t;
|
|
25
|
-
};
|
|
26
|
-
return __assign.apply(this, arguments);
|
|
27
|
-
};
|
|
28
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
29
|
-
var t = {};
|
|
30
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
31
|
-
t[p] = s[p];
|
|
32
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
33
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
34
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
35
|
-
t[p[i]] = s[p[i]];
|
|
36
|
-
}
|
|
37
|
-
return t;
|
|
38
|
-
};
|
|
39
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.createInsertImageTool = void 0;
|
|
41
|
-
var React = require("react");
|
|
42
|
-
var kendo_editor_common_1 = require("@progress/kendo-editor-common");
|
|
43
|
-
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
44
|
-
var utils_1 = require("./utils");
|
|
45
|
-
var main_1 = require("../dialogs/main");
|
|
46
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
47
|
-
var messages_1 = require("./../messages");
|
|
48
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
49
|
-
/**
|
|
50
|
-
* @hidden
|
|
51
|
-
*/
|
|
52
|
-
var createInsertImageTool = function (settings) {
|
|
53
|
-
var Tool = /** @class */ (function (_super) {
|
|
54
|
-
__extends(InsertImageTool, _super);
|
|
55
|
-
function InsertImageTool() {
|
|
56
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
57
|
-
_this.state = {
|
|
58
|
-
openedDialog: false
|
|
59
|
-
};
|
|
60
|
-
_this.toggleDialog = function () {
|
|
61
|
-
_this.setState({
|
|
62
|
-
openedDialog: !_this.state.openedDialog
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
return _this;
|
|
66
|
-
}
|
|
67
|
-
InsertImageTool.prototype.render = function () {
|
|
68
|
-
var _a = this.props, view = _a.view, render = _a.render, buttonProps = __rest(_a, ["view", "render"]);
|
|
69
|
-
var state = view && view.state;
|
|
70
|
-
var nodeType = state ? state.schema.nodes[settings.node] : undefined;
|
|
71
|
-
var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
|
|
72
|
-
var insertImage = settings.messages.insertImage;
|
|
73
|
-
var disabled = !nodeType || !state || !(0, kendo_editor_common_1.canInsert)(state, nodeType);
|
|
74
|
-
var rendering = [(React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : this.toggleDialog, "aria-disabled": disabled ? true : undefined, key: "insertImage" }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(insertImage, messages_1.messages[insertImage]) }, settings.props, buttonProps, { className: (0, kendo_react_common_1.classNames)(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) }))), (this.state.openedDialog && view && (React.createElement(main_1.EditorDialogs.InsertImageDialog, { key: "insertImageDialog", view: view, settings: settings, dir: buttonProps.dir, onClose: this.toggleDialog })) || null)];
|
|
75
|
-
return render ? render.call(undefined, rendering, { view: view }) : rendering;
|
|
76
|
-
};
|
|
77
|
-
return InsertImageTool;
|
|
78
|
-
}(React.Component));
|
|
79
|
-
(0, kendo_react_intl_1.registerForLocalization)(Tool);
|
|
80
|
-
return Tool;
|
|
81
|
-
};
|
|
82
|
-
exports.createInsertImageTool = createInsertImageTool;
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
var __assign = (this && this.__assign) || function () {
|
|
18
|
-
__assign = Object.assign || function(t) {
|
|
19
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
-
s = arguments[i];
|
|
21
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
22
|
-
t[p] = s[p];
|
|
23
|
-
}
|
|
24
|
-
return t;
|
|
25
|
-
};
|
|
26
|
-
return __assign.apply(this, arguments);
|
|
27
|
-
};
|
|
28
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
29
|
-
var t = {};
|
|
30
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
31
|
-
t[p] = s[p];
|
|
32
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
33
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
34
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
35
|
-
t[p[i]] = s[p[i]];
|
|
36
|
-
}
|
|
37
|
-
return t;
|
|
38
|
-
};
|
|
39
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.LinkToolNS = void 0;
|
|
41
|
-
var React = require("react");
|
|
42
|
-
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
43
|
-
var kendo_editor_common_1 = require("@progress/kendo-editor-common");
|
|
44
|
-
var utils_1 = require("./utils");
|
|
45
|
-
var main_1 = require("../dialogs/main");
|
|
46
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
47
|
-
var messages_1 = require("./../messages");
|
|
48
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
49
|
-
/**
|
|
50
|
-
* @hidden
|
|
51
|
-
*/
|
|
52
|
-
var LinkToolNS;
|
|
53
|
-
(function (LinkToolNS) {
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
LinkToolNS.createLinkTool = function (settings) {
|
|
58
|
-
var Tool = /** @class */ (function (_super) {
|
|
59
|
-
__extends(LinkTool, _super);
|
|
60
|
-
function LinkTool() {
|
|
61
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
62
|
-
_this.state = {
|
|
63
|
-
openedDialog: false
|
|
64
|
-
};
|
|
65
|
-
_this.toggleDialog = function () {
|
|
66
|
-
_this.setState({
|
|
67
|
-
openedDialog: !_this.state.openedDialog
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
|
-
return _this;
|
|
71
|
-
}
|
|
72
|
-
LinkTool.prototype.render = function () {
|
|
73
|
-
var _a = this.props, view = _a.view, render = _a.render, props = __rest(_a, ["view", "render"]);
|
|
74
|
-
var state = view && view.state;
|
|
75
|
-
var collapsed = state ? state.selection.empty : true;
|
|
76
|
-
var linkMark = state && (0, kendo_editor_common_1.getMark)(state, state.schema.marks[settings.mark]);
|
|
77
|
-
var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
|
|
78
|
-
var insertHyperlink = settings.messages.insertHyperlink;
|
|
79
|
-
var disabled = collapsed && !linkMark;
|
|
80
|
-
var rendering = [(React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : this.toggleDialog, "aria-disabled": disabled ? true : undefined, key: "link" }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(insertHyperlink, messages_1.messages[insertHyperlink]) }, settings.props, props, { className: (0, kendo_react_common_1.classNames)(props.className, settings.props.className, { 'k-disabled': disabled }) }))), (this.state.openedDialog && view && (React.createElement(main_1.EditorDialogs.InsertLinkDialog, { key: "insertLinkDialog", settings: settings, dir: props.dir, view: view, onClose: this.toggleDialog })) || null)];
|
|
81
|
-
return render ? render.call(undefined, rendering, { view: view }) : rendering;
|
|
82
|
-
};
|
|
83
|
-
return LinkTool;
|
|
84
|
-
}(React.Component));
|
|
85
|
-
(0, kendo_react_intl_1.registerForLocalization)(Tool);
|
|
86
|
-
return Tool;
|
|
87
|
-
};
|
|
88
|
-
})(LinkToolNS = exports.LinkToolNS || (exports.LinkToolNS = {}));
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.InsertTablePopupNS = exports.InsertTableToolNS = void 0;
|
|
4
|
-
var tool_1 = require("./tool");
|
|
5
|
-
Object.defineProperty(exports, "InsertTableToolNS", { enumerable: true, get: function () { return tool_1.InsertTableToolNS; } });
|
|
6
|
-
var popup_1 = require("./popup");
|
|
7
|
-
Object.defineProperty(exports, "InsertTablePopupNS", { enumerable: true, get: function () { return popup_1.InsertTablePopupNS; } });
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.InsertTablePopupNS = void 0;
|
|
19
|
-
var React = require("react");
|
|
20
|
-
var PropTypes = require("prop-types");
|
|
21
|
-
var kendo_react_popup_1 = require("@progress/kendo-react-popup");
|
|
22
|
-
var popupGrid_1 = require("./popupGrid");
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
var InsertTablePopupNS;
|
|
27
|
-
(function (InsertTablePopupNS) {
|
|
28
|
-
/**
|
|
29
|
-
* @hidden
|
|
30
|
-
*/
|
|
31
|
-
var InsertTablePopup = /** @class */ (function (_super) {
|
|
32
|
-
__extends(InsertTablePopup, _super);
|
|
33
|
-
function InsertTablePopup() {
|
|
34
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
35
|
-
_this.pointerdown = false;
|
|
36
|
-
_this.onWindowDown = function (event) {
|
|
37
|
-
var anchor = _this.props.anchor;
|
|
38
|
-
if (anchor && (anchor === event.target || anchor.firstElementChild === event.target)) {
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
if (_this.props.show && !_this.pointerdown) {
|
|
42
|
-
_this.props.onClose();
|
|
43
|
-
}
|
|
44
|
-
_this.pointerdown = false;
|
|
45
|
-
};
|
|
46
|
-
_this.onPointerDown = function () { return _this.pointerdown = true; };
|
|
47
|
-
return _this;
|
|
48
|
-
}
|
|
49
|
-
/**
|
|
50
|
-
* @hidden
|
|
51
|
-
*/
|
|
52
|
-
InsertTablePopup.prototype.componentDidUpdate = function (prevProps) {
|
|
53
|
-
// The case when the popup is shown and the view is updated (selection or document is changed).
|
|
54
|
-
if (prevProps.show && this.props.show) {
|
|
55
|
-
this.props.onClose();
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
/**
|
|
59
|
-
* @hidden
|
|
60
|
-
*/
|
|
61
|
-
InsertTablePopup.prototype.componentDidMount = function () {
|
|
62
|
-
window.addEventListener('mousedown', this.onWindowDown);
|
|
63
|
-
window.addEventListener('pointerdown', this.onWindowDown);
|
|
64
|
-
};
|
|
65
|
-
/**
|
|
66
|
-
* @hidden
|
|
67
|
-
*/
|
|
68
|
-
InsertTablePopup.prototype.componentWillUnmount = function () {
|
|
69
|
-
window.removeEventListener('mousedown', this.onWindowDown);
|
|
70
|
-
window.removeEventListener('pointerdown', this.onWindowDown);
|
|
71
|
-
};
|
|
72
|
-
/**
|
|
73
|
-
* @hidden
|
|
74
|
-
*/
|
|
75
|
-
InsertTablePopup.prototype.render = function () {
|
|
76
|
-
var _a = this.props, show = _a.show, anchor = _a.anchor, dir = _a.dir, _b = _a.rows, rows = _b === void 0 ? InsertTablePopup.defaultProps.rows : _b, _c = _a.columns, columns = _c === void 0 ? InsertTablePopup.defaultProps.columns : _c;
|
|
77
|
-
var horizontal = dir === 'rtl' ? 'right' : 'left';
|
|
78
|
-
return (React.createElement(kendo_react_popup_1.Popup, { anchor: anchor, anchorAlign: { horizontal: horizontal, vertical: 'bottom' }, popupAlign: { horizontal: horizontal, vertical: 'top' }, popupClass: "k-ct-popup k-group k-reset k-state-border-up", show: show, style: dir === 'rtl' ? { direction: 'rtl' } : undefined },
|
|
79
|
-
React.createElement(popupGrid_1.default, { rows: rows, columns: columns, createTableMessage: this.props.createTableMessage, createTableHintMessage: this.props.createTableHintMessage, onCellClick: this.props.onTableInsert, onDown: this.onPointerDown })));
|
|
80
|
-
};
|
|
81
|
-
/**
|
|
82
|
-
* @hidden
|
|
83
|
-
*/
|
|
84
|
-
InsertTablePopup.propTypes = {
|
|
85
|
-
show: PropTypes.bool.isRequired,
|
|
86
|
-
createTableMessage: PropTypes.string.isRequired,
|
|
87
|
-
createTableHintMessage: PropTypes.string.isRequired,
|
|
88
|
-
onClose: PropTypes.func.isRequired,
|
|
89
|
-
onTableInsert: PropTypes.func.isRequired,
|
|
90
|
-
anchor: PropTypes.any,
|
|
91
|
-
rows: PropTypes.number,
|
|
92
|
-
columns: PropTypes.number,
|
|
93
|
-
dir: PropTypes.string
|
|
94
|
-
};
|
|
95
|
-
/**
|
|
96
|
-
* @hidden
|
|
97
|
-
*/
|
|
98
|
-
InsertTablePopup.defaultProps = {
|
|
99
|
-
rows: 6,
|
|
100
|
-
columns: 8
|
|
101
|
-
};
|
|
102
|
-
return InsertTablePopup;
|
|
103
|
-
}(React.Component));
|
|
104
|
-
InsertTablePopupNS.InsertTablePopup = InsertTablePopup;
|
|
105
|
-
})(InsertTablePopupNS = exports.InsertTablePopupNS || (exports.InsertTablePopupNS = {}));
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
var React = require("react");
|
|
19
|
-
var utils_1 = require("../utils");
|
|
20
|
-
var cellClass = 'k-ct-cell k-disabled';
|
|
21
|
-
var selectedClass = 'k-selected';
|
|
22
|
-
/**
|
|
23
|
-
* @hidden
|
|
24
|
-
*/
|
|
25
|
-
var PopupGrid = /** @class */ (function (_super) {
|
|
26
|
-
__extends(PopupGrid, _super);
|
|
27
|
-
function PopupGrid() {
|
|
28
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
29
|
-
_this.state = { row: -1, col: -1 };
|
|
30
|
-
return _this;
|
|
31
|
-
}
|
|
32
|
-
PopupGrid.prototype.renderCell = function (index, selRow, selCol) {
|
|
33
|
-
var _this = this;
|
|
34
|
-
var row = Math.floor(index / this.props.columns);
|
|
35
|
-
var col = index % this.props.columns;
|
|
36
|
-
var selected = col <= selCol && row <= selRow;
|
|
37
|
-
return (React.createElement("span", { className: cellClass + (selected ? " ".concat(selectedClass) : ''), onMouseEnter: function () { return _this.setState({ row: row, col: col }); }, onClick: function () { return _this.props.onCellClick.call(undefined, row, col); }, key: index }));
|
|
38
|
-
};
|
|
39
|
-
PopupGrid.prototype.render = function () {
|
|
40
|
-
var _this = this;
|
|
41
|
-
var cells = [];
|
|
42
|
-
var total = this.props.columns * this.props.rows;
|
|
43
|
-
var _a = this.state, row = _a.row, col = _a.col;
|
|
44
|
-
var onDown = this.props.onDown;
|
|
45
|
-
var message = this.props.createTableMessage;
|
|
46
|
-
if (col > -1) {
|
|
47
|
-
message = (0, utils_1.formatString)(this.props.createTableHintMessage, row + 1, col + 1);
|
|
48
|
-
}
|
|
49
|
-
for (var i = 0; i < total; i++) {
|
|
50
|
-
cells.push(this.renderCell(i, row, col));
|
|
51
|
-
}
|
|
52
|
-
return [(React.createElement("div", { onMouseLeave: function () { return _this.setState({ row: -1, col: -1 }); }, key: "cells", style: { borderColor: 'inherit' }, onPointerDown: onDown, onMouseDown: onDown }, cells)), (React.createElement("div", { className: "k-status", key: "status", onPointerDown: onDown, onMouseDown: onDown }, message))];
|
|
53
|
-
};
|
|
54
|
-
return PopupGrid;
|
|
55
|
-
}(React.Component));
|
|
56
|
-
exports.default = PopupGrid;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ButtonProps } from '@progress/kendo-react-buttons';
|
|
3
|
-
import { EditorToolsSettings } from './../../config/toolsSettings';
|
|
4
|
-
import { BasicToolProps, ToolWithDialogRenderProp } from './../ToolProps';
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare namespace InsertTableToolNS {
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
interface InsertTableProps extends BasicToolProps, ToolWithDialogRenderProp, ButtonProps {
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
interface InsertTableToolState {
|
|
18
|
-
openedPopup: boolean;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
const createInsertTableTool: (settings: EditorToolsSettings.InsertTableSettings) => React.ComponentClass<InsertTableProps, InsertTableToolState>;
|
|
24
|
-
}
|
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
var __assign = (this && this.__assign) || function () {
|
|
18
|
-
__assign = Object.assign || function(t) {
|
|
19
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
-
s = arguments[i];
|
|
21
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
22
|
-
t[p] = s[p];
|
|
23
|
-
}
|
|
24
|
-
return t;
|
|
25
|
-
};
|
|
26
|
-
return __assign.apply(this, arguments);
|
|
27
|
-
};
|
|
28
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
29
|
-
var t = {};
|
|
30
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
31
|
-
t[p] = s[p];
|
|
32
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
33
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
34
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
35
|
-
t[p[i]] = s[p[i]];
|
|
36
|
-
}
|
|
37
|
-
return t;
|
|
38
|
-
};
|
|
39
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.InsertTableToolNS = void 0;
|
|
41
|
-
var React = require("react");
|
|
42
|
-
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
43
|
-
var utils_1 = require("./../utils");
|
|
44
|
-
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
45
|
-
var messages_1 = require("./../../messages");
|
|
46
|
-
var popup_1 = require("./popup");
|
|
47
|
-
var kendo_editor_common_1 = require("@progress/kendo-editor-common");
|
|
48
|
-
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
49
|
-
/**
|
|
50
|
-
* @hidden
|
|
51
|
-
*/
|
|
52
|
-
var InsertTableToolNS;
|
|
53
|
-
(function (InsertTableToolNS) {
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
InsertTableToolNS.createInsertTableTool = function (settings) {
|
|
58
|
-
var Tool = /** @class */ (function (_super) {
|
|
59
|
-
__extends(InsertTableTool, _super);
|
|
60
|
-
function InsertTableTool() {
|
|
61
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
62
|
-
_this.state = {
|
|
63
|
-
openedPopup: false
|
|
64
|
-
};
|
|
65
|
-
_this.button = null;
|
|
66
|
-
_this.togglePopup = function () {
|
|
67
|
-
_this.setState({
|
|
68
|
-
openedPopup: !_this.state.openedPopup
|
|
69
|
-
});
|
|
70
|
-
};
|
|
71
|
-
_this.closePopup = function () {
|
|
72
|
-
if (_this.state.openedPopup) {
|
|
73
|
-
_this.togglePopup();
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
_this.onTableInsert = function (row, col) {
|
|
77
|
-
var view = _this.props.view;
|
|
78
|
-
if (!view) {
|
|
79
|
-
return;
|
|
80
|
-
}
|
|
81
|
-
var _a = view.state.schema.nodes, table = _a.table, table_row = _a.table_row, table_cell = _a.table_cell;
|
|
82
|
-
var newTable = (0, kendo_editor_common_1.createTable)({ table: table, table_row: table_row, table_cell: table_cell }, row, col);
|
|
83
|
-
if (newTable) {
|
|
84
|
-
(0, kendo_editor_common_1.insertNode)(newTable, true)(view.state, view.dispatch);
|
|
85
|
-
}
|
|
86
|
-
view.focus();
|
|
87
|
-
_this.closePopup();
|
|
88
|
-
};
|
|
89
|
-
return _this;
|
|
90
|
-
}
|
|
91
|
-
InsertTableTool.prototype.render = function () {
|
|
92
|
-
var _this = this;
|
|
93
|
-
var _a = this.props, view = _a.view, render = _a.render, props = __rest(_a, ["view", "render"]);
|
|
94
|
-
var state = view && view.state;
|
|
95
|
-
var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
|
|
96
|
-
var _b = settings.messages, createTableMsgKey = _b.createTable, createTableHint = _b.createTableHint;
|
|
97
|
-
var createTableMsg = localization.toLanguageString(createTableMsgKey, messages_1.messages[createTableMsgKey]);
|
|
98
|
-
var createTableHintMsg = localization.toLanguageString(createTableHint, messages_1.messages[createTableHint]);
|
|
99
|
-
var disabled = Boolean(!state || !(0, kendo_editor_common_1.canInsert)(state, state.schema.nodes.table) ||
|
|
100
|
-
(0, utils_1.parentNode)(state.selection.$from, function (node) { return node.type.name === 'table_caption_external'; }));
|
|
101
|
-
var rendering = [(React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : this.togglePopup, "aria-disabled": disabled ? true : undefined, ref: function (e) { return _this.button = e && e.element; }, key: "InsertTable" }, utils_1.onDownPreventDefault, { title: createTableMsg }, settings.props, props, { className: (0, kendo_react_common_1.classNames)(props.className, settings.props.className, { 'k-disabled': disabled }) }))), (view && !disabled && (React.createElement(popup_1.InsertTablePopupNS.InsertTablePopup, { key: "insertTablePopup", createTableMessage: createTableMsg, createTableHintMessage: createTableHintMsg, dir: props.dir, anchor: this.button, show: this.state.openedPopup, onClose: this.closePopup, onTableInsert: this.onTableInsert })) || null)];
|
|
102
|
-
return render ? render.call(undefined, rendering, { view: view }) : rendering;
|
|
103
|
-
};
|
|
104
|
-
return InsertTableTool;
|
|
105
|
-
}(React.Component));
|
|
106
|
-
(0, kendo_react_intl_1.registerForLocalization)(Tool);
|
|
107
|
-
return Tool;
|
|
108
|
-
};
|
|
109
|
-
})(InsertTableToolNS = exports.InsertTableToolNS || (exports.InsertTableToolNS = {}));
|