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

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

@@ -0,0 +1,25 @@
+import { Node } from '@progress/kendo-editor-common';
+/**
+ * @hidden
+ */
+export declare const reUnit: RegExp;
+/**
+ * @hidden
+ */
+export declare const getUnit: (value: string) => string;
+/**
+ * @hidden
+ */
+export declare const nodeSize: (node: Node, style: string) => {
+    [x: string]: string | number | null;
+};
+/**
+ * @hidden
+ */
+export declare const parseStyle: (styleText: string | null) => {
+    [x: string]: string;
+};
+/**
+ * @hidden
+ */
+export declare function setNodeStyle(nodeAttrs: any, styleType: string, value: string): any;

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

@@ -0,0 +1,90 @@
+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);
+};
+/**
+ * @hidden
+ */
+export var reUnit = /[\D]+$/;
+/**
+ * @hidden
+ */
+export var getUnit = function (value) {
+    var unitsMatch = value.match(reUnit);
+    return unitsMatch ? unitsMatch[0] : '';
+};
+/**
+ * @hidden
+ */
+export var nodeSize = function (node, style) {
+    var _a;
+    var _b;
+    var value = parseStyle(((_b = node.attrs) === null || _b === void 0 ? void 0 : _b.style) || '')[style] || '';
+    return _a = {},
+        _a[style] = parseFloat(value) || null,
+        _a[style + 'Unit'] = getUnit(value),
+        _a;
+};
+/**
+ * @hidden
+ */
+export var parseStyle = function (styleText) {
+    var styles = (styleText || '').split(/\s*;\s*/).filter(Boolean).map(function (s) {
+        var _a;
+        var nameValue = s.split(/\s*:\s*/);
+        return _a = {}, _a[nameValue[0]] = nameValue[1], _a;
+    }).reduce(function (acc, val) { return (__assign(__assign({}, acc), val)); }, {});
+    return styles;
+};
+var changeStylesString = function (styleText, newStyle) {
+    var styleToChange = newStyle.style;
+    var regExp = newStyle.value;
+    var newValue = newStyle.newValue;
+    if (!styleText) {
+        return { changed: false, style: null };
+    }
+    var styles = styleText.split(/\s*;\s*/).filter(function (s) { return Boolean(s); });
+    var filtered = styles.filter(function (s) {
+        var nameValue = s.split(/\s*:\s*/);
+        return !(nameValue[0].toLowerCase() === styleToChange && regExp.test(nameValue[1]));
+    });
+    if (newValue) {
+        filtered.push("".concat(styleToChange, ": ").concat(newValue));
+    }
+    return {
+        style: filtered.join('; ') + (filtered.length ? ';' : ''),
+        changed: Boolean(newValue) || filtered.length !== styles.length
+    };
+};
+var reAnyValue = /^.+$/;
+/**
+ * @hidden
+ */
+export function setNodeStyle(nodeAttrs, styleType, value) {
+    var attrs;
+    if (new RegExp('[^-]?' + styleType + ':').test(nodeAttrs.style || '')) {
+        var style = changeStylesString(nodeAttrs.style || '', { style: styleType, value: reAnyValue, newValue: value }).style;
+        attrs = __assign(__assign({}, nodeAttrs), { style: style });
+    }
+    else if (nodeAttrs.style) {
+        var st_1 = parseStyle(nodeAttrs.style);
+        st_1[styleType] = value;
+        attrs = __assign(__assign({}, nodeAttrs), { style: Object.keys(st_1).filter(function (s) { return Boolean(st_1[s]); }).reduce(function (acc, cur) { return acc + cur + ': ' + st_1[cur] + '; '; }, '').trim() });
+    }
+    else {
+        if (value) {
+            attrs = __assign(__assign({}, nodeAttrs), { style: styleType + ': ' + value + ';' });
+        }
+        else {
+            attrs = __assign({}, nodeAttrs);
+        }
+    }
+    return attrs;
+}

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

@@ -1,6 +1,15 @@
 import { ComponentClass } from 'react';
+import { EditorState, Transaction } from '@progress/kendo-editor-common';
 import { EditorToolsSettings } from '../config/toolsSettings';
 import { ToolProps } from './ToolProps';
+/**
+ * @hidden
+ */
+export declare const deleteColumnCmd: (state: EditorState, dispatch?: ((tr: Transaction) => void) | undefined) => boolean;
+/**
+ * @hidden
+ */
+export declare const deleteRowCmd: (state: EditorState, dispatch?: ((tr: Transaction) => void) | undefined) => boolean;
 /**
  * @hidden
  */

package/dist/es/tools/tableEdit.js

@@ -3,7 +3,7 @@ import { createProseMirrorTool } from './proseMirrorTool';
 /**
  * @hidden
  */
-var deleteColumnCmd = function (state, dispatch) {
+export var deleteColumnCmd = function (state, dispatch) {
     var result = deleteColumn(state, dispatch);
     if (result && !dispatch) {
         var pos = selectionCell(state);
@@ -17,7 +17,7 @@ var deleteColumnCmd = function (state, dispatch) {
 /**
  * @hidden
  */
-var deleteRowCmd = function (state, dispatch) {
+export var deleteRowCmd = function (state, dispatch) {
     var result = deleteRow(state, dispatch);
     if (result && !dispatch) {
         var pos = selectionCell(state);

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
  */
@@ -18,4 +19,32 @@ declare const formatString: (input: string, ...args: Array<any>) => string;
  * @hidden
  */
 declare const itemRender: (li: any, itemProps: any) => any;
-export { onDownPreventDefault, formatString, itemRender, userSelectNone };
+/**
+ * @hidden
+ */
+declare const units: string[];
+/**
+ * @hidden
+ */
+declare const popupSettings: {
+    animate: {
+        openDuration: number;
+        closeDuration: number;
+    };
+};
+/**
+ * @hidden
+ */
+declare const borderStyles: {
+    textKey: string;
+    text: any;
+    value: string;
+}[];
+/**
+ * @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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { messages, keys } from './../messages';
 /**
  * @hidden
  */
@@ -31,4 +32,41 @@ var formatString = function (input) {
 var itemRender = function (li, itemProps) {
     return itemProps.dataItem.style ? React.cloneElement(li, li.props, (React.createElement("span", { style: itemProps.dataItem.style }, li.props.children))) : li;
 };
-export { onDownPreventDefault, formatString, itemRender, userSelectNone };
+/**
+ * @hidden
+ */
+var units = ['px', 'em', '%'];
+/**
+ * @hidden
+ */
+var popupSettings = { animate: { openDuration: 150, closeDuration: 150 } };
+/**
+ * @hidden
+ */
+var borderStyles = [
+    { textKey: keys.borderStyleNone, text: messages[keys.borderStyleNone], value: 'none' },
+    { textKey: keys.borderStyleSolid, text: messages[keys.borderStyleSolid], value: 'solid' },
+    { textKey: keys.borderStyleDotted, text: messages[keys.borderStyleDotted], value: 'dotted' },
+    { textKey: keys.borderStyleDashed, text: messages[keys.borderStyleDashed], value: 'dashed' },
+    { textKey: keys.borderStyleDouble, text: messages[keys.borderStyleDouble], value: 'double' },
+    { textKey: keys.borderStyleGroove, text: messages[keys.borderStyleGroove], value: 'groove' },
+    { textKey: keys.borderStyleRidge, text: messages[keys.borderStyleRidge], value: 'ridge' },
+    { textKey: keys.borderStyleInset, text: messages[keys.borderStyleInset], value: 'inset' },
+    { textKey: keys.borderStyleOutset, text: messages[keys.borderStyleOutset], value: 'outset' },
+    { textKey: keys.borderStyleInitial, text: messages[keys.borderStyleInitial], value: 'initial' },
+    { textKey: keys.borderStyleInherit, text: messages[keys.borderStyleInherit], value: 'inherit' },
+    { textKey: keys.borderStyleHidden, text: messages[keys.borderStyleHidden], value: 'hidden' }
+];
+/**
+ * @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/Editor.js

@@ -402,6 +402,13 @@ var Editor = /** @class */ (function (_super) {
                 focus: this.onFocus,
                 blur: this.onBlur,
                 paste: this.onPaste
+            },
+            handleDrop: function (_view, _event, slice, _moved) {
+                var hasCaption = false;
+                slice.content.nodesBetween(0, slice.content.size, function (node) {
+                    hasCaption = hasCaption || node.type.name === 'table_caption_external';
+                });
+                return hasCaption;
             }
         };
         var mountEvent = { plugins: plugins, shortcuts: shortcuts, target: target, viewProps: viewProps, dom: dom };

package/dist/npm/messages/index.d.ts

@@ -83,6 +83,87 @@ export declare const messages: {
     "editor.iframeTitle": string;
     "editorTools.foreColorLabel": string;
     "editorTools.backColorLabel": string;
+    "editor.cellProperties": string;
+    "editor.cellPropertiesLeftTop": string;
+    "editor.cellPropertiesCenterTop": string;
+    "editor.cellPropertiesRightTop": string;
+    "editor.cellPropertiesLeftMiddle": string;
+    "editor.cellPropertiesCenterMiddle": string;
+    "editor.cellPropertiesRightMiddle": string;
+    "editor.cellPropertiesLeftBottom": string;
+    "editor.cellPropertiesCenterBottom": string;
+    "editor.cellPropertiesRightBottom": string;
+    "editor.cellPropertiesNoAlignment": string;
+    "editor.cellPropertiesWrap": string;
+    "editor.cellPropertiesFitToCell": string;
+    "editor.cellPropertiesApplyToAllCells": string;
+    "editor.cellPropertiesWidth": string;
+    "editor.cellPropertiesApplyToColumn": string;
+    "editor.cellPropertiesHeight": string;
+    "editor.cellPropertiesApplyToRow": string;
+    "editor.cellPropertiesAlignment": string;
+    "editor.cellPropertiesTextControl": string;
+    "editor.cellPropertiesCellPadding": string;
+    "editor.cellPropertiesBackground": string;
+    "editor.cellPropertiesBorderWidth": string;
+    "editor.cellPropertiesBorderColor": string;
+    "editor.cellPropertiesBorderStyle": string;
+    "editor.cellPropertiesId": string;
+    "editor.cellPropertiesCssClass": string;
+    "editor.cellPropertiesSave": string;
+    "editor.cellPropertiesCancel": string;
+    "editor.tableProperties": string;
+    "editor.tablePropertiesAlignLeft": string;
+    "editor.tablePropertiesAlignCenter": string;
+    "editor.tablePropertiesAlignRight": string;
+    "editor.tablePropertiesNoAlignment": string;
+    "editor.tablePropertiesLeft": string;
+    "editor.tablePropertiesCenter": string;
+    "editor.tablePropertiesRight": string;
+    "editor.tablePropertiesTop": string;
+    "editor.tablePropertiesBottom": string;
+    "editor.tablePropertiesNone": string;
+    "editor.tablePropertiesUsingScopeAttribute": string;
+    "editor.tablePropertiesUsingIdAttributes": string;
+    "editor.tablePropertiesRows": string;
+    "editor.tablePropertiesColumns": string;
+    "editor.tablePropertiesWidth": string;
+    "editor.tablePropertiesHeight": string;
+    "editor.tablePropertiesPosition": string;
+    "editor.tablePropertiesAlignment": string;
+    "editor.tablePropertiesCellSpacing": string;
+    "editor.tablePropertiesCellPadding": string;
+    "editor.tablePropertiesTableBackground": string;
+    "editor.tablePropertiesBorderWidth": string;
+    "editor.tablePropertiesBorderColor": string;
+    "editor.tablePropertiesBorderStyle": string;
+    "editor.tablePropertiesCollapseBorders": string;
+    "editor.tablePropertiesID": string;
+    "editor.tablePropertiesCssClass": string;
+    "editor.tablePropertiesAccessibility": string;
+    "editor.tablePropertiesCaption": string;
+    "editor.tablePropertiesCaptionPosition": string;
+    "editor.tablePropertiesCaptionAlignment": string;
+    "editor.tablePropertiesHeaderRows": string;
+    "editor.tablePropertiesHeaderCols": string;
+    "editor.tablePropertiesAssociateHeaders": string;
+    "editor.tablePropertiesGeneral": string;
+    "editor.tablePropertiesAdvanced": string;
+    "editor.tablePropertiesSave": string;
+    "editor.tablePropertiesCancel": string;
+    "editor.borderStyleNone": string;
+    "editor.borderStyleSolid": string;
+    "editor.borderStyleDotted": string;
+    "editor.borderStyleDashed": string;
+    "editor.borderStyleDouble": string;
+    "editor.borderStyleGroove": string;
+    "editor.borderStyleRidge": string;
+    "editor.borderStyleInset": string;
+    "editor.borderStyleOutset": string;
+    "editor.borderStyleInitial": string;
+    "editor.borderStyleInherit": string;
+    "editor.borderStyleHidden": string;
+    "editor.sizeAuto": string;
 };
 /**
  * @hidden
@@ -169,4 +250,85 @@ export declare const keys: {
     iframeTitle: string;
     foreColorLabel: string;
     backColorLabel: string;
+    cellProperties: string;
+    cellPropertiesLeftTop: string;
+    cellPropertiesCenterTop: string;
+    cellPropertiesRightTop: string;
+    cellPropertiesLeftMiddle: string;
+    cellPropertiesCenterMiddle: string;
+    cellPropertiesRightMiddle: string;
+    cellPropertiesLeftBottom: string;
+    cellPropertiesCenterBottom: string;
+    cellPropertiesRightBottom: string;
+    cellPropertiesNoAlignment: string;
+    cellPropertiesWrap: string;
+    cellPropertiesFitToCell: string;
+    cellPropertiesApplyToAllCells: string;
+    cellPropertiesWidth: string;
+    cellPropertiesApplyToColumn: string;
+    cellPropertiesHeight: string;
+    cellPropertiesApplyToRow: string;
+    cellPropertiesAlignment: string;
+    cellPropertiesTextControl: string;
+    cellPropertiesCellPadding: string;
+    cellPropertiesBackground: string;
+    cellPropertiesBorderWidth: string;
+    cellPropertiesBorderColor: string;
+    cellPropertiesBorderStyle: string;
+    cellPropertiesId: string;
+    cellPropertiesCssClass: string;
+    cellPropertiesSave: string;
+    cellPropertiesCancel: string;
+    tableProperties: string;
+    tablePropertiesAlignLeft: string;
+    tablePropertiesAlignCenter: string;
+    tablePropertiesAlignRight: string;
+    tablePropertiesNoAlignment: string;
+    tablePropertiesLeft: string;
+    tablePropertiesCenter: string;
+    tablePropertiesRight: string;
+    tablePropertiesTop: string;
+    tablePropertiesBottom: string;
+    tablePropertiesNone: string;
+    tablePropertiesUsingScopeAttribute: string;
+    tablePropertiesUsingIdAttributes: string;
+    tablePropertiesRows: string;
+    tablePropertiesColumns: string;
+    tablePropertiesWidth: string;
+    tablePropertiesHeight: string;
+    tablePropertiesPosition: string;
+    tablePropertiesAlignment: string;
+    tablePropertiesCellSpacing: string;
+    tablePropertiesCellPadding: string;
+    tablePropertiesTableBackground: string;
+    tablePropertiesBorderWidth: string;
+    tablePropertiesBorderColor: string;
+    tablePropertiesBorderStyle: string;
+    tablePropertiesCollapseBorders: string;
+    tablePropertiesId: string;
+    tablePropertiesCssClass: string;
+    tablePropertiesAccessibility: string;
+    tablePropertiesCaption: string;
+    tablePropertiesCaptionPosition: string;
+    tablePropertiesCaptionAlignment: string;
+    tablePropertiesHeaderRows: string;
+    tablePropertiesHeaderCols: string;
+    tablePropertiesAssociateHeaders: string;
+    tablePropertiesGeneral: string;
+    tablePropertiesAdvanced: string;
+    tablePropertiesSave: string;
+    tablePropertiesCancel: string;
+    borderStyleNone: string;
+    borderStyleSolid: string;
+    borderStyleDotted: string;
+    borderStyleDashed: string;
+    borderStyleDouble: string;
+    borderStyleGroove: string;
+    borderStyleRidge: string;
+    borderStyleInset: string;
+    borderStyleOutset: string;
+    borderStyleInitial: string;
+    borderStyleInherit: string;
+    borderStyleHidden: string;
+    sizeAuto: string;
 };