@progress/kendo-react-editor 5.15.0-dev.202307181342 → 5.15.0-dev.202307181521

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-editor',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1689686218,
+    publishDate: 1689692150,
     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/insertTable/tool.js

@@ -37,7 +37,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { Button } from '@progress/kendo-react-buttons';
-import { onDownPreventDefault } from './../utils';
+import { onDownPreventDefault, parentNode } from './../utils';
 import { registerForLocalization, provideLocalizationService } from '@progress/kendo-react-intl';
 import { messages } from './../../messages';
 import { InsertTablePopupNS } from './popup';
@@ -93,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 disabled = !state || !canInsert(state, state.schema.nodes.table);
+                var disabled = Boolean(!state || !canInsert(state, state.schema.nodes.table) ||
+                    parentNode(state.selection.$from, function (node) { return node.type.name === 'table_caption_external'; }));
                 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;
             };

package/dist/es/tools/table-wizard/tableCellProperties.d.ts

@@ -1,14 +1,7 @@
 import * as React from 'react';
 import { ListItemProps } from '@progress/kendo-react-dropdowns';
 import { ToolProps } from '../ToolProps';
-import { EditorState, Node, ResolvedPos } from '@progress/kendo-editor-common';
-/**
- * @hidden
- */
-export declare function parentNode(pos: ResolvedPos, predicate: (node: Node) => boolean): {
-    node: Node;
-    depth: number;
-} | null;
+import { EditorState, Node } from '@progress/kendo-editor-common';
 /**
  * @hidden
  */

package/dist/es/tools/table-wizard/tableCellProperties.js

@@ -35,25 +35,13 @@ import { Checkbox, ColorPicker, InputPrefix, NumericTextBox, TextBox } from '@pr
 import { AutoComplete, DropDownList } from '@progress/kendo-react-dropdowns';
 import { Window, WindowActionsBar } from '@progress/kendo-react-dialogs';
 import { tableAlignBottomCenterIcon, tableAlignBottomLeftIcon, tableAlignBottomRightIcon, tableAlignMiddleCenterIcon, tableAlignMiddleLeftIcon, tableAlignMiddleRightIcon, tableAlignTopCenterIcon, tableAlignTopLeftIcon, tableAlignTopRightIcon, tableAlignRemoveIcon, tableCellPropertiesIcon, textWrapIcon, parameterStringIcon } from '@progress/kendo-svg-icons';
-import { borderStyles as borderStylesData, onDownPreventDefault, popupSettings, units } from '../utils';
+import { borderStyles as borderStylesData, onDownPreventDefault, popupSettings, units, parentNode } from '../utils';
 import { TableMap, htmlToFragment } from '@progress/kendo-editor-common';
 import { getUnit, parseStyle, setNodeStyle } from './utils';
 import { IconWrap } from '@progress/kendo-react-common';
 import { useLocalization } from '@progress/kendo-react-intl';
 import { messages, keys } from './../../messages';
 var colgroupAttr = 'k-colgroup-data';
-/**
- * @hidden
- */
-export function parentNode(pos, predicate) {
-    for (var depth = pos.depth; depth > 0; depth--) {
-        var node = pos.node(depth);
-        if (predicate(node)) {
-            return { node: node, depth: depth };
-        }
-    }
-    return null;
-}
 var getCells = function (state) {
     var doc = state.doc, selection = state.selection;
     var result = [];

package/dist/es/tools/table-wizard/tableProperties.js

@@ -36,9 +36,9 @@ import { AutoComplete, DropDownList } from '@progress/kendo-react-dropdowns';
 import { Window, WindowActionsBar } from '@progress/kendo-react-dialogs';
 import { TabStrip, TabStripTab } from '@progress/kendo-react-layout';
 import { tableAlignMiddleCenterIcon, tableAlignMiddleLeftIcon, tableAlignMiddleRightIcon, tableAlignRemoveIcon, tablePropertiesIcon, tablePositionStartIcon, tablePositionCenterIcon, tablePositionEndIcon, positionTopIcon, positionBottomIcon } from '@progress/kendo-svg-icons';
-import { borderStyles, onDownPreventDefault, popupSettings, units } from './../utils';
+import { borderStyles, onDownPreventDefault, popupSettings, units, parentNode } from './../utils';
 import { nodeSize, parseStyle, setNodeStyle } from './utils';
-import { itemRenderWithIcon, parentNode, selectedCells, tableCells, valueRenderWithIcon } from './tableCellProperties';
+import { itemRenderWithIcon, selectedCells, tableCells, valueRenderWithIcon } from './tableCellProperties';
 import { Selection, TableMap, TextSelection, addColumnAfter, addRowAfter, pmDocToFragment, fragmentToHtml, parseContent, CellSelection } from '@progress/kendo-editor-common';
 import { deleteColumnCmd, deleteRowCmd } from '../tableEdit';
 import { useLocalization } from '@progress/kendo-react-intl';

package/dist/es/tools/utils.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Node, ResolvedPos } from '@progress/kendo-editor-common';
 /**
  * @hidden
  */
@@ -39,4 +40,11 @@ declare const borderStyles: {
     text: any;
     value: string;
 }[];
-export { onDownPreventDefault, formatString, itemRender, units, borderStyles, popupSettings, userSelectNone };
+/**
+ * @hidden
+ */
+declare function parentNode(pos: ResolvedPos, predicate: (node: Node) => boolean): {
+    node: Node;
+    depth: number;
+} | null;
+export { onDownPreventDefault, formatString, itemRender, units, borderStyles, popupSettings, userSelectNone, parentNode };

package/dist/es/tools/utils.js

@@ -57,4 +57,16 @@ var borderStyles = [
     { textKey: keys.borderStyleInherit, text: messages[keys.borderStyleInherit], value: 'inherit' },
     { textKey: keys.borderStyleHidden, text: messages[keys.borderStyleHidden], value: 'hidden' }
 ];
-export { onDownPreventDefault, formatString, itemRender, units, borderStyles, popupSettings, userSelectNone };
+/**
+ * @hidden
+ */
+function parentNode(pos, predicate) {
+    for (var depth = pos.depth; depth > 0; depth--) {
+        var node = pos.node(depth);
+        if (predicate(node)) {
+            return { node: node, depth: depth };
+        }
+    }
+    return null;
+}
+export { onDownPreventDefault, formatString, itemRender, units, borderStyles, popupSettings, userSelectNone, parentNode };

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-editor',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1689686218,
+    publishDate: 1689692150,
     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/insertTable/tool.js

@@ -96,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 disabled = !state || !(0, kendo_editor_common_1.canInsert)(state, state.schema.nodes.table);
+                var disabled = Boolean(!state || !(0, kendo_editor_common_1.canInsert)(state, state.schema.nodes.table) ||
+                    (0, utils_1.parentNode)(state.selection.$from, function (node) { return node.type.name === 'table_caption_external'; }));
                 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;
             };

package/dist/npm/tools/table-wizard/tableCellProperties.d.ts

@@ -1,14 +1,7 @@
 import * as React from 'react';
 import { ListItemProps } from '@progress/kendo-react-dropdowns';
 import { ToolProps } from '../ToolProps';
-import { EditorState, Node, ResolvedPos } from '@progress/kendo-editor-common';
-/**
- * @hidden
- */
-export declare function parentNode(pos: ResolvedPos, predicate: (node: Node) => boolean): {
-    node: Node;
-    depth: number;
-} | null;
+import { EditorState, Node } from '@progress/kendo-editor-common';
 /**
  * @hidden
  */

package/dist/npm/tools/table-wizard/tableCellProperties.js

@@ -31,7 +31,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.itemRenderWithIcon = exports.valueRenderWithIcon = exports.TableCellProperties = exports.tableCells = exports.selectedCells = exports.parentNode = void 0;
+exports.itemRenderWithIcon = exports.valueRenderWithIcon = exports.TableCellProperties = exports.tableCells = exports.selectedCells = void 0;
 var React = require("react");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
 var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
@@ -45,19 +45,6 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("./../../messages");
 var colgroupAttr = 'k-colgroup-data';
-/**
- * @hidden
- */
-function parentNode(pos, predicate) {
-    for (var depth = pos.depth; depth > 0; depth--) {
-        var node = pos.node(depth);
-        if (predicate(node)) {
-            return { node: node, depth: depth };
-        }
-    }
-    return null;
-}
-exports.parentNode = parentNode;
 var getCells = function (state) {
     var doc = state.doc, selection = state.selection;
     var result = [];
@@ -76,12 +63,12 @@ var getCells = function (state) {
  * @hidden
  */
 var selectedCells = function (state) {
-    var startNodeTable = parentNode(state.selection.$from, function (n) { return n.type.name === 'table'; });
-    var endNodeTable = parentNode(state.selection.$to, function (n) { return n.type.name === 'table'; });
+    var startNodeTable = (0, utils_1.parentNode)(state.selection.$from, function (n) { return n.type.name === 'table'; });
+    var endNodeTable = (0, utils_1.parentNode)(state.selection.$to, function (n) { return n.type.name === 'table'; });
     if (startNodeTable && endNodeTable && startNodeTable.depth === endNodeTable.depth && startNodeTable.node.eq(endNodeTable.node)) {
         var cells = getCells(state).filter(function (_a) {
             var pos = _a.pos;
-            var parentTable = parentNode(state.doc.resolve(pos), function (n) { return n.type.name === 'table'; });
+            var parentTable = (0, utils_1.parentNode)(state.doc.resolve(pos), function (n) { return n.type.name === 'table'; });
             return parentTable && parentTable.depth === startNodeTable.depth && startNodeTable.node.eq(parentTable.node);
         });
         return cells;
@@ -96,7 +83,7 @@ var tableCells = function (state) {
     var cells = [];
     if ((0, exports.selectedCells)(state).length) {
         var $pos = state.selection.$from;
-        var parentTable = parentNode($pos, function (n) { return n.type.spec.tableRole === 'table'; });
+        var parentTable = (0, utils_1.parentNode)($pos, function (n) { return n.type.spec.tableRole === 'table'; });
         if (parentTable === null) {
             return cells;
         }
@@ -187,7 +174,7 @@ var TableCellProperties = function (props) {
     var view = props.view, buttonProps = __rest(props, ["view"]);
     var _a = React.useState(false), showDialog = _a[0], setShowDialog = _a[1];
     var loc = (0, kendo_react_intl_1.useLocalization)();
-    var inTable = Boolean(view && parentNode(view.state.selection.$from, function (n) { return n.type.spec.tableRole === 'table'; }));
+    var inTable = Boolean(view && (0, utils_1.parentNode)(view.state.selection.$from, function (n) { return n.type.spec.tableRole === 'table'; }));
     var onClick = React.useCallback(function () {
         setShowDialog(true);
     }, []);
@@ -362,7 +349,7 @@ var TableCellPropertiesDialog = function (props) {
     var defaults = React.useMemo(function () {
         var cells = (0, exports.selectedCells)(props.view.state);
         var $pos = props.view.state.selection.$from;
-        var table = cells.length ? parentNode($pos, function (n) { return n.type.spec.tableRole === 'table'; }) : null;
+        var table = cells.length ? (0, utils_1.parentNode)($pos, function (n) { return n.type.spec.tableRole === 'table'; }) : null;
         if (!table) {
             return initialData;
         }

package/dist/npm/tools/table-wizard/tableProperties.js

@@ -377,7 +377,7 @@ var TableProperties = function (props) {
     var view = props.view, buttonProps = __rest(props, ["view"]);
     var loc = (0, kendo_react_intl_1.useLocalization)();
     var _a = React.useState(false), showDialog = _a[0], setShowDialog = _a[1];
-    var inTable = Boolean(view && (0, tableCellProperties_1.parentNode)(view.state.selection.$from, function (n) { return n.type.spec.tableRole === 'table'; }));
+    var inTable = Boolean(view && (0, utils_1.parentNode)(view.state.selection.$from, function (n) { return n.type.spec.tableRole === 'table'; }));
     var onClick = React.useCallback(function () {
         setShowDialog(true);
     }, []);
@@ -387,7 +387,7 @@ var TableProperties = function (props) {
     var onSave = React.useCallback(function (data) {
         if (view && data) {
             var $from = view.state.selection.$from;
-            var table = (0, tableCellProperties_1.parentNode)($from, function (n) { return n.type.spec.tableRole === 'table'; });
+            var table = (0, utils_1.parentNode)($from, function (n) { return n.type.spec.tableRole === 'table'; });
             if (!table) {
                 return;
             }
@@ -405,7 +405,7 @@ var TableProperties = function (props) {
             state = state.apply(transaction_1);
             state = setTableStyles(state, data, tablePos);
             state = setTableHeaderCells(state, data, tablePos);
-            var tableParent = (0, tableCellProperties_1.parentNode)($from, function (n) { return n.type.name === 'table_wrapper'; });
+            var tableParent = (0, utils_1.parentNode)($from, function (n) { return n.type.name === 'table_wrapper'; });
             var tableParentPos = $from.start((tableParent === null || tableParent === void 0 ? void 0 : tableParent.depth) || 0) - 1;
             var result = updateWrapper(state, data, tablePos, tableParent, tableParentPos);
             state = result.state;
@@ -508,11 +508,11 @@ var TablePropertiesDialog = function (props) {
         var _a, _b, _c;
         var cells = (0, tableCellProperties_1.selectedCells)(props.view.state);
         var $pos = props.view.state.selection.$from;
-        var table = cells.length ? (0, tableCellProperties_1.parentNode)($pos, function (n) { return n.type.spec.tableRole === 'table'; }) : null;
+        var table = cells.length ? (0, utils_1.parentNode)($pos, function (n) { return n.type.spec.tableRole === 'table'; }) : null;
         if (!table) {
             return initialData;
         }
-        var tableParent = (0, tableCellProperties_1.parentNode)($pos, function (n) { return n.type.name === 'table_wrapper'; });
+        var tableParent = (0, utils_1.parentNode)($pos, function (n) { return n.type.name === 'table_wrapper'; });
         var captionStr = '';
         var captionStyles = {};
         var parentStyles = {};

package/dist/npm/tools/utils.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Node, ResolvedPos } from '@progress/kendo-editor-common';
 /**
  * @hidden
  */
@@ -39,4 +40,11 @@ declare const borderStyles: {
     text: any;
     value: string;
 }[];
-export { onDownPreventDefault, formatString, itemRender, units, borderStyles, popupSettings, userSelectNone };
+/**
+ * @hidden
+ */
+declare function parentNode(pos: ResolvedPos, predicate: (node: Node) => boolean): {
+    node: Node;
+    depth: number;
+} | null;
+export { onDownPreventDefault, formatString, itemRender, units, borderStyles, popupSettings, userSelectNone, parentNode };

package/dist/npm/tools/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.userSelectNone = exports.popupSettings = exports.borderStyles = exports.units = exports.itemRender = exports.formatString = exports.onDownPreventDefault = void 0;
+exports.parentNode = exports.userSelectNone = exports.popupSettings = exports.borderStyles = exports.units = exports.itemRender = exports.formatString = exports.onDownPreventDefault = void 0;
 var React = require("react");
 var messages_1 = require("./../messages");
 /**
@@ -67,3 +67,16 @@ var borderStyles = [
     { textKey: messages_1.keys.borderStyleHidden, text: messages_1.messages[messages_1.keys.borderStyleHidden], value: 'hidden' }
 ];
 exports.borderStyles = borderStyles;
+/**
+ * @hidden
+ */
+function parentNode(pos, predicate) {
+    for (var depth = pos.depth; depth > 0; depth--) {
+        var node = pos.node(depth);
+        if (predicate(node)) {
+            return { node: node, depth: depth };
+        }
+    }
+    return null;
+}
+exports.parentNode = parentNode;