@progress/kendo-react-editor 4.14.1-dev.202201181415 → 5.0.1-dev.202201200659

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 (13) hide show
  1. package/dist/cdn/js/kendo-react-editor.js +1 -1
  2. package/dist/es/dialogs/FindReplace.js +8 -7
  3. package/dist/es/dialogs/insertImage.js +6 -6
  4. package/dist/es/dialogs/insertLink.js +4 -4
  5. package/dist/es/dialogs/viewHtml.js +1 -1
  6. package/dist/es/package-metadata.js +1 -1
  7. package/dist/npm/dialogs/FindReplace.js +8 -7
  8. package/dist/npm/dialogs/insertImage.js +6 -6
  9. package/dist/npm/dialogs/insertLink.js +4 -4
  10. package/dist/npm/dialogs/viewHtml.js +1 -1
  11. package/dist/npm/package-metadata.js +1 -1
  12. package/dist/systemjs/kendo-react-editor.js +1 -1
  13. package/package.json +20 -20
package/dist/es/dialogs/FindReplace.js CHANGED
@@ -23,6 +23,7 @@ var __assign = (this && this.__assign) || function () {
23
23
  return __assign.apply(this, arguments);
24
24
  };
25
25
  import * as React from 'react';
26
+ import { Button } from '@progress/kendo-react-buttons';
26
27
  import { Window } from '@progress/kendo-react-dialogs';
27
28
  import { TabStrip, TabStripTab } from '@progress/kendo-react-layout';
28
29
  import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
@@ -31,7 +32,7 @@ import { EditorToolsSettings } from './../config/toolsSettings';
31
32
  import { formatString } from './../tools/utils';
32
33
  import { find, replace, replaceAll, findAll, TextSelection, textHighlightKey, selectedLineTextOnly } from '@progress/kendo-editor-common';
33
34
  var enter = 13, esc = 27;
34
- var checkboxProps = { className: 'k-checkbox', type: 'checkbox' };
35
+ var checkboxProps = { className: 'k-checkbox k-checkbox-md k-rounded-md', type: 'checkbox' };
35
36
  var settings = EditorToolsSettings.findAndReplace;
36
37
  /**
37
38
  * @hidden
@@ -201,23 +202,23 @@ var FindAndReplaceDialog = /** @class */ (function (_super) {
201
202
  React.createElement("input", __assign({}, checkboxProps, { id: "regular-expression", checked: useRegExp, onChange: this.onUseRegExpChecked })),
202
203
  React.createElement("label", { htmlFor: "regular-expression", className: "k-checkbox-label" }, localization.toLanguageString(findReplaceUseRegExp, messages[findReplaceUseRegExp])))));
203
204
  var navigation = (React.createElement("div", { className: "k-matches-container" },
204
- React.createElement("button", { className: "k-button k-flat k-primary", onClick: this.onFindPrev },
205
+ React.createElement(Button, { fillMode: 'flat', themeColor: 'primary', onClick: this.onFindPrev },
205
206
  React.createElement("span", { className: "k-icon k-i-arrow-chevron-left" }),
206
207
  localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])),
207
208
  React.createElement("span", null, this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages[findReplaceMatches]))),
208
- React.createElement("button", { className: "k-button k-flat k-primary", onClick: this.onFindNext },
209
+ React.createElement(Button, { fillMode: 'flat', themeColor: 'primary', onClick: this.onFindNext },
209
210
  localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]),
210
211
  React.createElement("span", { className: "k-icon k-i-arrow-chevron-right" }))));
211
212
  var findWhat = (React.createElement(React.Fragment, null,
212
213
  React.createElement("div", { className: "k-edit-label" },
213
214
  React.createElement("label", { htmlFor: "findWhat" }, localization.toLanguageString(findReplaceFindWhat, messages[findReplaceFindWhat]))),
214
215
  React.createElement("div", { className: "k-edit-field" },
215
- React.createElement("input", { id: "findWhat", type: "text", className: "k-textbox", value: searchText, onChange: this.onSearchChange, onFocus: this.onSearchChange, onKeyDown: this.onKeyDown, autoFocus: true }))));
216
+ React.createElement("input", { id: "findWhat", type: "text", className: "k-input", value: searchText, onChange: this.onSearchChange, onFocus: this.onSearchChange, onKeyDown: this.onKeyDown, autoFocus: true }))));
216
217
  var replaceWith = (React.createElement(React.Fragment, null,
217
218
  React.createElement("div", { className: "k-edit-label" },
218
219
  React.createElement("label", { htmlFor: "replaceWith" }, localization.toLanguageString(findReplaceReplaceWith, messages[findReplaceReplaceWith]))),
219
220
  React.createElement("div", { className: "k-edit-field" },
220
- React.createElement("input", { id: "replaceWith", className: "k-textbox", type: "text", value: replaceText, onChange: this.onReplaceChange }))));
221
+ React.createElement("input", { id: "replaceWith", className: "k-input", type: "text", value: replaceText, onChange: this.onReplaceChange }))));
221
222
  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 },
222
223
  React.createElement(TabStrip, { selected: this.state.selectedTab, className: "k-editor-find-replace", onSelect: this.onTabSelect, animation: false },
223
224
  React.createElement(TabStripTab, { title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]) },
@@ -229,8 +230,8 @@ var FindAndReplaceDialog = /** @class */ (function (_super) {
229
230
  findWhat,
230
231
  replaceWith),
231
232
  React.createElement("div", { className: "k-actions k-hstack k-justify-content-end" },
232
- React.createElement("button", { className: "k-button", disabled: !Boolean(nextMatch), onClick: this.onReplace }, localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])),
233
- React.createElement("button", { className: "k-button", disabled: !Boolean(nextMatch), onClick: this.onReplaceAll }, localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll]))),
233
+ React.createElement(Button, { disabled: !Boolean(nextMatch), onClick: this.onReplace }, localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])),
234
+ React.createElement(Button, { disabled: !Boolean(nextMatch), onClick: this.onReplaceAll }, localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll]))),
234
235
  checkboxes,
235
236
  navigation))));
236
237
  };
package/dist/es/dialogs/insertImage.js CHANGED
@@ -75,24 +75,24 @@ var InsertImageDialog = /** @class */ (function (_super) {
75
75
  React.createElement("div", { className: "k-edit-label" },
76
76
  React.createElement("label", { htmlFor: "k-editor-image-url" }, localization.toLanguageString(insertImageAddress, messages[insertImageAddress]))),
77
77
  React.createElement("div", { className: "k-edit-field" },
78
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-url", defaultValue: attrs.src, ref: function (e) { return _this.src = e; }, autoFocus: true })),
78
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-image-url", defaultValue: attrs.src, ref: function (e) { return _this.src = e; }, autoFocus: true })),
79
79
  React.createElement("div", { className: "k-edit-label" },
80
80
  React.createElement("label", { htmlFor: "k-editor-image-alt" }, localization.toLanguageString(insertImageAltText, messages[insertImageAltText]))),
81
81
  React.createElement("div", { className: "k-edit-field" },
82
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-alt", defaultValue: attrs.alt, ref: function (e) { return _this.altText = e; } })),
82
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-image-alt", defaultValue: attrs.alt, ref: function (e) { return _this.altText = e; } })),
83
83
  React.createElement("div", { className: "k-edit-label" },
84
84
  React.createElement("label", { htmlFor: "k-editor-image-title" }, localization.toLanguageString(insertImageTitle, messages[insertImageTitle]))),
85
85
  React.createElement("div", { className: "k-edit-field" },
86
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-title", defaultValue: attrs.title, ref: function (e) { return _this.title = e; } })),
86
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-image-title", defaultValue: attrs.title, ref: function (e) { return _this.title = e; } })),
87
87
  React.createElement("div", { className: "k-edit-label" },
88
88
  React.createElement("label", { htmlFor: "k-editor-image-width" }, localization.toLanguageString(insertImageWidth, messages[insertImageWidth]))),
89
89
  React.createElement("div", { className: "k-edit-field" },
90
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-width", defaultValue: attrs.width, ref: function (e) { return _this.width = e; } })),
90
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-image-width", defaultValue: attrs.width, ref: function (e) { return _this.width = e; } })),
91
91
  React.createElement("div", { className: "k-edit-label" },
92
92
  React.createElement("label", { htmlFor: "k-editor-image-height" }, localization.toLanguageString(insertImageHeight, messages[insertImageHeight]))),
93
93
  React.createElement("div", { className: "k-edit-field" },
94
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-height", defaultValue: attrs.height, ref: function (e) { return _this.height = e; } }))));
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])))];
94
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-image-height", defaultValue: attrs.height, ref: function (e) { return _this.height = e; } }))));
95
+ 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])))];
96
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 },
97
97
  content,
98
98
  React.createElement(DialogActionsBar, null, actionButtons)));
package/dist/es/dialogs/insertLink.js CHANGED
@@ -59,15 +59,15 @@ var InsertLinkDialog = /** @class */ (function (_super) {
59
59
  React.createElement("div", { className: "k-edit-label" },
60
60
  React.createElement("label", { htmlFor: "k-editor-link-url" }, localization.toLanguageString(insertHyperlinkAddress, messages[insertHyperlinkAddress]))),
61
61
  React.createElement("div", { className: "k-edit-field" },
62
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-link-url", ref: function (e) { return _this.href = e; }, defaultValue: (linkMark && linkMark.attrs.href) || undefined, autoFocus: true })),
62
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-link-url", ref: function (e) { return _this.href = e; }, defaultValue: (linkMark && linkMark.attrs.href) || undefined, autoFocus: true })),
63
63
  React.createElement("div", { className: "k-edit-label k-editor-link-text-row" },
64
64
  React.createElement("label", { htmlFor: "k-editor-link-text" }, localization.toLanguageString(insertHyperlinkTitle, messages[insertHyperlinkTitle]))),
65
65
  React.createElement("div", { className: "k-edit-field k-editor-link-text-row" },
66
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-link-text", ref: function (e) { return _this.title = e; }, defaultValue: (linkMark && linkMark.attrs.title) || undefined })),
66
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-link-text", ref: function (e) { return _this.title = e; }, defaultValue: (linkMark && linkMark.attrs.title) || undefined })),
67
67
  settings.linkTarget !== false && React.createElement("div", { className: "k-edit-field" },
68
- React.createElement("input", { type: "checkbox", className: "k-checkbox", id: "k-editor-link-target", ref: function (e) { return _this.target = e; }, defaultChecked: (linkMark && !!linkMark.attrs.target) || undefined }),
68
+ React.createElement("input", { type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", id: "k-editor-link-target", ref: function (e) { return _this.target = e; }, defaultChecked: (linkMark && !!linkMark.attrs.target) || undefined }),
69
69
  React.createElement("label", { htmlFor: "k-editor-link-target", className: "k-checkbox-label" }, localization.toLanguageString(insertHyperlinkNewWindow, messages[insertHyperlinkNewWindow])))));
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])))
70
+ 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])))
71
71
  ];
72
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 },
73
73
  content,
package/dist/es/dialogs/viewHtml.js CHANGED
@@ -51,7 +51,7 @@ var ViewHtmlDialog = /** @class */ (function (_super) {
51
51
  height: '280px',
52
52
  width: '490px'
53
53
  }, ref: function (e) { return _this.htmlArea = e; }, defaultValue: indentHtml(getHtml(view.state)), autoFocus: true }));
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])))
54
+ 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])))
55
55
  ];
56
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 },
57
57
  content,
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: 1642514229,
8
+ publishDate: 1642660943,
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
@@ -25,6 +25,7 @@ var __assign = (this && this.__assign) || function () {
25
25
  };
26
26
  Object.defineProperty(exports, "__esModule", { value: true });
27
27
  var React = require("react");
28
+ var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
28
29
  var kendo_react_dialogs_1 = require("@progress/kendo-react-dialogs");
29
30
  var kendo_react_layout_1 = require("@progress/kendo-react-layout");
30
31
  var kendo_react_intl_1 = require("@progress/kendo-react-intl");
@@ -33,7 +34,7 @@ var toolsSettings_1 = require("./../config/toolsSettings");
33
34
  var utils_1 = require("./../tools/utils");
34
35
  var kendo_editor_common_1 = require("@progress/kendo-editor-common");
35
36
  var enter = 13, esc = 27;
36
- var checkboxProps = { className: 'k-checkbox', type: 'checkbox' };
37
+ var checkboxProps = { className: 'k-checkbox k-checkbox-md k-rounded-md', type: 'checkbox' };
37
38
  var settings = toolsSettings_1.EditorToolsSettings.findAndReplace;
38
39
  /**
39
40
  * @hidden
@@ -203,23 +204,23 @@ var FindAndReplaceDialog = /** @class */ (function (_super) {
203
204
  React.createElement("input", __assign({}, checkboxProps, { id: "regular-expression", checked: useRegExp, onChange: this.onUseRegExpChecked })),
204
205
  React.createElement("label", { htmlFor: "regular-expression", className: "k-checkbox-label" }, localization.toLanguageString(findReplaceUseRegExp, messages_1.messages[findReplaceUseRegExp])))));
205
206
  var navigation = (React.createElement("div", { className: "k-matches-container" },
206
- React.createElement("button", { className: "k-button k-flat k-primary", onClick: this.onFindPrev },
207
+ React.createElement(kendo_react_buttons_1.Button, { fillMode: 'flat', themeColor: 'primary', onClick: this.onFindPrev },
207
208
  React.createElement("span", { className: "k-icon k-i-arrow-chevron-left" }),
208
209
  localization.toLanguageString(findReplacePrevMatch, messages_1.messages[findReplacePrevMatch])),
209
210
  React.createElement("span", null, this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages_1.messages[findReplaceMatches]))),
210
- React.createElement("button", { className: "k-button k-flat k-primary", onClick: this.onFindNext },
211
+ React.createElement(kendo_react_buttons_1.Button, { fillMode: 'flat', themeColor: 'primary', onClick: this.onFindNext },
211
212
  localization.toLanguageString(findReplaceNextMatch, messages_1.messages[findReplaceNextMatch]),
212
213
  React.createElement("span", { className: "k-icon k-i-arrow-chevron-right" }))));
213
214
  var findWhat = (React.createElement(React.Fragment, null,
214
215
  React.createElement("div", { className: "k-edit-label" },
215
216
  React.createElement("label", { htmlFor: "findWhat" }, localization.toLanguageString(findReplaceFindWhat, messages_1.messages[findReplaceFindWhat]))),
216
217
  React.createElement("div", { className: "k-edit-field" },
217
- React.createElement("input", { id: "findWhat", type: "text", className: "k-textbox", value: searchText, onChange: this.onSearchChange, onFocus: this.onSearchChange, onKeyDown: this.onKeyDown, autoFocus: true }))));
218
+ React.createElement("input", { id: "findWhat", type: "text", className: "k-input", value: searchText, onChange: this.onSearchChange, onFocus: this.onSearchChange, onKeyDown: this.onKeyDown, autoFocus: true }))));
218
219
  var replaceWith = (React.createElement(React.Fragment, null,
219
220
  React.createElement("div", { className: "k-edit-label" },
220
221
  React.createElement("label", { htmlFor: "replaceWith" }, localization.toLanguageString(findReplaceReplaceWith, messages_1.messages[findReplaceReplaceWith]))),
221
222
  React.createElement("div", { className: "k-edit-field" },
222
- React.createElement("input", { id: "replaceWith", className: "k-textbox", type: "text", value: replaceText, onChange: this.onReplaceChange }))));
223
+ React.createElement("input", { id: "replaceWith", className: "k-input", type: "text", value: replaceText, onChange: this.onReplaceChange }))));
223
224
  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 },
224
225
  React.createElement(kendo_react_layout_1.TabStrip, { selected: this.state.selectedTab, className: "k-editor-find-replace", onSelect: this.onTabSelect, animation: false },
225
226
  React.createElement(kendo_react_layout_1.TabStripTab, { title: localization.toLanguageString(findReplaceTabFind, messages_1.messages[findReplaceTabFind]) },
@@ -231,8 +232,8 @@ var FindAndReplaceDialog = /** @class */ (function (_super) {
231
232
  findWhat,
232
233
  replaceWith),
233
234
  React.createElement("div", { className: "k-actions k-hstack k-justify-content-end" },
234
- React.createElement("button", { className: "k-button", disabled: !Boolean(nextMatch), onClick: this.onReplace }, localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])),
235
- React.createElement("button", { className: "k-button", disabled: !Boolean(nextMatch), onClick: this.onReplaceAll }, localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll]))),
235
+ React.createElement(kendo_react_buttons_1.Button, { disabled: !Boolean(nextMatch), onClick: this.onReplace }, localization.toLanguageString(findReplaceReplace, messages_1.messages[findReplaceReplace])),
236
+ React.createElement(kendo_react_buttons_1.Button, { disabled: !Boolean(nextMatch), onClick: this.onReplaceAll }, localization.toLanguageString(findReplaceReplaceAll, messages_1.messages[findReplaceReplaceAll]))),
236
237
  checkboxes,
237
238
  navigation))));
238
239
  };
package/dist/npm/dialogs/insertImage.js CHANGED
@@ -77,24 +77,24 @@ var InsertImageDialog = /** @class */ (function (_super) {
77
77
  React.createElement("div", { className: "k-edit-label" },
78
78
  React.createElement("label", { htmlFor: "k-editor-image-url" }, localization.toLanguageString(insertImageAddress, messages_1.messages[insertImageAddress]))),
79
79
  React.createElement("div", { className: "k-edit-field" },
80
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-url", defaultValue: attrs.src, ref: function (e) { return _this.src = e; }, autoFocus: true })),
80
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-image-url", defaultValue: attrs.src, ref: function (e) { return _this.src = e; }, autoFocus: true })),
81
81
  React.createElement("div", { className: "k-edit-label" },
82
82
  React.createElement("label", { htmlFor: "k-editor-image-alt" }, localization.toLanguageString(insertImageAltText, messages_1.messages[insertImageAltText]))),
83
83
  React.createElement("div", { className: "k-edit-field" },
84
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-alt", defaultValue: attrs.alt, ref: function (e) { return _this.altText = e; } })),
84
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-image-alt", defaultValue: attrs.alt, ref: function (e) { return _this.altText = e; } })),
85
85
  React.createElement("div", { className: "k-edit-label" },
86
86
  React.createElement("label", { htmlFor: "k-editor-image-title" }, localization.toLanguageString(insertImageTitle, messages_1.messages[insertImageTitle]))),
87
87
  React.createElement("div", { className: "k-edit-field" },
88
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-title", defaultValue: attrs.title, ref: function (e) { return _this.title = e; } })),
88
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-image-title", defaultValue: attrs.title, ref: function (e) { return _this.title = e; } })),
89
89
  React.createElement("div", { className: "k-edit-label" },
90
90
  React.createElement("label", { htmlFor: "k-editor-image-width" }, localization.toLanguageString(insertImageWidth, messages_1.messages[insertImageWidth]))),
91
91
  React.createElement("div", { className: "k-edit-field" },
92
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-width", defaultValue: attrs.width, ref: function (e) { return _this.width = e; } })),
92
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-image-width", defaultValue: attrs.width, ref: function (e) { return _this.width = e; } })),
93
93
  React.createElement("div", { className: "k-edit-label" },
94
94
  React.createElement("label", { htmlFor: "k-editor-image-height" }, localization.toLanguageString(insertImageHeight, messages_1.messages[insertImageHeight]))),
95
95
  React.createElement("div", { className: "k-edit-field" },
96
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-image-height", defaultValue: attrs.height, ref: function (e) { return _this.height = e; } }))));
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])))];
96
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-image-height", defaultValue: attrs.height, ref: function (e) { return _this.height = e; } }))));
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, themeColor: 'primary', dir: dir, key: "insert" }, localization.toLanguageString(insertImageInsert, messages_1.messages[insertImageInsert])))];
98
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 },
99
99
  content,
100
100
  React.createElement(kendo_react_dialogs_1.DialogActionsBar, null, actionButtons)));
package/dist/npm/dialogs/insertLink.js CHANGED
@@ -61,15 +61,15 @@ var InsertLinkDialog = /** @class */ (function (_super) {
61
61
  React.createElement("div", { className: "k-edit-label" },
62
62
  React.createElement("label", { htmlFor: "k-editor-link-url" }, localization.toLanguageString(insertHyperlinkAddress, messages_1.messages[insertHyperlinkAddress]))),
63
63
  React.createElement("div", { className: "k-edit-field" },
64
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-link-url", ref: function (e) { return _this.href = e; }, defaultValue: (linkMark && linkMark.attrs.href) || undefined, autoFocus: true })),
64
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-link-url", ref: function (e) { return _this.href = e; }, defaultValue: (linkMark && linkMark.attrs.href) || undefined, autoFocus: true })),
65
65
  React.createElement("div", { className: "k-edit-label k-editor-link-text-row" },
66
66
  React.createElement("label", { htmlFor: "k-editor-link-text" }, localization.toLanguageString(insertHyperlinkTitle, messages_1.messages[insertHyperlinkTitle]))),
67
67
  React.createElement("div", { className: "k-edit-field k-editor-link-text-row" },
68
- React.createElement("input", { type: "text", className: "k-textbox", id: "k-editor-link-text", ref: function (e) { return _this.title = e; }, defaultValue: (linkMark && linkMark.attrs.title) || undefined })),
68
+ React.createElement("input", { type: "text", className: "k-input", id: "k-editor-link-text", ref: function (e) { return _this.title = e; }, defaultValue: (linkMark && linkMark.attrs.title) || undefined })),
69
69
  settings.linkTarget !== false && React.createElement("div", { className: "k-edit-field" },
70
- React.createElement("input", { type: "checkbox", className: "k-checkbox", id: "k-editor-link-target", ref: function (e) { return _this.target = e; }, defaultChecked: (linkMark && !!linkMark.attrs.target) || undefined }),
70
+ React.createElement("input", { type: "checkbox", className: "k-checkbox k-checkbox-md k-rounded-md", id: "k-editor-link-target", ref: function (e) { return _this.target = e; }, defaultChecked: (linkMark && !!linkMark.attrs.target) || undefined }),
71
71
  React.createElement("label", { htmlFor: "k-editor-link-target", className: "k-checkbox-label" }, localization.toLanguageString(insertHyperlinkNewWindow, messages_1.messages[insertHyperlinkNewWindow])))));
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])))
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, themeColor: 'primary', dir: dir, key: "insert" }, localization.toLanguageString(insertHyperlinkInsert, messages_1.messages[insertHyperlinkInsert])))
73
73
  ];
74
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 },
75
75
  content,
package/dist/npm/dialogs/viewHtml.js CHANGED
@@ -53,7 +53,7 @@ var ViewHtmlDialog = /** @class */ (function (_super) {
53
53
  height: '280px',
54
54
  width: '490px'
55
55
  }, ref: function (e) { return _this.htmlArea = e; }, defaultValue: kendo_editor_common_1.indentHtml(kendo_editor_common_1.getHtml(view.state)), autoFocus: true }));
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])))
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, themeColor: 'primary', dir: dir, key: "update" }, localization.toLanguageString(viewHtmlUpdate, messages_1.messages[viewHtmlUpdate])))
57
57
  ];
58
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 },
59
59
  content,
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: 1642514229,
10
+ publishDate: 1642660943,
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
  };