@progress/kendo-react-editor 13.3.0 → 13.4.0-develop.2

package/tools/table-wizard/tableProperties.mjs

@@ -12,11 +12,11 @@ import { AutoComplete as ie, DropDownList as d } from "@progress/kendo-react-dro
 import { Window as Se, WindowActionsBar as xe } from "@progress/kendo-react-dialogs";
 import { TabStrip as he, TabStripTab as ce } from "@progress/kendo-react-layout";
 import { tablePropertiesIcon as Ce, tablePositionStartIcon as we, tablePositionCenterIcon as ye, tablePositionEndIcon as Re, tableAlignMiddleLeftIcon as Le, tableAlignMiddleCenterIcon as Ae, tableAlignMiddleRightIcon as Ie, tableAlignRemoveIcon as Be, positionTopIcon as Ke, positionBottomIcon as Ve } from "@progress/kendo-svg-icons";
-import { parentNode as Te, onDownPreventDefault as De, units as me, popupSettings as c, borderStyles as ue } from "../utils.mjs";
-import { valueRenderWithIcon as k, itemRenderWithIcon as v } from "./tableCellProperties.mjs";
+import { parentNode as Te, onDownPreventDefault as De, popupSettings as c, units as me, borderStyles as ue } from "../utils.mjs";
+import { itemRenderWithIcon as k, valueRenderWithIcon as v } from "./tableCellProperties.mjs";
 import { useLocalization as ge } from "@progress/kendo-react-intl";
 import { keys as t, messages as l } from "../../messages/index.mjs";
-import { applyTableData as ze, tablePositionStyles as He, tableDefaultData as We, initialTableData as Ue } from "./tablePropsUtils.mjs";
+import { applyTableData as ze, tableDefaultData as He, initialTableData as We, tablePositionStyles as Ue } from "./tablePropsUtils.mjs";
 const _e = (n) => {
   const { view: o, ...r } = n, P = ge(), [N, b] = e.useState(!1), g = !!(o && Te(o.state.selection.$from, (i) => i.type.spec.tableRole === "table")), p = e.useCallback(() => {
     b(!0);
@@ -99,7 +99,7 @@ const _e = (n) => {
     icon: "table-position-right",
     svgIcon: Re
   }
-].map((n) => ({ ...n, style: He[n.value] })), fe = [
+].map((n) => ({ ...n, style: Ue[n.value] })), fe = [
   {
     textKey: t.tablePropertiesTop,
     text: l[t.tablePropertiesTop],
@@ -129,7 +129,7 @@ const _e = (n) => {
 ], Fe = (n) => {
   const o = e.useMemo(() => {
     const a = n.view && n.view.state;
-    return a ? We(a) : Ue;
+    return a ? He(a) : We;
   }, [n.view]), r = ge(), [P, N] = e.useState(0), b = e.useCallback((a) => {
     N(a.selected);
   }, []), g = e.useRef(null), p = e.useRef(null), m = e.useRef(null), f = e.useRef(null), i = e.useRef(null), u = e.useRef(null), S = e.useRef(null), I = e.useRef(null), B = e.useRef(null), K = e.useRef(null), x = e.useRef(null), h = e.useRef(null), V = e.useRef(null), T = e.useRef(null), D = e.useRef(null), z = e.useRef(null), H = e.useRef(null), W = e.useRef(null), U = e.useRef(null), F = e.useRef(null), C = e.useRef(null), w = e.useRef(null), y = e.useRef(null), pe = e.useCallback(() => {
@@ -219,8 +219,8 @@ const _e = (n) => {
       })),
       textField: "text",
       dataItemKey: "value",
-      valueRender: k,
-      itemRender: v
+      valueRender: v,
+      itemRender: k
     }
   ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
     t.tablePropertiesAlignment,
@@ -234,8 +234,8 @@ const _e = (n) => {
       textField: "text",
       dataItemKey: "value",
       popupSettings: c,
-      valueRender: k,
-      itemRender: v
+      valueRender: v,
+      itemRender: k
     }
   ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
     t.tablePropertiesCellSpacing,
@@ -321,8 +321,8 @@ const _e = (n) => {
       popupSettings: c,
       textField: "text",
       dataItemKey: "value",
-      valueRender: k,
-      itemRender: v
+      valueRender: v,
+      itemRender: k
     }
   ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
     t.tablePropertiesCaptionAlignment,
@@ -339,8 +339,8 @@ const _e = (n) => {
       popupSettings: c,
       textField: "text",
       dataItemKey: "value",
-      valueRender: k,
-      itemRender: v
+      valueRender: v,
+      itemRender: k
     }
   ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
     t.tablePropertiesHeaderRows,

package/tools/table-wizard/tablePropsUtils.d.ts

@@ -0,0 +1,59 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { EditorState, Transaction } from '@progress/kendo-editor-common';
+/**
+ * @hidden
+ */
+type TablePosition = 'left' | 'right' | 'center' | '';
+/**
+ * @hidden
+ */
+interface TableData {
+    rows: number;
+    columns: number;
+    width: number | null;
+    widthUnit: string;
+    height: number | null;
+    heightUnit: string;
+    position: TablePosition | null;
+    textAlign: string;
+    cellPadding: number | null;
+    cellSpacing: number | null;
+    backgroundColor: string | undefined;
+    borderWidth: number | null;
+    borderColor: string | undefined;
+    borderStyle: string | null;
+    collapseBorders: boolean;
+    id: string;
+    className: string;
+    caption?: string;
+    captionPosition: string | null;
+    captionAlignment: string | null;
+    headerRows: number;
+    headerColumns: number;
+    associateHeaders: 'none' | 'scope' | 'id';
+}
+/**
+ * @hidden
+ */
+declare const initialTableData: TableData;
+/**
+ * @hidden
+ */
+declare const tablePositionStyles: Record<TablePosition, {
+    [styleName: string]: string;
+}>;
+/**
+ * @hidden
+ */
+declare const tableDefaultData: (state: EditorState) => TableData;
+/**
+ * @hidden
+ */
+declare const applyTableData: (state: EditorState, data: TableData) => Transaction | undefined;
+export { TableData, initialTableData, tablePositionStyles, TablePosition, tableDefaultData, applyTableData };

package/tools/table-wizard/tablePropsUtils.mjs

@@ -5,9 +5,9 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { pmDocToFragment as F, fragmentToHtml as j, TableMap as A, Selection as O, TextSelection as B, CellSelection as U, addColumnAfter as q, addRowAfter as G, parseContent as J } from "@progress/kendo-editor-common";
+import { Selection as F, TextSelection as j, TableMap as A, pmDocToFragment as O, fragmentToHtml as B, CellSelection as U, parseContent as q, addColumnAfter as G, addRowAfter as J } from "@progress/kendo-editor-common";
 import { deleteColumnCmd as K, deleteRowCmd as L } from "../tableEdit.mjs";
-import { selectedCells as P, parseStyle as S, nodeSize as _, tableCells as Q, setNodeStyle as h } from "./utils.mjs";
+import { tableCells as P, setNodeStyle as h, parseStyle as S, selectedCells as Q, nodeSize as _ } from "./utils.mjs";
 import { parentNode as T } from "../utils.mjs";
 const N = {
   rows: 0,
@@ -81,15 +81,15 @@ const N = {
   }), t ? "scope" : s ? "id" : "none";
 }, ce = (o) => {
   var p, a, b;
-  const t = P(o), s = o.selection.$from, l = t.length ? T(s, (f) => f.type.spec.tableRole === "table") : null;
+  const t = Q(o), s = o.selection.$from, l = t.length ? T(s, (f) => f.type.spec.tableRole === "table") : null;
   if (!l)
     return N;
   const e = T(s, (f) => f.type.name === "table_wrapper");
   let n = "", i = {}, r = {};
   e && (r = S(e.node.attrs.style), e.node.content.forEach((f) => {
     if (f.type.name === "table_caption_external") {
-      const y = F(f);
-      n = j(y), n = n === "<img>" ? "" : n, i = S(f.attrs.style);
+      const y = O(f);
+      n = B(y), n = n === "<img>" ? "" : n, i = S(f.attrs.style);
     }
   }));
   const c = S(((p = l.node.attrs) == null ? void 0 : p.style) || ""), u = A.get(l.node), d = r["margin-left"] === "auto" && r["margin-right"] === "auto" ? "center" : r["margin-right"] === "auto" ? "left" : r["margin-left"] === "auto" ? "right" : null, g = V(l.node, u), m = X(l.node);
@@ -149,7 +149,7 @@ const N = {
   if (!n)
     return e;
   let i = A.get(n);
-  return i.width === l && i.height === s || (l > i.width ? e = R(e, t, n, l - i.width, q) : l < i.width && (e = x(e, t, i.width - l, K)), n = e.doc.nodeAt(t), !n) || (i = A.get(n), s > i.height ? e = R(e, t, n, s - i.height, G) : s < i.height && (e = x(e, t, i.height - s, L))), e;
+  return i.width === l && i.height === s || (l > i.width ? e = R(e, t, n, l - i.width, G) : l < i.width && (e = x(e, t, i.width - l, K)), n = e.doc.nodeAt(t), !n) || (i = A.get(n), s > i.height ? e = R(e, t, n, s - i.height, J) : s < i.height && (e = x(e, t, i.height - s, L))), e;
 }, W = (o, t, s) => {
   const l = o.doc.nodeAt(s);
   if (!l)
@@ -204,7 +204,7 @@ const N = {
   return e = h(e, "margin-left", ""), e = h(e, "margin-right", ""), Object.keys(l || {}).forEach((n) => {
     e = h(e, n, (l || {})[n] || "");
   }), o.apply(o.tr.setNodeMarkup(s, null, e));
-}, v = (o, t) => J("<p>" + o + "</p>", t).content.firstChild.content, M = (o, t) => {
+}, v = (o, t) => q("<p>" + o + "</p>", t).content.firstChild.content, M = (o, t) => {
   if (!o.caption)
     return;
   let s = { caption: "", style: "display: table-caption" };
@@ -271,7 +271,7 @@ const N = {
   if (!n)
     return;
   const i = n.tr;
-  Q(n).forEach((f) => {
+  P(n).forEach((f) => {
     let y = { ...f.node.attrs };
     y = h(y, "padding", typeof t.cellPadding == "number" ? t.cellPadding + "px" : ""), i.setNodeMarkup(f.pos, null, y);
   }), n = n.apply(i), n = W(n, t, e), n = ee(n, t, e);
@@ -280,7 +280,7 @@ const N = {
   const d = u.pos, g = n.doc.nodeAt(u.pos);
   if (!g)
     return;
-  const m = d + (r || l).node.content.size, p = o.tr.replaceWith(d, m, g), a = O.atEnd(g), b = B.create(p.doc, d + a.to + 1);
+  const m = d + (r || l).node.content.size, p = o.tr.replaceWith(d, m, g), a = F.atEnd(g), b = j.create(p.doc, d + a.to + 1);
   return p.setSelection(b), p;
 };
 export {

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

@@ -0,0 +1,46 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { EditorState, 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;
+/**
+ * @hidden
+ */
+export declare const selectedCells: (state: EditorState) => Array<{
+    node: Node;
+    pos: number;
+}>;
+/**
+ * @hidden
+ */
+export declare const tableCells: (state: EditorState) => Array<{
+    node: Node;
+    pos: number;
+}>;

package/tools/tableEdit.d.ts

@@ -0,0 +1,105 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ComponentClass } from 'react';
+import { EditorState, Transaction } from '@progress/kendo-editor-common';
+import { EditorToolsSettings } from '../config/toolsSettings.js';
+import { ToolProps } from './ToolProps.js';
+/**
+ * @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
+ */
+export declare namespace TableEditNS {
+    /**
+     * @hidden
+     */
+    interface AddRowBeforeProps extends ToolProps {
+    }
+    /**
+     * @hidden
+     */
+    interface AddRowAfterProps extends ToolProps {
+    }
+    /**
+     * @hidden
+     */
+    interface AddColumnBeforeProps extends ToolProps {
+    }
+    /**
+     * @hidden
+     */
+    interface AddColumnAfterProps extends ToolProps {
+    }
+    /**
+     * @hidden
+     */
+    interface DeleteRowProps extends ToolProps {
+    }
+    /**
+     * @hidden
+     */
+    interface DeleteColumnProps extends ToolProps {
+    }
+    /**
+     * @hidden
+     */
+    interface DeleteTableProps extends ToolProps {
+    }
+    /**
+     * @hidden
+     */
+    interface MergeCellsProps extends ToolProps {
+    }
+    /**
+     * @hidden
+     */
+    interface SplitCellProps extends ToolProps {
+    }
+    /**
+     * @hidden
+     */
+    const createAddRowBeforeTool: (settings: EditorToolsSettings.ToolSettings) => ComponentClass<ToolProps, any>;
+    /**
+     * @hidden
+     */
+    const createAddRowAfterTool: (settings: EditorToolsSettings.ToolSettings) => ComponentClass<ToolProps>;
+    /**
+     * @hidden
+     */
+    const createAddColumnBeforeTool: (settings: EditorToolsSettings.ToolSettings) => ComponentClass<ToolProps>;
+    /**
+     * @hidden
+     */
+    const createAddColumnAfterTool: (settings: EditorToolsSettings.ToolSettings) => ComponentClass<ToolProps>;
+    /**
+     * @hidden
+     */
+    const createDeleteRowTool: (settings: EditorToolsSettings.ToolSettings) => ComponentClass<ToolProps>;
+    /**
+     * @hidden
+     */
+    const createDeleteColumnTool: (settings: EditorToolsSettings.ToolSettings) => ComponentClass<ToolProps>;
+    /**
+     * @hidden
+     */
+    const createDeleteTableTool: (settings: EditorToolsSettings.ToolSettings) => ComponentClass<ToolProps>;
+    /**
+     * @hidden
+     */
+    const createMergeCellsTool: (settings: EditorToolsSettings.ToolSettings) => ComponentClass<ToolProps>;
+    /**
+     * @hidden
+     */
+    const createSplitCellTool: (settings: EditorToolsSettings.ToolSettings) => ComponentClass<ToolProps>;
+}

package/tools/tableEdit.mjs

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { addRowBefore as d, addRowAfter as f, addColumnBefore as C, addColumnAfter as s, deleteTable as m, mergeCells as a, splitCell as w, deleteColumn as A, selectionCell as c, deleteRow as p } from "@progress/kendo-editor-common";
+import { addRowBefore as d, addRowAfter as f, addColumnBefore as C, addColumnAfter as s, deleteTable as m, mergeCells as a, splitCell as w, deleteRow as A, selectionCell as c, deleteColumn as p } from "@progress/kendo-editor-common";
 import { createProseMirrorTool as r } from "./proseMirrorTool.mjs";
 const R = (o, e) => {
-  const l = A(o, e);
+  const l = p(o, e);
   if (l && !e) {
     const t = c(o), n = t && t.node(t.depth);
     if (n && n.content.childCount === 1)
@@ -16,7 +16,7 @@ const R = (o, e) => {
   }
   return l;
 }, T = (o, e) => {
-  const l = p(o, e);
+  const l = A(o, e);
   if (l && !e) {
     const t = c(o), n = t && t.node(t.depth - 1);
     if (n && n.content.childCount === 1)

package/tools/unlink.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { EditorToolsSettings } from '../config/toolsSettings.js';
+import { ToolProps } from './ToolProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare namespace UnlinkToolNS {
+    /**
+     * @hidden
+     */
+    interface UnlinkProps extends ToolProps {
+    }
+    /**
+     * @hidden
+     */
+    const createUnlinkTool: (settings: EditorToolsSettings.UnlinkSettings) => React.ComponentClass<UnlinkProps, any>;
+}

package/tools/utils.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Node, ResolvedPos } from '@progress/kendo-editor-common';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+declare const onDownPreventDefault: {
+    onMouseDown: (e: any) => any;
+    onPointerDown: (e: any) => any;
+};
+/**
+ * @hidden
+ */
+declare const userSelectNone: React.CSSProperties;
+/**
+ * @hidden
+ */
+declare const formatString: (input: string, ...args: Array<any>) => string;
+/**
+ * @hidden
+ */
+declare const itemRender: (li: any, itemProps: any) => any;
+/**
+ * @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/tools/utils.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as d from "react";
-import { keys as e, messages as r } from "../messages/index.mjs";
+import { messages as r, keys as e } from "../messages/index.mjs";
 const a = {
   onMouseDown: (t) => t.preventDefault(),
   onPointerDown: (t) => t.preventDefault()

package/tools/viewHtml.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ButtonProps } from '@progress/kendo-react-buttons';
+import { EditorToolsSettings } from '../config/toolsSettings.js';
+import { BasicToolProps, ToolWithDialogRenderProp } from './ToolProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare namespace ViewHtmlToolNS {
+    /**
+     * @hidden
+     */
+    interface ViewHtmlProps extends BasicToolProps, ToolWithDialogRenderProp, ButtonProps {
+    }
+    /**
+     * @hidden
+     */
+    interface ViewHtmlState {
+        openedDialog: boolean;
+    }
+    /**
+     * @hidden
+     */
+    const createViewHtmlTool: (settings: EditorToolsSettings.ViewHtmlSettings) => React.ComponentClass<ViewHtmlProps, ViewHtmlState>;
+}

package/utils/browser-detection.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const firefox: boolean;

package/utils/controlled-value.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Transaction, EditorView, Node } from '@progress/kendo-editor-common';
+/**
+ * @hidden
+ */
+export declare const updateEditorValue: (view: EditorView, value: Node | string, prevValue: Node | string | undefined, trOnChange: Transaction | null, htmlOnChange: string | null) => void;