@progress/kendo-react-editor 16.2.0-develop.18 → 16.2.0-develop.19

package/Editor.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 he=require("react"),s=require("prop-types"),T=require("@progress/kendo-react-buttons"),S=require("@progress/kendo-react-common"),c=require("@progress/kendo-editor-common"),W=require("./config/defaultStyles.js"),Ee=require("./config/toolsSettings.js"),Re=require("./dialogs/index.js"),H=require("./utils/index.js"),G=require("./utils/props-key.js"),Se=require("./utils/controlled-value.js"),J=require("./package-metadata.js"),m=require("./messages/index.js"),we=require("@progress/kendo-react-intl");function Ce(u){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const v in u)if(v!=="default"){const w=Object.getOwnPropertyDescriptor(u,v);Object.defineProperty(k,v,w.get?w:{enumerable:!0,get:()=>u[v]})}}return k.default=u,Object.freeze(k)}const t=Ce(he),{link:Q,bold:Le,italic:Pe,underline:qe}=Ee.EditorToolsSettings,j=t.forwardRef((u,k)=>{const{tools:v=[],defaultEditMode:w="iframe",preserveWhitespace:X="full",style:C,className:Y}=u,[Z,L]=t.useState({view:void 0,linkDialog:!1}),I=t.useRef(null),g=t.useRef(null),F=t.useRef(null),l=t.useRef(void 0),h=t.useRef(null),P=t.useRef(null),q=t.useRef(void 0),a=t.useRef(u);a.current=u;const ee=t.useCallback(e=>{I.current=e},[]),te=t.useCallback(e=>{F.current=e},[]),re=t.useCallback(e=>{g.current=e},[]),[ne]=t.useState(()=>!S.validatePackage(J.packageMetadata,{component:"Editor"})),[ae]=t.useState(()=>S.getLicenseMessage(J.packageMetadata)),B=we.useLocalization(),N=t.useRef(null);t.useImperativeHandle(N,()=>({get element(){return I.current},get contentElement(){return g.current},get view(){return l.current},get value(){return h.current!==null?h.current.doc:a.current.value!==void 0?a.current.value:l.current?l.current.state.doc:a.current.defaultContent||""},get props(){return a.current},focus:()=>{l.current&&l.current.focus()}})),t.useImperativeHandle(k,()=>N.current),S.useWebMcpRegister("editor",N,u,u.webMcp);const p=()=>N.current,oe=t.useRef((e,r)=>{var i,y;const n={target:p(),transaction:e,state:r};return((y=(i=a.current).onExecute)==null?void 0:y.call(i,n))!==!1}).current,se=t.useRef(e=>{if(a.current.onPasteHtml&&q.current){const r={target:p(),pastedHtml:e,nativeEvent:q.current},n=a.current.onPasteHtml(r);if(q.current=void 0,typeof n=="string")return n}return e}).current,ce=t.useRef(e=>{const r=e.docChanged;if(a.current.onChange&&r){h.current=e;const i=e.doc,y=e.doc.type.schema,E={target:p(),value:i,html:"",transaction:e,schema:y};Object.defineProperty(E,"html",{get:()=>(P.current=H.EditorUtils.getHtml({doc:i,schema:y}),P.current)}),a.current.onChange(E)}const n=l.current;n&&(a.current.value===void 0||!r)&&n.updateState(n.state.apply(e))}).current,ue=t.useRef((e,r)=>{if(a.current.onFocus){const n={target:p(),nativeEvent:r};a.current.onFocus(n)}return!1}).current,ie=t.useRef((e,r)=>{if(a.current.onBlur){const n={target:p(),nativeEvent:r};a.current.onBlur(n)}return!1}).current,le=t.useRef((e,r)=>(a.current.onPasteHtml&&(q.current=r),!1)).current,de=t.useRef(e=>{if(a.current.onIFrameInit){const r={target:p(),iframe:e};a.current.onIFrameInit(r)}return!1}).current,fe=t.useRef((e,r)=>{L(n=>({...n,view:e}))}).current;t.useEffect(()=>{var U;const e=F.current,r=e==null?void 0:e.contentWindow;if(r){const o=r.document;if(!o.head.querySelector("meta[charset]")){const f=o.createElement("meta");f.setAttribute("charset","utf-8"),o.head.appendChild(f)}const d=o.body.querySelector(".k-content");d?(d.textContent="",g.current=d):(g.current=o.createElement("div"),o.body.appendChild(g.current),g.current.classList.add("k-content")),g.current.setAttribute("role","textbox"),g.current.setAttribute("aria-label",a.current.ariaLabel||B.toLanguageString(m.keys.contentAreaLabel,m.messages[m.keys.contentAreaLabel])),a.current.ariaLabelledBy&&g.current.setAttribute("aria-labelledby",a.current.ariaLabelledBy),a.current.ariaDescribedBy&&g.current.setAttribute("aria-describedby",a.current.ariaDescribedBy),e&&a.current.onIFrameInit?de(e):o.head.querySelector("style")||[W.defaultStyle,W.tablesStyles,a.current.dir==="rtl"?W.rtlStyles:void 0].forEach(f=>{if(f){const b=o.createElement("style");b.appendChild(o.createTextNode(f)),o.head.appendChild(b)}})}const n=g.current;if(!n)return;const i=(U=a.current.preserveWhitespace)!=null?U:"full",y=[new c.Plugin({view:(()=>({update:fe})),key:new c.PluginKey("toolbar-tools-update-plugin")}),new c.Plugin({filterTransaction:oe,key:new c.PluginKey("onExecute-event-plugin")}),new c.Plugin({key:G.editorPropsKey,state:{init:()=>({preserveWhitespace:i}),apply:(o,d)=>d}}),c.spacesFix(),c.caretColor(),c.history(),c.dropCursor(),c.gapCursor(),c.tableEditing(),c.cspFix()],E={...H.EditorUtils.getShortcuts({types:{listItem:"list_item",hardBreak:"hard_break"},toolsSettings:{bold:Le,italic:Pe,underline:qe}}),"Mod-k":()=>{const o=l.current;if(o){const d=o.state,f=d.selection.empty,b=c.getMark(d,d.schema.marks[Q.mark]);f&&!b||L(R=>R.linkDialog?R:{...R,linkDialog:!0})}return!0},"Alt-F10":()=>{var d;const o=(d=I.current)==null?void 0:d.querySelector(".k-toolbar");if(o){const f=o.querySelector(T.toolbarButtons.join(","));if(f)return f.focus(),!0}return!1}},{defaultContent:pe="",value:D,onMount:x}=a.current,ve=D&&typeof D!="string"?D:H.EditorUtils.createDocument(new c.Schema({nodes:c.nodes,marks:c.marks}),D||pe,{preserveWhitespace:i}),z={state:c.EditorState.create({plugins:[...y,c.keymap(E),c.keymap(c.baseKeymap)],doc:ve}),transformPastedHTML:se,dispatchTransaction:ce,handleDOMEvents:{focus:ue,blur:ie,paste:le},handleDrop:(o,d,f,b)=>{let M=!1;return f.content.nodesBetween(0,f.content.size,R=>{M=M||R.type.name==="table_caption_external"}),M}},ke={plugins:y,shortcuts:E,target:p(),viewProps:z,dom:n},$=(x==null?void 0:x(ke))||new c.EditorView({mount:n},z);return l.current=$,L(o=>({...o,view:$})),()=>{var d,f;l.current&&l.current.destroy(),l.current=void 0;const o=e==null?void 0:e.contentWindow;if(o!=null&&o.document){(f=(d=g.current)==null?void 0:d.parentNode)==null||f.removeChild(g.current);const b=o.document.head;for(;b!=null&&b.firstChild;)b.removeChild(b.firstChild)}}},[]);const O=t.useRef(u.value);if(t.useEffect(()=>{const{value:e}=a.current,r=l.current;if(e===void 0||!r){O.current=e;return}Se.updateEditorValue(r,e,O.current,h.current,P.current),h.current=null,P.current=null,O.current=e}),l.current){const e=G.editorPropsKey.getState(l.current.state);e.preserveWhitespace=X}let A=u.contentStyle;A===void 0&&(C==null?void 0:C.height)===void 0&&(A={height:"300px"});const _=(e,r,n)=>e.displayName||e.name||`tool-${r}-${n}`,ge=(e,r)=>e.map((n,i)=>_(n,r,i)).join("-")||`group-${r}`,K=(e,r,n=!1)=>{const i=t.createElement(e,{view:l.current,dir:u.dir,key:r,className:n?"k-toolbar-button":void 0});return i.type===T.ToolbarSeparator?t.createElement(e,{key:r}):i},me=(e,r,n)=>Z[n]&&t.createElement(e,{view:l.current,settings:r,dir:u.dir,onClose:()=>L(i=>({...i,[n]:!1}))}),V=v.map((e,r)=>Array.isArray(e)?t.createElement(T.ButtonGroup,{key:ge(e,r),className:"k-toolbar-button-group"},e.map((n,i)=>K(n,_(n,r,i)))):K(e,_(e,r,0),!0)),be=B.toLanguageString(m.keys.toolbarAriaLabel,m.messages[m.keys.toolbarAriaLabel]),ye=B.toLanguageString(m.keys.contentAreaLabel,m.messages[m.keys.contentAreaLabel]);return t.createElement("div",{ref:ee,className:S.classNames("k-editor",Y,{"k-editor-resizable":u.resizable}),dir:u.dir,style:C},V.length>0&&t.createElement(T.Toolbar,{className:"k-editor-toolbar",keyboardNavigation:u.keyboardNavigation,ariaLabel:be},V),w==="iframe"?t.createElement("div",{className:"k-editor-content"},t.createElement("iframe",{ref:te,frameBorder:"0",title:B.toLanguageString(m.keys.iframeTitle,m.messages[m.keys.iframeTitle]),style:A,className:"k-iframe"})):t.createElement("div",{ref:re,style:A,className:"k-editor-content",role:"textbox","aria-label":ye,"aria-labelledby":u.ariaLabelledBy,"aria-describedby":u.ariaDescribedBy,suppressContentEditableWarning:!0}),me(Re.EditorDialogs.InsertLinkDialog,Q,"linkDialog"),ne&&t.createElement(S.WatermarkOverlay,{message:ae}))});j.propTypes={defaultContent:s.string,value:s.oneOfType([s.object,s.string]),defaultEditMode:s.oneOf(["iframe","div"]),contentStyle:s.object,dir:s.string,className:s.string,ariaDescribedBy:s.string,ariaLabelledBy:s.string,ariaLabel:s.string,style:s.object,tools:s.arrayOf(s.any),keyboardNavigation:s.bool,resizable:s.bool,preserveWhitespace:s.oneOf([!0,!1,"full"]),onMount:s.func,onFocus:s.func,onBlur:s.func,onChange:s.func,onPasteHtml:s.func,onExecute:s.func,onIFrameInit:s.func};j.displayName="KendoReactEditor";exports.Editor=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ee=require("react"),s=require("prop-types"),T=require("@progress/kendo-react-buttons"),S=require("@progress/kendo-react-common"),u=require("@progress/kendo-editor-common"),G=require("./config/schema.js"),W=require("./config/defaultStyles.js"),Re=require("./config/toolsSettings.js"),Se=require("./dialogs/index.js"),H=require("./utils/index.js"),J=require("./utils/props-key.js"),we=require("./utils/controlled-value.js"),Q=require("./package-metadata.js"),g=require("./messages/index.js"),Ce=require("@progress/kendo-react-intl");function Le(c){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const v in c)if(v!=="default"){const w=Object.getOwnPropertyDescriptor(c,v);Object.defineProperty(k,v,w.get?w:{enumerable:!0,get:()=>c[v]})}}return k.default=c,Object.freeze(k)}const t=Le(Ee),{link:X,bold:Pe,italic:qe,underline:Ne}=Re.EditorToolsSettings,j=t.forwardRef((c,k)=>{const{tools:v=[],defaultEditMode:w="iframe",preserveWhitespace:Y="full",style:C,className:Z}=c,[ee,L]=t.useState({view:void 0,linkDialog:!1}),I=t.useRef(null),m=t.useRef(null),F=t.useRef(null),l=t.useRef(void 0),h=t.useRef(null),P=t.useRef(null),q=t.useRef(void 0),a=t.useRef(c);a.current=c;const te=t.useCallback(e=>{I.current=e},[]),re=t.useCallback(e=>{F.current=e},[]),ne=t.useCallback(e=>{m.current=e},[]),[ae]=t.useState(()=>!S.validatePackage(Q.packageMetadata,{component:"Editor"})),[oe]=t.useState(()=>S.getLicenseMessage(Q.packageMetadata)),N=Ce.useLocalization(),B=t.useRef(null);t.useImperativeHandle(B,()=>({get element(){return I.current},get contentElement(){return m.current},get view(){return l.current},get value(){return h.current!==null?h.current.doc:a.current.value!==void 0?a.current.value:l.current?l.current.state.doc:a.current.defaultContent||""},get props(){return a.current},focus:()=>{l.current&&l.current.focus()}})),t.useImperativeHandle(k,()=>B.current),S.useWebMcpRegister("editor",B,c,c.webMcp);const p=()=>B.current,se=t.useRef((e,r)=>{var i,y;const n={target:p(),transaction:e,state:r};return((y=(i=a.current).onExecute)==null?void 0:y.call(i,n))!==!1}).current,ce=t.useRef(e=>{if(a.current.onPasteHtml&&q.current){const r={target:p(),pastedHtml:e,nativeEvent:q.current},n=a.current.onPasteHtml(r);if(q.current=void 0,typeof n=="string")return n}return e}).current,ue=t.useRef(e=>{const r=e.docChanged;if(a.current.onChange&&r){h.current=e;const i=e.doc,y=e.doc.type.schema,E={target:p(),value:i,html:"",transaction:e,schema:y};Object.defineProperty(E,"html",{get:()=>(P.current=H.EditorUtils.getHtml({doc:i,schema:y}),P.current)}),a.current.onChange(E)}const n=l.current;n&&(a.current.value===void 0||!r)&&n.updateState(n.state.apply(e))}).current,ie=t.useRef((e,r)=>{if(a.current.onFocus){const n={target:p(),nativeEvent:r};a.current.onFocus(n)}return!1}).current,le=t.useRef((e,r)=>{if(a.current.onBlur){const n={target:p(),nativeEvent:r};a.current.onBlur(n)}return!1}).current,de=t.useRef((e,r)=>(a.current.onPasteHtml&&(q.current=r),!1)).current,fe=t.useRef(e=>{if(a.current.onIFrameInit){const r={target:p(),iframe:e};a.current.onIFrameInit(r)}return!1}).current,me=t.useRef((e,r)=>{L(n=>({...n,view:e}))}).current;t.useEffect(()=>{var U;const e=F.current,r=e==null?void 0:e.contentWindow;if(r){const o=r.document;if(!o.head.querySelector("meta[charset]")){const f=o.createElement("meta");f.setAttribute("charset","utf-8"),o.head.appendChild(f)}const d=o.body.querySelector(".k-content");d?(d.textContent="",m.current=d):(m.current=o.createElement("div"),o.body.appendChild(m.current),m.current.classList.add("k-content")),m.current.setAttribute("role","textbox"),m.current.setAttribute("aria-label",a.current.ariaLabel||N.toLanguageString(g.keys.contentAreaLabel,g.messages[g.keys.contentAreaLabel])),a.current.ariaLabelledBy&&m.current.setAttribute("aria-labelledby",a.current.ariaLabelledBy),a.current.ariaDescribedBy&&m.current.setAttribute("aria-describedby",a.current.ariaDescribedBy),e&&a.current.onIFrameInit?fe(e):o.head.querySelector("style")||[W.defaultStyle,W.tablesStyles,a.current.dir==="rtl"?W.rtlStyles:void 0].forEach(f=>{if(f){const b=o.createElement("style");b.appendChild(o.createTextNode(f)),o.head.appendChild(b)}})}const n=m.current;if(!n)return;const i=(U=a.current.preserveWhitespace)!=null?U:"full",y=[new u.Plugin({view:(()=>({update:me})),key:new u.PluginKey("toolbar-tools-update-plugin")}),new u.Plugin({filterTransaction:se,key:new u.PluginKey("onExecute-event-plugin")}),new u.Plugin({key:J.editorPropsKey,state:{init:()=>({preserveWhitespace:i}),apply:(o,d)=>d}}),u.spacesFix(),u.caretColor(),u.history(),u.dropCursor(),u.gapCursor(),u.tableEditing(),u.cspFix()],E={...H.EditorUtils.getShortcuts({types:{listItem:"list_item",hardBreak:"hard_break"},toolsSettings:{bold:Pe,italic:qe,underline:Ne}}),"Mod-k":()=>{const o=l.current;if(o){const d=o.state,f=d.selection.empty,b=u.getMark(d,d.schema.marks[X.mark]);f&&!b||L(R=>R.linkDialog?R:{...R,linkDialog:!0})}return!0},"Alt-F10":()=>{var d;const o=(d=I.current)==null?void 0:d.querySelector(".k-toolbar");if(o){const f=o.querySelector(T.toolbarButtons.join(","));if(f)return f.focus(),!0}return!1}},{defaultContent:ve="",value:D,onMount:x}=a.current,ke=D&&typeof D!="string"?G.sanitizeLinkNode(D):H.EditorUtils.createDocument(new u.Schema({nodes:u.nodes,marks:G.marks}),D||ve,{preserveWhitespace:i}),V={state:u.EditorState.create({plugins:[...y,u.keymap(E),u.keymap(u.baseKeymap)],doc:ke}),transformPastedHTML:ce,dispatchTransaction:ue,handleDOMEvents:{focus:ie,blur:le,paste:de},handleDrop:(o,d,f,b)=>{let M=!1;return f.content.nodesBetween(0,f.content.size,R=>{M=M||R.type.name==="table_caption_external"}),M}},he={plugins:y,shortcuts:E,target:p(),viewProps:V,dom:n},$=(x==null?void 0:x(he))||new u.EditorView({mount:n},V);return l.current=$,L(o=>({...o,view:$})),()=>{var d,f;l.current&&l.current.destroy(),l.current=void 0;const o=e==null?void 0:e.contentWindow;if(o!=null&&o.document){(f=(d=m.current)==null?void 0:d.parentNode)==null||f.removeChild(m.current);const b=o.document.head;for(;b!=null&&b.firstChild;)b.removeChild(b.firstChild)}}},[]);const O=t.useRef(c.value);if(t.useEffect(()=>{const{value:e}=a.current,r=l.current;if(e===void 0||!r){O.current=e;return}we.updateEditorValue(r,e,O.current,h.current,P.current),h.current=null,P.current=null,O.current=e}),l.current){const e=J.editorPropsKey.getState(l.current.state);e.preserveWhitespace=Y}let A=c.contentStyle;A===void 0&&(C==null?void 0:C.height)===void 0&&(A={height:"300px"});const _=(e,r,n)=>e.displayName||e.name||`tool-${r}-${n}`,ge=(e,r)=>e.map((n,i)=>_(n,r,i)).join("-")||`group-${r}`,z=(e,r,n=!1)=>{const i=t.createElement(e,{view:l.current,dir:c.dir,key:r,className:n?"k-toolbar-button":void 0});return i.type===T.ToolbarSeparator?t.createElement(e,{key:r}):i},be=(e,r,n)=>ee[n]&&t.createElement(e,{view:l.current,settings:r,dir:c.dir,onClose:()=>L(i=>({...i,[n]:!1}))}),K=v.map((e,r)=>Array.isArray(e)?t.createElement(T.ButtonGroup,{key:ge(e,r),className:"k-toolbar-button-group"},e.map((n,i)=>z(n,_(n,r,i)))):z(e,_(e,r,0),!0)),ye=N.toLanguageString(g.keys.toolbarAriaLabel,g.messages[g.keys.toolbarAriaLabel]),pe=N.toLanguageString(g.keys.contentAreaLabel,g.messages[g.keys.contentAreaLabel]);return t.createElement("div",{ref:te,className:S.classNames("k-editor",Z,{"k-editor-resizable":c.resizable}),dir:c.dir,style:C},K.length>0&&t.createElement(T.Toolbar,{className:"k-editor-toolbar",keyboardNavigation:c.keyboardNavigation,ariaLabel:ye},K),w==="iframe"?t.createElement("div",{className:"k-editor-content"},t.createElement("iframe",{ref:re,frameBorder:"0",title:N.toLanguageString(g.keys.iframeTitle,g.messages[g.keys.iframeTitle]),style:A,className:"k-iframe"})):t.createElement("div",{ref:ne,style:A,className:"k-editor-content",role:"textbox","aria-label":pe,"aria-labelledby":c.ariaLabelledBy,"aria-describedby":c.ariaDescribedBy,suppressContentEditableWarning:!0}),be(Se.EditorDialogs.InsertLinkDialog,X,"linkDialog"),ae&&t.createElement(S.WatermarkOverlay,{message:oe}))});j.propTypes={defaultContent:s.string,value:s.oneOfType([s.object,s.string]),defaultEditMode:s.oneOf(["iframe","div"]),contentStyle:s.object,dir:s.string,className:s.string,ariaDescribedBy:s.string,ariaLabelledBy:s.string,ariaLabel:s.string,style:s.object,tools:s.arrayOf(s.any),keyboardNavigation:s.bool,resizable:s.bool,preserveWhitespace:s.oneOf([!0,!1,"full"]),onMount:s.func,onFocus:s.func,onBlur:s.func,onChange:s.func,onPasteHtml:s.func,onExecute:s.func,onIFrameInit:s.func};j.displayName="KendoReactEditor";exports.Editor=j;

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
 };