@progress/kendo-react-editor 5.10.0-dev.202301111905 → 5.10.0-dev.202301131814

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.js +1 -1
  3. package/dist/es/dialogs/insertImage.js +1 -1
  4. package/dist/es/dialogs/insertLink.js +5 -5
  5. package/dist/es/dialogs/viewHtml.d.ts +1 -0
  6. package/dist/es/dialogs/viewHtml.js +10 -3
  7. package/dist/es/package-metadata.js +1 -1
  8. package/dist/npm/dialogs/FindReplace.js +1 -1
  9. package/dist/npm/dialogs/insertImage.js +1 -1
  10. package/dist/npm/dialogs/insertLink.js +5 -5
  11. package/dist/npm/dialogs/viewHtml.d.ts +1 -0
  12. package/dist/npm/dialogs/viewHtml.js +10 -3
  13. package/dist/npm/package-metadata.js +1 -1
  14. package/dist/systemjs/kendo-react-editor.js +1 -1
  15. package/package.json +12 -12
package/dist/es/dialogs/FindReplace.js CHANGED
@@ -227,7 +227,7 @@ var FindAndReplaceDialog = /** @class */ (function (_super) {
227
227
  React.createElement("label", { htmlFor: 'replaceWith', className: 'k-form-label' }, localization.toLanguageString(findReplaceReplaceWith, messages[findReplaceReplaceWith])),
228
228
  React.createElement("div", { className: 'k-form-field-wrap' },
229
229
  React.createElement(Input, { id: 'replaceWith', type: "text", value: replaceText, onChange: _this.onReplaceChange }))))); } }));
230
- 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 },
230
+ 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; } },
231
231
  React.createElement(TabStrip, { selected: this.state.selectedTab, className: "k-editor-find-replace", onSelect: this.onTabSelect, animation: false },
232
232
  React.createElement(TabStripTab, { title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]) },
233
233
  findWhat,
package/dist/es/dialogs/insertImage.js CHANGED
@@ -108,7 +108,7 @@ var InsertImageDialog = /** @class */ (function (_super) {
108
108
  React.createElement("div", { className: 'k-form-field-wrap' },
109
109
  React.createElement(Input, { id: "k-editor-image-height", defaultValue: attrs.height, ref: function (e) { return _this.height = e; } }))))); } }));
110
110
  var actionButtons = [(React.createElement(Button, { onClick: this.onClose, dir: dir, key: "cancel" }, localization.toLanguageString(insertImageCancel, messages[insertImageCancel]))), (React.createElement(Button, { onClick: this.onInsert, themeColor: 'primary', dir: dir, key: "insert" }, localization.toLanguageString(insertImageInsert, messages[insertImageInsert])))];
111
- var dialog = (React.createElement(Window, { initialWidth: 500, initialHeight: 350, className: 'k-editor-window', title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]), onClose: this.onClose, key: "dialog", style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: false },
111
+ var dialog = (React.createElement(Window, { initialWidth: 500, initialHeight: 350, className: 'k-editor-window', title: localization.toLanguageString(insertImageDialogTitle, messages[insertImageDialogTitle]), onClose: this.onClose, key: "dialog", style: dir === 'rtl' ? { textAlign: 'right' } : undefined, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: false },
112
112
  content,
113
113
  React.createElement.apply(React, __spreadArray([WindowActionsBar, null], actionButtons, false))));
114
114
  return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
package/dist/es/dialogs/insertLink.js CHANGED
@@ -50,7 +50,7 @@ var InsertLinkDialog = /** @class */ (function (_super) {
50
50
  var attrs = {
51
51
  href: _this.href ? _this.href.value : undefined,
52
52
  title: _this.title ? _this.title.value : undefined,
53
- target: _this.target && _this.target.checked ? '_blank' : undefined
53
+ target: _this.target && _this.target.element && _this.target.element.checked ? '_blank' : undefined
54
54
  };
55
55
  applyLink({ mark: mark, attrs: attrs }, _this.props.settings.commandName)(view.state, view.dispatch);
56
56
  _this.onClose();
@@ -64,7 +64,7 @@ var InsertLinkDialog = /** @class */ (function (_super) {
64
64
  var _this = this;
65
65
  var _a = this.props, view = _a.view, settings = _a.settings, dir = _a.dir, render = _a.render;
66
66
  var localization = provideLocalizationService(this);
67
- var _b = settings.messages, insertHyperlinkDialogTitle = _b.insertHyperlinkDialogTitle, insertHyperlinkAddress = _b.insertHyperlinkAddress, insertHyperlinkTitle = _b.insertHyperlinkTitle, insertHyperlinkNewDialog = _b.insertHyperlinkNewDialog, insertHyperlinkCancel = _b.insertHyperlinkCancel, insertHyperlinkInsert = _b.insertHyperlinkInsert;
67
+ var _b = settings.messages, insertHyperlinkDialogTitle = _b.insertHyperlinkDialogTitle, insertHyperlinkAddress = _b.insertHyperlinkAddress, insertHyperlinkTitle = _b.insertHyperlinkTitle, insertHyperlinkNewWindow = _b.insertHyperlinkNewWindow, insertHyperlinkCancel = _b.insertHyperlinkCancel, insertHyperlinkInsert = _b.insertHyperlinkInsert;
68
68
  var linkMark = view ?
69
69
  getMark(view.state, view.state.schema.marks[settings.mark])
70
70
  : false;
@@ -79,11 +79,11 @@ var InsertLinkDialog = /** @class */ (function (_super) {
79
79
  React.createElement(Input, { type: "text", id: 'k-editor-link-text', ref: function (e) { return _this.title = e; }, defaultValue: (linkMark && linkMark.attrs.title) || undefined }))),
80
80
  settings.linkTarget !== false && React.createElement(FieldWrapper, null,
81
81
  React.createElement("label", { htmlFor: 'k-editor-link-target', className: 'k-checkbox-label' },
82
- React.createElement(Checkbox, { className: 'k-checkbox-wrap', id: 'k-editor-link-target', defaultChecked: (linkMark && !!linkMark.attrs.target) || undefined }),
83
- localization.toLanguageString(insertHyperlinkNewDialog, messages[insertHyperlinkNewDialog]))))); } }));
82
+ React.createElement(Checkbox, { className: 'k-checkbox-wrap', id: 'k-editor-link-target', ref: function (e) { return _this.target = e; }, defaultChecked: (linkMark && !!linkMark.attrs.target) || undefined }),
83
+ localization.toLanguageString(insertHyperlinkNewWindow, messages[insertHyperlinkNewWindow]))))); } }));
84
84
  var actionButtons = [(React.createElement(Button, { onClick: this.onClose, dir: dir, key: "cancel" }, localization.toLanguageString(insertHyperlinkCancel, messages[insertHyperlinkCancel]))), (React.createElement(Button, { onClick: this.onInsert, themeColor: 'primary', dir: dir, key: "insert" }, localization.toLanguageString(insertHyperlinkInsert, messages[insertHyperlinkInsert])))
85
85
  ];
86
- var dialog = (React.createElement(Window, { initialWidth: 450, initialHeight: 250, className: 'k-editor-window', title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]), onClose: this.onClose, style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: false },
86
+ var dialog = (React.createElement(Window, { initialWidth: 450, initialHeight: 250, className: 'k-editor-window', title: localization.toLanguageString(insertHyperlinkDialogTitle, messages[insertHyperlinkDialogTitle]), onClose: this.onClose, style: dir === 'rtl' ? { textAlign: 'right' } : undefined, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: false },
87
87
  content,
88
88
  React.createElement.apply(React, __spreadArray([WindowActionsBar, null], actionButtons, false))));
89
89
  return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
package/dist/es/dialogs/viewHtml.d.ts CHANGED
@@ -19,6 +19,7 @@ export declare class ViewHtmlDialog extends React.Component<ViewHtmlDialogProps>
19
19
  * @hidden
20
20
  */
21
21
  render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
22
+ private textAreaRef;
22
23
  private onUpdate;
23
24
  private onClose;
24
25
  }
package/dist/es/dialogs/viewHtml.js CHANGED
@@ -38,9 +38,16 @@ var ViewHtmlDialog = /** @class */ (function (_super) {
38
38
  function ViewHtmlDialog() {
39
39
  var _this = _super !== null && _super.apply(this, arguments) || this;
40
40
  _this.htmlArea = null;
41
+ _this.textAreaRef = function (area) {
42
+ _this.htmlArea = area;
43
+ var htmlArea = area && area.element.current;
44
+ if (htmlArea) {
45
+ htmlArea.style.resize = 'none';
46
+ }
47
+ };
41
48
  _this.onUpdate = function () {
42
49
  var _a = _this.props, view = _a.view, settings = _a.settings;
43
- var html = trimWhitespace(_this.htmlArea ? _this.htmlArea.value : '');
50
+ var html = trimWhitespace((_this.htmlArea && _this.htmlArea.value) || '');
44
51
  var preserveWhitespace = editorPropsKey.getState(view.state).preserveWhitespace;
45
52
  setHtml(html, settings.commandName, { preserveWhitespace: preserveWhitespace })(view.state, view.dispatch);
46
53
  _this.onClose();
@@ -58,10 +65,10 @@ var ViewHtmlDialog = /** @class */ (function (_super) {
58
65
  var _a = this.props, view = _a.view, settings = _a.settings, dir = _a.dir, render = _a.render;
59
66
  var localization = provideLocalizationService(this);
60
67
  var _b = settings.messages, viewHtmlDialogTitle = _b.viewHtmlDialogTitle, viewHtmlCancel = _b.viewHtmlCancel, viewHtmlUpdate = _b.viewHtmlUpdate;
61
- var content = (React.createElement(TextArea, { className: "k-editor-textarea", defaultValue: indentHtml(getHtml(view.state)), autoFocus: true, autoSize: true }));
68
+ var content = (React.createElement(TextArea, { className: "k-editor-textarea", defaultValue: indentHtml(getHtml(view.state)), autoFocus: true, autoSize: false, ref: this.textAreaRef }));
62
69
  var actionButtons = [(React.createElement(Button, { onClick: this.onClose, dir: dir, key: "cancel" }, localization.toLanguageString(viewHtmlCancel, messages[viewHtmlCancel]))), (React.createElement(Button, { onClick: this.onUpdate, themeColor: 'primary', dir: dir, key: "update" }, localization.toLanguageString(viewHtmlUpdate, messages[viewHtmlUpdate])))
63
70
  ];
64
- var dialog = (React.createElement(Window, { className: 'k-editor-window', title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]), onClose: this.onClose, key: "dialog", style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: false },
71
+ var dialog = (React.createElement(Window, { className: 'k-editor-window', title: localization.toLanguageString(viewHtmlDialogTitle, messages[viewHtmlDialogTitle]), onClose: this.onClose, key: "dialog", style: dir === 'rtl' ? { textAlign: 'right' } : undefined, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: true, initialHeight: 400, initialWidth: 500 },
65
72
  content,
66
73
  React.createElement.apply(React, __spreadArray([WindowActionsBar, null], actionButtons, false))));
67
74
  return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
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: 1673462656,
8
+ publishDate: 1673632248,
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.js CHANGED
@@ -230,7 +230,7 @@ var FindAndReplaceDialog = /** @class */ (function (_super) {
230
230
  React.createElement("label", { htmlFor: 'replaceWith', className: 'k-form-label' }, localization.toLanguageString(findReplaceReplaceWith, messages_1.messages[findReplaceReplaceWith])),
231
231
  React.createElement("div", { className: 'k-form-field-wrap' },
232
232
  React.createElement(kendo_react_inputs_1.Input, { id: 'replaceWith', type: "text", value: replaceText, onChange: _this.onReplaceChange }))))); } }));
233
- 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 },
233
+ 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; } },
234
234
  React.createElement(kendo_react_layout_1.TabStrip, { selected: this.state.selectedTab, className: "k-editor-find-replace", onSelect: this.onTabSelect, animation: false },
235
235
  React.createElement(kendo_react_layout_1.TabStripTab, { title: localization.toLanguageString(findReplaceTabFind, messages_1.messages[findReplaceTabFind]) },
236
236
  findWhat,
package/dist/npm/dialogs/insertImage.js CHANGED
@@ -111,7 +111,7 @@ var InsertImageDialog = /** @class */ (function (_super) {
111
111
  React.createElement("div", { className: 'k-form-field-wrap' },
112
112
  React.createElement(kendo_react_inputs_1.Input, { id: "k-editor-image-height", defaultValue: attrs.height, ref: function (e) { return _this.height = e; } }))))); } }));
113
113
  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, themeColor: 'primary', dir: dir, key: "insert" }, localization.toLanguageString(insertImageInsert, messages_1.messages[insertImageInsert])))];
114
- var dialog = (React.createElement(kendo_react_dialogs_1.Window, { initialWidth: 500, initialHeight: 350, className: 'k-editor-window', title: localization.toLanguageString(insertImageDialogTitle, messages_1.messages[insertImageDialogTitle]), onClose: this.onClose, key: "dialog", style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: false },
114
+ var dialog = (React.createElement(kendo_react_dialogs_1.Window, { initialWidth: 500, initialHeight: 350, className: 'k-editor-window', title: localization.toLanguageString(insertImageDialogTitle, messages_1.messages[insertImageDialogTitle]), onClose: this.onClose, key: "dialog", style: dir === 'rtl' ? { textAlign: 'right' } : undefined, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: false },
115
115
  content,
116
116
  React.createElement.apply(React, __spreadArray([kendo_react_dialogs_1.WindowActionsBar, null], actionButtons, false))));
117
117
  return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
package/dist/npm/dialogs/insertLink.js CHANGED
@@ -53,7 +53,7 @@ var InsertLinkDialog = /** @class */ (function (_super) {
53
53
  var attrs = {
54
54
  href: _this.href ? _this.href.value : undefined,
55
55
  title: _this.title ? _this.title.value : undefined,
56
- target: _this.target && _this.target.checked ? '_blank' : undefined
56
+ target: _this.target && _this.target.element && _this.target.element.checked ? '_blank' : undefined
57
57
  };
58
58
  (0, kendo_editor_common_1.applyLink)({ mark: mark, attrs: attrs }, _this.props.settings.commandName)(view.state, view.dispatch);
59
59
  _this.onClose();
@@ -67,7 +67,7 @@ var InsertLinkDialog = /** @class */ (function (_super) {
67
67
  var _this = this;
68
68
  var _a = this.props, view = _a.view, settings = _a.settings, dir = _a.dir, render = _a.render;
69
69
  var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
70
- var _b = settings.messages, insertHyperlinkDialogTitle = _b.insertHyperlinkDialogTitle, insertHyperlinkAddress = _b.insertHyperlinkAddress, insertHyperlinkTitle = _b.insertHyperlinkTitle, insertHyperlinkNewDialog = _b.insertHyperlinkNewDialog, insertHyperlinkCancel = _b.insertHyperlinkCancel, insertHyperlinkInsert = _b.insertHyperlinkInsert;
70
+ var _b = settings.messages, insertHyperlinkDialogTitle = _b.insertHyperlinkDialogTitle, insertHyperlinkAddress = _b.insertHyperlinkAddress, insertHyperlinkTitle = _b.insertHyperlinkTitle, insertHyperlinkNewWindow = _b.insertHyperlinkNewWindow, insertHyperlinkCancel = _b.insertHyperlinkCancel, insertHyperlinkInsert = _b.insertHyperlinkInsert;
71
71
  var linkMark = view ?
72
72
  (0, kendo_editor_common_1.getMark)(view.state, view.state.schema.marks[settings.mark])
73
73
  : false;
@@ -82,11 +82,11 @@ var InsertLinkDialog = /** @class */ (function (_super) {
82
82
  React.createElement(kendo_react_inputs_1.Input, { type: "text", id: 'k-editor-link-text', ref: function (e) { return _this.title = e; }, defaultValue: (linkMark && linkMark.attrs.title) || undefined }))),
83
83
  settings.linkTarget !== false && React.createElement(kendo_react_form_1.FieldWrapper, null,
84
84
  React.createElement("label", { htmlFor: 'k-editor-link-target', className: 'k-checkbox-label' },
85
- React.createElement(kendo_react_inputs_1.Checkbox, { className: 'k-checkbox-wrap', id: 'k-editor-link-target', defaultChecked: (linkMark && !!linkMark.attrs.target) || undefined }),
86
- localization.toLanguageString(insertHyperlinkNewDialog, messages_1.messages[insertHyperlinkNewDialog]))))); } }));
85
+ React.createElement(kendo_react_inputs_1.Checkbox, { className: 'k-checkbox-wrap', id: 'k-editor-link-target', ref: function (e) { return _this.target = e; }, defaultChecked: (linkMark && !!linkMark.attrs.target) || undefined }),
86
+ localization.toLanguageString(insertHyperlinkNewWindow, messages_1.messages[insertHyperlinkNewWindow]))))); } }));
87
87
  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, themeColor: 'primary', dir: dir, key: "insert" }, localization.toLanguageString(insertHyperlinkInsert, messages_1.messages[insertHyperlinkInsert])))
88
88
  ];
89
- var dialog = (React.createElement(kendo_react_dialogs_1.Window, { initialWidth: 450, initialHeight: 250, className: 'k-editor-window', title: localization.toLanguageString(insertHyperlinkDialogTitle, messages_1.messages[insertHyperlinkDialogTitle]), onClose: this.onClose, style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: false },
89
+ var dialog = (React.createElement(kendo_react_dialogs_1.Window, { initialWidth: 450, initialHeight: 250, className: 'k-editor-window', title: localization.toLanguageString(insertHyperlinkDialogTitle, messages_1.messages[insertHyperlinkDialogTitle]), onClose: this.onClose, style: dir === 'rtl' ? { textAlign: 'right' } : undefined, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: false },
90
90
  content,
91
91
  React.createElement.apply(React, __spreadArray([kendo_react_dialogs_1.WindowActionsBar, null], actionButtons, false))));
92
92
  return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
package/dist/npm/dialogs/viewHtml.d.ts CHANGED
@@ -19,6 +19,7 @@ export declare class ViewHtmlDialog extends React.Component<ViewHtmlDialogProps>
19
19
  * @hidden
20
20
  */
21
21
  render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
22
+ private textAreaRef;
22
23
  private onUpdate;
23
24
  private onClose;
24
25
  }
package/dist/npm/dialogs/viewHtml.js CHANGED
@@ -41,9 +41,16 @@ var ViewHtmlDialog = /** @class */ (function (_super) {
41
41
  function ViewHtmlDialog() {
42
42
  var _this = _super !== null && _super.apply(this, arguments) || this;
43
43
  _this.htmlArea = null;
44
+ _this.textAreaRef = function (area) {
45
+ _this.htmlArea = area;
46
+ var htmlArea = area && area.element.current;
47
+ if (htmlArea) {
48
+ htmlArea.style.resize = 'none';
49
+ }
50
+ };
44
51
  _this.onUpdate = function () {
45
52
  var _a = _this.props, view = _a.view, settings = _a.settings;
46
- var html = (0, kendo_editor_common_1.trimWhitespace)(_this.htmlArea ? _this.htmlArea.value : '');
53
+ var html = (0, kendo_editor_common_1.trimWhitespace)((_this.htmlArea && _this.htmlArea.value) || '');
47
54
  var preserveWhitespace = props_key_1.editorPropsKey.getState(view.state).preserveWhitespace;
48
55
  (0, kendo_editor_common_1.setHtml)(html, settings.commandName, { preserveWhitespace: preserveWhitespace })(view.state, view.dispatch);
49
56
  _this.onClose();
@@ -61,10 +68,10 @@ var ViewHtmlDialog = /** @class */ (function (_super) {
61
68
  var _a = this.props, view = _a.view, settings = _a.settings, dir = _a.dir, render = _a.render;
62
69
  var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
63
70
  var _b = settings.messages, viewHtmlDialogTitle = _b.viewHtmlDialogTitle, viewHtmlCancel = _b.viewHtmlCancel, viewHtmlUpdate = _b.viewHtmlUpdate;
64
- var content = (React.createElement(kendo_react_inputs_1.TextArea, { className: "k-editor-textarea", defaultValue: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state)), autoFocus: true, autoSize: true }));
71
+ var content = (React.createElement(kendo_react_inputs_1.TextArea, { className: "k-editor-textarea", defaultValue: (0, kendo_editor_common_1.indentHtml)((0, kendo_editor_common_1.getHtml)(view.state)), autoFocus: true, autoSize: false, ref: this.textAreaRef }));
65
72
  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, themeColor: 'primary', dir: dir, key: "update" }, localization.toLanguageString(viewHtmlUpdate, messages_1.messages[viewHtmlUpdate])))
66
73
  ];
67
- var dialog = (React.createElement(kendo_react_dialogs_1.Window, { className: 'k-editor-window', title: localization.toLanguageString(viewHtmlDialogTitle, messages_1.messages[viewHtmlDialogTitle]), onClose: this.onClose, key: "dialog", style: dir === 'rtl' ? { textAlign: 'right' } : undefined, appendTo: document.body, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: false },
74
+ var dialog = (React.createElement(kendo_react_dialogs_1.Window, { className: 'k-editor-window', title: localization.toLanguageString(viewHtmlDialogTitle, messages_1.messages[viewHtmlDialogTitle]), onClose: this.onClose, key: "dialog", style: dir === 'rtl' ? { textAlign: 'right' } : undefined, modal: true, minimizeButton: function () { return null; }, maximizeButton: function () { return null; }, resizable: true, initialHeight: 400, initialWidth: 500 },
68
75
  content,
69
76
  React.createElement.apply(React, __spreadArray([kendo_react_dialogs_1.WindowActionsBar, null], actionButtons, false))));
70
77
  return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-editor',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1673462656,
11
+ publishDate: 1673632248,
12
12
  version: '',
13
13
  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'
14
14
  };