@progress/kendo-react-editor 5.6.0-dev.202208120836 → 5.6.0-dev.202208261541

package/dist/es/Editor.d.ts

@@ -35,7 +35,7 @@ export declare class Editor extends React.Component<EditorProps, EditorStateInte
      */
     static propTypes: {
         defaultContent: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | object>;
+        value: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
         defaultEditMode: PropTypes.Requireable<string>;
         contentStyle: PropTypes.Requireable<object>;
         dir: PropTypes.Requireable<string>;

package/dist/es/config/shortcuts.d.ts

@@ -1,5 +1,6 @@
 import { EditorState, Transaction, EditorView } from '@progress/kendo-editor-common';
 import { EditorToolsSettings } from './toolsSettings';
+declare const bold: EditorToolsSettings.InlineFormatSettings, underline: EditorToolsSettings.InlineFormatSettings, italic: EditorToolsSettings.InlineFormatSettings;
 /**
  * @hidden
  */
@@ -20,3 +21,4 @@ export declare const getShortcuts: (settings?: {
         underline?: EditorToolsSettings.InlineFormatOptions | undefined;
     } | undefined;
 } | undefined) => Shortcuts;
+export {};

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-editor',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1660292532,
+    publishDate: 1661527621,
     version: '',
     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'
 };

package/dist/es/tools/cleanFormatting.js

@@ -27,6 +27,7 @@ import { onDownPreventDefault } from './utils';
 import { messages } from '../messages';
 import { cleanFormatting as cleanFormattingCmd } from '@progress/kendo-editor-common';
 import { EditorToolsSettings } from './../config/toolsSettings';
+import { classNames } from '@progress/kendo-react-common';
 var cleanFormatting = EditorToolsSettings.cleanFormatting;
 var command = cleanFormattingCmd();
 /**
@@ -35,6 +36,7 @@ var command = cleanFormattingCmd();
 export var CleanFormatting = function (props) {
     var view = props.view, render = props.render, _a = props.settings, settings = _a === void 0 ? cleanFormatting : _a, buttonProps = __rest(props, ["view", "render", "settings"]);
     var titleKey = settings.messages.title;
+    var disabled = !view || !command(view.state);
     var onClick = React.useCallback(function () {
         if (view) {
             command(view.state, function (tr) {
@@ -43,6 +45,6 @@ export var CleanFormatting = function (props) {
             });
         }
     }, [view]);
-    var button = (React.createElement(Button, __assign({ onClick: onClick, disabled: !view || !command(view.state), title: useLocalization().toLanguageString(titleKey, messages[titleKey]) }, onDownPreventDefault, settings.props, buttonProps)));
+    var button = (React.createElement(Button, __assign({ onClick: disabled ? undefined : onClick, "aria-disabled": disabled ? true : undefined, title: useLocalization().toLanguageString(titleKey, messages[titleKey]) }, onDownPreventDefault, settings.props, buttonProps, { className: classNames(props.className, settings.props.className, { 'k-disabled': disabled }) })));
     return (render ? render.call(undefined, button, { view: view }) : button);
 };

package/dist/es/tools/findReplace.js

@@ -42,6 +42,7 @@ import { onDownPreventDefault } from './utils';
 import { messages } from './../messages';
 import { EditorToolsSettings } from './../config/toolsSettings';
 import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
+import { classNames } from '@progress/kendo-react-common';
 var settings = EditorToolsSettings.findAndReplace;
 /**
  * @hidden
@@ -66,7 +67,8 @@ var FindAndReplace = /** @class */ (function (_super) {
         var props = settings.props;
         var localization = provideLocalizationService(this);
         var titleKey = settings.messages.findReplaceToolTitle;
-        return [(React.createElement(Button, __assign({ onClick: this.onOpen }, onDownPreventDefault, { disabled: !view, title: localization.toLanguageString(titleKey, messages[titleKey]), key: "tool" }, props, buttonProps))), this.state.showDialog && view && (React.createElement(FindAndReplaceDialog, { view: view, onClose: this.onClose, dir: buttonProps.dir, key: "dialog" }))];
+        var disabled = !view;
+        return [(React.createElement(Button, __assign({ onClick: disabled ? undefined : this.onOpen, "aria-disabled": disabled ? true : undefined }, onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages[titleKey]), key: "tool" }, props, buttonProps, { className: classNames(buttonProps.className, props.className, { 'k-disabled': disabled }) }))), this.state.showDialog && view && (React.createElement(FindAndReplaceDialog, { view: view, onClose: this.onClose, dir: buttonProps.dir, key: "dialog" }))];
     };
     return FindAndReplace;
 }(React.Component));

package/dist/es/tools/indent.js

@@ -41,6 +41,7 @@ import { indentBlocks, isIndented, canIndentAsListItem, hasNode, sinkListItem }
 import { onDownPreventDefault } from './utils';
 import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
 import { messages } from './../messages';
+import { classNames } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
@@ -70,14 +71,15 @@ export var IndentToolNS;
                 var canIndent = canIndented || canListIndent;
                 var localization = provideLocalizationService(this);
                 var titleKey = settings.messages.title;
-                var button = (React.createElement(Button, __assign({ onClick: function () {
+                var disabled = !canIndent;
+                var button = (React.createElement(Button, __assign({ onClick: disabled ? undefined : function () {
                         if (view && canListIndent && listItem) {
                             sinkListItem(listItem)(view.state, view.dispatch);
                         }
                         else if (view && canIndented) {
                             indentBlocks(actions, settings.commandName, dir)(view.state, view.dispatch);
                         }
-                    }, title: localization.toLanguageString(titleKey, messages[titleKey]), disabled: !canIndent }, onDownPreventDefault, settings.props, buttonProps)));
+                    }, "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 }) })));
                 return render ? render.call(undefined, button, { view: view }) : button;
             };
             return IndentTool;

package/dist/es/tools/insertImage.js

@@ -42,6 +42,7 @@ import { onDownPreventDefault } from './utils';
 import { EditorDialogs } from '../dialogs/main';
 import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
 import { messages } from './../messages';
+import { classNames } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
@@ -66,7 +67,8 @@ export var createInsertImageTool = function (settings) {
             var nodeType = state ? state.schema.nodes[settings.node] : undefined;
             var localization = provideLocalizationService(this);
             var insertImage = settings.messages.insertImage;
-            var rendering = [(React.createElement(Button, __assign({ onClick: this.toggleDialog, key: "insertImage", disabled: !nodeType || !state || !canInsert(state, nodeType) }, onDownPreventDefault, { title: localization.toLanguageString(insertImage, messages[insertImage]) }, settings.props, buttonProps))), (this.state.openedDialog && view && (React.createElement(EditorDialogs.InsertImageDialog, { key: "insertImageDialog", view: view, settings: settings, dir: buttonProps.dir, onClose: this.toggleDialog })) || null)];
+            var disabled = !nodeType || !state || !canInsert(state, nodeType);
+            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)];
             return render ? render.call(undefined, rendering, { view: view }) : rendering;
         };
         return InsertImageTool;

package/dist/es/tools/insertLink.js

@@ -42,6 +42,7 @@ import { onDownPreventDefault } from './utils';
 import { EditorDialogs } from '../dialogs/main';
 import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
 import { messages } from './../messages';
+import { classNames } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
@@ -72,7 +73,8 @@ export var LinkToolNS;
                 var linkMark = state && getMark(state, state.schema.marks[settings.mark]);
                 var localization = provideLocalizationService(this);
                 var insertHyperlink = settings.messages.insertHyperlink;
-                var rendering = [(React.createElement(Button, __assign({ onClick: this.toggleDialog, key: "link", disabled: collapsed && !linkMark }, onDownPreventDefault, { title: localization.toLanguageString(insertHyperlink, messages[insertHyperlink]) }, settings.props, props))), (this.state.openedDialog && view && (React.createElement(EditorDialogs.InsertLinkDialog, { key: "insertLinkDialog", settings: settings, dir: props.dir, view: view, onClose: this.toggleDialog })) || null)];
+                var disabled = collapsed && !linkMark;
+                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)];
                 return render ? render.call(undefined, rendering, { view: view }) : rendering;
             };
             return LinkTool;

package/dist/es/tools/insertTable/tool.js

@@ -42,6 +42,7 @@ import { registerForLocalization, provideLocalizationService } from '@progress/k
 import { messages } from './../../messages';
 import { InsertTablePopupNS } from './popup';
 import { canInsert, createTable, insertNode } from '@progress/kendo-editor-common';
+import { classNames } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
@@ -92,7 +93,8 @@ export var InsertTableToolNS;
                 var _b = settings.messages, createTableMsgKey = _b.createTable, createTableHint = _b.createTableHint;
                 var createTableMsg = localization.toLanguageString(createTableMsgKey, messages[createTableMsgKey]);
                 var createTableHintMsg = localization.toLanguageString(createTableHint, messages[createTableHint]);
-                var rendering = [(React.createElement(Button, __assign({ onClick: this.togglePopup, ref: function (e) { return _this.button = e && e.element; }, key: "InsertTable", disabled: !state || !canInsert(state, state.schema.nodes.table) }, onDownPreventDefault, { title: createTableMsg }, settings.props, props))), (view && (React.createElement(InsertTablePopupNS.InsertTablePopup, { key: "insertTablePopup", createTableMessage: createTableMsg, createTableHintMessage: createTableHintMsg, dir: props.dir, anchor: this.button, show: this.state.openedPopup, onClose: this.closePopup, onTableInsert: this.onTableInsert })) || null)];
+                var disabled = !state || !canInsert(state, state.schema.nodes.table);
+                var rendering = [(React.createElement(Button, __assign({ onClick: disabled ? undefined : this.togglePopup, "aria-disabled": disabled ? true : undefined, ref: function (e) { return _this.button = e && e.element; }, key: "InsertTable" }, onDownPreventDefault, { title: createTableMsg }, settings.props, props, { className: classNames(props.className, settings.props.className, { 'k-disabled': disabled }) }))), (view && !disabled && (React.createElement(InsertTablePopupNS.InsertTablePopup, { key: "insertTablePopup", createTableMessage: createTableMsg, createTableHintMessage: createTableHintMsg, dir: props.dir, anchor: this.button, show: this.state.openedPopup, onClose: this.closePopup, onTableInsert: this.onTableInsert })) || null)];
                 return render ? render.call(undefined, rendering, { view: view }) : rendering;
             };
             return InsertTableTool;

package/dist/es/tools/outdent.js

@@ -41,6 +41,7 @@ import { indentBlocks, isIndented, canOutdentAsListItem, liftListItem } from '@p
 import { onDownPreventDefault } from './utils';
 import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
 import { messages } from './../messages';
+import { classNames } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
@@ -65,14 +66,15 @@ export var OutdentToolNS;
                 var canOutdent = indented || canListOutdent;
                 var localization = provideLocalizationService(this);
                 var titleKey = settings.messages.title;
-                var button = (React.createElement(Button, __assign({ onClick: function () {
+                var disabled = !canOutdent;
+                var button = (React.createElement(Button, __assign({ onClick: disabled ? undefined : function () {
                         if (view && canListOutdent && listItem) {
                             liftListItem(listItem)(view.state, view.dispatch);
                         }
                         else if (view && indented) {
                             indentBlocks(settings.actions, settings.commandName, dir)(view.state, view.dispatch);
                         }
-                    }, title: localization.toLanguageString(titleKey, messages[titleKey]), disabled: !canOutdent }, onDownPreventDefault, settings.props, buttonProps)));
+                    }, "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 }) })));
                 return render ? render.call(undefined, button, { view: view }) : button;
             };
             return OutdentTool;

package/dist/es/tools/print.js

@@ -26,6 +26,7 @@ import { useLocalization } from '@progress/kendo-react-intl';
 import { onDownPreventDefault } from './utils';
 import { messages } from './../messages';
 import { EditorToolsSettings } from './../config/toolsSettings';
+import { classNames } from '@progress/kendo-react-common';
 var print = EditorToolsSettings.print;
 /**
  * @hidden
@@ -36,11 +37,12 @@ export var Print = function (props) {
     var doc = dom && dom.ownerDocument;
     var editorWindow = doc && doc.defaultView;
     var titleKey = settings.messages.title;
+    var disabled = !editorWindow || editorWindow === window;
     var onClick = React.useCallback(function () {
         if (editorWindow) {
             editorWindow.print();
         }
     }, [editorWindow]);
-    var button = (React.createElement(Button, __assign({ onClick: onClick, disabled: !editorWindow || editorWindow === window, title: useLocalization().toLanguageString(titleKey, messages[titleKey]) }, onDownPreventDefault, settings.props, buttonProps)));
+    var button = (React.createElement(Button, __assign({ onClick: disabled ? undefined : onClick, "aria-disabled": disabled ? true : undefined, title: useLocalization().toLanguageString(titleKey, messages[titleKey]) }, onDownPreventDefault, settings.props, buttonProps, { className: classNames(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) })));
     return (render ? render.call(undefined, button, { view: view }) : button);
 };

package/dist/es/tools/proseMirrorTool.js

@@ -40,6 +40,7 @@ import { Button } from '@progress/kendo-react-buttons';
 import { onDownPreventDefault } from './utils';
 import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
 import { messages } from './../messages';
+import { classNames } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
@@ -55,8 +56,8 @@ export var createProseMirrorTool = function (settings, command) {
             var titleKey = settings.messages.title;
             var state = view && view.state;
             var disabled = state ? !command(state) : false;
-            var button = (React.createElement(Button, __assign({ onClick: function () { return view &&
-                    command(view.state, function (tr) { return view.dispatch(tr.setMeta('commandName', settings.commandName)); }); }, disabled: disabled }, onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages[titleKey]) }, settings.props, buttonProps)));
+            var button = (React.createElement(Button, __assign({ onClick: disabled ? undefined : function () { return view &&
+                    command(view.state, function (tr) { return view.dispatch(tr.setMeta('commandName', settings.commandName)); }); }, "aria-disabled": disabled ? true : undefined }, onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages[titleKey]) }, settings.props, buttonProps, { className: classNames(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) })));
             return render ? render.call(undefined, button, { view: view }) : button;
         };
         return ProseMirrorTool;

package/dist/es/tools/unlink.js

@@ -41,6 +41,7 @@ import { removeLink, hasMark } from '@progress/kendo-editor-common';
 import { onDownPreventDefault } from './utils';
 import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
 import { messages } from './../messages';
+import { classNames } from '@progress/kendo-react-common';
 /**
  * @hidden
  */
@@ -63,8 +64,9 @@ export var UnlinkToolNS;
                     : false;
                 var localization = provideLocalizationService(this);
                 var titleKey = settings.messages.title;
-                var button = (React.createElement(Button, __assign({ onClick: function () { return view &&
-                        removeLink(options, view.state.tr.setMeta('commandName', settings.commandName))(view.state, view.dispatch); }, disabled: !hasLink }, onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages[titleKey]) }, settings.props, buttonProps)));
+                var disabled = !hasLink;
+                var button = (React.createElement(Button, __assign({ onClick: disabled ? undefined : function () { return view &&
+                        removeLink(options, view.state.tr.setMeta('commandName', settings.commandName))(view.state, view.dispatch); }, "aria-disabled": disabled ? true : undefined }, onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages[titleKey]) }, settings.props, buttonProps, { className: classNames(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) })));
                 return render ? render.call(undefined, button, { view: view }) : button;
             };
             return UnlinkTool;

package/dist/npm/Editor.d.ts

@@ -35,7 +35,7 @@ export declare class Editor extends React.Component<EditorProps, EditorStateInte
      */
     static propTypes: {
         defaultContent: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | object>;
+        value: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
         defaultEditMode: PropTypes.Requireable<string>;
         contentStyle: PropTypes.Requireable<object>;
         dir: PropTypes.Requireable<string>;

package/dist/npm/config/shortcuts.d.ts

@@ -1,5 +1,6 @@
 import { EditorState, Transaction, EditorView } from '@progress/kendo-editor-common';
 import { EditorToolsSettings } from './toolsSettings';
+declare const bold: EditorToolsSettings.InlineFormatSettings, underline: EditorToolsSettings.InlineFormatSettings, italic: EditorToolsSettings.InlineFormatSettings;
 /**
  * @hidden
  */
@@ -20,3 +21,4 @@ export declare const getShortcuts: (settings?: {
         underline?: EditorToolsSettings.InlineFormatOptions | undefined;
     } | undefined;
 } | undefined) => Shortcuts;
+export {};

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-editor',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1660292532,
+    publishDate: 1661527621,
     version: '',
     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'
 };

package/dist/npm/tools/cleanFormatting.js

@@ -30,6 +30,7 @@ var utils_1 = require("./utils");
 var messages_1 = require("../messages");
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 var toolsSettings_1 = require("./../config/toolsSettings");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 var cleanFormatting = toolsSettings_1.EditorToolsSettings.cleanFormatting;
 var command = (0, kendo_editor_common_1.cleanFormatting)();
 /**
@@ -38,6 +39,7 @@ var command = (0, kendo_editor_common_1.cleanFormatting)();
 var CleanFormatting = function (props) {
     var view = props.view, render = props.render, _a = props.settings, settings = _a === void 0 ? cleanFormatting : _a, buttonProps = __rest(props, ["view", "render", "settings"]);
     var titleKey = settings.messages.title;
+    var disabled = !view || !command(view.state);
     var onClick = React.useCallback(function () {
         if (view) {
             command(view.state, function (tr) {
@@ -46,7 +48,7 @@ var CleanFormatting = function (props) {
             });
         }
     }, [view]);
-    var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: onClick, disabled: !view || !command(view.state), title: (0, kendo_react_intl_1.useLocalization)().toLanguageString(titleKey, messages_1.messages[titleKey]) }, utils_1.onDownPreventDefault, settings.props, buttonProps)));
+    var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : onClick, "aria-disabled": disabled ? true : undefined, title: (0, kendo_react_intl_1.useLocalization)().toLanguageString(titleKey, messages_1.messages[titleKey]) }, utils_1.onDownPreventDefault, settings.props, buttonProps, { className: (0, kendo_react_common_1.classNames)(props.className, settings.props.className, { 'k-disabled': disabled }) })));
     return (render ? render.call(undefined, button, { view: view }) : button);
 };
 exports.CleanFormatting = CleanFormatting;

package/dist/npm/tools/findReplace.js

@@ -45,6 +45,7 @@ var utils_1 = require("./utils");
 var messages_1 = require("./../messages");
 var toolsSettings_1 = require("./../config/toolsSettings");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 var settings = toolsSettings_1.EditorToolsSettings.findAndReplace;
 /**
  * @hidden
@@ -69,7 +70,8 @@ var FindAndReplace = /** @class */ (function (_super) {
         var props = settings.props;
         var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
         var titleKey = settings.messages.findReplaceToolTitle;
-        return [(React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: this.onOpen }, utils_1.onDownPreventDefault, { disabled: !view, title: localization.toLanguageString(titleKey, messages_1.messages[titleKey]), key: "tool" }, props, buttonProps))), this.state.showDialog && view && (React.createElement(FindReplace_1.FindAndReplaceDialog, { view: view, onClose: this.onClose, dir: buttonProps.dir, key: "dialog" }))];
+        var disabled = !view;
+        return [(React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : this.onOpen, "aria-disabled": disabled ? true : undefined }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages_1.messages[titleKey]), key: "tool" }, props, buttonProps, { className: (0, kendo_react_common_1.classNames)(buttonProps.className, props.className, { 'k-disabled': disabled }) }))), this.state.showDialog && view && (React.createElement(FindReplace_1.FindAndReplaceDialog, { view: view, onClose: this.onClose, dir: buttonProps.dir, key: "dialog" }))];
     };
     return FindAndReplace;
 }(React.Component));

package/dist/npm/tools/indent.js

@@ -44,6 +44,7 @@ var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../messages");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * @hidden
  */
@@ -73,14 +74,15 @@ var IndentToolNS;
                 var canIndent = canIndented || canListIndent;
                 var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
                 var titleKey = settings.messages.title;
-                var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: function () {
+                var disabled = !canIndent;
+                var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : function () {
                         if (view && canListIndent && listItem) {
                             (0, kendo_editor_common_1.sinkListItem)(listItem)(view.state, view.dispatch);
                         }
                         else if (view && canIndented) {
                             (0, kendo_editor_common_1.indentBlocks)(actions, settings.commandName, dir)(view.state, view.dispatch);
                         }
-                    }, title: localization.toLanguageString(titleKey, messages_1.messages[titleKey]), disabled: !canIndent }, utils_1.onDownPreventDefault, settings.props, buttonProps)));
+                    }, "aria-disabled": disabled ? true : undefined, title: localization.toLanguageString(titleKey, messages_1.messages[titleKey]) }, utils_1.onDownPreventDefault, settings.props, buttonProps, { className: (0, kendo_react_common_1.classNames)(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) })));
                 return render ? render.call(undefined, button, { view: view }) : button;
             };
             return IndentTool;

package/dist/npm/tools/insertImage.js

@@ -45,6 +45,7 @@ var utils_1 = require("./utils");
 var main_1 = require("../dialogs/main");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../messages");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * @hidden
  */
@@ -69,7 +70,8 @@ var createInsertImageTool = function (settings) {
             var nodeType = state ? state.schema.nodes[settings.node] : undefined;
             var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
             var insertImage = settings.messages.insertImage;
-            var rendering = [(React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: this.toggleDialog, key: "insertImage", disabled: !nodeType || !state || !(0, kendo_editor_common_1.canInsert)(state, nodeType) }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(insertImage, messages_1.messages[insertImage]) }, settings.props, buttonProps))), (this.state.openedDialog && view && (React.createElement(main_1.EditorDialogs.InsertImageDialog, { key: "insertImageDialog", view: view, settings: settings, dir: buttonProps.dir, onClose: this.toggleDialog })) || null)];
+            var disabled = !nodeType || !state || !(0, kendo_editor_common_1.canInsert)(state, nodeType);
+            var rendering = [(React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : this.toggleDialog, "aria-disabled": disabled ? true : undefined, key: "insertImage" }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(insertImage, messages_1.messages[insertImage]) }, settings.props, buttonProps, { className: (0, kendo_react_common_1.classNames)(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) }))), (this.state.openedDialog && view && (React.createElement(main_1.EditorDialogs.InsertImageDialog, { key: "insertImageDialog", view: view, settings: settings, dir: buttonProps.dir, onClose: this.toggleDialog })) || null)];
             return render ? render.call(undefined, rendering, { view: view }) : rendering;
         };
         return InsertImageTool;

package/dist/npm/tools/insertLink.js

@@ -45,6 +45,7 @@ var utils_1 = require("./utils");
 var main_1 = require("../dialogs/main");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../messages");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * @hidden
  */
@@ -75,7 +76,8 @@ var LinkToolNS;
                 var linkMark = state && (0, kendo_editor_common_1.getMark)(state, state.schema.marks[settings.mark]);
                 var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
                 var insertHyperlink = settings.messages.insertHyperlink;
-                var rendering = [(React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: this.toggleDialog, key: "link", disabled: collapsed && !linkMark }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(insertHyperlink, messages_1.messages[insertHyperlink]) }, settings.props, props))), (this.state.openedDialog && view && (React.createElement(main_1.EditorDialogs.InsertLinkDialog, { key: "insertLinkDialog", settings: settings, dir: props.dir, view: view, onClose: this.toggleDialog })) || null)];
+                var disabled = collapsed && !linkMark;
+                var rendering = [(React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : this.toggleDialog, "aria-disabled": disabled ? true : undefined, key: "link" }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(insertHyperlink, messages_1.messages[insertHyperlink]) }, settings.props, props, { className: (0, kendo_react_common_1.classNames)(props.className, settings.props.className, { 'k-disabled': disabled }) }))), (this.state.openedDialog && view && (React.createElement(main_1.EditorDialogs.InsertLinkDialog, { key: "insertLinkDialog", settings: settings, dir: props.dir, view: view, onClose: this.toggleDialog })) || null)];
                 return render ? render.call(undefined, rendering, { view: view }) : rendering;
             };
             return LinkTool;

package/dist/npm/tools/insertTable/tool.js

@@ -45,6 +45,7 @@ var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../../messages");
 var popup_1 = require("./popup");
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * @hidden
  */
@@ -95,7 +96,8 @@ var InsertTableToolNS;
                 var _b = settings.messages, createTableMsgKey = _b.createTable, createTableHint = _b.createTableHint;
                 var createTableMsg = localization.toLanguageString(createTableMsgKey, messages_1.messages[createTableMsgKey]);
                 var createTableHintMsg = localization.toLanguageString(createTableHint, messages_1.messages[createTableHint]);
-                var rendering = [(React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: this.togglePopup, ref: function (e) { return _this.button = e && e.element; }, key: "InsertTable", disabled: !state || !(0, kendo_editor_common_1.canInsert)(state, state.schema.nodes.table) }, utils_1.onDownPreventDefault, { title: createTableMsg }, settings.props, props))), (view && (React.createElement(popup_1.InsertTablePopupNS.InsertTablePopup, { key: "insertTablePopup", createTableMessage: createTableMsg, createTableHintMessage: createTableHintMsg, dir: props.dir, anchor: this.button, show: this.state.openedPopup, onClose: this.closePopup, onTableInsert: this.onTableInsert })) || null)];
+                var disabled = !state || !(0, kendo_editor_common_1.canInsert)(state, state.schema.nodes.table);
+                var rendering = [(React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : this.togglePopup, "aria-disabled": disabled ? true : undefined, ref: function (e) { return _this.button = e && e.element; }, key: "InsertTable" }, utils_1.onDownPreventDefault, { title: createTableMsg }, settings.props, props, { className: (0, kendo_react_common_1.classNames)(props.className, settings.props.className, { 'k-disabled': disabled }) }))), (view && !disabled && (React.createElement(popup_1.InsertTablePopupNS.InsertTablePopup, { key: "insertTablePopup", createTableMessage: createTableMsg, createTableHintMessage: createTableHintMsg, dir: props.dir, anchor: this.button, show: this.state.openedPopup, onClose: this.closePopup, onTableInsert: this.onTableInsert })) || null)];
                 return render ? render.call(undefined, rendering, { view: view }) : rendering;
             };
             return InsertTableTool;

package/dist/npm/tools/outdent.js

@@ -44,6 +44,7 @@ var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../messages");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * @hidden
  */
@@ -68,14 +69,15 @@ var OutdentToolNS;
                 var canOutdent = indented || canListOutdent;
                 var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
                 var titleKey = settings.messages.title;
-                var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: function () {
+                var disabled = !canOutdent;
+                var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : function () {
                         if (view && canListOutdent && listItem) {
                             (0, kendo_editor_common_1.liftListItem)(listItem)(view.state, view.dispatch);
                         }
                         else if (view && indented) {
                             (0, kendo_editor_common_1.indentBlocks)(settings.actions, settings.commandName, dir)(view.state, view.dispatch);
                         }
-                    }, title: localization.toLanguageString(titleKey, messages_1.messages[titleKey]), disabled: !canOutdent }, utils_1.onDownPreventDefault, settings.props, buttonProps)));
+                    }, "aria-disabled": disabled ? true : undefined, title: localization.toLanguageString(titleKey, messages_1.messages[titleKey]) }, utils_1.onDownPreventDefault, settings.props, buttonProps, { className: (0, kendo_react_common_1.classNames)(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) })));
                 return render ? render.call(undefined, button, { view: view }) : button;
             };
             return OutdentTool;

package/dist/npm/tools/print.js

@@ -29,6 +29,7 @@ var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var utils_1 = require("./utils");
 var messages_1 = require("./../messages");
 var toolsSettings_1 = require("./../config/toolsSettings");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 var print = toolsSettings_1.EditorToolsSettings.print;
 /**
  * @hidden
@@ -39,12 +40,13 @@ var Print = function (props) {
     var doc = dom && dom.ownerDocument;
     var editorWindow = doc && doc.defaultView;
     var titleKey = settings.messages.title;
+    var disabled = !editorWindow || editorWindow === window;
     var onClick = React.useCallback(function () {
         if (editorWindow) {
             editorWindow.print();
         }
     }, [editorWindow]);
-    var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: onClick, disabled: !editorWindow || editorWindow === window, title: (0, kendo_react_intl_1.useLocalization)().toLanguageString(titleKey, messages_1.messages[titleKey]) }, utils_1.onDownPreventDefault, settings.props, buttonProps)));
+    var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : onClick, "aria-disabled": disabled ? true : undefined, title: (0, kendo_react_intl_1.useLocalization)().toLanguageString(titleKey, messages_1.messages[titleKey]) }, utils_1.onDownPreventDefault, settings.props, buttonProps, { className: (0, kendo_react_common_1.classNames)(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) })));
     return (render ? render.call(undefined, button, { view: view }) : button);
 };
 exports.Print = Print;

package/dist/npm/tools/proseMirrorTool.js

@@ -43,6 +43,7 @@ var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../messages");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * @hidden
  */
@@ -58,8 +59,8 @@ var createProseMirrorTool = function (settings, command) {
             var titleKey = settings.messages.title;
             var state = view && view.state;
             var disabled = state ? !command(state) : false;
-            var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: function () { return view &&
-                    command(view.state, function (tr) { return view.dispatch(tr.setMeta('commandName', settings.commandName)); }); }, disabled: disabled }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages_1.messages[titleKey]) }, settings.props, buttonProps)));
+            var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : function () { return view &&
+                    command(view.state, function (tr) { return view.dispatch(tr.setMeta('commandName', settings.commandName)); }); }, "aria-disabled": disabled ? true : undefined }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages_1.messages[titleKey]) }, settings.props, buttonProps, { className: (0, kendo_react_common_1.classNames)(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) })));
             return render ? render.call(undefined, button, { view: view }) : button;
         };
         return ProseMirrorTool;

package/dist/npm/tools/unlink.js

@@ -44,6 +44,7 @@ var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 var utils_1 = require("./utils");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../messages");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
 /**
  * @hidden
  */
@@ -66,8 +67,9 @@ var UnlinkToolNS;
                     : false;
                 var localization = (0, kendo_react_intl_1.provideLocalizationService)(this);
                 var titleKey = settings.messages.title;
-                var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: function () { return view &&
-                        (0, kendo_editor_common_1.removeLink)(options, view.state.tr.setMeta('commandName', settings.commandName))(view.state, view.dispatch); }, disabled: !hasLink }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages_1.messages[titleKey]) }, settings.props, buttonProps)));
+                var disabled = !hasLink;
+                var button = (React.createElement(kendo_react_buttons_1.Button, __assign({ onClick: disabled ? undefined : function () { return view &&
+                        (0, kendo_editor_common_1.removeLink)(options, view.state.tr.setMeta('commandName', settings.commandName))(view.state, view.dispatch); }, "aria-disabled": disabled ? true : undefined }, utils_1.onDownPreventDefault, { title: localization.toLanguageString(titleKey, messages_1.messages[titleKey]) }, settings.props, buttonProps, { className: (0, kendo_react_common_1.classNames)(buttonProps.className, settings.props.className, { 'k-disabled': disabled }) })));
                 return render ? render.call(undefined, button, { view: view }) : button;
             };
             return UnlinkTool;