@progress/kendo-react-editor 6.1.1-dev.202311151536 → 7.0.0-develop.1
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
package/dist/es/tools/indent.js
DELETED
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
28
|
-
var t = {};
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
-
t[p] = s[p];
|
|
31
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
-
t[p[i]] = s[p[i]];
|
|
35
|
-
}
|
|
36
|
-
return t;
|
|
37
|
-
};
|
|
38
|
-
import * as React from 'react';
|
|
39
|
-
import { Button } from '@progress/kendo-react-buttons';
|
|
40
|
-
import { indentBlocks, isIndented, canIndentAsListItem, hasNode, sinkListItem } from '@progress/kendo-editor-common';
|
|
41
|
-
import { onDownPreventDefault } from './utils';
|
|
42
|
-
import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
|
|
43
|
-
import { messages } from './../messages';
|
|
44
|
-
import { classNames } from '@progress/kendo-react-common';
|
|
45
|
-
/**
|
|
46
|
-
* @hidden
|
|
47
|
-
*/
|
|
48
|
-
export var IndentToolNS;
|
|
49
|
-
(function (IndentToolNS) {
|
|
50
|
-
/**
|
|
51
|
-
* @hidden
|
|
52
|
-
*/
|
|
53
|
-
IndentToolNS.createIndentTool = function (settings) {
|
|
54
|
-
var Tool = /** @class */ (function (_super) {
|
|
55
|
-
__extends(IndentTool, _super);
|
|
56
|
-
function IndentTool() {
|
|
57
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
58
|
-
}
|
|
59
|
-
IndentTool.prototype.render = function () {
|
|
60
|
-
var _a = this.props, view = _a.view, render = _a.render, buttonProps = __rest(_a, ["view", "render"]);
|
|
61
|
-
var dir = buttonProps.dir;
|
|
62
|
-
var state = view && view.state;
|
|
63
|
-
var nodes = state && state.schema.nodes;
|
|
64
|
-
var listItem = nodes && nodes[settings.listsTypes.listItem];
|
|
65
|
-
var actions = settings.actions;
|
|
66
|
-
var canIndented = !!state && !!listItem &&
|
|
67
|
-
(isIndented(state, actions, dir) ||
|
|
68
|
-
actions.some(function (a) { return nodes && nodes[a.node] && hasNode(state, nodes[a.node]); })) &&
|
|
69
|
-
!hasNode(state, listItem);
|
|
70
|
-
var canListIndent = !!state && canIndentAsListItem(state, listItem);
|
|
71
|
-
var canIndent = canIndented || canListIndent;
|
|
72
|
-
var localization = provideLocalizationService(this);
|
|
73
|
-
var titleKey = settings.messages.title;
|
|
74
|
-
var disabled = !canIndent;
|
|
75
|
-
var button = (React.createElement(Button, __assign({ onClick: disabled ? undefined : function () {
|
|
76
|
-
if (view && canListIndent && listItem) {
|
|
77
|
-
sinkListItem(listItem)(view.state, view.dispatch);
|
|
78
|
-
}
|
|
79
|
-
else if (view && canIndented) {
|
|
80
|
-
indentBlocks(actions, settings.commandName, dir)(view.state, view.dispatch);
|
|
81
|
-
}
|
|
82
|
-
}, "aria-disabled": disabled ? true : undefined, title: localization.toLanguageString(titleKey, messages[titleKey]) }, onDownPreventDefault, settings.props, buttonProps, { className: classNames(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) })));
|
|
83
|
-
return render ? render.call(undefined, button, { view: view }) : button;
|
|
84
|
-
};
|
|
85
|
-
return IndentTool;
|
|
86
|
-
}(React.Component));
|
|
87
|
-
registerForLocalization(Tool);
|
|
88
|
-
return Tool;
|
|
89
|
-
};
|
|
90
|
-
})(IndentToolNS || (IndentToolNS = {}));
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
28
|
-
var t = {};
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
-
t[p] = s[p];
|
|
31
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
-
t[p[i]] = s[p[i]];
|
|
35
|
-
}
|
|
36
|
-
return t;
|
|
37
|
-
};
|
|
38
|
-
import * as React from 'react';
|
|
39
|
-
import { Button } from '@progress/kendo-react-buttons';
|
|
40
|
-
import { toggleInlineFormat, hasMark } from '@progress/kendo-editor-common';
|
|
41
|
-
import { onDownPreventDefault } from './utils';
|
|
42
|
-
import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
|
|
43
|
-
import { messages } from '../messages';
|
|
44
|
-
/**
|
|
45
|
-
* @hidden
|
|
46
|
-
*/
|
|
47
|
-
export var InlineFormatToolNS;
|
|
48
|
-
(function (InlineFormatToolNS) {
|
|
49
|
-
/**
|
|
50
|
-
* @hidden
|
|
51
|
-
*/
|
|
52
|
-
InlineFormatToolNS.createInlineFormatTool = function (settings) {
|
|
53
|
-
var Tool = /** @class */ (function (_super) {
|
|
54
|
-
__extends(InlineTool, _super);
|
|
55
|
-
function InlineTool() {
|
|
56
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
57
|
-
}
|
|
58
|
-
InlineTool.prototype.render = function () {
|
|
59
|
-
var _a = this.props, view = _a.view, render = _a.render, buttonProps = __rest(_a, ["view", "render"]);
|
|
60
|
-
var state = view && view.state;
|
|
61
|
-
var mark = settings.mark, altMarks = settings.altMarks, altStyle = settings.altStyle;
|
|
62
|
-
var options = { mark: mark, altMarks: altMarks, altStyle: altStyle };
|
|
63
|
-
var localization = provideLocalizationService(this);
|
|
64
|
-
var titleKey = settings.messages.title;
|
|
65
|
-
var button = (React.createElement(Button, __assign({ onClick: function () {
|
|
66
|
-
return view && toggleInlineFormat(options, state && state.tr.setMeta('commandName', settings.commandName))(view.state, view.dispatch);
|
|
67
|
-
}, selected: !!state && hasMark(state, options), togglable: true }, onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages[titleKey]) }, settings.props, buttonProps)));
|
|
68
|
-
return render ? render.call(undefined, button, { view: view }) : button;
|
|
69
|
-
};
|
|
70
|
-
return InlineTool;
|
|
71
|
-
}(React.Component));
|
|
72
|
-
registerForLocalization(Tool);
|
|
73
|
-
return Tool;
|
|
74
|
-
};
|
|
75
|
-
})(InlineFormatToolNS || (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,78 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
28
|
-
var t = {};
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
-
t[p] = s[p];
|
|
31
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
-
t[p[i]] = s[p[i]];
|
|
35
|
-
}
|
|
36
|
-
return t;
|
|
37
|
-
};
|
|
38
|
-
import * as React from 'react';
|
|
39
|
-
import { canInsert } from '@progress/kendo-editor-common';
|
|
40
|
-
import { Button } from '@progress/kendo-react-buttons';
|
|
41
|
-
import { onDownPreventDefault } from './utils';
|
|
42
|
-
import { EditorDialogs } from '../dialogs/main';
|
|
43
|
-
import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
|
|
44
|
-
import { messages } from './../messages';
|
|
45
|
-
import { classNames } from '@progress/kendo-react-common';
|
|
46
|
-
/**
|
|
47
|
-
* @hidden
|
|
48
|
-
*/
|
|
49
|
-
export var createInsertImageTool = function (settings) {
|
|
50
|
-
var Tool = /** @class */ (function (_super) {
|
|
51
|
-
__extends(InsertImageTool, _super);
|
|
52
|
-
function InsertImageTool() {
|
|
53
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
54
|
-
_this.state = {
|
|
55
|
-
openedDialog: false
|
|
56
|
-
};
|
|
57
|
-
_this.toggleDialog = function () {
|
|
58
|
-
_this.setState({
|
|
59
|
-
openedDialog: !_this.state.openedDialog
|
|
60
|
-
});
|
|
61
|
-
};
|
|
62
|
-
return _this;
|
|
63
|
-
}
|
|
64
|
-
InsertImageTool.prototype.render = function () {
|
|
65
|
-
var _a = this.props, view = _a.view, render = _a.render, buttonProps = __rest(_a, ["view", "render"]);
|
|
66
|
-
var state = view && view.state;
|
|
67
|
-
var nodeType = state ? state.schema.nodes[settings.node] : undefined;
|
|
68
|
-
var localization = provideLocalizationService(this);
|
|
69
|
-
var insertImage = settings.messages.insertImage;
|
|
70
|
-
var disabled = !nodeType || !state || !canInsert(state, nodeType);
|
|
71
|
-
var rendering = [(React.createElement(Button, __assign({ onClick: disabled ? undefined : this.toggleDialog, "aria-disabled": disabled ? true : undefined, key: "insertImage" }, onDownPreventDefault, { title: localization.toLanguageString(insertImage, messages[insertImage]) }, settings.props, buttonProps, { className: classNames(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) }))), (this.state.openedDialog && view && (React.createElement(EditorDialogs.InsertImageDialog, { key: "insertImageDialog", view: view, settings: settings, dir: buttonProps.dir, onClose: this.toggleDialog })) || null)];
|
|
72
|
-
return render ? render.call(undefined, rendering, { view: view }) : rendering;
|
|
73
|
-
};
|
|
74
|
-
return InsertImageTool;
|
|
75
|
-
}(React.Component));
|
|
76
|
-
registerForLocalization(Tool);
|
|
77
|
-
return Tool;
|
|
78
|
-
};
|
|
@@ -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 LinkToolNS {
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
interface LinkProps extends BasicToolProps, ToolWithDialogRenderProp, ButtonProps {
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
interface LinkToolState {
|
|
18
|
-
openedDialog: boolean;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
const createLinkTool: (settings: EditorToolsSettings.LinkSettings) => React.ComponentClass<LinkProps, LinkToolState>;
|
|
24
|
-
}
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
28
|
-
var t = {};
|
|
29
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
-
t[p] = s[p];
|
|
31
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
-
t[p[i]] = s[p[i]];
|
|
35
|
-
}
|
|
36
|
-
return t;
|
|
37
|
-
};
|
|
38
|
-
import * as React from 'react';
|
|
39
|
-
import { Button } from '@progress/kendo-react-buttons';
|
|
40
|
-
import { getMark } from '@progress/kendo-editor-common';
|
|
41
|
-
import { onDownPreventDefault } from './utils';
|
|
42
|
-
import { EditorDialogs } from '../dialogs/main';
|
|
43
|
-
import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
|
|
44
|
-
import { messages } from './../messages';
|
|
45
|
-
import { classNames } from '@progress/kendo-react-common';
|
|
46
|
-
/**
|
|
47
|
-
* @hidden
|
|
48
|
-
*/
|
|
49
|
-
export var LinkToolNS;
|
|
50
|
-
(function (LinkToolNS) {
|
|
51
|
-
/**
|
|
52
|
-
* @hidden
|
|
53
|
-
*/
|
|
54
|
-
LinkToolNS.createLinkTool = function (settings) {
|
|
55
|
-
var Tool = /** @class */ (function (_super) {
|
|
56
|
-
__extends(LinkTool, _super);
|
|
57
|
-
function LinkTool() {
|
|
58
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
59
|
-
_this.state = {
|
|
60
|
-
openedDialog: false
|
|
61
|
-
};
|
|
62
|
-
_this.toggleDialog = function () {
|
|
63
|
-
_this.setState({
|
|
64
|
-
openedDialog: !_this.state.openedDialog
|
|
65
|
-
});
|
|
66
|
-
};
|
|
67
|
-
return _this;
|
|
68
|
-
}
|
|
69
|
-
LinkTool.prototype.render = function () {
|
|
70
|
-
var _a = this.props, view = _a.view, render = _a.render, props = __rest(_a, ["view", "render"]);
|
|
71
|
-
var state = view && view.state;
|
|
72
|
-
var collapsed = state ? state.selection.empty : true;
|
|
73
|
-
var linkMark = state && getMark(state, state.schema.marks[settings.mark]);
|
|
74
|
-
var localization = provideLocalizationService(this);
|
|
75
|
-
var insertHyperlink = settings.messages.insertHyperlink;
|
|
76
|
-
var disabled = collapsed && !linkMark;
|
|
77
|
-
var rendering = [(React.createElement(Button, __assign({ onClick: disabled ? undefined : this.toggleDialog, "aria-disabled": disabled ? true : undefined, key: "link" }, onDownPreventDefault, { title: localization.toLanguageString(insertHyperlink, messages[insertHyperlink]) }, settings.props, props, { className: classNames(props.className, settings.props.className, { 'k-disabled': disabled }) }))), (this.state.openedDialog && view && (React.createElement(EditorDialogs.InsertLinkDialog, { key: "insertLinkDialog", settings: settings, dir: props.dir, view: view, onClose: this.toggleDialog })) || null)];
|
|
78
|
-
return render ? render.call(undefined, rendering, { view: view }) : rendering;
|
|
79
|
-
};
|
|
80
|
-
return LinkTool;
|
|
81
|
-
}(React.Component));
|
|
82
|
-
registerForLocalization(Tool);
|
|
83
|
-
return Tool;
|
|
84
|
-
};
|
|
85
|
-
})(LinkToolNS || (LinkToolNS = {}));
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PropTypes from 'prop-types';
|
|
3
|
-
/**
|
|
4
|
-
* @hidden
|
|
5
|
-
*/
|
|
6
|
-
export declare namespace InsertTablePopupNS {
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
interface InsertTablePopupProps {
|
|
11
|
-
/**
|
|
12
|
-
* The element which will be used as an anchor.
|
|
13
|
-
*/
|
|
14
|
-
anchor: HTMLButtonElement | null;
|
|
15
|
-
/**
|
|
16
|
-
* Controls the visibility of the Popup.
|
|
17
|
-
*/
|
|
18
|
-
show: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* The `Create a table` message.
|
|
21
|
-
*/
|
|
22
|
-
createTableMessage: string;
|
|
23
|
-
/**
|
|
24
|
-
* The `Create a {0} x {1} table` message.
|
|
25
|
-
*/
|
|
26
|
-
createTableHintMessage: string;
|
|
27
|
-
/**
|
|
28
|
-
* The number of rows.
|
|
29
|
-
*/
|
|
30
|
-
rows?: number;
|
|
31
|
-
/**
|
|
32
|
-
* The number of columns.
|
|
33
|
-
*/
|
|
34
|
-
columns?: number;
|
|
35
|
-
/**
|
|
36
|
-
* The `dir` HTML attribute.
|
|
37
|
-
*/
|
|
38
|
-
dir?: string;
|
|
39
|
-
/**
|
|
40
|
-
* The `close` event which will be triggered when the `InsertTablePopup` is about to be closed.
|
|
41
|
-
*/
|
|
42
|
-
onClose: () => void;
|
|
43
|
-
/**
|
|
44
|
-
* The `onTableInsert` event which will be triggered when a cell in `InsertTablePopup` is clicked.
|
|
45
|
-
*/
|
|
46
|
-
onTableInsert: (row: number, col: number) => void;
|
|
47
|
-
}
|
|
48
|
-
/**
|
|
49
|
-
* @hidden
|
|
50
|
-
*/
|
|
51
|
-
class InsertTablePopup extends React.Component<InsertTablePopupProps> {
|
|
52
|
-
/**
|
|
53
|
-
* @hidden
|
|
54
|
-
*/
|
|
55
|
-
static propTypes: {
|
|
56
|
-
show: PropTypes.Validator<boolean>;
|
|
57
|
-
createTableMessage: PropTypes.Validator<string>;
|
|
58
|
-
createTableHintMessage: PropTypes.Validator<string>;
|
|
59
|
-
onClose: PropTypes.Validator<(...args: any[]) => any>;
|
|
60
|
-
onTableInsert: PropTypes.Validator<(...args: any[]) => any>;
|
|
61
|
-
anchor: PropTypes.Requireable<any>;
|
|
62
|
-
rows: PropTypes.Requireable<number>;
|
|
63
|
-
columns: PropTypes.Requireable<number>;
|
|
64
|
-
dir: PropTypes.Requireable<string>;
|
|
65
|
-
};
|
|
66
|
-
/**
|
|
67
|
-
* @hidden
|
|
68
|
-
*/
|
|
69
|
-
static defaultProps: {
|
|
70
|
-
rows: number;
|
|
71
|
-
columns: number;
|
|
72
|
-
};
|
|
73
|
-
private pointerdown;
|
|
74
|
-
/**
|
|
75
|
-
* @hidden
|
|
76
|
-
*/
|
|
77
|
-
componentDidUpdate(prevProps: InsertTablePopupProps): void;
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
componentDidMount(): void;
|
|
82
|
-
/**
|
|
83
|
-
* @hidden
|
|
84
|
-
*/
|
|
85
|
-
componentWillUnmount(): void;
|
|
86
|
-
/**
|
|
87
|
-
* @hidden
|
|
88
|
-
*/
|
|
89
|
-
render(): JSX.Element;
|
|
90
|
-
private onWindowDown;
|
|
91
|
-
private onPointerDown;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
import * as React from 'react';
|
|
17
|
-
import * as PropTypes from 'prop-types';
|
|
18
|
-
import { Popup } from '@progress/kendo-react-popup';
|
|
19
|
-
import PopupGrid from './popupGrid';
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
export var InsertTablePopupNS;
|
|
24
|
-
(function (InsertTablePopupNS) {
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
var InsertTablePopup = /** @class */ (function (_super) {
|
|
29
|
-
__extends(InsertTablePopup, _super);
|
|
30
|
-
function InsertTablePopup() {
|
|
31
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
32
|
-
_this.pointerdown = false;
|
|
33
|
-
_this.onWindowDown = function (event) {
|
|
34
|
-
var anchor = _this.props.anchor;
|
|
35
|
-
if (anchor && (anchor === event.target || anchor.firstElementChild === event.target)) {
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
if (_this.props.show && !_this.pointerdown) {
|
|
39
|
-
_this.props.onClose();
|
|
40
|
-
}
|
|
41
|
-
_this.pointerdown = false;
|
|
42
|
-
};
|
|
43
|
-
_this.onPointerDown = function () { return _this.pointerdown = true; };
|
|
44
|
-
return _this;
|
|
45
|
-
}
|
|
46
|
-
/**
|
|
47
|
-
* @hidden
|
|
48
|
-
*/
|
|
49
|
-
InsertTablePopup.prototype.componentDidUpdate = function (prevProps) {
|
|
50
|
-
// The case when the popup is shown and the view is updated (selection or document is changed).
|
|
51
|
-
if (prevProps.show && this.props.show) {
|
|
52
|
-
this.props.onClose();
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
/**
|
|
56
|
-
* @hidden
|
|
57
|
-
*/
|
|
58
|
-
InsertTablePopup.prototype.componentDidMount = function () {
|
|
59
|
-
window.addEventListener('mousedown', this.onWindowDown);
|
|
60
|
-
window.addEventListener('pointerdown', this.onWindowDown);
|
|
61
|
-
};
|
|
62
|
-
/**
|
|
63
|
-
* @hidden
|
|
64
|
-
*/
|
|
65
|
-
InsertTablePopup.prototype.componentWillUnmount = function () {
|
|
66
|
-
window.removeEventListener('mousedown', this.onWindowDown);
|
|
67
|
-
window.removeEventListener('pointerdown', this.onWindowDown);
|
|
68
|
-
};
|
|
69
|
-
/**
|
|
70
|
-
* @hidden
|
|
71
|
-
*/
|
|
72
|
-
InsertTablePopup.prototype.render = function () {
|
|
73
|
-
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;
|
|
74
|
-
var horizontal = dir === 'rtl' ? 'right' : 'left';
|
|
75
|
-
return (React.createElement(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 },
|
|
76
|
-
React.createElement(PopupGrid, { rows: rows, columns: columns, createTableMessage: this.props.createTableMessage, createTableHintMessage: this.props.createTableHintMessage, onCellClick: this.props.onTableInsert, onDown: this.onPointerDown })));
|
|
77
|
-
};
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
InsertTablePopup.propTypes = {
|
|
82
|
-
show: PropTypes.bool.isRequired,
|
|
83
|
-
createTableMessage: PropTypes.string.isRequired,
|
|
84
|
-
createTableHintMessage: PropTypes.string.isRequired,
|
|
85
|
-
onClose: PropTypes.func.isRequired,
|
|
86
|
-
onTableInsert: PropTypes.func.isRequired,
|
|
87
|
-
anchor: PropTypes.any,
|
|
88
|
-
rows: PropTypes.number,
|
|
89
|
-
columns: PropTypes.number,
|
|
90
|
-
dir: PropTypes.string
|
|
91
|
-
};
|
|
92
|
-
/**
|
|
93
|
-
* @hidden
|
|
94
|
-
*/
|
|
95
|
-
InsertTablePopup.defaultProps = {
|
|
96
|
-
rows: 6,
|
|
97
|
-
columns: 8
|
|
98
|
-
};
|
|
99
|
-
return InsertTablePopup;
|
|
100
|
-
}(React.Component));
|
|
101
|
-
InsertTablePopupNS.InsertTablePopup = InsertTablePopup;
|
|
102
|
-
})(InsertTablePopupNS || (InsertTablePopupNS = {}));
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export interface PopupGridProps {
|
|
6
|
-
rows: number;
|
|
7
|
-
columns: number;
|
|
8
|
-
createTableMessage: string;
|
|
9
|
-
createTableHintMessage: string;
|
|
10
|
-
onCellClick: (row: number, col: number) => void;
|
|
11
|
-
onDown: () => void;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
interface PopupGridState {
|
|
17
|
-
row: number;
|
|
18
|
-
col: number;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
export default class PopupGrid extends React.Component<PopupGridProps, PopupGridState> {
|
|
24
|
-
readonly state: {
|
|
25
|
-
row: number;
|
|
26
|
-
col: number;
|
|
27
|
-
};
|
|
28
|
-
renderCell(index: number, selRow: number, selCol: number): JSX.Element;
|
|
29
|
-
render(): JSX.Element[];
|
|
30
|
-
}
|
|
31
|
-
export {};
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
import * as React from 'react';
|
|
17
|
-
import { formatString } from '../utils';
|
|
18
|
-
var cellClass = 'k-ct-cell k-disabled';
|
|
19
|
-
var selectedClass = 'k-selected';
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
var PopupGrid = /** @class */ (function (_super) {
|
|
24
|
-
__extends(PopupGrid, _super);
|
|
25
|
-
function PopupGrid() {
|
|
26
|
-
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
27
|
-
_this.state = { row: -1, col: -1 };
|
|
28
|
-
return _this;
|
|
29
|
-
}
|
|
30
|
-
PopupGrid.prototype.renderCell = function (index, selRow, selCol) {
|
|
31
|
-
var _this = this;
|
|
32
|
-
var row = Math.floor(index / this.props.columns);
|
|
33
|
-
var col = index % this.props.columns;
|
|
34
|
-
var selected = col <= selCol && row <= selRow;
|
|
35
|
-
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 }));
|
|
36
|
-
};
|
|
37
|
-
PopupGrid.prototype.render = function () {
|
|
38
|
-
var _this = this;
|
|
39
|
-
var cells = [];
|
|
40
|
-
var total = this.props.columns * this.props.rows;
|
|
41
|
-
var _a = this.state, row = _a.row, col = _a.col;
|
|
42
|
-
var onDown = this.props.onDown;
|
|
43
|
-
var message = this.props.createTableMessage;
|
|
44
|
-
if (col > -1) {
|
|
45
|
-
message = formatString(this.props.createTableHintMessage, row + 1, col + 1);
|
|
46
|
-
}
|
|
47
|
-
for (var i = 0; i < total; i++) {
|
|
48
|
-
cells.push(this.renderCell(i, row, col));
|
|
49
|
-
}
|
|
50
|
-
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))];
|
|
51
|
-
};
|
|
52
|
-
return PopupGrid;
|
|
53
|
-
}(React.Component));
|
|
54
|
-
export default PopupGrid;
|