@progress/kendo-react-editor 4.13.0 → 4.14.0-dev.202112150919

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 (15) hide show
  1. package/dist/cdn/js/kendo-react-editor.js +1 -1
  2. package/dist/es/dialogs/FindReplace.d.ts +1 -1
  3. package/dist/es/dialogs/FindReplace.js +2 -3
  4. package/dist/es/dialogs/insertImage.js +2 -4
  5. package/dist/es/dialogs/insertLink.js +2 -4
  6. package/dist/es/dialogs/viewHtml.js +2 -4
  7. package/dist/es/package-metadata.js +1 -1
  8. package/dist/npm/dialogs/FindReplace.d.ts +1 -1
  9. package/dist/npm/dialogs/FindReplace.js +2 -3
  10. package/dist/npm/dialogs/insertImage.js +2 -4
  11. package/dist/npm/dialogs/insertLink.js +2 -4
  12. package/dist/npm/dialogs/viewHtml.js +2 -4
  13. package/dist/npm/package-metadata.js +1 -1
  14. package/dist/systemjs/kendo-react-editor.js +1 -1
  15. package/package.json +11 -11
package/dist/es/dialogs/FindReplace.d.ts CHANGED
@@ -50,7 +50,7 @@ export declare class FindAndReplaceDialog extends React.Component<FindAndReplace
50
50
  /**
51
51
  * @hidden
52
52
  */
53
- render(): React.ReactPortal;
53
+ render(): JSX.Element;
54
54
  private onTabSelect;
55
55
  private onClose;
56
56
  private matchesMessage;
package/dist/es/dialogs/FindReplace.js CHANGED
@@ -23,7 +23,6 @@ var __assign = (this && this.__assign) || function () {
23
23
  return __assign.apply(this, arguments);
24
24
  };
25
25
  import * as React from 'react';
26
- import * as ReactDOM from 'react-dom';
27
26
  import { Window } from '@progress/kendo-react-dialogs';
28
27
  import { TabStrip, TabStripTab } from '@progress/kendo-react-layout';
29
28
  import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
@@ -219,7 +218,7 @@ var FindAndReplaceDialog = /** @class */ (function (_super) {
219
218
  React.createElement("label", { htmlFor: "replaceWith" }, localization.toLanguageString(findReplaceReplaceWith, messages[findReplaceReplaceWith]))),
220
219
  React.createElement("div", { className: "k-edit-field" },
221
220
  React.createElement("input", { id: "replaceWith", className: "k-textbox", type: "text", value: replaceText, onChange: this.onReplaceChange }))));
222
- return ReactDOM.createPortal((React.createElement(Window, { title: localization.toLanguageString(findReplaceDialogTitle, messages[findReplaceDialogTitle]), onClose: this.onClose, style: { width: 'auto', height: 'auto', userSelect: 'none' }, resizable: false, minimizeButton: function () { return null; }, maximizeButton: function () { return null; } },
221
+ return (React.createElement(Window, { title: localization.toLanguageString(findReplaceDialogTitle, messages[findReplaceDialogTitle]), onClose: this.onClose, style: { width: 'auto', height: 'auto', userSelect: 'none' }, resizable: false, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, appendTo: document.body },
223
222
  React.createElement(TabStrip, { selected: this.state.selectedTab, className: "k-editor-find-replace", onSelect: this.onTabSelect, animation: false },
224
223
  React.createElement(TabStripTab, { title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]) },
225
224
  React.createElement("div", { className: "k-edit-form-container" }, findWhat),
@@ -233,7 +232,7 @@ var FindAndReplaceDialog = /** @class */ (function (_super) {
233
232
  React.createElement("button", { className: "k-button", disabled: !Boolean(nextMatch), onClick: this.onReplace }, localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])),
234
233
  React.createElement("button", { className: "k-button", disabled: !Boolean(nextMatch), onClick: this.onReplaceAll }, localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll]))),
235
234
  checkboxes,
236
- navigation)))), document.body);
235
+ navigation))));
237
236
  };
238
237
  return FindAndReplaceDialog;
239
238
  }(React.Component));
package/dist/es/dialogs/insertImage.js CHANGED
@@ -12,7 +12,6 @@ var __extends = (this && this.__extends) || (function () {
12
12
  };
13
13
  })();
14
14
  import * as React from 'react';
15
- import { createPortal } from 'react-dom';
16
15
  import { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';
17
16
  import { Button } from '@progress/kendo-react-buttons';
18
17
  import { NodeSelection, insertNode } from '@progress/kendo-editor-common';
@@ -94,11 +93,10 @@ var InsertImageDialog = /** @class */ (function (_super) {
94
93
  React.createElement("div", { className: "k-edit-field" },
95
94
  React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-height", defaultValue: attrs.height, ref: function (e) { return _this.height = e; } }))));
96
95
  var actionButtons = [(React.createElement(Button, { onClick: this.onClose, dir: dir, key: "cancel" }, localization.toLanguageString(insertImageCancel, messages[insertImageCancel]))), (React.createElement(Button, { onClick: this.onInsert, primary: true, dir: dir, key: "insert" }, localization.toLanguageString(insertImageInsert, messages[insertImageInsert])))];
97
- var dialog = (React.createElement(Dialog, { title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]), onClose: this.onClose, key: "dialog", closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined },
96
+ var dialog = (React.createElement(Dialog, { title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]), onClose: this.onClose, key: "dialog", closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body },
98
97
  content,
99
98
  React.createElement(DialogActionsBar, null, actionButtons)));
100
- return render ? render(dialog, { content: content, actionButtons: actionButtons }) :
101
- createPortal(dialog, document.body);
99
+ return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
102
100
  };
103
101
  return InsertImageDialog;
104
102
  }(React.Component));
package/dist/es/dialogs/insertLink.js CHANGED
@@ -12,7 +12,6 @@ var __extends = (this && this.__extends) || (function () {
12
12
  };
13
13
  })();
14
14
  import * as React from 'react';
15
- import { createPortal } from 'react-dom';
16
15
  import { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';
17
16
  import { Button } from '@progress/kendo-react-buttons';
18
17
  import { getMark, applyLink } from '@progress/kendo-editor-common';
@@ -70,11 +69,10 @@ var InsertLinkDialog = /** @class */ (function (_super) {
70
69
  React.createElement("label", { htmlFor: "k-editor-link-target", className: "k-checkbox-label" }, localization.toLanguageString(insertHyperlinkNewWindow, messages[insertHyperlinkNewWindow])))));
71
70
  var actionButtons = [(React.createElement(Button, { onClick: this.onClose, dir: dir, key: "cancel" }, localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel]))), (React.createElement(Button, { onClick: this.onInsert, primary: true, dir: dir, key: "insert" }, localization.toLanguageString(insertHyperlinkInsert, messages[insertHyperlinkInsert])))
72
71
  ];
73
- var dialog = (React.createElement(Dialog, { title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]), onClose: this.onClose, closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined },
72
+ var dialog = (React.createElement(Dialog, { title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]), onClose: this.onClose, closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body },
74
73
  content,
75
74
  React.createElement(DialogActionsBar, null, actionButtons)));
76
- return render ? render(dialog, { content: content, actionButtons: actionButtons }) :
77
- createPortal(dialog, document.body);
75
+ return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
78
76
  };
79
77
  return InsertLinkDialog;
80
78
  }(React.Component));
package/dist/es/dialogs/viewHtml.js CHANGED
@@ -12,7 +12,6 @@ var __extends = (this && this.__extends) || (function () {
12
12
  };
13
13
  })();
14
14
  import * as React from 'react';
15
- import { createPortal } from 'react-dom';
16
15
  import { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';
17
16
  import { Button } from '@progress/kendo-react-buttons';
18
17
  import { getHtml, setHtml, indentHtml, trimWhitespace } from '@progress/kendo-editor-common';
@@ -54,11 +53,10 @@ var ViewHtmlDialog = /** @class */ (function (_super) {
54
53
  }, ref: function (e) { return _this.htmlArea = e; }, defaultValue: indentHtml(getHtml(view.state)), autoFocus: true }));
55
54
  var actionButtons = [(React.createElement(Button, { onClick: this.onClose, dir: dir, key: "cancel" }, localization.toLanguageString(viewHtmlCancel, messages[viewHtmlCancel]))), (React.createElement(Button, { onClick: this.onUpdate, primary: true, dir: dir, key: "update" }, localization.toLanguageString(viewHtmlUpdate, messages[viewHtmlUpdate])))
56
55
  ];
57
- var dialog = (React.createElement(Dialog, { title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]), onClose: this.onClose, key: "dialog", closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined },
56
+ var dialog = (React.createElement(Dialog, { title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]), onClose: this.onClose, key: "dialog", closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body },
58
57
  content,
59
58
  React.createElement(DialogActionsBar, null, actionButtons)));
60
- return render ? render(dialog, { content: content, actionButtons: actionButtons }) :
61
- createPortal(dialog, document.body);
59
+ return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
62
60
  };
63
61
  return ViewHtmlDialog;
64
62
  }(React.Component));
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-editor',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1638880603,
8
+ publishDate: 1639558788,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
11
11
  };
package/dist/npm/dialogs/FindReplace.d.ts CHANGED
@@ -50,7 +50,7 @@ export declare class FindAndReplaceDialog extends React.Component<FindAndReplace
50
50
  /**
51
51
  * @hidden
52
52
  */
53
- render(): React.ReactPortal;
53
+ render(): JSX.Element;
54
54
  private onTabSelect;
55
55
  private onClose;
56
56
  private matchesMessage;
package/dist/npm/dialogs/FindReplace.js CHANGED
@@ -25,7 +25,6 @@ var __assign = (this && this.__assign) || function () {
25
25
  };
26
26
  Object.defineProperty(exports, "__esModule", { value: true });
27
27
  var React = require("react");
28
- var ReactDOM = require("react-dom");
29
28
  var kendo_react_dialogs_1 = require("@progress/kendo-react-dialogs");
30
29
  var kendo_react_layout_1 = require("@progress/kendo-react-layout");
31
30
  var kendo_react_intl_1 = require("@progress/kendo-react-intl");
@@ -221,7 +220,7 @@ var FindAndReplaceDialog = /** @class */ (function (_super) {
221
220
  React.createElement("label", { htmlFor: "replaceWith" }, localization.toLanguageString(findReplaceReplaceWith, messages_1.messages[findReplaceReplaceWith]))),
222
221
  React.createElement("div", { className: "k-edit-field" },
223
222
  React.createElement("input", { id: "replaceWith", className: "k-textbox", type: "text", value: replaceText, onChange: this.onReplaceChange }))));
224
- return ReactDOM.createPortal((React.createElement(kendo_react_dialogs_1.Window, { title: localization.toLanguageString(findReplaceDialogTitle, messages_1.messages[findReplaceDialogTitle]), onClose: this.onClose, style: { width: 'auto', height: 'auto', userSelect: 'none' }, resizable: false, minimizeButton: function () { return null; }, maximizeButton: function () { return null; } },
223
+ return (React.createElement(kendo_react_dialogs_1.Window, { title: localization.toLanguageString(findReplaceDialogTitle, messages_1.messages[findReplaceDialogTitle]), onClose: this.onClose, style: { width: 'auto', height: 'auto', userSelect: 'none' }, resizable: false, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, appendTo: document.body },
225
224
  React.createElement(kendo_react_layout_1.TabStrip, { selected: this.state.selectedTab, className: "k-editor-find-replace", onSelect: this.onTabSelect, animation: false },
226
225
  React.createElement(kendo_react_layout_1.TabStripTab, { title: localization.toLanguageString(findReplaceTabFind, messages_1.messages[findReplaceTabFind]) },
227
226
  React.createElement("div", { className: "k-edit-form-container" }, findWhat),
@@ -235,7 +234,7 @@ var FindAndReplaceDialog = /** @class */ (function (_super) {
235
234
  React.createElement("button", { className: "k-button", disabled: !Boolean(nextMatch), onClick: this.onReplace }, localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])),
236
235
  React.createElement("button", { className: "k-button", disabled: !Boolean(nextMatch), onClick: this.onReplaceAll }, localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll]))),
237
236
  checkboxes,
238
- navigation)))), document.body);
237
+ navigation))));
239
238
  };
240
239
  return FindAndReplaceDialog;
241
240
  }(React.Component));
package/dist/npm/dialogs/insertImage.js CHANGED
@@ -14,7 +14,6 @@ var __extends = (this && this.__extends) || (function () {
14
14
  })();
15
15
  Object.defineProperty(exports, "__esModule", { value: true });
16
16
  var React = require("react");
17
- var react_dom_1 = require("react-dom");
18
17
  var kendo_react_dialogs_1 = require("@progress/kendo-react-dialogs");
19
18
  var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
20
19
  var kendo_editor_common_1 = require("@progress/kendo-editor-common");
@@ -96,11 +95,10 @@ var InsertImageDialog = /** @class */ (function (_super) {
96
95
  React.createElement("div", { className: "k-edit-field" },
97
96
  React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-height", defaultValue: attrs.height, ref: function (e) { return _this.height = e; } }))));
98
97
  var actionButtons = [(React.createElement(kendo_react_buttons_1.Button, { onClick: this.onClose, dir: dir, key: "cancel" }, localization.toLanguageString(insertImageCancel, messages_1.messages[insertImageCancel]))), (React.createElement(kendo_react_buttons_1.Button, { onClick: this.onInsert, primary: true, dir: dir, key: "insert" }, localization.toLanguageString(insertImageInsert, messages_1.messages[insertImageInsert])))];
99
- var dialog = (React.createElement(kendo_react_dialogs_1.Dialog, { title: localization.toLanguageString(insertImageDialogTitle, messages_1.messages[insertImageDialogTitle]), onClose: this.onClose, key: "dialog", closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined },
98
+ var dialog = (React.createElement(kendo_react_dialogs_1.Dialog, { title: localization.toLanguageString(insertImageDialogTitle, messages_1.messages[insertImageDialogTitle]), onClose: this.onClose, key: "dialog", closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body },
100
99
  content,
101
100
  React.createElement(kendo_react_dialogs_1.DialogActionsBar, null, actionButtons)));
102
- return render ? render(dialog, { content: content, actionButtons: actionButtons }) :
103
- react_dom_1.createPortal(dialog, document.body);
101
+ return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
104
102
  };
105
103
  return InsertImageDialog;
106
104
  }(React.Component));
package/dist/npm/dialogs/insertLink.js CHANGED
@@ -14,7 +14,6 @@ var __extends = (this && this.__extends) || (function () {
14
14
  })();
15
15
  Object.defineProperty(exports, "__esModule", { value: true });
16
16
  var React = require("react");
17
- var react_dom_1 = require("react-dom");
18
17
  var kendo_react_dialogs_1 = require("@progress/kendo-react-dialogs");
19
18
  var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
20
19
  var kendo_editor_common_1 = require("@progress/kendo-editor-common");
@@ -72,11 +71,10 @@ var InsertLinkDialog = /** @class */ (function (_super) {
72
71
  React.createElement("label", { htmlFor: "k-editor-link-target", className: "k-checkbox-label" }, localization.toLanguageString(insertHyperlinkNewWindow, messages_1.messages[insertHyperlinkNewWindow])))));
73
72
  var actionButtons = [(React.createElement(kendo_react_buttons_1.Button, { onClick: this.onClose, dir: dir, key: "cancel" }, localization.toLanguageString(insertHyperlinkCancel, messages_1.messages[insertHyperlinkCancel]))), (React.createElement(kendo_react_buttons_1.Button, { onClick: this.onInsert, primary: true, dir: dir, key: "insert" }, localization.toLanguageString(insertHyperlinkInsert, messages_1.messages[insertHyperlinkInsert])))
74
73
  ];
75
- var dialog = (React.createElement(kendo_react_dialogs_1.Dialog, { title: localization.toLanguageString(insertHyperlinkDialogTitle, messages_1.messages[insertHyperlinkDialogTitle]), onClose: this.onClose, closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined },
74
+ var dialog = (React.createElement(kendo_react_dialogs_1.Dialog, { title: localization.toLanguageString(insertHyperlinkDialogTitle, messages_1.messages[insertHyperlinkDialogTitle]), onClose: this.onClose, closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body },
76
75
  content,
77
76
  React.createElement(kendo_react_dialogs_1.DialogActionsBar, null, actionButtons)));
78
- return render ? render(dialog, { content: content, actionButtons: actionButtons }) :
79
- react_dom_1.createPortal(dialog, document.body);
77
+ return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
80
78
  };
81
79
  return InsertLinkDialog;
82
80
  }(React.Component));
package/dist/npm/dialogs/viewHtml.js CHANGED
@@ -14,7 +14,6 @@ var __extends = (this && this.__extends) || (function () {
14
14
  })();
15
15
  Object.defineProperty(exports, "__esModule", { value: true });
16
16
  var React = require("react");
17
- var react_dom_1 = require("react-dom");
18
17
  var kendo_react_dialogs_1 = require("@progress/kendo-react-dialogs");
19
18
  var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
20
19
  var kendo_editor_common_1 = require("@progress/kendo-editor-common");
@@ -56,11 +55,10 @@ var ViewHtmlDialog = /** @class */ (function (_super) {
56
55
  }, ref: function (e) { return _this.htmlArea = e; }, defaultValue: kendo_editor_common_1.indentHtml(kendo_editor_common_1.getHtml(view.state)), autoFocus: true }));
57
56
  var actionButtons = [(React.createElement(kendo_react_buttons_1.Button, { onClick: this.onClose, dir: dir, key: "cancel" }, localization.toLanguageString(viewHtmlCancel, messages_1.messages[viewHtmlCancel]))), (React.createElement(kendo_react_buttons_1.Button, { onClick: this.onUpdate, primary: true, dir: dir, key: "update" }, localization.toLanguageString(viewHtmlUpdate, messages_1.messages[viewHtmlUpdate])))
58
57
  ];
59
- var dialog = (React.createElement(kendo_react_dialogs_1.Dialog, { title: localization.toLanguageString(viewHtmlDialogTitle, messages_1.messages[viewHtmlDialogTitle]), onClose: this.onClose, key: "dialog", closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined },
58
+ var dialog = (React.createElement(kendo_react_dialogs_1.Dialog, { title: localization.toLanguageString(viewHtmlDialogTitle, messages_1.messages[viewHtmlDialogTitle]), onClose: this.onClose, key: "dialog", closeIcon: true, dir: dir, style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body },
60
59
  content,
61
60
  React.createElement(kendo_react_dialogs_1.DialogActionsBar, null, actionButtons)));
62
- return render ? render(dialog, { content: content, actionButtons: actionButtons }) :
63
- react_dom_1.createPortal(dialog, document.body);
61
+ return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
64
62
  };
65
63
  return ViewHtmlDialog;
66
64
  }(React.Component));
package/dist/npm/package-metadata.js CHANGED
@@ -7,7 +7,7 @@ exports.packageMetadata = {
7
7
  name: '@progress/kendo-react-editor',
8
8
  productName: 'KendoReact',
9
9
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
10
- publishDate: 1638880603,
10
+ publishDate: 1639558788,
11
11
  version: '',
12
12
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
13
13
  };