@progress/kendo-react-editor 6.1.1 → 7.0.0-develop.2

package/dist/es/dialogs/FindReplace.js

@@ -1,248 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import * as React from 'react';
-import { Button } from '@progress/kendo-react-buttons';
-import { Window } from '@progress/kendo-react-dialogs';
-import { TabStrip, TabStripTab } from '@progress/kendo-react-layout';
-import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
-import { messages } from './../messages';
-import { EditorToolsSettings } from './../config/toolsSettings';
-import { formatString } from './../tools/utils';
-import { find, replace, replaceAll, findAll, TextSelection, textHighlightKey, selectedLineTextOnly } from '@progress/kendo-editor-common';
-import { IconWrap } from '@progress/kendo-react-common';
-import { Input, Checkbox } from '@progress/kendo-react-inputs';
-import { Form, FormElement, FieldWrapper } from '@progress/kendo-react-form';
-import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
-var enter = 13, esc = 27;
-var settings = EditorToolsSettings.findAndReplace;
-/**
- * @hidden
- */
-var FindAndReplaceDialog = /** @class */ (function (_super) {
-    __extends(FindAndReplaceDialog, _super);
-    function FindAndReplaceDialog(props) {
-        var _this = _super.call(this, props) || this;
-        _this.onTabSelect = function (event) {
-            _this.setState({ selectedTab: event.selected });
-        };
-        _this.onClose = function () {
-            var view = _this.props.view;
-            var state = view.state;
-            var transaction = state.tr.setSelection(TextSelection.create(state.doc, state.selection.from, state.selection.to));
-            view.updateState(state.apply(transaction));
-            view.focus();
-            _this.props.onClose.call(undefined);
-        };
-        _this.matchesMessage = function (locMessage) {
-            var matches = _this.state.matches;
-            var nextMatch = _this.state.nextMatch;
-            var cur = 0, all = 0;
-            if (matches && nextMatch) {
-                var current = matches.findIndex(function (s) { return s.eq(nextMatch); });
-                cur = current === -1 ? matches.length : current + 1;
-                all = matches.length;
-            }
-            return formatString(locMessage, cur, all);
-        };
-        _this.onFindNext = function () {
-            _this.onFind();
-        };
-        _this.onFindPrev = function () {
-            _this.onFind(true);
-        };
-        _this.onFind = function (backward) {
-            if (backward === void 0) { backward = false; }
-            var view = _this.props.view;
-            var _a = _this.state, text = _a.searchText, matchCase = _a.matchCase, matchCyclic = _a.matchCyclic, matchWord = _a.matchWord, useRegExp = _a.useRegExp;
-            var searchOptions = { text: text, matchWord: matchWord, matchCase: matchCase, useRegExp: useRegExp, backward: backward, matchCyclic: matchCyclic };
-            var selectionResult = find(view.state, searchOptions);
-            if (selectionResult) {
-                var transaction = view.state.tr.setSelection(selectionResult);
-                transaction.scrollIntoView();
-                view.updateState(view.state.apply(transaction));
-                _this.setState({ nextMatch: selectionResult });
-            }
-        };
-        _this.onReplace = function () {
-            var view = _this.props.view;
-            var selection = view.state.selection;
-            var replaceText = _this.state.replaceText;
-            if (!selection.empty) {
-                var start = selection.from;
-                var end = start + replaceText.length;
-                var transaction = replace(selection, replaceText, view.state.tr);
-                transaction.setSelection(TextSelection.create(transaction.doc, start, end));
-                transaction.scrollIntoView();
-                view.dispatch(transaction);
-                _this.setNextState({});
-            }
-        };
-        _this.onReplaceAll = function () {
-            var view = _this.props.view;
-            var _a = _this.state, searchText = _a.searchText, replaceText = _a.replaceText, matchCase = _a.matchCase, matchWord = _a.matchWord, useRegExp = _a.useRegExp;
-            var searchOptions = { text: searchText, matchWord: matchWord, matchCase: matchCase, useRegExp: useRegExp };
-            var tr = replaceAll(view.state, replaceText, searchOptions);
-            if (tr) {
-                view.dispatch(tr);
-            }
-            _this.setNextState({});
-        };
-        _this.onKeyDown = function (event) {
-            if (event.keyCode === enter) {
-                _this.onFindNext();
-            }
-            else if (event.keyCode === esc) {
-                _this.onClose();
-            }
-        };
-        _this.onMatchCaseChecked = function (e) { return _this.setNextState({ matchCase: e.value }); };
-        _this.onMatchWordChecked = function (e) { return _this.setNextState({ matchWord: e.value }); };
-        _this.onMatchCyclicChecked = function (e) { return _this.setNextState({ matchCyclic: e.value }); };
-        _this.onUseRegExpChecked = function (e) { return _this.setNextState({ useRegExp: e.value }); };
-        _this.onSearchChange = function (e) { return _this.setNextState({ searchText: e.target.value }); };
-        _this.onReplaceChange = function (e) { return _this.setNextState({ replaceText: e.target.value }); };
-        _this.setNextState = function (next) {
-            var nextState = __assign(__assign(__assign({}, _this.state), next), { matches: undefined, nextMatch: undefined });
-            var view = _this.props.view;
-            if (nextState.searchText) {
-                var text = nextState.searchText, matchWord = nextState.matchWord, matchCase = nextState.matchCase, useRegExp = nextState.useRegExp, matchCyclic = nextState.matchCyclic;
-                var searchOptions = { text: text, matchWord: matchWord, matchCase: matchCase, useRegExp: useRegExp };
-                var selection_1 = view.state.selection;
-                var matches = findAll(view.state.doc, searchOptions);
-                var nextMatch = (!_this.state.searchText && matches[0]) ||
-                    matches.find(function (match) { return match.from >= selection_1.from; }) ||
-                    (matchCyclic && matches[0]) ||
-                    undefined;
-                _this.setState(__assign(__assign({}, nextState), { matches: matches, nextMatch: nextMatch }));
-            }
-            else {
-                _this.setState(nextState);
-            }
-        };
-        _this.state = {
-            selectedTab: 0,
-            searchText: selectedLineTextOnly(props.view.state),
-            replaceText: '',
-            matchCase: false,
-            matchWord: false,
-            matchCyclic: false,
-            useRegExp: false
-        };
-        return _this;
-    }
-    Object.defineProperty(FindAndReplaceDialog.prototype, "settings", {
-        get: function () {
-            return this.props.settings || settings;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    FindAndReplaceDialog.prototype.componentDidUpdate = function (_, prevState) {
-        var view = this.props.view;
-        var _a = this.state, _b = _a.matches, matches = _b === void 0 ? [] : _b, nextMatch = _a.nextMatch;
-        if (prevState.nextMatch !== nextMatch) {
-            var state = view.state;
-            // highlight selection
-            var tr = state.tr;
-            var highlights_1 = [];
-            matches.forEach(function (m) {
-                highlights_1.push({
-                    from: m.from,
-                    to: m.to,
-                    attrs: {
-                        class: (nextMatch && m.eq(nextMatch)) ?
-                            'k-text-selected' :
-                            'k-text-highlighted'
-                    }
-                });
-            });
-            tr.setMeta(textHighlightKey, highlights_1);
-            tr.setSelection(nextMatch || TextSelection.create(state.doc, state.selection.from));
-            view.dispatch(tr);
-        }
-    };
-    /**
-     * @hidden
-     */
-    FindAndReplaceDialog.prototype.render = function () {
-        var _this = this;
-        var localization = provideLocalizationService(this);
-        var _a = this.settings.messages, findReplaceDialogTitle = _a.findReplaceDialogTitle, findReplaceTabFind = _a.findReplaceTabFind, findReplaceTabReplace = _a.findReplaceTabReplace, findReplaceFindWhat = _a.findReplaceFindWhat, findReplaceReplaceWith = _a.findReplaceReplaceWith, findReplaceReplace = _a.findReplaceReplace, findReplaceReplaceAll = _a.findReplaceReplaceAll, findReplaceMatchCase = _a.findReplaceMatchCase, findReplaceMatchWord = _a.findReplaceMatchWord, findReplaceMatchCyclic = _a.findReplaceMatchCyclic, findReplaceUseRegExp = _a.findReplaceUseRegExp, findReplacePrevMatch = _a.findReplacePrevMatch, findReplaceNextMatch = _a.findReplaceNextMatch, findReplaceMatches = _a.findReplaceMatches;
-        var _b = this.state, matchCase = _b.matchCase, matchWord = _b.matchWord, matchCyclic = _b.matchCyclic, useRegExp = _b.useRegExp, searchText = _b.searchText, replaceText = _b.replaceText, nextMatch = _b.nextMatch;
-        var checkboxes = (React.createElement("div", { className: "k-search-options" },
-            React.createElement("span", null,
-                React.createElement(Checkbox, { id: "match-case", checked: matchCase, onChange: this.onMatchCaseChecked }),
-                React.createElement("label", { htmlFor: "match-case", className: "k-checkbox-label" }, localization.toLanguageString(findReplaceMatchCase, messages[findReplaceMatchCase]))),
-            React.createElement("span", null,
-                React.createElement(Checkbox, { id: "match-whole", checked: matchWord, onChange: this.onMatchWordChecked }),
-                React.createElement("label", { htmlFor: "match-whole", className: "k-checkbox-label" }, localization.toLanguageString(findReplaceMatchWord, messages[findReplaceMatchWord]))),
-            React.createElement("span", null,
-                React.createElement(Checkbox, { id: "match-cyclic", checked: matchCyclic, onChange: this.onMatchCyclicChecked }),
-                React.createElement("label", { htmlFor: "match-cyclic", className: "k-checkbox-label" }, localization.toLanguageString(findReplaceMatchCyclic, messages[findReplaceMatchCyclic]))),
-            React.createElement("span", null,
-                React.createElement(Checkbox, { id: "regular-expression", checked: useRegExp, onChange: this.onUseRegExpChecked }),
-                React.createElement("label", { htmlFor: "regular-expression", className: "k-checkbox-label" }, localization.toLanguageString(findReplaceUseRegExp, messages[findReplaceUseRegExp])))));
-        var navigation = (React.createElement("div", { className: "k-matches-container" },
-            React.createElement(Button, { fillMode: 'flat', themeColor: 'primary', onClick: this.onFindPrev },
-                React.createElement(IconWrap, { name: "chevron-left", icon: chevronLeftIcon }),
-                localization.toLanguageString(findReplacePrevMatch, messages[findReplacePrevMatch])),
-            React.createElement("span", null, this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages[findReplaceMatches]))),
-            React.createElement(Button, { fillMode: 'flat', themeColor: 'primary', onClick: this.onFindNext },
-                localization.toLanguageString(findReplaceNextMatch, messages[findReplaceNextMatch]),
-                React.createElement(IconWrap, { name: "chevron-right", icon: chevronRightIcon }))));
-        var findWhat = (React.createElement(Form, { render: function () { return (React.createElement(FormElement, { horizontal: true },
-                React.createElement(FieldWrapper, null,
-                    React.createElement("label", { htmlFor: "findWhat", className: 'k-form-label' }, localization.toLanguageString(findReplaceFindWhat, messages[findReplaceFindWhat])),
-                    React.createElement("div", { className: 'k-form-field-wrap' },
-                        React.createElement(Input, { id: 'findWhat', type: "text", value: searchText, onChange: _this.onSearchChange, onFocus: _this.onSearchChange, onKeyDown: _this.onKeyDown, autoFocus: true }))))); } }));
-        var replaceWith = (React.createElement(Form, { render: function () { return (React.createElement(FormElement, { horizontal: true },
-                React.createElement(FieldWrapper, null,
-                    React.createElement("label", { htmlFor: 'replaceWith', className: 'k-form-label' }, localization.toLanguageString(findReplaceReplaceWith, messages[findReplaceReplaceWith])),
-                    React.createElement("div", { className: 'k-form-field-wrap' },
-                        React.createElement(Input, { id: 'replaceWith', type: "text", value: replaceText, onChange: _this.onReplaceChange }))))); } }));
-        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; } },
-            React.createElement(TabStrip, { selected: this.state.selectedTab, className: "k-editor-find-replace", onSelect: this.onTabSelect, animation: false },
-                React.createElement(TabStripTab, { title: localization.toLanguageString(findReplaceTabFind, messages[findReplaceTabFind]) },
-                    findWhat,
-                    checkboxes,
-                    navigation),
-                React.createElement(TabStripTab, { title: localization.toLanguageString(findReplaceTabReplace, messages[findReplaceTabReplace]) },
-                    findWhat,
-                    replaceWith,
-                    React.createElement("div", { className: "k-actions k-hstack k-justify-content-end" },
-                        React.createElement(Button, { disabled: !Boolean(nextMatch), onClick: this.onReplace }, localization.toLanguageString(findReplaceReplace, messages[findReplaceReplace])),
-                        React.createElement(Button, { disabled: !Boolean(nextMatch), onClick: this.onReplaceAll }, localization.toLanguageString(findReplaceReplaceAll, messages[findReplaceReplaceAll]))),
-                    checkboxes,
-                    navigation))));
-    };
-    return FindAndReplaceDialog;
-}(React.Component));
-export { FindAndReplaceDialog };
-registerForLocalization(FindAndReplaceDialog);

package/dist/es/dialogs/insertImage.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { EditorToolsSettings } from '../config/toolsSettings';
-import { EditorDialogProps } from './EditorDialogProps';
-/**
- * @hidden
- */
-export interface InsertImageDialogProps extends EditorDialogProps {
-    /**
-     * The `ImageSettings` object.
-     */
-    settings: EditorToolsSettings.ImageSettings;
-}
-/**
- * @hidden
- */
-export declare class InsertImageDialog extends React.Component<InsertImageDialogProps> {
-    private src;
-    private altText;
-    private title;
-    private width;
-    private height;
-    /**
-     * @hidden
-     */
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-    private onClose;
-    private onInsert;
-}

package/dist/es/dialogs/insertImage.js

@@ -1,119 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import * as React from 'react';
-import { Window, WindowActionsBar } from '@progress/kendo-react-dialogs';
-import { Button } from '@progress/kendo-react-buttons';
-import { NodeSelection, insertNode } from '@progress/kendo-editor-common';
-import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
-import { messages } from './../messages';
-import { Input } from '@progress/kendo-react-inputs';
-import { Form, FormElement, FieldWrapper } from '@progress/kendo-react-form';
-/**
- * @hidden
- */
-var InsertImageDialog = /** @class */ (function (_super) {
-    __extends(InsertImageDialog, _super);
-    function InsertImageDialog() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.src = null;
-        _this.altText = null;
-        _this.title = null;
-        _this.width = null;
-        _this.height = null;
-        _this.onClose = function () {
-            _this.props.view.focus();
-            _this.props.onClose();
-        };
-        _this.onInsert = function () {
-            var _a = _this.props, view = _a.view, settings = _a.settings;
-            var nodes = view.state.schema.nodes;
-            var nodeType = nodes[settings.node];
-            var data = {
-                src: _this.src ? _this.src.value : null,
-                title: _this.title ? _this.title.value : null,
-                alt: _this.altText ? _this.altText.value : null,
-                width: _this.width ? _this.width.value : null,
-                height: _this.height ? _this.height.value : null
-            };
-            var attrs = Object.keys(data)
-                .filter(function (key) { return data[key] !== null && data[key] !== ''; })
-                .reduce(function (acc, curr) {
-                var _a;
-                return Object.assign(acc, (_a = {}, _a[curr] = data[curr], _a));
-            }, {});
-            var newImage = nodeType.createAndFill(attrs);
-            if (newImage) {
-                var insertImageCmd = insertNode(newImage, true);
-                insertImageCmd(view.state, function (tr) { return view.dispatch(tr.setMeta('commandName', settings.commandName).setMeta('args', attrs)); });
-            }
-            _this.onClose();
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    InsertImageDialog.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, view = _a.view, settings = _a.settings, dir = _a.dir, render = _a.render;
-        var _b = settings.messages, insertImageDialogTitle = _b.insertImageDialogTitle, insertImageAddress = _b.insertImageAddress, insertImageTitle = _b.insertImageTitle, insertImageAltText = _b.insertImageAltText, insertImageWidth = _b.insertImageWidth, insertImageHeight = _b.insertImageHeight, insertImageCancel = _b.insertImageCancel, insertImageInsert = _b.insertImageInsert;
-        var localization = provideLocalizationService(this);
-        var state = view && view.state;
-        var attrs = {};
-        if (state && state.selection instanceof NodeSelection &&
-            state.selection.node.type === state.schema.nodes[settings.node]) {
-            attrs = state.selection.node.attrs;
-        }
-        var content = (React.createElement(Form, { render: function () { return (React.createElement(FormElement, { horizontal: true },
-                React.createElement(FieldWrapper, null,
-                    React.createElement("label", { htmlFor: 'k-editor-image-url', className: 'k-form-label' }, localization.toLanguageString(insertImageAddress, messages[insertImageAddress])),
-                    React.createElement("div", { className: 'k-form-field-wrap' },
-                        React.createElement(Input, { type: "text", id: 'k-editor-image-url', defaultValue: attrs.src, ref: function (e) { return _this.src = e; }, autoFocus: true }))),
-                React.createElement(FieldWrapper, null,
-                    React.createElement("label", { htmlFor: 'k-editor-image-url', className: 'k-form-label' }, localization.toLanguageString(insertImageAltText, messages[insertImageAltText])),
-                    React.createElement("div", { className: 'k-form-field-wrap' },
-                        React.createElement(Input, { type: 'text', id: "k-editor-image-alt", defaultValue: attrs.alt, ref: function (e) { return _this.altText = e; } }))),
-                React.createElement(FieldWrapper, null,
-                    React.createElement("label", { htmlFor: 'k-editor-image-title', className: 'k-form-label' }, localization.toLanguageString(insertImageTitle, messages[insertImageTitle])),
-                    React.createElement("div", { className: 'k-form-field-wrap' },
-                        React.createElement(Input, { type: 'text', id: "k-editor-image-title", defaultValue: attrs.title, ref: function (e) { return _this.title = e; } }))),
-                React.createElement(FieldWrapper, null,
-                    React.createElement("label", { htmlFor: 'k-editor-image-width', className: 'k-form-label' }, localization.toLanguageString(insertImageWidth, messages[insertImageWidth])),
-                    React.createElement("div", { className: 'k-form-field-wrap' },
-                        React.createElement(Input, { type: 'text', id: "k-editor-image-width", defaultValue: attrs.width, ref: function (e) { return _this.width = e; } }))),
-                React.createElement(FieldWrapper, null,
-                    React.createElement("label", { htmlFor: 'k-editor-image-height', className: 'k-form-label' }, localization.toLanguageString(insertImageHeight, messages[insertImageHeight])),
-                    React.createElement("div", { className: 'k-form-field-wrap' },
-                        React.createElement(Input, { id: "k-editor-image-height", defaultValue: attrs.height, ref: function (e) { return _this.height = e; } }))))); } }));
-        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])))];
-        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 },
-            content,
-            React.createElement.apply(React, __spreadArray([WindowActionsBar, null], actionButtons, false))));
-        return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
-    };
-    return InsertImageDialog;
-}(React.Component));
-export { InsertImageDialog };
-registerForLocalization(InsertImageDialog);

package/dist/es/dialogs/insertLink.js

@@ -1,94 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import * as React from 'react';
-import { Window, WindowActionsBar } from '@progress/kendo-react-dialogs';
-import { Button } from '@progress/kendo-react-buttons';
-import { Input, Checkbox } from '@progress/kendo-react-inputs';
-import { Form, FormElement, FieldWrapper } from '@progress/kendo-react-form';
-import { getMark, applyLink } from '@progress/kendo-editor-common';
-import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
-import { messages } from './../messages';
-/**
- * @hidden
- */
-var InsertLinkDialog = /** @class */ (function (_super) {
-    __extends(InsertLinkDialog, _super);
-    function InsertLinkDialog() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.href = null;
-        _this.title = null;
-        _this.target = null;
-        _this.onClose = function () {
-            _this.props.view.focus();
-            _this.props.onClose();
-        };
-        _this.onInsert = function () {
-            var view = _this.props.view;
-            var mark = _this.props.settings.mark;
-            var attrs = {
-                href: _this.href ? _this.href.value : undefined,
-                title: _this.title ? _this.title.value : undefined,
-                target: _this.target && _this.target.element && _this.target.element.checked ? '_blank' : undefined
-            };
-            applyLink({ mark: mark, attrs: attrs }, _this.props.settings.commandName)(view.state, view.dispatch);
-            _this.onClose();
-        };
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    InsertLinkDialog.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, view = _a.view, settings = _a.settings, dir = _a.dir, render = _a.render;
-        var localization = provideLocalizationService(this);
-        var _b = settings.messages, insertHyperlinkDialogTitle = _b.insertHyperlinkDialogTitle, insertHyperlinkAddress = _b.insertHyperlinkAddress, insertHyperlinkTitle = _b.insertHyperlinkTitle, insertHyperlinkNewWindow = _b.insertHyperlinkNewWindow, insertHyperlinkCancel = _b.insertHyperlinkCancel, insertHyperlinkInsert = _b.insertHyperlinkInsert;
-        var linkMark = view ?
-            getMark(view.state, view.state.schema.marks[settings.mark])
-            : false;
-        var content = (React.createElement(Form, { render: function () { return (React.createElement(FormElement, { horizontal: true },
-                React.createElement(FieldWrapper, null,
-                    React.createElement("label", { htmlFor: 'k-editor-link-url', className: 'k-form-label' }, localization.toLanguageString(insertHyperlinkAddress, messages[insertHyperlinkAddress])),
-                    React.createElement("div", { className: 'k-form-field-wrap' },
-                        React.createElement(Input, { type: "text", id: 'k-editor-link-url', ref: function (e) { return _this.href = e; }, defaultValue: (linkMark && linkMark.attrs.href) || undefined, autoFocus: true }))),
-                React.createElement(FieldWrapper, null,
-                    React.createElement("label", { htmlFor: 'k-editor-link-text', className: 'k-form-label' }, localization.toLanguageString(insertHyperlinkTitle, messages[insertHyperlinkTitle])),
-                    React.createElement("div", { className: 'k-form-field-wrap' },
-                        React.createElement(Input, { type: "text", id: 'k-editor-link-text', ref: function (e) { return _this.title = e; }, defaultValue: (linkMark && linkMark.attrs.title) || undefined }))),
-                settings.linkTarget !== false && React.createElement(FieldWrapper, null,
-                    React.createElement("label", { htmlFor: 'k-editor-link-target', className: 'k-checkbox-label' },
-                        React.createElement(Checkbox, { id: 'k-editor-link-target', ref: function (e) { return _this.target = e; }, defaultChecked: (linkMark && !!linkMark.attrs.target) || undefined }),
-                        localization.toLanguageString(insertHyperlinkNewWindow, messages[insertHyperlinkNewWindow]))))); } }));
-        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])))
-        ];
-        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 },
-            content,
-            React.createElement.apply(React, __spreadArray([WindowActionsBar, null], actionButtons, false))));
-        return render ? render(dialog, { content: content, actionButtons: actionButtons }) : dialog;
-    };
-    return InsertLinkDialog;
-}(React.Component));
-export { InsertLinkDialog };
-registerForLocalization(InsertLinkDialog);

package/dist/es/dialogs/main.d.ts

@@ -1,49 +0,0 @@
-import { InsertLinkDialog as LinkDialog, InsertLinkDialogProps as LinkDialogProps } from './insertLink';
-import { InsertImageDialog as ImageDialog, InsertImageDialogProps as ImageDialogProps } from './insertImage';
-import { ViewHtmlDialog as ViewHtmlDialogX, ViewHtmlDialogProps as ViewHtmlDialogPropsX } from './viewHtml';
-import { FindAndReplaceDialog as FindAndReplaceDialogX, FindAndReplaceDialogProps as FindAndReplaceDialogPropsX } from './FindReplace';
-/**
- * Represents a wrapping namespace for the dialog components and props of the Editor.
- */
-export declare namespace EditorDialogs {
-    /**
-     * The InsertLinkDialog component.
-     */
-    class InsertLinkDialog extends LinkDialog {
-    }
-    /**
-     * The props for the InsertLinkDialog component.
-     */
-    interface InsertLinkDialogProps extends LinkDialogProps {
-    }
-    /**
-     * The InsertImageDialog component.
-     */
-    class InsertImageDialog extends ImageDialog {
-    }
-    /**
-     * The props for the InsertImageDialog component.
-     */
-    interface InsertImageDialogProps extends ImageDialogProps {
-    }
-    /**
-     * The ViewHtmlDialog component.
-     */
-    class ViewHtmlDialog extends ViewHtmlDialogX {
-    }
-    /**
-     * The props for the ViewHtmlDialog component.
-     */
-    interface ViewHtmlDialogProps extends ViewHtmlDialogPropsX {
-    }
-    /**
-     * The FindAndReplaceDialog component.
-     */
-    class FindAndReplaceDialog extends FindAndReplaceDialogX {
-    }
-    /**
-     * The props for the FindAndReplaceDialog component.
-     */
-    interface FindAndReplaceDialogProps extends FindAndReplaceDialogPropsX {
-    }
-}

package/dist/es/dialogs/main.js

@@ -1,69 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import { InsertLinkDialog as LinkDialog } from './insertLink';
-import { InsertImageDialog as ImageDialog } from './insertImage';
-import { ViewHtmlDialog as ViewHtmlDialogX } from './viewHtml';
-import { FindAndReplaceDialog as FindAndReplaceDialogX } from './FindReplace';
-/**
- * Represents a wrapping namespace for the dialog components and props of the Editor.
- */
-export var EditorDialogs;
-(function (EditorDialogs) {
-    /**
-     * The InsertLinkDialog component.
-     */
-    var InsertLinkDialog = /** @class */ (function (_super) {
-        __extends(InsertLinkDialog, _super);
-        function InsertLinkDialog() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return InsertLinkDialog;
-    }(LinkDialog));
-    EditorDialogs.InsertLinkDialog = InsertLinkDialog;
-    /**
-     * The InsertImageDialog component.
-     */
-    var InsertImageDialog = /** @class */ (function (_super) {
-        __extends(InsertImageDialog, _super);
-        function InsertImageDialog() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return InsertImageDialog;
-    }(ImageDialog));
-    EditorDialogs.InsertImageDialog = InsertImageDialog;
-    /**
-     * The ViewHtmlDialog component.
-     */
-    var ViewHtmlDialog = /** @class */ (function (_super) {
-        __extends(ViewHtmlDialog, _super);
-        function ViewHtmlDialog() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return ViewHtmlDialog;
-    }(ViewHtmlDialogX));
-    EditorDialogs.ViewHtmlDialog = ViewHtmlDialog;
-    /**
-     * The FindAndReplaceDialog component.
-     */
-    var FindAndReplaceDialog = /** @class */ (function (_super) {
-        __extends(FindAndReplaceDialog, _super);
-        function FindAndReplaceDialog() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return FindAndReplaceDialog;
-    }(FindAndReplaceDialogX));
-    EditorDialogs.FindAndReplaceDialog = FindAndReplaceDialog;
-})(EditorDialogs || (EditorDialogs = {}));

package/dist/es/dialogs/viewHtml.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { EditorToolsSettings } from '../config/toolsSettings';
-import { EditorDialogProps } from './EditorDialogProps';
-/**
- * @hidden
- */
-export interface ViewHtmlDialogProps extends EditorDialogProps {
-    /**
-     * The `ViewHtmlSettings` object.
-     */
-    settings: EditorToolsSettings.ViewHtmlSettings;
-}
-/**
- * @hidden
- */
-export declare class ViewHtmlDialog extends React.Component<ViewHtmlDialogProps> {
-    private htmlArea;
-    /**
-     * @hidden
-     */
-    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
-    private textAreaRef;
-    private onUpdate;
-    private onClose;
-}