@progress/kendo-react-editor 16.2.0-develop.9 → 16.2.1-develop.1

package/Editor.mjs

@@ -8,30 +8,31 @@
 import * as t from "react";
 import c from "prop-types";
 import { ButtonGroup as ke, Toolbar as Ee, toolbarButtons as Re, ToolbarSeparator as we } from "@progress/kendo-react-buttons";
-import { validatePackage as Ce, getLicenseMessage as Se, useWebMcpRegister as Le, classNames as Ae, WatermarkOverlay as Be } from "@progress/kendo-react-common";
-import { Plugin as W, PluginKey as j, spacesFix as Ne, caretColor as Pe, history as De, dropCursor as Ie, gapCursor as Te, tableEditing as We, cspFix as xe, Schema as He, marks as Me, nodes as _e, EditorState as Fe, keymap as z, baseKeymap as Oe, EditorView as Ve, getMark as je } from "@progress/kendo-editor-common";
-import { defaultStyle as ze, tablesStyles as qe, rtlStyles as Ke } from "./config/defaultStyles.mjs";
-import { EditorToolsSettings as $e } from "./config/toolsSettings.mjs";
-import { EditorDialogs as Ge } from "./dialogs/index.mjs";
+import { validatePackage as Ce, getLicenseMessage as Se, useWebMcpRegister as Le, classNames as Ne, WatermarkOverlay as Ae } from "@progress/kendo-react-common";
+import { Plugin as W, PluginKey as V, spacesFix as Be, caretColor as Pe, history as De, dropCursor as Ie, gapCursor as Te, tableEditing as We, cspFix as xe, Schema as He, nodes as Me, EditorState as _e, keymap as j, baseKeymap as Fe, EditorView as Oe, getMark as ze } from "@progress/kendo-editor-common";
+import { sanitizeLinkNode as Ve, marks as je } from "./config/schema.mjs";
+import { defaultStyle as qe, tablesStyles as Ke, rtlStyles as $e } from "./config/defaultStyles.mjs";
+import { EditorToolsSettings as Ge } from "./config/toolsSettings.mjs";
+import { EditorDialogs as Ue } from "./dialogs/index.mjs";
 import { EditorUtils as x } from "./utils/index.mjs";
 import { editorPropsKey as q } from "./utils/props-key.mjs";
-import { updateEditorValue as Ue } from "./utils/controlled-value.mjs";
+import { updateEditorValue as Je } from "./utils/controlled-value.mjs";
 import { packageMetadata as K } from "./package-metadata.mjs";
-import { keys as b, messages as N } from "./messages/index.mjs";
-import { useLocalization as Je } from "@progress/kendo-react-intl";
-const { link: $, bold: Qe, italic: Xe, underline: Ye } = $e, G = t.forwardRef((d, U) => {
+import { keys as b, messages as B } from "./messages/index.mjs";
+import { useLocalization as Qe } from "@progress/kendo-react-intl";
+const { link: $, bold: Xe, italic: Ye, underline: Ze } = Ge, G = t.forwardRef((d, U) => {
   const { tools: J = [], defaultEditMode: Q = "iframe", preserveWhitespace: X = "full", style: k, className: Y } = d, [Z, E] = t.useState({
     view: void 0,
     linkDialog: !1
-  }), P = t.useRef(null), f = t.useRef(null), H = t.useRef(null), i = t.useRef(void 0), v = t.useRef(null), R = t.useRef(null), w = t.useRef(void 0), a = t.useRef(d);
-  a.current = d;
+  }), P = t.useRef(null), f = t.useRef(null), H = t.useRef(null), i = t.useRef(void 0), v = t.useRef(null), R = t.useRef(null), w = t.useRef(void 0), o = t.useRef(d);
+  o.current = d;
   const ee = t.useCallback((e) => {
     P.current = e;
   }, []), te = t.useCallback((e) => {
     H.current = e;
   }, []), re = t.useCallback((e) => {
     f.current = e;
-  }, []), [ne] = t.useState(() => !Ce(K, { component: "Editor" })), [ae] = t.useState(() => Se(K)), C = Je(), S = t.useRef(null);
+  }, []), [ne] = t.useState(() => !Ce(K, { component: "Editor" })), [oe] = t.useState(() => Se(K)), C = Qe(), S = t.useRef(null);
   t.useImperativeHandle(
     S,
     () => ({
@@ -45,34 +46,34 @@ const { link: $, bold: Qe, italic: Xe, underline: Ye } = $e, G = t.forwardRef((d
         return i.current;
       },
       get value() {
-        return v.current !== null ? v.current.doc : a.current.value !== void 0 ? a.current.value : i.current ? i.current.state.doc : a.current.defaultContent || "";
+        return v.current !== null ? v.current.doc : o.current.value !== void 0 ? o.current.value : i.current ? i.current.state.doc : o.current.defaultContent || "";
       },
       get props() {
-        return a.current;
+        return o.current;
       },
       focus: () => {
         i.current && i.current.focus();
       }
     })
   ), t.useImperativeHandle(U, () => S.current), Le("editor", S, d, d.webMcp);
-  const p = () => S.current, oe = t.useRef((e, r) => {
+  const p = () => S.current, ae = t.useRef((e, r) => {
     var s, g;
     const n = { target: p(), transaction: e, state: r };
-    return ((g = (s = a.current).onExecute) == null ? void 0 : g.call(s, n)) !== !1;
+    return ((g = (s = o.current).onExecute) == null ? void 0 : g.call(s, n)) !== !1;
   }).current, ce = t.useRef((e) => {
-    if (a.current.onPasteHtml && w.current) {
+    if (o.current.onPasteHtml && w.current) {
       const r = {
         target: p(),
         pastedHtml: e,
         nativeEvent: w.current
-      }, n = a.current.onPasteHtml(r);
+      }, n = o.current.onPasteHtml(r);
       if (w.current = void 0, typeof n == "string")
         return n;
     }
     return e;
   }).current, se = t.useRef((e) => {
     const r = e.docChanged;
-    if (a.current.onChange && r) {
+    if (o.current.onChange && r) {
       v.current = e;
       const s = e.doc, g = e.doc.type.schema, y = {
         target: p(),
@@ -83,58 +84,58 @@ const { link: $, bold: Qe, italic: Xe, underline: Ye } = $e, G = t.forwardRef((d
       };
       Object.defineProperty(y, "html", {
         get: () => (R.current = x.getHtml({ doc: s, schema: g }), R.current)
-      }), a.current.onChange(y);
+      }), o.current.onChange(y);
     }
     const n = i.current;
-    n && (a.current.value === void 0 || !r) && n.updateState(n.state.apply(e));
+    n && (o.current.value === void 0 || !r) && n.updateState(n.state.apply(e));
   }).current, ie = t.useRef((e, r) => {
-    if (a.current.onFocus) {
+    if (o.current.onFocus) {
       const n = {
         target: p(),
         nativeEvent: r
       };
-      a.current.onFocus(n);
+      o.current.onFocus(n);
     }
     return !1;
   }).current, ue = t.useRef((e, r) => {
-    if (a.current.onBlur) {
+    if (o.current.onBlur) {
       const n = {
         target: p(),
         nativeEvent: r
       };
-      a.current.onBlur(n);
+      o.current.onBlur(n);
     }
     return !1;
-  }).current, le = t.useRef((e, r) => (a.current.onPasteHtml && (w.current = r), !1)).current, de = t.useRef((e) => {
-    if (a.current.onIFrameInit) {
+  }).current, le = t.useRef((e, r) => (o.current.onPasteHtml && (w.current = r), !1)).current, de = t.useRef((e) => {
+    if (o.current.onIFrameInit) {
       const r = {
         target: p(),
         iframe: e
       };
-      a.current.onIFrameInit(r);
+      o.current.onIFrameInit(r);
     }
     return !1;
   }).current, fe = t.useRef((e, r) => {
     E((n) => ({ ...n, view: e }));
   }).current;
   t.useEffect(() => {
-    var V;
+    var z;
     const e = H.current, r = e == null ? void 0 : e.contentWindow;
     if (r) {
-      const o = r.document;
-      if (!o.head.querySelector("meta[charset]")) {
-        const l = o.createElement("meta");
-        l.setAttribute("charset", "utf-8"), o.head.appendChild(l);
+      const a = r.document;
+      if (!a.head.querySelector("meta[charset]")) {
+        const l = a.createElement("meta");
+        l.setAttribute("charset", "utf-8"), a.head.appendChild(l);
       }
-      const u = o.body.querySelector(".k-content");
-      u ? (u.textContent = "", f.current = u) : (f.current = o.createElement("div"), o.body.appendChild(f.current), f.current.classList.add("k-content")), f.current.setAttribute("role", "textbox"), f.current.setAttribute(
+      const u = a.body.querySelector(".k-content");
+      u ? (u.textContent = "", f.current = u) : (f.current = a.createElement("div"), a.body.appendChild(f.current), f.current.classList.add("k-content")), f.current.setAttribute("role", "textbox"), f.current.setAttribute(
         "aria-label",
-        a.current.ariaLabel || C.toLanguageString(b.contentAreaLabel, N[b.contentAreaLabel])
-      ), a.current.ariaLabelledBy && f.current.setAttribute("aria-labelledby", a.current.ariaLabelledBy), a.current.ariaDescribedBy && f.current.setAttribute("aria-describedby", a.current.ariaDescribedBy), e && a.current.onIFrameInit ? de(e) : o.head.querySelector("style") || [ze, qe, a.current.dir === "rtl" ? Ke : void 0].forEach(
+        o.current.ariaLabel || C.toLanguageString(b.contentAreaLabel, B[b.contentAreaLabel])
+      ), o.current.ariaLabelledBy && f.current.setAttribute("aria-labelledby", o.current.ariaLabelledBy), o.current.ariaDescribedBy && f.current.setAttribute("aria-describedby", o.current.ariaDescribedBy), e && o.current.onIFrameInit ? de(e) : a.head.querySelector("style") || [qe, Ke, o.current.dir === "rtl" ? $e : void 0].forEach(
         (l) => {
           if (l) {
-            const m = o.createElement("style");
-            m.appendChild(o.createTextNode(l)), o.head.appendChild(m);
+            const m = a.createElement("style");
+            m.appendChild(a.createTextNode(l)), a.head.appendChild(m);
           }
         }
       );
@@ -142,24 +143,24 @@ const { link: $, bold: Qe, italic: Xe, underline: Ye } = $e, G = t.forwardRef((d
     const n = f.current;
     if (!n)
       return;
-    const s = (V = a.current.preserveWhitespace) != null ? V : "full", g = [
+    const s = (z = o.current.preserveWhitespace) != null ? z : "full", g = [
       // https://prosemirror.net/docs/ref/#state.PluginSpec
       new W({
         view: (() => ({ update: fe })),
-        key: new j("toolbar-tools-update-plugin")
+        key: new V("toolbar-tools-update-plugin")
       }),
       new W({
-        filterTransaction: oe,
-        key: new j("onExecute-event-plugin")
+        filterTransaction: ae,
+        key: new V("onExecute-event-plugin")
       }),
       new W({
         key: q,
         state: {
           init: () => ({ preserveWhitespace: s }),
-          apply: (o, u) => u
+          apply: (a, u) => u
         }
       }),
-      Ne(),
+      Be(),
       Pe(),
       De(),
       Ie(),
@@ -169,31 +170,31 @@ const { link: $, bold: Qe, italic: Xe, underline: Ye } = $e, G = t.forwardRef((d
     ], y = {
       ...x.getShortcuts({
         types: { listItem: "list_item", hardBreak: "hard_break" },
-        toolsSettings: { bold: Qe, italic: Xe, underline: Ye }
+        toolsSettings: { bold: Xe, italic: Ye, underline: Ze }
       }),
       "Mod-k": () => {
-        const o = i.current;
-        if (o) {
-          const u = o.state, l = u.selection.empty, m = je(u, u.schema.marks[$.mark]);
+        const a = i.current;
+        if (a) {
+          const u = a.state, l = u.selection.empty, m = ze(u, u.schema.marks[$.mark]);
           l && !m || E((h) => h.linkDialog ? h : { ...h, linkDialog: !0 });
         }
         return !0;
       },
       "Alt-F10": () => {
         var u;
-        const o = (u = P.current) == null ? void 0 : u.querySelector(".k-toolbar");
-        if (o) {
-          const l = o.querySelector(Re.join(","));
+        const a = (u = P.current) == null ? void 0 : u.querySelector(".k-toolbar");
+        if (a) {
+          const l = a.querySelector(Re.join(","));
           if (l)
             return l.focus(), !0;
         }
         return !1;
       }
-    }, { defaultContent: ve = "", value: A, onMount: T } = a.current, ye = A && typeof A != "string" ? A : x.createDocument(new He({ nodes: _e, marks: Me }), A || ve, {
+    }, { defaultContent: ve = "", value: N, onMount: T } = o.current, ye = N && typeof N != "string" ? Ve(N) : x.createDocument(new He({ nodes: Me, marks: je }), N || ve, {
       preserveWhitespace: s
     }), F = {
-      state: Fe.create({
-        plugins: [...g, z(y), z(Oe)],
+      state: _e.create({
+        plugins: [...g, j(y), j(Fe)],
         doc: ye
       }),
       transformPastedHTML: ce,
@@ -203,20 +204,20 @@ const { link: $, bold: Qe, italic: Xe, underline: Ye } = $e, G = t.forwardRef((d
         blur: ue,
         paste: le
       },
-      handleDrop: (o, u, l, m) => {
-        let B = !1;
+      handleDrop: (a, u, l, m) => {
+        let A = !1;
         return l.content.nodesBetween(0, l.content.size, (h) => {
-          B = B || h.type.name === "table_caption_external";
-        }), B;
+          A = A || h.type.name === "table_caption_external";
+        }), A;
       }
-    }, he = { plugins: g, shortcuts: y, target: p(), viewProps: F, dom: n }, O = (T == null ? void 0 : T(he)) || new Ve({ mount: n }, F);
-    return i.current = O, E((o) => ({ ...o, view: O })), () => {
+    }, he = { plugins: g, shortcuts: y, target: p(), viewProps: F, dom: n }, O = (T == null ? void 0 : T(he)) || new Oe({ mount: n }, F);
+    return i.current = O, E((a) => ({ ...a, view: O })), () => {
       var u, l;
       i.current && i.current.destroy(), i.current = void 0;
-      const o = e == null ? void 0 : e.contentWindow;
-      if (o != null && o.document) {
+      const a = e == null ? void 0 : e.contentWindow;
+      if (a != null && a.document) {
         (l = (u = f.current) == null ? void 0 : u.parentNode) == null || l.removeChild(f.current);
-        const m = o.document.head;
+        const m = a.document.head;
         for (; m != null && m.firstChild; )
           m.removeChild(m.firstChild);
       }
@@ -224,12 +225,12 @@ const { link: $, bold: Qe, italic: Xe, underline: Ye } = $e, G = t.forwardRef((d
   }, []);
   const D = t.useRef(d.value);
   if (t.useEffect(() => {
-    const { value: e } = a.current, r = i.current;
+    const { value: e } = o.current, r = i.current;
     if (e === void 0 || !r) {
       D.current = e;
       return;
     }
-    Ue(r, e, D.current, v.current, R.current), v.current = null, R.current = null, D.current = e;
+    Je(r, e, D.current, v.current, R.current), v.current = null, R.current = null, D.current = e;
   }), i.current) {
     const e = q.getState(i.current.state);
     e.preserveWhitespace = X;
@@ -259,16 +260,16 @@ const { link: $, bold: Qe, italic: Xe, underline: Ye } = $e, G = t.forwardRef((d
     (e, r) => Array.isArray(e) ? /* @__PURE__ */ t.createElement(ke, { key: me(e, r), className: "k-toolbar-button-group" }, e.map((n, s) => M(n, I(n, r, s)))) : M(e, I(e, r, 0), !0)
   ), be = C.toLanguageString(
     b.toolbarAriaLabel,
-    N[b.toolbarAriaLabel]
+    B[b.toolbarAriaLabel]
   ), pe = C.toLanguageString(
     b.contentAreaLabel,
-    N[b.contentAreaLabel]
+    B[b.contentAreaLabel]
   );
   return /* @__PURE__ */ t.createElement(
     "div",
     {
       ref: ee,
-      className: Ae("k-editor", Y, { "k-editor-resizable": d.resizable }),
+      className: Ne("k-editor", Y, { "k-editor-resizable": d.resizable }),
       dir: d.dir,
       style: k
     },
@@ -286,7 +287,7 @@ const { link: $, bold: Qe, italic: Xe, underline: Ye } = $e, G = t.forwardRef((d
       {
         ref: te,
         frameBorder: "0",
-        title: C.toLanguageString(b.iframeTitle, N[b.iframeTitle]),
+        title: C.toLanguageString(b.iframeTitle, B[b.iframeTitle]),
         style: L,
         className: "k-iframe"
       }
@@ -303,8 +304,8 @@ const { link: $, bold: Qe, italic: Xe, underline: Ye } = $e, G = t.forwardRef((d
         suppressContentEditableWarning: !0
       }
     ),
-    ge(Ge.InsertLinkDialog, $, "linkDialog"),
-    ne && /* @__PURE__ */ t.createElement(Be, { message: ae })
+    ge(Ue.InsertLinkDialog, $, "linkDialog"),
+    ne && /* @__PURE__ */ t.createElement(Ae, { message: oe })
   );
 });
 G.propTypes = {

package/config/schema.d.ts

@@ -5,4 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-export { marks, nodes } from '@progress/kendo-editor-common';
+import { MarkSpec, Node, Schema, parseContent as parseContentCommon } from '@progress/kendo-editor-common';
+export { nodes } from '@progress/kendo-editor-common';
+declare const marks: {
+    link: MarkSpec;
+};
+/** @hidden */
+export declare const sanitizeLinkSchema: (schema: Schema) => Schema;
+export declare const parseContent: typeof parseContentCommon;
+/** @hidden */
+export declare const sanitizeLinkNode: (node: Node) => Node;
+export { marks };

package/config/schema.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@progress/kendo-editor-common"),k=require("@progress/kendo-react-common"),u=t=>{const r=(t.parseDOM||[]).map(i=>({...i,getAttrs:c=>{const s=typeof i.getAttrs=="function"?i.getAttrs(c):{};return s&&typeof s=="object"&&"href"in s&&(s.href=k.sanitizeUrl(s.href)||null),s}})),n=t.toDOM;return{...t,parseDOM:r,toDOM:typeof n=="function"?(i,c)=>{var s;return n({...i,attrs:{...i.attrs,href:k.sanitizeUrl((s=i.attrs)==null?void 0:s.href)||null}},c)}:n}},l={...a.marks,link:u(a.marks.link)},o=new WeakMap,p=new WeakMap,m=t=>{const r=o.get(t);if(r)return r;const n=t.spec.marks.get("link");if(!n)return o.set(t,t),t;const e=new a.Schema({...t.spec,marks:t.spec.marks.update("link",u(n))});return o.set(t,e),o.set(e,e),e},f=t=>{const r=t.marks.map(e=>e.type.name==="link"?e.type.create({...e.attrs,href:k.sanitizeUrl(e.attrs.href)||null}):e);if(t.isText)return t.mark(r);const n=[];return t.forEach(e=>n.push(f(e))),t.copy(a.Fragment.fromArray(n)).mark(r)},h=(t,r,n)=>f(a.parseContent(t,r,n)),d=t=>{const r=p.get(t);if(r)return r;const n=m(t.type.schema),e=f(n===t.type.schema?t:n.nodeFromJSON(t.toJSON()));return p.set(t,e),p.set(e,e),e};Object.defineProperty(exports,"nodes",{enumerable:!0,get:()=>a.nodes});exports.marks=l;exports.parseContent=h;exports.sanitizeLinkNode=d;exports.sanitizeLinkSchema=m;

package/config/schema.mjs

@@ -0,0 +1,62 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { marks as k, parseContent as h, Fragment as u, Schema as l } from "@progress/kendo-editor-common";
+import { nodes as d } from "@progress/kendo-editor-common";
+import { sanitizeUrl as p } from "@progress/kendo-react-common";
+const m = (t) => {
+  const r = (t.parseDOM || []).map((a) => ({
+    ...a,
+    getAttrs: (i) => {
+      const n = typeof a.getAttrs == "function" ? a.getAttrs(i) : {};
+      return n && typeof n == "object" && "href" in n && (n.href = p(n.href) || null), n;
+    }
+  })), s = t.toDOM;
+  return { ...t, parseDOM: r, toDOM: typeof s == "function" ? (a, i) => {
+    var n;
+    return s(
+      {
+        ...a,
+        attrs: { ...a.attrs, href: p((n = a.attrs) == null ? void 0 : n.href) || null }
+      },
+      i
+    );
+  } : s };
+}, g = { ...k, link: m(k.link) }, o = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap(), M = (t) => {
+  const r = o.get(t);
+  if (r)
+    return r;
+  const s = t.spec.marks.get("link");
+  if (!s)
+    return o.set(t, t), t;
+  const e = new l({
+    ...t.spec,
+    marks: t.spec.marks.update("link", m(s))
+  });
+  return o.set(t, e), o.set(e, e), e;
+}, f = (t) => {
+  const r = t.marks.map(
+    (e) => e.type.name === "link" ? e.type.create({ ...e.attrs, href: p(e.attrs.href) || null }) : e
+  );
+  if (t.isText)
+    return t.mark(r);
+  const s = [];
+  return t.forEach((e) => s.push(f(e))), t.copy(u.fromArray(s)).mark(r);
+}, O = (t, r, s) => f(h(t, r, s)), S = (t) => {
+  const r = c.get(t);
+  if (r)
+    return r;
+  const s = M(t.type.schema), e = f(s === t.type.schema ? t : s.nodeFromJSON(t.toJSON()));
+  return c.set(t, e), c.set(e, e), e;
+};
+export {
+  g as marks,
+  d as nodes,
+  O as parseContent,
+  S as sanitizeLinkNode,
+  M as sanitizeLinkSchema
+};

package/dialogs/insertLink.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),y=require("@progress/kendo-react-dialogs"),C=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-inputs"),c=require("@progress/kendo-react-form"),w=require("@progress/kendo-editor-common"),L=require("@progress/kendo-react-intl"),o=require("../messages/index.js");function x(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>s[n]})}}return t.default=s,Object.freeze(t)}const e=x(S);let F=class extends e.Component{constructor(){super(...arguments),this.href=null,this.title=null,this.target=null,this.onClose=()=>{this.props.view.focus(),this.props.onClose()},this.onInsert=()=>{const t=this.props.view,n=this.props.settings.mark,r={href:this.href?this.href.value:void 0,title:this.title?this.title.value:void 0,target:this.target&&this.target.element&&this.target.element.checked?"_blank":void 0};w.applyLink({mark:n,attrs:r},this.props.settings.commandName)(t.state,t.dispatch),this.onClose()}}render(){const{view:t,settings:n,dir:r,render:u}=this.props,l=L.provideLocalizationService(this),{insertHyperlinkDialogTitle:d,insertHyperlinkAddress:g,insertHyperlinkTitle:k,insertHyperlinkNewWindow:h,insertHyperlinkCancel:p,insertHyperlinkInsert:f}=n.messages,a=t?w.getMark(t.state,t.state.schema.marks[n.mark]):!1,v=e.createElement(c.Form,{render:()=>e.createElement(c.FormElement,{horizontal:!0},e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-link-url",className:"k-form-label"},l.toLanguageString(g,o.messages[g])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(m.Input,{type:"text",id:"k-editor-link-url",ref:i=>{this.href=i&&i.element},defaultValue:a&&a.attrs.href||void 0,autoFocus:!0}))),e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-link-text",className:"k-form-label"},l.toLanguageString(k,o.messages[k])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(m.Input,{type:"text",id:"k-editor-link-text",ref:i=>{this.title=i&&i.element},defaultValue:a&&a.attrs.title||void 0}))),n.linkTarget!==!1&&e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-link-target",className:"k-checkbox-label"},e.createElement(m.Checkbox,{id:"k-editor-link-target",ref:i=>{this.target=i},defaultChecked:a&&!!a.attrs.target||void 0}),l.toLanguageString(h,o.messages[h]))))}),E=[e.createElement(C.Button,{onClick:this.onClose,dir:r,key:"cancel"},l.toLanguageString(p,o.messages[p])),e.createElement(C.Button,{onClick:this.onInsert,themeColor:"primary",dir:r,key:"insert"},l.toLanguageString(f,o.messages[f]))],b=e.createElement(y.Window,{initialWidth:450,initialHeight:250,className:"k-editor-window",title:l.toLanguageString(d,o.messages[d]),onClose:this.onClose,style:r==="rtl"?{textAlign:"right"}:void 0,modal:!0,minimizeButton:()=>null,maximizeButton:()=>null,resizable:!1},v,e.createElement(y.WindowActionsBar,null,...E));return u?u(b,{content:v,actionButtons:E}):b}};L.registerForLocalization(F);exports.InsertLinkDialog=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),y=require("@progress/kendo-react-dialogs"),C=require("@progress/kendo-react-buttons"),u=require("@progress/kendo-react-inputs"),c=require("@progress/kendo-react-form"),x=require("@progress/kendo-react-common"),w=require("@progress/kendo-editor-common"),L=require("@progress/kendo-react-intl"),o=require("../messages/index.js");function I(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>s[n]})}}return t.default=s,Object.freeze(t)}const e=I(S);let F=class extends e.Component{constructor(){super(...arguments),this.href=null,this.title=null,this.target=null,this.onClose=()=>{this.props.view.focus(),this.props.onClose()},this.onInsert=()=>{const t=this.props.view,n=this.props.settings.mark,m={href:(this.href?x.sanitizeUrl(this.href.value):void 0)||void 0,title:this.title?this.title.value:void 0,target:this.target&&this.target.element&&this.target.element.checked?"_blank":void 0};w.applyLink({mark:n,attrs:m},this.props.settings.commandName)(t.state,t.dispatch),this.onClose()}}render(){const{view:t,settings:n,dir:r,render:m}=this.props,l=L.provideLocalizationService(this),{insertHyperlinkDialogTitle:d,insertHyperlinkAddress:g,insertHyperlinkTitle:k,insertHyperlinkNewWindow:h,insertHyperlinkCancel:p,insertHyperlinkInsert:f}=n.messages,a=t?w.getMark(t.state,t.state.schema.marks[n.mark]):!1,v=e.createElement(c.Form,{render:()=>e.createElement(c.FormElement,{horizontal:!0},e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-link-url",className:"k-form-label"},l.toLanguageString(g,o.messages[g])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(u.Input,{type:"text",id:"k-editor-link-url",ref:i=>{this.href=i&&i.element},defaultValue:a&&a.attrs.href||void 0,autoFocus:!0}))),e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-link-text",className:"k-form-label"},l.toLanguageString(k,o.messages[k])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(u.Input,{type:"text",id:"k-editor-link-text",ref:i=>{this.title=i&&i.element},defaultValue:a&&a.attrs.title||void 0}))),n.linkTarget!==!1&&e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-link-target",className:"k-checkbox-label"},e.createElement(u.Checkbox,{id:"k-editor-link-target",ref:i=>{this.target=i},defaultChecked:a&&!!a.attrs.target||void 0}),l.toLanguageString(h,o.messages[h]))))}),E=[e.createElement(C.Button,{onClick:this.onClose,dir:r,key:"cancel"},l.toLanguageString(p,o.messages[p])),e.createElement(C.Button,{onClick:this.onInsert,themeColor:"primary",dir:r,key:"insert"},l.toLanguageString(f,o.messages[f]))],b=e.createElement(y.Window,{initialWidth:450,initialHeight:250,className:"k-editor-window",title:l.toLanguageString(d,o.messages[d]),onClose:this.onClose,style:r==="rtl"?{textAlign:"right"}:void 0,modal:!0,minimizeButton:()=>null,maximizeButton:()=>null,resizable:!1},v,e.createElement(y.WindowActionsBar,null,...E));return m?m(b,{content:v,actionButtons:E}):b}};L.registerForLocalization(F);exports.InsertLinkDialog=F;

package/dialogs/insertLink.mjs

@@ -7,42 +7,43 @@
  */
 import * as e from "react";
 import { Window as C, WindowActionsBar as w } from "@progress/kendo-react-dialogs";
-import { Button as v } from "@progress/kendo-react-buttons";
+import { Button as E } from "@progress/kendo-react-buttons";
 import { Input as y, Checkbox as L } from "@progress/kendo-react-inputs";
-import { Form as b, FormElement as x, FieldWrapper as s } from "@progress/kendo-react-form";
+import { Form as b, FormElement as x, FieldWrapper as m } from "@progress/kendo-react-form";
+import { sanitizeUrl as z } from "@progress/kendo-react-common";
 import { applyLink as F, getMark as N } from "@progress/kendo-editor-common";
-import { provideLocalizationService as z, registerForLocalization as H } from "@progress/kendo-react-intl";
-import { messages as n } from "../messages/index.mjs";
-let I = class extends e.Component {
+import { provideLocalizationService as H, registerForLocalization as I } from "@progress/kendo-react-intl";
+import { messages as l } from "../messages/index.mjs";
+let S = class extends e.Component {
   constructor() {
     super(...arguments), this.href = null, this.title = null, this.target = null, this.onClose = () => {
       this.props.view.focus(), this.props.onClose();
     }, this.onInsert = () => {
-      const r = this.props.view, a = this.props.settings.mark, o = {
-        href: this.href ? this.href.value : void 0,
+      const r = this.props.view, o = this.props.settings.mark, s = {
+        href: (this.href ? z(this.href.value) : void 0) || void 0,
         title: this.title ? this.title.value : void 0,
         target: this.target && this.target.element && this.target.element.checked ? "_blank" : void 0
       };
-      F({ mark: a, attrs: o }, this.props.settings.commandName)(r.state, r.dispatch), this.onClose();
+      F({ mark: o, attrs: s }, this.props.settings.commandName)(r.state, r.dispatch), this.onClose();
     };
   }
   /**
    * @hidden
    */
   render() {
-    const { view: r, settings: a, dir: o, render: m } = this.props, i = z(this), {
+    const { view: r, settings: o, dir: a, render: s } = this.props, i = H(this), {
       insertHyperlinkDialogTitle: c,
       insertHyperlinkAddress: h,
-      insertHyperlinkTitle: k,
-      insertHyperlinkNewWindow: d,
+      insertHyperlinkTitle: d,
+      insertHyperlinkNewWindow: k,
       insertHyperlinkCancel: g,
       insertHyperlinkInsert: p
-    } = a.messages, l = r ? N(r.state, r.state.schema.marks[a.mark]) : !1, u = /* @__PURE__ */ e.createElement(
+    } = o.messages, n = r ? N(r.state, r.state.schema.marks[o.mark]) : !1, u = /* @__PURE__ */ e.createElement(
       b,
       {
-        render: () => /* @__PURE__ */ e.createElement(x, { horizontal: !0 }, /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-link-url", className: "k-form-label" }, i.toLanguageString(
+        render: () => /* @__PURE__ */ e.createElement(x, { horizontal: !0 }, /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-link-url", className: "k-form-label" }, i.toLanguageString(
           h,
-          n[h]
+          l[h]
         )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
           y,
           {
@@ -51,12 +52,12 @@ let I = class extends e.Component {
             ref: (t) => {
               this.href = t && t.element;
             },
-            defaultValue: l && l.attrs.href || void 0,
+            defaultValue: n && n.attrs.href || void 0,
             autoFocus: !0
           }
-        ))), /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-link-text", className: "k-form-label" }, i.toLanguageString(
-          k,
-          n[k]
+        ))), /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-link-text", className: "k-form-label" }, i.toLanguageString(
+          d,
+          l[d]
         )), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
           y,
           {
@@ -65,26 +66,26 @@ let I = class extends e.Component {
             ref: (t) => {
               this.title = t && t.element;
             },
-            defaultValue: l && l.attrs.title || void 0
+            defaultValue: n && n.attrs.title || void 0
           }
-        ))), a.linkTarget !== !1 && /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-link-target", className: "k-checkbox-label" }, /* @__PURE__ */ e.createElement(
+        ))), o.linkTarget !== !1 && /* @__PURE__ */ e.createElement(m, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-link-target", className: "k-checkbox-label" }, /* @__PURE__ */ e.createElement(
           L,
           {
             id: "k-editor-link-target",
             ref: (t) => {
               this.target = t;
             },
-            defaultChecked: l && !!l.attrs.target || void 0
+            defaultChecked: n && !!n.attrs.target || void 0
           }
         ), i.toLanguageString(
-          d,
-          n[d]
+          k,
+          l[k]
         ))))
       }
     ), f = [
-      /* @__PURE__ */ e.createElement(v, { onClick: this.onClose, dir: o, key: "cancel" }, i.toLanguageString(g, n[g])),
-      /* @__PURE__ */ e.createElement(v, { onClick: this.onInsert, themeColor: "primary", dir: o, key: "insert" }, i.toLanguageString(p, n[p]))
-    ], E = /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement(E, { onClick: this.onClose, dir: a, key: "cancel" }, i.toLanguageString(g, l[g])),
+      /* @__PURE__ */ e.createElement(E, { onClick: this.onInsert, themeColor: "primary", dir: a, key: "insert" }, i.toLanguageString(p, l[p]))
+    ], v = /* @__PURE__ */ e.createElement(
       C,
       {
         initialWidth: 450,
@@ -92,10 +93,10 @@ let I = class extends e.Component {
         className: "k-editor-window",
         title: i.toLanguageString(
           c,
-          n[c]
+          l[c]
         ),
         onClose: this.onClose,
-        style: o === "rtl" ? { textAlign: "right" } : void 0,
+        style: a === "rtl" ? { textAlign: "right" } : void 0,
         modal: !0,
         minimizeButton: () => null,
         maximizeButton: () => null,
@@ -104,10 +105,10 @@ let I = class extends e.Component {
       u,
       /* @__PURE__ */ e.createElement(w, null, ...f)
     );
-    return m ? m(E, { content: u, actionButtons: f }) : E;
+    return s ? s(v, { content: u, actionButtons: f }) : v;
   }
 };
-H(I);
+I(S);
 export {
-  I as InsertLinkDialog
+  S as InsertLinkDialog
 };