@progress/kendo-react-editor 10.2.0-develop.1 → 10.2.0-develop.11

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 B=require("react"),i=require("prop-types"),b=require("@progress/kendo-react-buttons"),C=require("@progress/kendo-react-common"),n=require("@progress/kendo-editor-common"),_=require("./config/defaultStyles.js"),I=require("./config/toolsSettings.js"),F=require("./dialogs/index.js"),S=require("./utils/index.js"),D=require("./utils/props-key.js"),L=require("./utils/controlled-value.js"),q=require("./utils/browser-detection.js"),M=require("./package-metadata.js"),O=require("./messages/index.js"),x=require("@progress/kendo-react-intl");function W(m){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const e in m)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(m,e);Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:()=>m[e]})}}return o.default=m,Object.freeze(o)}const c=W(B),{link:N,bold:z,italic:j,underline:H}=I.EditorToolsSettings,P=class P extends c.Component{constructor(o){super(o),this.state={view:void 0,linkDialog:!1},this._element=null,this._contentElement=null,this.iframe=null,this.trOnChange=null,this.htmlOnChange=null,this.showLicenseWatermark=!1,this.focus=()=>{this.view&&this.view.focus()},this.renderDialog=(e,t,s)=>this.state[s]&&c.createElement(e,{view:this.view,settings:t,dir:this.props.dir,onClose:()=>this.setState({[s]:!1})}),this.renderTool=(e,t,s=!1)=>{const d=c.createElement(e,{view:this.view,dir:this.props.dir,key:t,className:s?"k-toolbar-button":void 0});return d.type===b.ToolbarSeparator?c.createElement(e,{key:t}):d},this.updateTools=(e,t)=>{this.setState({view:e})},this.filterTransaction=(e,t)=>{const s={target:this,transaction:e,state:t};return(this.props.onExecute&&this.props.onExecute.call(void 0,s))!==!1},this.onPasteHtml=e=>{if(this.props.onPasteHtml&&this.pasteEvent){const t={target:this,pastedHtml:e,nativeEvent:this.pasteEvent},s=this.props.onPasteHtml.call(void 0,t);if(this.pasteEvent=void 0,typeof s=="string")return s}return e},this.dispatchTransaction=e=>{const t=e.docChanged;if(this.props.onChange&&t){this.trOnChange=e;const s=e.doc,d=e.doc.type.schema,u={target:this,value:s,html:"",transaction:e,schema:d};Object.defineProperty(u,"html",{get:()=>(this.htmlOnChange=S.EditorUtils.getHtml({doc:s,schema:d}),this.htmlOnChange)}),this.props.onChange.call(void 0,u)}this.view&&(this.props.value===void 0||!t)&&this.view.updateState(this.view.state.apply(e))},this.onFocus=(e,t)=>{if(this.props.onFocus){const s={target:this,nativeEvent:t};this.props.onFocus.call(void 0,s)}return!1},this.onBlur=(e,t)=>{if(this.props.onBlur){const s={target:this,nativeEvent:t};this.props.onBlur.call(void 0,s)}return!1},this.onPaste=(e,t)=>(this.props.onPasteHtml&&(this.pasteEvent=t),!1),this.onIFrameInit=e=>{if(this.props.onIFrameInit){const t={target:this,iframe:e};this.props.onIFrameInit.call(void 0,t)}return!1},this.showLicenseWatermark=!C.validatePackage(M.packageMetadata,{component:"Editor"})}get value(){return this.trOnChange!==null?this.trOnChange.doc:this.props.value!==void 0?this.props.value:this.view?this.view.state.doc:this.props.defaultContent||""}get element(){return this._element}get contentElement(){return this._contentElement}get view(){return this._view}componentDidMount(){(!this.iframe||!q.firefox)&&this.initialize()}componentDidUpdate(o){const{value:e}=this.props,t=this.view;e===void 0||!t||(L.updateEditorValue(t,e,o.value,this.trOnChange,this.htmlOnChange),this.trOnChange=null,this.htmlOnChange=null)}componentWillUnmount(){var e;this.view&&this.view.destroy(),this._view=void 0;const o=(e=this.iframe)==null?void 0:e.contentWindow;if(o){this._contentElement&&this._contentElement.parentNode&&this._contentElement.parentNode.removeChild(this._contentElement);const t=o.document.head;for(;t&&t.firstChild;)t.removeChild(t.firstChild)}}render(){const{tools:o=[],defaultEditMode:e="iframe",preserveWhitespace:t="full",style:s,className:d}=this.props,u=x.provideLocalizationService(this);if(this.view){const a=D.editorPropsKey.getState(this.view.state);a.preserveWhitespace=t}let p=this.props.contentStyle;p===void 0&&(s||{}).height===void 0&&(p={height:"300px"});const f=o.map((a,v)=>Array.isArray(a)?c.createElement(b.ButtonGroup,{key:v,className:"k-toolbar-button-group k-button-group-solid"},a.map((w,E)=>this.renderTool(w,E))):this.renderTool(a,v,!0));return c.createElement("div",{ref:a=>this._element=a,className:C.classNames("k-editor",d,{"k-editor-resizable":this.props.resizable}),dir:this.props.dir,style:s},f.length>0&&c.createElement(b.Toolbar,{className:"k-editor-toolbar",keyboardNavigation:this.props.keyboardNavigation},f),e==="iframe"?c.createElement("div",{className:"k-editor-content"},c.createElement("iframe",{onLoad:q.firefox?()=>{this.initialize()}:void 0,ref:a=>this.iframe=a,frameBorder:"0",title:u.toLanguageString(O.keys.iframeTitle,O.messages[O.keys.iframeTitle]),style:p,className:"k-iframe"})):c.createElement("div",{style:p,className:"k-editor-content"},c.createElement("div",{ref:a=>this._contentElement=a,suppressContentEditableWarning:!0,role:"textbox","aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel})),this.renderDialog(F.EditorDialogs.InsertLinkDialog,N,"linkDialog"),this.showLicenseWatermark&&c.createElement(C.WatermarkOverlay,null))}initialize(){const o=this.iframe&&this.iframe.contentWindow;if(o){const r=o.document,h=r.createElement("meta");h.setAttribute("charset","utf-8"),r.head.appendChild(h),this._contentElement=r.createElement("div"),r.body.appendChild(this._contentElement),this._contentElement.classList.add("k-content"),this.iframe&&this.props.onIFrameInit?this.onIFrameInit(this.iframe):[_.defaultStyle,_.tablesStyles,this.props.dir==="rtl"?_.rtlStyles:void 0].forEach(l=>{if(l){const g=r.createElement("style");g.appendChild(r.createTextNode(l)),r.head.appendChild(g)}})}const e=this._contentElement;if(!e)return;const{preserveWhitespace:t="full"}=this.props,s=[new n.Plugin({view:()=>({update:this.updateTools}),key:new n.PluginKey("toolbar-tools-update-plugin")}),new n.Plugin({filterTransaction:this.filterTransaction,key:new n.PluginKey("onExecute-event-plugin")}),new n.Plugin({key:D.editorPropsKey,state:{init:()=>({preserveWhitespace:t}),apply:(r,h)=>h}}),n.spacesFix(),n.caretColor(),n.history(),n.dropCursor(),n.gapCursor(),n.tableEditing(),n.cspFix()],d={...S.EditorUtils.getShortcuts({types:{listItem:"list_item",hardBreak:"hard_break"},toolsSettings:{bold:z,italic:j,underline:H}}),"Mod-k":()=>{const{linkDialog:r}=this.state,h=this.view;if(h){const l=h.state,g=l.selection.empty,y=n.getMark(l,l.schema.marks[N.mark]);!r&&!(g&&!y)&&this.setState({linkDialog:!0})}return!r},"Alt-F10":()=>{var h;const r=(h=this.element)==null?void 0:h.querySelector(".k-toolbar");if(r){const l=r.querySelector(b.toolbarButtons.join(","));if(l)return l.focus(),!0}return!1}},{defaultContent:u="",value:p,onMount:f}=this.props,a=p&&typeof p!="string"?p:S.EditorUtils.createDocument(new n.Schema({nodes:n.nodes,marks:n.marks}),p||u,{preserveWhitespace:t}),v={state:n.EditorState.create({plugins:[...s,n.keymap(d),n.keymap(n.baseKeymap)],doc:a}),transformPastedHTML:this.onPasteHtml,dispatchTransaction:this.dispatchTransaction,handleDOMEvents:{focus:this.onFocus,blur:this.onBlur,paste:this.onPaste},handleDrop:(r,h,l,g)=>{let y=!1;return l.content.nodesBetween(0,l.content.size,T=>{y=y||T.type.name==="table_caption_external"}),y}},w={plugins:s,shortcuts:d,target:this,viewProps:v,dom:e},E=this._view=f&&f.call(void 0,w)||new n.EditorView({mount:e},v);this.setState({view:E})}};P.propTypes={defaultContent:i.string,value:i.oneOfType([i.object,i.string]),defaultEditMode:i.oneOf(["iframe","div"]),contentStyle:i.object,dir:i.string,className:i.string,ariaDescribedBy:i.string,ariaLabelledBy:i.string,ariaLabel:i.string,style:i.object,tools:i.arrayOf(i.any),keyboardNavigation:i.bool,resizable:i.bool,preserveWhitespace:i.oneOf([!0,!1,"full"]),onMount:i.func,onFocus:i.func,onBlur:i.func,onChange:i.func,onPasteHtml:i.func,onExecute:i.func,onIFrameInit:i.func};let k=P;x.registerForLocalization(k);exports.Editor=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),i=require("prop-types"),b=require("@progress/kendo-react-buttons"),C=require("@progress/kendo-react-common"),n=require("@progress/kendo-editor-common"),_=require("./config/defaultStyles.js"),I=require("./config/toolsSettings.js"),F=require("./dialogs/index.js"),S=require("./utils/index.js"),D=require("./utils/props-key.js"),L=require("./utils/controlled-value.js"),q=require("./utils/browser-detection.js"),M=require("./package-metadata.js"),O=require("./messages/index.js"),x=require("@progress/kendo-react-intl");function W(m){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const e in m)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(m,e);Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:()=>m[e]})}}return o.default=m,Object.freeze(o)}const c=W(B),{link:N,bold:z,italic:j,underline:H}=I.EditorToolsSettings,P=class P extends c.Component{constructor(o){super(o),this.state={view:void 0,linkDialog:!1},this._element=null,this._contentElement=null,this.iframe=null,this.trOnChange=null,this.htmlOnChange=null,this.showLicenseWatermark=!1,this.focus=()=>{this.view&&this.view.focus()},this.renderDialog=(e,t,s)=>this.state[s]&&c.createElement(e,{view:this.view,settings:t,dir:this.props.dir,onClose:()=>this.setState({[s]:!1})}),this.renderTool=(e,t,s=!1)=>{const d=c.createElement(e,{view:this.view,dir:this.props.dir,key:t,className:s?"k-toolbar-button":void 0});return d.type===b.ToolbarSeparator?c.createElement(e,{key:t}):d},this.updateTools=(e,t)=>{this.setState({view:e})},this.filterTransaction=(e,t)=>{const s={target:this,transaction:e,state:t};return(this.props.onExecute&&this.props.onExecute.call(void 0,s))!==!1},this.onPasteHtml=e=>{if(this.props.onPasteHtml&&this.pasteEvent){const t={target:this,pastedHtml:e,nativeEvent:this.pasteEvent},s=this.props.onPasteHtml.call(void 0,t);if(this.pasteEvent=void 0,typeof s=="string")return s}return e},this.dispatchTransaction=e=>{const t=e.docChanged;if(this.props.onChange&&t){this.trOnChange=e;const s=e.doc,d=e.doc.type.schema,u={target:this,value:s,html:"",transaction:e,schema:d};Object.defineProperty(u,"html",{get:()=>(this.htmlOnChange=S.EditorUtils.getHtml({doc:s,schema:d}),this.htmlOnChange)}),this.props.onChange.call(void 0,u)}this.view&&(this.props.value===void 0||!t)&&this.view.updateState(this.view.state.apply(e))},this.onFocus=(e,t)=>{if(this.props.onFocus){const s={target:this,nativeEvent:t};this.props.onFocus.call(void 0,s)}return!1},this.onBlur=(e,t)=>{if(this.props.onBlur){const s={target:this,nativeEvent:t};this.props.onBlur.call(void 0,s)}return!1},this.onPaste=(e,t)=>(this.props.onPasteHtml&&(this.pasteEvent=t),!1),this.onIFrameInit=e=>{if(this.props.onIFrameInit){const t={target:this,iframe:e};this.props.onIFrameInit.call(void 0,t)}return!1},this.showLicenseWatermark=!C.validatePackage(M.packageMetadata,{component:"Editor"})}get value(){return this.trOnChange!==null?this.trOnChange.doc:this.props.value!==void 0?this.props.value:this.view?this.view.state.doc:this.props.defaultContent||""}get element(){return this._element}get contentElement(){return this._contentElement}get view(){return this._view}componentDidMount(){(!this.iframe||!q.firefox)&&this.initialize()}componentDidUpdate(o){const{value:e}=this.props,t=this.view;e===void 0||!t||(L.updateEditorValue(t,e,o.value,this.trOnChange,this.htmlOnChange),this.trOnChange=null,this.htmlOnChange=null)}componentWillUnmount(){var e;this.view&&this.view.destroy(),this._view=void 0;const o=(e=this.iframe)==null?void 0:e.contentWindow;if(o){this._contentElement&&this._contentElement.parentNode&&this._contentElement.parentNode.removeChild(this._contentElement);const t=o.document.head;for(;t&&t.firstChild;)t.removeChild(t.firstChild)}}render(){const{tools:o=[],defaultEditMode:e="iframe",preserveWhitespace:t="full",style:s,className:d}=this.props,u=x.provideLocalizationService(this);if(this.view){const a=D.editorPropsKey.getState(this.view.state);a.preserveWhitespace=t}let p=this.props.contentStyle;p===void 0&&(s||{}).height===void 0&&(p={height:"300px"});const f=o.map((a,v)=>Array.isArray(a)?c.createElement(b.ButtonGroup,{key:v,className:"k-toolbar-button-group k-button-group-solid"},a.map((w,E)=>this.renderTool(w,E))):this.renderTool(a,v,!0));return c.createElement("div",{ref:a=>{this._element=a},className:C.classNames("k-editor",d,{"k-editor-resizable":this.props.resizable}),dir:this.props.dir,style:s},f.length>0&&c.createElement(b.Toolbar,{className:"k-editor-toolbar",keyboardNavigation:this.props.keyboardNavigation},f),e==="iframe"?c.createElement("div",{className:"k-editor-content"},c.createElement("iframe",{onLoad:q.firefox?()=>{this.initialize()}:void 0,ref:a=>{this.iframe=a},frameBorder:"0",title:u.toLanguageString(O.keys.iframeTitle,O.messages[O.keys.iframeTitle]),style:p,className:"k-iframe"})):c.createElement("div",{style:p,className:"k-editor-content"},c.createElement("div",{ref:a=>{this._contentElement=a},suppressContentEditableWarning:!0,role:"textbox","aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel})),this.renderDialog(F.EditorDialogs.InsertLinkDialog,N,"linkDialog"),this.showLicenseWatermark&&c.createElement(C.WatermarkOverlay,null))}initialize(){const o=this.iframe&&this.iframe.contentWindow;if(o){const r=o.document,h=r.createElement("meta");h.setAttribute("charset","utf-8"),r.head.appendChild(h),this._contentElement=r.createElement("div"),r.body.appendChild(this._contentElement),this._contentElement.classList.add("k-content"),this.iframe&&this.props.onIFrameInit?this.onIFrameInit(this.iframe):[_.defaultStyle,_.tablesStyles,this.props.dir==="rtl"?_.rtlStyles:void 0].forEach(l=>{if(l){const g=r.createElement("style");g.appendChild(r.createTextNode(l)),r.head.appendChild(g)}})}const e=this._contentElement;if(!e)return;const{preserveWhitespace:t="full"}=this.props,s=[new n.Plugin({view:()=>({update:this.updateTools}),key:new n.PluginKey("toolbar-tools-update-plugin")}),new n.Plugin({filterTransaction:this.filterTransaction,key:new n.PluginKey("onExecute-event-plugin")}),new n.Plugin({key:D.editorPropsKey,state:{init:()=>({preserveWhitespace:t}),apply:(r,h)=>h}}),n.spacesFix(),n.caretColor(),n.history(),n.dropCursor(),n.gapCursor(),n.tableEditing(),n.cspFix()],d={...S.EditorUtils.getShortcuts({types:{listItem:"list_item",hardBreak:"hard_break"},toolsSettings:{bold:z,italic:j,underline:H}}),"Mod-k":()=>{const{linkDialog:r}=this.state,h=this.view;if(h){const l=h.state,g=l.selection.empty,y=n.getMark(l,l.schema.marks[N.mark]);!r&&!(g&&!y)&&this.setState({linkDialog:!0})}return!r},"Alt-F10":()=>{var h;const r=(h=this.element)==null?void 0:h.querySelector(".k-toolbar");if(r){const l=r.querySelector(b.toolbarButtons.join(","));if(l)return l.focus(),!0}return!1}},{defaultContent:u="",value:p,onMount:f}=this.props,a=p&&typeof p!="string"?p:S.EditorUtils.createDocument(new n.Schema({nodes:n.nodes,marks:n.marks}),p||u,{preserveWhitespace:t}),v={state:n.EditorState.create({plugins:[...s,n.keymap(d),n.keymap(n.baseKeymap)],doc:a}),transformPastedHTML:this.onPasteHtml,dispatchTransaction:this.dispatchTransaction,handleDOMEvents:{focus:this.onFocus,blur:this.onBlur,paste:this.onPaste},handleDrop:(r,h,l,g)=>{let y=!1;return l.content.nodesBetween(0,l.content.size,T=>{y=y||T.type.name==="table_caption_external"}),y}},w={plugins:s,shortcuts:d,target:this,viewProps:v,dom:e},E=this._view=f&&f.call(void 0,w)||new n.EditorView({mount:e},v);this.setState({view:E})}};P.propTypes={defaultContent:i.string,value:i.oneOfType([i.object,i.string]),defaultEditMode:i.oneOf(["iframe","div"]),contentStyle:i.object,dir:i.string,className:i.string,ariaDescribedBy:i.string,ariaLabelledBy:i.string,ariaLabel:i.string,style:i.object,tools:i.arrayOf(i.any),keyboardNavigation:i.bool,resizable:i.bool,preserveWhitespace:i.oneOf([!0,!1,"full"]),onMount:i.func,onFocus:i.func,onBlur:i.func,onChange:i.func,onPasteHtml:i.func,onExecute:i.func,onIFrameInit:i.func};let k=P;x.registerForLocalization(k);exports.Editor=k;

package/Editor.mjs

@@ -175,7 +175,9 @@ const { link: D, bold: at, italic: lt, underline: ht } = tt, k = class k extends
     return /* @__PURE__ */ a.createElement(
       "div",
       {
-        ref: (n) => this._element = n,
+        ref: (n) => {
+          this._element = n;
+        },
         className: W("k-editor", c, { "k-editor-resizable": this.props.resizable }),
         dir: this.props.dir,
         style: s
@@ -187,7 +189,9 @@ const { link: D, bold: at, italic: lt, underline: ht } = tt, k = class k extends
           onLoad: O ? () => {
             this.initialize();
           } : void 0,
-          ref: (n) => this.iframe = n,
+          ref: (n) => {
+            this.iframe = n;
+          },
           frameBorder: "0",
           title: d.toLanguageString(P.iframeTitle, ot[P.iframeTitle]),
           style: p,
@@ -196,7 +200,9 @@ const { link: D, bold: at, italic: lt, underline: ht } = tt, k = class k extends
       )) : /* @__PURE__ */ a.createElement("div", { style: p, className: "k-editor-content" }, /* @__PURE__ */ a.createElement(
         "div",
         {
-          ref: (n) => this._contentElement = n,
+          ref: (n) => {
+            this._contentElement = n;
+          },
           suppressContentEditableWarning: !0,
           role: "textbox",
           "aria-labelledby": this.props.ariaLabelledBy,

package/dialogs/insertImage.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 L=require("react"),F=require("@progress/kendo-react-dialogs"),N=require("@progress/kendo-react-buttons"),C=require("@progress/kendo-editor-common"),S=require("@progress/kendo-react-intl"),s=require("../messages/index.js"),f=require("@progress/kendo-react-inputs"),c=require("@progress/kendo-react-form");function T(d){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const l in d)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(d,l);Object.defineProperty(a,l,r.get?r:{enumerable:!0,get:()=>d[l]})}}return a.default=d,Object.freeze(a)}const e=T(L);let x=class extends e.Component{constructor(){super(...arguments),this.src=null,this.altText=null,this.title=null,this.width=null,this.height=null,this.onClose=()=>{this.props.view.focus(),this.props.onClose()},this.onInsert=()=>{const{view:a,settings:l}=this.props,k=a.state.schema.nodes[l.node],o={src:this.src?this.src.value:null,title:this.title?this.title.value:null,alt:this.altText?this.altText.value:null,width:this.width?this.width.value:null,height:this.height?this.height.value:null},u=Object.keys(o).filter(n=>o[n]!==null&&o[n]!=="").reduce((n,m)=>Object.assign(n,{[m]:o[m]}),{}),h=k.createAndFill(u);h&&C.insertNode(h,!0)(a.state,m=>a.dispatch(m.setMeta("commandName",l.commandName).setMeta("args",u))),this.onClose()}}render(){const{view:a,settings:l,dir:r,render:k}=this.props,{insertImageDialogTitle:o,insertImageAddress:u,insertImageTitle:h,insertImageAltText:n,insertImageWidth:m,insertImageHeight:E,insertImageCancel:I,insertImageInsert:w}=l.messages,i=S.provideLocalizationService(this),p=a&&a.state;let g={};p&&p.selection instanceof C.NodeSelection&&p.selection.node.type===p.schema.nodes[l.node]&&(g=p.selection.node.attrs);const b=e.createElement(c.Form,{render:()=>e.createElement(c.FormElement,{horizontal:!0},e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-url",className:"k-form-label"},i.toLanguageString(u,s.messages[u])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{type:"text",id:"k-editor-image-url",defaultValue:g.src,ref:t=>this.src=t&&t.element,autoFocus:!0}))),e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-url",className:"k-form-label"},i.toLanguageString(n,s.messages[n])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{type:"text",id:"k-editor-image-alt",defaultValue:g.alt,ref:t=>this.altText=t&&t.element}))),e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-title",className:"k-form-label"},i.toLanguageString(h,s.messages[h])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{type:"text",id:"k-editor-image-title",defaultValue:g.title,ref:t=>this.title=t&&t.element}))),e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-width",className:"k-form-label"},i.toLanguageString(m,s.messages[m])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{type:"text",id:"k-editor-image-width",defaultValue:g.width,ref:t=>this.width=t&&t.element}))),e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-height",className:"k-form-label"},i.toLanguageString(E,s.messages[E])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{id:"k-editor-image-height",defaultValue:g.height,ref:t=>this.height=t&&t.element}))))}),v=[e.createElement(N.Button,{onClick:this.onClose,dir:r,key:"cancel"},i.toLanguageString(I,s.messages[I])),e.createElement(N.Button,{onClick:this.onInsert,themeColor:"primary",dir:r,key:"insert"},i.toLanguageString(w,s.messages[w]))],y=e.createElement(F.Window,{initialWidth:500,initialHeight:350,className:"k-editor-window",title:i.toLanguageString(o,s.messages[o]),onClose:this.onClose,key:"dialog",style:r==="rtl"?{textAlign:"right"}:void 0,modal:!0,minimizeButton:()=>null,maximizeButton:()=>null,resizable:!1},b,e.createElement(F.WindowActionsBar,null,...v));return k?k(y,{content:b,actionButtons:v}):y}};S.registerForLocalization(x);exports.InsertImageDialog=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react"),F=require("@progress/kendo-react-dialogs"),N=require("@progress/kendo-react-buttons"),C=require("@progress/kendo-editor-common"),S=require("@progress/kendo-react-intl"),s=require("../messages/index.js"),f=require("@progress/kendo-react-inputs"),c=require("@progress/kendo-react-form");function T(d){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const l in d)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(d,l);Object.defineProperty(a,l,r.get?r:{enumerable:!0,get:()=>d[l]})}}return a.default=d,Object.freeze(a)}const e=T(L);let x=class extends e.Component{constructor(){super(...arguments),this.src=null,this.altText=null,this.title=null,this.width=null,this.height=null,this.onClose=()=>{this.props.view.focus(),this.props.onClose()},this.onInsert=()=>{const{view:a,settings:l}=this.props,k=a.state.schema.nodes[l.node],o={src:this.src?this.src.value:null,title:this.title?this.title.value:null,alt:this.altText?this.altText.value:null,width:this.width?this.width.value:null,height:this.height?this.height.value:null},u=Object.keys(o).filter(n=>o[n]!==null&&o[n]!=="").reduce((n,m)=>Object.assign(n,{[m]:o[m]}),{}),h=k.createAndFill(u);h&&C.insertNode(h,!0)(a.state,m=>a.dispatch(m.setMeta("commandName",l.commandName).setMeta("args",u))),this.onClose()}}render(){const{view:a,settings:l,dir:r,render:k}=this.props,{insertImageDialogTitle:o,insertImageAddress:u,insertImageTitle:h,insertImageAltText:n,insertImageWidth:m,insertImageHeight:E,insertImageCancel:I,insertImageInsert:w}=l.messages,i=S.provideLocalizationService(this),p=a&&a.state;let g={};p&&p.selection instanceof C.NodeSelection&&p.selection.node.type===p.schema.nodes[l.node]&&(g=p.selection.node.attrs);const b=e.createElement(c.Form,{render:()=>e.createElement(c.FormElement,{horizontal:!0},e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-url",className:"k-form-label"},i.toLanguageString(u,s.messages[u])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{type:"text",id:"k-editor-image-url",defaultValue:g.src,ref:t=>{this.src=t&&t.element},autoFocus:!0}))),e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-url",className:"k-form-label"},i.toLanguageString(n,s.messages[n])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{type:"text",id:"k-editor-image-alt",defaultValue:g.alt,ref:t=>{this.altText=t&&t.element}}))),e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-title",className:"k-form-label"},i.toLanguageString(h,s.messages[h])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{type:"text",id:"k-editor-image-title",defaultValue:g.title,ref:t=>{this.title=t&&t.element}}))),e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-width",className:"k-form-label"},i.toLanguageString(m,s.messages[m])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{type:"text",id:"k-editor-image-width",defaultValue:g.width,ref:t=>{this.width=t&&t.element}}))),e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-height",className:"k-form-label"},i.toLanguageString(E,s.messages[E])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{id:"k-editor-image-height",defaultValue:g.height,ref:t=>{this.height=t&&t.element}}))))}),v=[e.createElement(N.Button,{onClick:this.onClose,dir:r,key:"cancel"},i.toLanguageString(I,s.messages[I])),e.createElement(N.Button,{onClick:this.onInsert,themeColor:"primary",dir:r,key:"insert"},i.toLanguageString(w,s.messages[w]))],y=e.createElement(F.Window,{initialWidth:500,initialHeight:350,className:"k-editor-window",title:i.toLanguageString(o,s.messages[o]),onClose:this.onClose,key:"dialog",style:r==="rtl"?{textAlign:"right"}:void 0,modal:!0,minimizeButton:()=>null,maximizeButton:()=>null,resizable:!1},b,e.createElement(F.WindowActionsBar,null,...v));return k?k(y,{content:b,actionButtons:v}):y}};S.registerForLocalization(x);exports.InsertImageDialog=x;

package/dialogs/insertImage.mjs

@@ -59,7 +59,9 @@ let A = class extends e.Component {
             type: "text",
             id: "k-editor-image-url",
             defaultValue: o.src,
-            ref: (t) => this.src = t && t.element,
+            ref: (t) => {
+              this.src = t && t.element;
+            },
             autoFocus: !0
           }
         ))), /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-image-url", className: "k-form-label" }, i.toLanguageString(
@@ -71,7 +73,9 @@ let A = class extends e.Component {
             type: "text",
             id: "k-editor-image-alt",
             defaultValue: o.alt,
-            ref: (t) => this.altText = t && t.element
+            ref: (t) => {
+              this.altText = t && t.element;
+            }
           }
         ))), /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-image-title", className: "k-form-label" }, i.toLanguageString(d, a[d])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
           h,
@@ -79,7 +83,9 @@ let A = class extends e.Component {
             type: "text",
             id: "k-editor-image-title",
             defaultValue: o.title,
-            ref: (t) => this.title = t && t.element
+            ref: (t) => {
+              this.title = t && t.element;
+            }
           }
         ))), /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-image-width", className: "k-form-label" }, i.toLanguageString(r, a[r])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
           h,
@@ -87,14 +93,18 @@ let A = class extends e.Component {
             type: "text",
             id: "k-editor-image-width",
             defaultValue: o.width,
-            ref: (t) => this.width = t && t.element
+            ref: (t) => {
+              this.width = t && t.element;
+            }
           }
         ))), /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-image-height", className: "k-form-label" }, i.toLanguageString(E, a[E])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
           h,
           {
             id: "k-editor-image-height",
             defaultValue: o.height,
-            ref: (t) => this.height = t && t.element
+            ref: (t) => {
+              this.height = t && t.element;
+            }
           }
         ))))
       }

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"),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;

package/dialogs/insertLink.mjs

@@ -48,7 +48,9 @@ let I = class extends e.Component {
           {
             type: "text",
             id: "k-editor-link-url",
-            ref: (t) => this.href = t && t.element,
+            ref: (t) => {
+              this.href = t && t.element;
+            },
             defaultValue: l && l.attrs.href || void 0,
             autoFocus: !0
           }
@@ -60,14 +62,18 @@ let I = class extends e.Component {
           {
             type: "text",
             id: "k-editor-link-text",
-            ref: (t) => this.title = t && t.element,
+            ref: (t) => {
+              this.title = t && t.element;
+            },
             defaultValue: l && l.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(
           L,
           {
             id: "k-editor-link-target",
-            ref: (t) => this.target = t,
+            ref: (t) => {
+              this.target = t;
+            },
             defaultChecked: l && !!l.attrs.target || void 0
           }
         ), i.toLanguageString(