@progress/kendo-react-editor 14.4.1-develop.9 → 14.5.0-develop.1

package/tools/table-wizard/tableProperties.mjs

@@ -17,20 +17,20 @@ import { itemRenderWithIcon as k, valueRenderWithIcon as v } from "./tableCellPr
 import { useLocalization as ge } from "@progress/kendo-react-intl";
 import { keys as t, messages as l } from "../../messages/index.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(() => {
+const _e = (o) => {
+  const { view: n, ...r } = o, P = ge(), [N, b] = e.useState(!1), g = !!(n && Te(n.state.selection.$from, (i) => i.type.spec.tableRole === "table")), p = e.useCallback(() => {
     b(!0);
   }, []), m = e.useCallback(() => {
-    b(!1), o == null || o.focus();
-  }, [o]), f = e.useCallback(
+    b(!1), n == null || n.focus();
+  }, [n]), f = e.useCallback(
     (i) => {
-      if (o && i) {
-        const u = ze(o.state, i);
-        u && o.dispatch(u);
+      if (n && i) {
+        const u = ze(n.state, i);
+        u && n.dispatch(u);
       }
       m();
     },
-    [o, m]
+    [n, m]
   );
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     A,
@@ -44,7 +44,7 @@ const _e = (n) => {
       ...De,
       ...r
     }
-  ), N && /* @__PURE__ */ e.createElement(Fe, { onClose: m, onSave: f, view: o }));
+  ), N && /* @__PURE__ */ e.createElement(Fe, { onClose: m, onSave: f, view: n }));
 }, E = [
   {
     textKey: t.tablePropertiesAlignLeft,
@@ -99,7 +99,7 @@ const _e = (n) => {
     icon: "table-position-right",
     svgIcon: Ve
   }
-].map((n) => ({ ...n, style: Ue[n.value] })), fe = [
+].map((o) => ({ ...o, style: Ue[o.value] })), fe = [
   {
     textKey: t.tablePropertiesTop,
     text: l[t.tablePropertiesTop],
@@ -126,14 +126,14 @@ const _e = (n) => {
     text: l[t.tablePropertiesUsingIdAttributes],
     value: "id"
   }
-], Fe = (n) => {
-  const o = e.useMemo(() => {
-    const a = n.view && n.view.state;
+], Fe = (o) => {
+  const n = e.useMemo(() => {
+    const a = o.view && o.view.state;
     return a ? He(a) : We;
-  }, [n.view]), r = ge(), [P, N] = e.useState(0), b = e.useCallback((a) => {
+  }, [o.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(() => {
-    var R, M, G, $, j, q, J, O, Q, X, Y, Z, _, ee, te, ae, le, re, oe, ne;
+    var R, M, G, $, j, q, J, O, Q, X, Y, Z, _, ee, te, ae, le, re, ne, oe;
     const a = {
       rows: ((R = g.current) == null ? void 0 : R.value) || 0,
       columns: ((M = p.current) == null ? void 0 : M.value) || 0,
@@ -156,24 +156,24 @@ const _e = (n) => {
       headerRows: ((ae = U.current) == null ? void 0 : ae.value) || 0,
       headerColumns: ((le = F.current) == null ? void 0 : le.value) || 0,
       captionAlignment: (re = C.current) != null && re.value ? C.current.value.value : null,
-      captionPosition: (oe = w.current) != null && oe.value ? w.current.value.value : null,
-      associateHeaders: (ne = y.current) != null && ne.value ? y.current.value.value : "none"
+      captionPosition: (ne = w.current) != null && ne.value ? w.current.value.value : null,
+      associateHeaders: (oe = y.current) != null && oe.value ? y.current.value.value : "none"
     };
-    n.onSave.call(void 0, a);
-  }, [n.onSave]), ke = /* @__PURE__ */ e.createElement("div", { className: "k-form k-form-md" }, /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-4 k-gap-x-4" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+    o.onSave.call(void 0, a);
+  }, [o.onSave]), ke = /* @__PURE__ */ e.createElement("div", { className: "k-form k-form-md" }, /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid k-grid-cols-4 k-gap-x-4" }, /* @__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.tablePropertiesRows,
     l[t.tablePropertiesRows]
-  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: g, defaultValue: o.rows, min: 1 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: g, defaultValue: n.rows, min: 1 }))), /* @__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.tablePropertiesColumns,
     l[t.tablePropertiesColumns]
-  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: p, defaultValue: o.columns, min: 1 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: p, defaultValue: n.columns, min: 1 }))), /* @__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.tablePropertiesWidth,
     l[t.tablePropertiesWidth]
   )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     s,
     {
       ref: m,
-      defaultValue: o.width,
+      defaultValue: n.width,
       min: 0,
       placeholder: r.toLanguageString(t.sizeAuto, l[t.sizeAuto])
     }
@@ -181,7 +181,7 @@ const _e = (n) => {
     ie,
     {
       ref: I,
-      defaultValue: o.widthUnit,
+      defaultValue: n.widthUnit,
       data: me,
       popupSettings: c
     }
@@ -192,7 +192,7 @@ const _e = (n) => {
     s,
     {
       ref: f,
-      defaultValue: o.height,
+      defaultValue: n.height,
       min: 0,
       placeholder: r.toLanguageString(t.sizeAuto, l[t.sizeAuto])
     }
@@ -200,7 +200,7 @@ const _e = (n) => {
     ie,
     {
       ref: B,
-      defaultValue: o.heightUnit,
+      defaultValue: n.heightUnit,
       data: me.filter((a) => a !== "%"),
       popupSettings: c
     }
@@ -211,7 +211,7 @@ const _e = (n) => {
     d,
     {
       ref: K,
-      defaultValue: de.find((a) => a.value === o.position),
+      defaultValue: de.find((a) => a.value === n.position),
       popupSettings: c,
       data: de.map((a) => ({
         ...a,
@@ -229,7 +229,7 @@ const _e = (n) => {
     d,
     {
       ref: x,
-      defaultValue: E.find((a) => a.value === o.textAlign),
+      defaultValue: E.find((a) => a.value === n.textAlign),
       data: E.map((a) => ({ ...a, text: r.toLanguageString(a.textKey, a.text) })),
       textField: "text",
       dataItemKey: "value",
@@ -244,7 +244,7 @@ const _e = (n) => {
     s,
     {
       ref: i,
-      defaultValue: o.cellSpacing,
+      defaultValue: n.cellSpacing,
       placeholder: r.toLanguageString(t.sizeAuto, l[t.sizeAuto]),
       min: 0
     }
@@ -255,27 +255,27 @@ const _e = (n) => {
     s,
     {
       ref: u,
-      defaultValue: o.cellPadding,
+      defaultValue: n.cellPadding,
       placeholder: r.toLanguageString(t.sizeAuto, l[t.sizeAuto]),
       min: 0
     }
   ))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-full" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
     t.tablePropertiesTableBackground,
     l[t.tablePropertiesTableBackground]
-  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(se, { ref: V, defaultValue: o.backgroundColor }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(se, { ref: V, defaultValue: n.backgroundColor }))), /* @__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.tablePropertiesBorderWidth,
     l[t.tablePropertiesBorderWidth]
-  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: S, defaultValue: o.borderWidth, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: S, defaultValue: n.borderWidth, min: 0 }))), /* @__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.tablePropertiesBorderColor,
     l[t.tablePropertiesBorderColor]
-  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(se, { ref: T, defaultValue: o.borderColor }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(se, { ref: T, defaultValue: n.borderColor }))), /* @__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.tablePropertiesBorderStyle,
     l[t.tablePropertiesBorderStyle]
   )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
     d,
     {
       ref: h,
-      defaultValue: ue.find((a) => a.value === o.borderStyle),
+      defaultValue: ue.find((a) => a.value === n.borderStyle),
       popupSettings: c,
       data: ue.map((a) => ({
         ...a,
@@ -293,18 +293,18 @@ const _e = (n) => {
         t.tablePropertiesCollapseBorders,
         l[t.tablePropertiesCollapseBorders]
       ),
-      defaultChecked: o.collapseBorders
+      defaultChecked: n.collapseBorders
     }
-  )))))), ve = /* @__PURE__ */ e.createElement("div", { className: "k-form k-form-md" }, /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesId, l[t.tablePropertiesId])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: z, defaultValue: o.id }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+  )))))), ve = /* @__PURE__ */ e.createElement("div", { className: "k-form k-form-md" }, /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-layout k-d-grid" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(t.tablePropertiesId, l[t.tablePropertiesId])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: z, defaultValue: n.id }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
     t.tablePropertiesCssClass,
     l[t.tablePropertiesCssClass]
-  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: H, defaultValue: o.className }))), /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, r.toLanguageString(
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: H, defaultValue: n.className }))), /* @__PURE__ */ e.createElement("fieldset", { className: "k-form-fieldset" }, /* @__PURE__ */ e.createElement("legend", { className: "k-form-legend" }, r.toLanguageString(
     t.tablePropertiesAccessibility,
     l[t.tablePropertiesAccessibility]
   )), /* @__PURE__ */ e.createElement("div", { className: "k-d-grid k-grid-cols-4 k-gap-x-4" }, /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-full" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
     t.tablePropertiesCaption,
     l[t.tablePropertiesCaption]
-  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: W, defaultValue: o.caption }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(L, { ref: W, defaultValue: n.caption }))), /* @__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.tablePropertiesCaptionPosition,
     l[t.tablePropertiesCaptionPosition]
   )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
@@ -312,7 +312,7 @@ const _e = (n) => {
     {
       ref: w,
       defaultValue: fe.find(
-        (a) => a.value === o.captionPosition
+        (a) => a.value === n.captionPosition
       ),
       data: fe.map((a) => ({
         ...a,
@@ -331,7 +331,7 @@ const _e = (n) => {
     d,
     {
       ref: C,
-      defaultValue: E.find((a) => a.value === o.captionAlignment),
+      defaultValue: E.find((a) => a.value === n.captionAlignment),
       data: E.map((a) => ({
         ...a,
         text: r.toLanguageString(a.textKey, a.text)
@@ -345,10 +345,10 @@ const _e = (n) => {
   ))), /* @__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,
     l[t.tablePropertiesHeaderRows]
-  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: U, defaultValue: o.headerRows, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-1" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: U, defaultValue: n.headerRows, min: 0 }))), /* @__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.tablePropertiesHeaderCols,
     l[t.tablePropertiesHeaderCols]
-  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: F, defaultValue: o.headerColumns, min: 0 }))), /* @__PURE__ */ e.createElement("div", { className: "k-form-field k-col-span-2" }, /* @__PURE__ */ e.createElement("label", { className: "k-label k-form-label" }, r.toLanguageString(
+  )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(s, { ref: F, defaultValue: n.headerColumns, min: 0 }))), /* @__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.tablePropertiesAssociateHeaders,
     l[t.tablePropertiesAssociateHeaders]
   )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
@@ -356,7 +356,7 @@ const _e = (n) => {
     {
       ref: y,
       defaultValue: be.find(
-        (a) => a.value === o.associateHeaders
+        (a) => a.value === n.associateHeaders
       ),
       data: be.map((a) => ({
         ...a,
@@ -385,15 +385,15 @@ const _e = (n) => {
     },
     ve
   )), Pe = [
-    /* @__PURE__ */ e.createElement(A, { themeColor: "primary", key: "save", onClick: pe }, r.toLanguageString(t.tablePropertiesSave, l[t.tablePropertiesSave])),
-    /* @__PURE__ */ e.createElement(A, { onClick: n.onClose, key: "cancel" }, r.toLanguageString(t.tablePropertiesCancel, l[t.tablePropertiesCancel]))
+    /* @__PURE__ */ e.createElement(A, { onClick: o.onClose, key: "cancel" }, r.toLanguageString(t.tablePropertiesCancel, l[t.tablePropertiesCancel])),
+    /* @__PURE__ */ e.createElement(A, { themeColor: "primary", key: "save", onClick: pe }, r.toLanguageString(t.tablePropertiesSave, l[t.tablePropertiesSave]))
   ];
   return /* @__PURE__ */ e.createElement(
     Se,
     {
       className: "k-editor-window k-editor-table-wizard-window",
       title: r.toLanguageString(t.tableProperties, l[t.tableProperties]),
-      onClose: n.onClose,
+      onClose: o.onClose,
       key: "dialog",
       style: { userSelect: "none" },
       width: 480,
@@ -404,7 +404,7 @@ const _e = (n) => {
       resizable: !1
     },
     Ee,
-    /* @__PURE__ */ e.createElement(xe, { layout: "start" }, ...Pe)
+    /* @__PURE__ */ e.createElement(xe, { layout: "end" }, ...Pe)
   );
 };
 export {

package/tools/tableEdit.d.ts

@@ -8,7 +8,7 @@
 import { ComponentClass } from 'react';
 import { EditorState, Transaction } from '@progress/kendo-editor-common';
 import { EditorToolsSettings } from '../config/toolsSettings.js';
-import { ToolProps } from './ToolProps.js';
+import { ToolProps } from './ToolProps';
 /**
  * @hidden
  */

package/tools/unlink.d.ts

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { EditorToolsSettings } from '../config/toolsSettings.js';
-import { ToolProps } from './ToolProps.js';
+import { ToolProps } from './ToolProps';
 import * as React from 'react';
 /**
  * @hidden

package/tools/viewHtml.d.ts

@@ -7,7 +7,7 @@
  */
 import { ButtonProps } from '@progress/kendo-react-buttons';
 import { EditorToolsSettings } from '../config/toolsSettings.js';
-import { BasicToolProps, ToolWithDialogRenderProp } from './ToolProps.js';
+import { BasicToolProps, ToolWithDialogRenderProp } from './ToolProps';
 import * as React from 'react';
 /**
  * @hidden

package/utils/index.d.ts

@@ -7,7 +7,7 @@
  */
 import { ImageResizeOptions as ImageResizeOptionsCommon, Schema, NodeSpec, MarkSpec, Node, NodeType, Mark, MarkType, ParseOptions, EditorView, EditorState, Transaction, Plugin, PluginKey } from '@progress/kendo-editor-common';
 import { EditorToolsSettings } from './../config/toolsSettings.js';
-import { PasteCleanupSettings } from '../config/pasteSettings.js';
+import { PasteCleanupSettings } from '../config/pasteSettings';
 import * as shortcuts from './../config/shortcuts.js';
 /**
  * Represents a wrapping namespace for the utility functions, `nodes`, and `marks` objects of the Editor.