@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.
Files changed (231) hide show
  1. package/{dist/es/Editor.d.ts → Editor.d.ts} +5 -1
  2. package/{dist/npm/EditorProps.d.ts → EditorProps.d.ts} +4 -1
  3. package/LICENSE.md +1 -1
  4. package/{dist/es/config → config}/defaultStyles.d.ts +4 -0
  5. package/config/pasteSettings.d.ts +10 -0
  6. package/config/schema.d.ts +5 -0
  7. package/{dist/es/config → config}/shortcuts.d.ts +10 -6
  8. package/{dist/es/config → config}/toolsSettings.d.ts +4 -1
  9. package/{dist/npm/dialogs → dialogs}/EditorDialogProps.d.ts +4 -1
  10. package/{dist/npm/dialogs → dialogs}/FindReplace.d.ts +5 -1
  11. package/{dist/npm/dialogs/main.d.ts → dialogs/index.d.ts} +4 -0
  12. package/{dist/npm/dialogs → dialogs}/insertImage.d.ts +5 -1
  13. package/{dist/es/dialogs → dialogs}/insertLink.d.ts +5 -1
  14. package/{dist/npm/dialogs → dialogs}/viewHtml.d.ts +5 -1
  15. package/dist/cdn/js/kendo-react-editor.js +226 -1
  16. package/{dist/es/main.d.ts → index.d.ts} +10 -6
  17. package/index.js +226 -0
  18. package/index.mjs +4133 -0
  19. package/{dist/npm/messages → messages}/index.d.ts +4 -0
  20. package/package-metadata.d.ts +9 -0
  21. package/package.json +37 -52
  22. package/{dist/es/tools → tools}/ToolProps.d.ts +4 -1
  23. package/tools/align.d.ts +11 -0
  24. package/{dist/es/tools → tools}/applyColor.d.ts +4 -0
  25. package/{dist/npm/tools → tools}/cleanFormatting.d.ts +4 -0
  26. package/{dist/npm/tools → tools}/findReplace.d.ts +5 -1
  27. package/{dist/npm/tools → tools}/fontStyle.d.ts +4 -0
  28. package/{dist/es/tools → tools}/formatBlock.d.ts +4 -0
  29. package/{dist/npm/tools → tools}/history.d.ts +4 -0
  30. package/{dist/npm/tools → tools}/indent.d.ts +4 -0
  31. package/{dist/npm/tools/main.d.ts → tools/index.d.ts} +6 -2
  32. package/{dist/es/tools → tools}/inlineFormat.d.ts +4 -0
  33. package/tools/insertImage.d.ts +17 -0
  34. package/{dist/npm/tools → tools}/insertLink.d.ts +4 -0
  35. package/tools/insertTable/index.d.ts +7 -0
  36. package/{dist/npm/tools → tools}/insertTable/popup.d.ts +5 -1
  37. package/{dist/npm/tools → tools}/insertTable/popupGrid.d.ts +6 -2
  38. package/{dist/es/tools → tools}/insertTable/tool.d.ts +4 -0
  39. package/tools/lists-styled.d.ts +8 -0
  40. package/{dist/es/tools → tools}/lists.d.ts +4 -0
  41. package/{dist/es/tools → tools}/outdent.d.ts +4 -0
  42. package/{dist/npm/tools → tools}/pdf.d.ts +4 -0
  43. package/{dist/npm/tools → tools}/print.d.ts +4 -0
  44. package/{dist/npm/tools → tools}/proseMirrorTool.d.ts +4 -0
  45. package/{dist/npm/tools → tools}/selectAll.d.ts +4 -0
  46. package/{dist/npm/tools → tools}/table-wizard/cellPropsUtils.d.ts +4 -0
  47. package/{dist/npm/tools → tools}/table-wizard/tableCellProperties.d.ts +5 -1
  48. package/tools/table-wizard/tableProperties.d.ts +15 -0
  49. package/{dist/es/tools → tools}/table-wizard/tablePropsUtils.d.ts +5 -1
  50. package/{dist/es/tools → tools}/table-wizard/utils.d.ts +4 -0
  51. package/{dist/npm/tools → tools}/tableEdit.d.ts +4 -0
  52. package/{dist/npm/tools → tools}/unlink.d.ts +4 -0
  53. package/{dist/npm/tools → tools}/utils.d.ts +4 -0
  54. package/{dist/es/tools → tools}/viewHtml.d.ts +4 -0
  55. package/utils/browser-detection.d.ts +8 -0
  56. package/utils/controlled-value.d.ts +9 -0
  57. package/{dist/npm/utils → utils}/index.d.ts +4 -0
  58. package/utils/props-key.d.ts +9 -0
  59. package/about.md +0 -3
  60. package/dist/es/Editor.js +0 -441
  61. package/dist/es/EditorProps.d.ts +0 -197
  62. package/dist/es/EditorProps.js +0 -1
  63. package/dist/es/config/defaultStyles.js +0 -12
  64. package/dist/es/config/pasteSettings.d.ts +0 -6
  65. package/dist/es/config/pasteSettings.js +0 -1
  66. package/dist/es/config/schema.d.ts +0 -1
  67. package/dist/es/config/schema.js +0 -1
  68. package/dist/es/config/shortcuts.js +0 -34
  69. package/dist/es/config/toolsSettings.js +0 -522
  70. package/dist/es/dialogs/EditorDialogProps.d.ts +0 -27
  71. package/dist/es/dialogs/EditorDialogProps.js +0 -1
  72. package/dist/es/dialogs/FindReplace.d.ts +0 -71
  73. package/dist/es/dialogs/FindReplace.js +0 -248
  74. package/dist/es/dialogs/insertImage.d.ts +0 -28
  75. package/dist/es/dialogs/insertImage.js +0 -119
  76. package/dist/es/dialogs/insertLink.js +0 -94
  77. package/dist/es/dialogs/main.d.ts +0 -49
  78. package/dist/es/dialogs/main.js +0 -69
  79. package/dist/es/dialogs/viewHtml.d.ts +0 -25
  80. package/dist/es/dialogs/viewHtml.js +0 -79
  81. package/dist/es/main.js +0 -201
  82. package/dist/es/messages/index.d.ts +0 -334
  83. package/dist/es/messages/index.js +0 -989
  84. package/dist/es/package-metadata.d.ts +0 -5
  85. package/dist/es/package-metadata.js +0 -11
  86. package/dist/es/tools/ToolProps.js +0 -1
  87. package/dist/es/tools/align.d.ts +0 -7
  88. package/dist/es/tools/align.js +0 -70
  89. package/dist/es/tools/applyColor.js +0 -34
  90. package/dist/es/tools/cleanFormatting.d.ts +0 -16
  91. package/dist/es/tools/cleanFormatting.js +0 -50
  92. package/dist/es/tools/findReplace.d.ts +0 -29
  93. package/dist/es/tools/findReplace.js +0 -76
  94. package/dist/es/tools/fontStyle.d.ts +0 -28
  95. package/dist/es/tools/fontStyle.js +0 -91
  96. package/dist/es/tools/formatBlock.js +0 -89
  97. package/dist/es/tools/history.d.ts +0 -26
  98. package/dist/es/tools/history.js +0 -16
  99. package/dist/es/tools/indent.d.ts +0 -17
  100. package/dist/es/tools/indent.js +0 -90
  101. package/dist/es/tools/inlineFormat.js +0 -75
  102. package/dist/es/tools/insertImage.d.ts +0 -13
  103. package/dist/es/tools/insertImage.js +0 -78
  104. package/dist/es/tools/insertLink.d.ts +0 -24
  105. package/dist/es/tools/insertLink.js +0 -85
  106. package/dist/es/tools/insertTable/index.d.ts +0 -3
  107. package/dist/es/tools/insertTable/index.js +0 -3
  108. package/dist/es/tools/insertTable/popup.d.ts +0 -93
  109. package/dist/es/tools/insertTable/popup.js +0 -102
  110. package/dist/es/tools/insertTable/popupGrid.d.ts +0 -31
  111. package/dist/es/tools/insertTable/popupGrid.js +0 -54
  112. package/dist/es/tools/insertTable/tool.js +0 -106
  113. package/dist/es/tools/lists-styled.d.ts +0 -5
  114. package/dist/es/tools/lists-styled.js +0 -80
  115. package/dist/es/tools/lists.js +0 -84
  116. package/dist/es/tools/main.d.ts +0 -714
  117. package/dist/es/tools/main.js +0 -740
  118. package/dist/es/tools/outdent.js +0 -85
  119. package/dist/es/tools/pdf.d.ts +0 -25
  120. package/dist/es/tools/pdf.js +0 -44
  121. package/dist/es/tools/print.d.ts +0 -16
  122. package/dist/es/tools/print.js +0 -48
  123. package/dist/es/tools/proseMirrorTool.d.ts +0 -12
  124. package/dist/es/tools/proseMirrorTool.js +0 -67
  125. package/dist/es/tools/selectAll.d.ts +0 -16
  126. package/dist/es/tools/selectAll.js +0 -45
  127. package/dist/es/tools/table-wizard/cellPropsUtils.d.ts +0 -36
  128. package/dist/es/tools/table-wizard/cellPropsUtils.js +0 -203
  129. package/dist/es/tools/table-wizard/tableCellProperties.d.ts +0 -20
  130. package/dist/es/tools/table-wizard/tableCellProperties.js +0 -247
  131. package/dist/es/tools/table-wizard/tableProperties.d.ts +0 -11
  132. package/dist/es/tools/table-wizard/tableProperties.js +0 -294
  133. package/dist/es/tools/table-wizard/tablePropsUtils.js +0 -498
  134. package/dist/es/tools/table-wizard/utils.js +0 -144
  135. package/dist/es/tools/tableEdit.d.ts +0 -98
  136. package/dist/es/tools/tableEdit.js +0 -90
  137. package/dist/es/tools/unlink.d.ts +0 -17
  138. package/dist/es/tools/unlink.js +0 -77
  139. package/dist/es/tools/utils.d.ts +0 -50
  140. package/dist/es/tools/utils.js +0 -72
  141. package/dist/es/tools/viewHtml.js +0 -79
  142. package/dist/es/utils/browser-detection.d.ts +0 -4
  143. package/dist/es/utils/browser-detection.js +0 -5
  144. package/dist/es/utils/controlled-value.d.ts +0 -5
  145. package/dist/es/utils/controlled-value.js +0 -31
  146. package/dist/es/utils/index.d.ts +0 -363
  147. package/dist/es/utils/index.js +0 -431
  148. package/dist/es/utils/props-key.d.ts +0 -5
  149. package/dist/es/utils/props-key.js +0 -5
  150. package/dist/npm/Editor.d.ts +0 -118
  151. package/dist/npm/Editor.js +0 -444
  152. package/dist/npm/EditorProps.js +0 -2
  153. package/dist/npm/config/defaultStyles.d.ts +0 -12
  154. package/dist/npm/config/defaultStyles.js +0 -15
  155. package/dist/npm/config/pasteSettings.d.ts +0 -6
  156. package/dist/npm/config/pasteSettings.js +0 -2
  157. package/dist/npm/config/schema.d.ts +0 -1
  158. package/dist/npm/config/schema.js +0 -6
  159. package/dist/npm/config/shortcuts.d.ts +0 -24
  160. package/dist/npm/config/shortcuts.js +0 -38
  161. package/dist/npm/config/toolsSettings.d.ts +0 -490
  162. package/dist/npm/config/toolsSettings.js +0 -525
  163. package/dist/npm/dialogs/EditorDialogProps.js +0 -2
  164. package/dist/npm/dialogs/FindReplace.js +0 -251
  165. package/dist/npm/dialogs/insertImage.js +0 -122
  166. package/dist/npm/dialogs/insertLink.d.ts +0 -26
  167. package/dist/npm/dialogs/insertLink.js +0 -97
  168. package/dist/npm/dialogs/main.js +0 -72
  169. package/dist/npm/dialogs/viewHtml.js +0 -82
  170. package/dist/npm/main.d.ts +0 -176
  171. package/dist/npm/main.js +0 -189
  172. package/dist/npm/messages/index.js +0 -992
  173. package/dist/npm/package-metadata.d.ts +0 -5
  174. package/dist/npm/package-metadata.js +0 -14
  175. package/dist/npm/tools/ToolProps.d.ts +0 -38
  176. package/dist/npm/tools/ToolProps.js +0 -2
  177. package/dist/npm/tools/align.d.ts +0 -7
  178. package/dist/npm/tools/align.js +0 -74
  179. package/dist/npm/tools/applyColor.d.ts +0 -12
  180. package/dist/npm/tools/applyColor.js +0 -38
  181. package/dist/npm/tools/cleanFormatting.js +0 -54
  182. package/dist/npm/tools/findReplace.js +0 -79
  183. package/dist/npm/tools/fontStyle.js +0 -94
  184. package/dist/npm/tools/formatBlock.d.ts +0 -18
  185. package/dist/npm/tools/formatBlock.js +0 -92
  186. package/dist/npm/tools/history.js +0 -19
  187. package/dist/npm/tools/indent.js +0 -93
  188. package/dist/npm/tools/inlineFormat.d.ts +0 -47
  189. package/dist/npm/tools/inlineFormat.js +0 -78
  190. package/dist/npm/tools/insertImage.d.ts +0 -13
  191. package/dist/npm/tools/insertImage.js +0 -82
  192. package/dist/npm/tools/insertLink.js +0 -88
  193. package/dist/npm/tools/insertTable/index.d.ts +0 -3
  194. package/dist/npm/tools/insertTable/index.js +0 -7
  195. package/dist/npm/tools/insertTable/popup.js +0 -105
  196. package/dist/npm/tools/insertTable/popupGrid.js +0 -56
  197. package/dist/npm/tools/insertTable/tool.d.ts +0 -24
  198. package/dist/npm/tools/insertTable/tool.js +0 -109
  199. package/dist/npm/tools/lists-styled.d.ts +0 -5
  200. package/dist/npm/tools/lists-styled.js +0 -84
  201. package/dist/npm/tools/lists.d.ts +0 -27
  202. package/dist/npm/tools/lists.js +0 -87
  203. package/dist/npm/tools/main.js +0 -743
  204. package/dist/npm/tools/outdent.d.ts +0 -17
  205. package/dist/npm/tools/outdent.js +0 -88
  206. package/dist/npm/tools/pdf.js +0 -48
  207. package/dist/npm/tools/print.js +0 -52
  208. package/dist/npm/tools/proseMirrorTool.js +0 -71
  209. package/dist/npm/tools/selectAll.js +0 -49
  210. package/dist/npm/tools/table-wizard/cellPropsUtils.js +0 -208
  211. package/dist/npm/tools/table-wizard/tableCellProperties.js +0 -253
  212. package/dist/npm/tools/table-wizard/tableProperties.d.ts +0 -11
  213. package/dist/npm/tools/table-wizard/tableProperties.js +0 -298
  214. package/dist/npm/tools/table-wizard/tablePropsUtils.d.ts +0 -52
  215. package/dist/npm/tools/table-wizard/tablePropsUtils.js +0 -504
  216. package/dist/npm/tools/table-wizard/utils.d.ts +0 -39
  217. package/dist/npm/tools/table-wizard/utils.js +0 -153
  218. package/dist/npm/tools/tableEdit.js +0 -95
  219. package/dist/npm/tools/unlink.js +0 -80
  220. package/dist/npm/tools/utils.js +0 -82
  221. package/dist/npm/tools/viewHtml.d.ts +0 -24
  222. package/dist/npm/tools/viewHtml.js +0 -82
  223. package/dist/npm/utils/browser-detection.d.ts +0 -4
  224. package/dist/npm/utils/browser-detection.js +0 -8
  225. package/dist/npm/utils/controlled-value.d.ts +0 -5
  226. package/dist/npm/utils/controlled-value.js +0 -35
  227. package/dist/npm/utils/index.js +0 -434
  228. package/dist/npm/utils/props-key.d.ts +0 -5
  229. package/dist/npm/utils/props-key.js +0 -8
  230. package/dist/systemjs/kendo-react-editor.js +0 -1
  231. package/e2e-next/editor.basic.tests.ts +0 -24
@@ -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,3 +0,0 @@
1
- import { InsertTableToolNS } from './tool';
2
- import { InsertTablePopupNS } from './popup';
3
- export { InsertTableToolNS, InsertTablePopupNS };
@@ -1,3 +0,0 @@
1
- import { InsertTableToolNS } from './tool';
2
- import { InsertTablePopupNS } from './popup';
3
- export { InsertTableToolNS, InsertTablePopupNS };
@@ -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;