@progress/kendo-react-editor 9.4.0-develop.23 → 9.4.0-develop.3

package/dialogs/viewHtml.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 v=require("react"),h=require("@progress/kendo-react-dialogs"),f=require("@progress/kendo-react-buttons"),r=require("@progress/kendo-editor-common"),w=require("@progress/kendo-react-intl"),l=require("../messages/index.js"),y=require("../utils/props-key.js"),C=require("@progress/kendo-react-inputs");function A(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const i=A(v);let k=class extends i.Component{constructor(){super(...arguments),this.htmlArea=null,this.textAreaRef=e=>{this.htmlArea=e;const t=e&&e.element.current;t&&(t.style.resize="none")},this.onUpdate=()=>{const{view:e,settings:t}=this.props,o=r.trimWhitespace(this.htmlArea&&this.htmlArea.value||""),{preserveWhitespace:s}=y.editorPropsKey.getState(e.state);r.setHtml(o,t.commandName,{preserveWhitespace:s})(e.state,e.dispatch),this.onClose()},this.onClose=()=>{this.props.view.focus(),this.props.onClose()}}render(){const{view:e,settings:t,dir:o,render:s}=this.props,a=w.provideLocalizationService(this),{viewHtmlDialogTitle:c,viewHtmlCancel:u,viewHtmlUpdate:m}=t.messages,d=i.createElement(C.TextArea,{className:"k-editor-textarea",defaultValue:r.indentHtml(r.getHtml(e.state)),autoFocus:!0,autoSize:!1,ref:this.textAreaRef}),g=[i.createElement(f.Button,{onClick:this.onClose,dir:o,key:"cancel"},a.toLanguageString(u,l.messages[u])),i.createElement(f.Button,{onClick:this.onUpdate,themeColor:"primary",dir:o,key:"update"},a.toLanguageString(m,l.messages[m]))],p=i.createElement(h.Window,{className:"k-editor-window",title:a.toLanguageString(c,l.messages[c]),onClose:this.onClose,key:"dialog",style:o==="rtl"?{textAlign:"right"}:void 0,modal:!0,minimizeButton:()=>null,maximizeButton:()=>null,resizable:!0,initialHeight:400,initialWidth:500},d,i.createElement(h.WindowActionsBar,null,...g));return s?s(p,{content:d,actionButtons:g}):p}};w.registerForLocalization(k);exports.ViewHtmlDialog=k;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),h=require("@progress/kendo-react-dialogs"),f=require("@progress/kendo-react-buttons"),r=require("@progress/kendo-editor-common"),w=require("@progress/kendo-react-intl"),l=require("../messages/index.js"),y=require("../utils/props-key.js"),C=require("@progress/kendo-react-inputs");function A(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const i=A(v);let k=class extends i.Component{constructor(){super(...arguments),this.htmlArea=null,this.textAreaRef=e=>{this.htmlArea=e;const t=e&&e.element.current;t&&(t.style.resize="none")},this.onUpdate=()=>{const{view:e,settings:t}=this.props,o=r.trimWhitespace(this.htmlArea&&this.htmlArea.value||""),{preserveWhitespace:s}=y.editorPropsKey.getState(e.state);r.setHtml(o,t.commandName,{preserveWhitespace:s})(e.state,e.dispatch),this.onClose()},this.onClose=()=>{this.props.view.focus(),this.props.onClose()}}render(){const{view:e,settings:t,dir:o,render:s}=this.props,a=w.provideLocalizationService(this),{viewHtmlDialogTitle:c,viewHtmlCancel:u,viewHtmlUpdate:m}=t.messages,d=i.createElement(C.TextArea,{className:"k-editor-textarea",defaultValue:r.indentHtml(r.getHtml(e.state)),autoFocus:!0,autoSize:!1,ref:this.textAreaRef}),g=[i.createElement(f.Button,{onClick:this.onClose,dir:o,key:"cancel"},a.toLanguageString(u,l.messages[u])),i.createElement(f.Button,{onClick:this.onUpdate,themeColor:"primary",dir:o,key:"update"},a.toLanguageString(m,l.messages[m]))],p=i.createElement(h.Window,{className:"k-editor-window",title:a.toLanguageString(c,l.messages[c]),onClose:this.onClose,key:"dialog",style:o==="rtl"?{textAlign:"right"}:void 0,modal:!0,minimizeButton:()=>null,maximizeButton:()=>null,resizable:!0,initialHeight:400,initialWidth:500},d,i.createElement(h.WindowActionsBar,null,...g));return s?s(p,{content:d,actionButtons:g}):p}};w.registerForLocalization(k);exports.ViewHtmlDialog=k;

package/dialogs/viewHtml.mjs

@@ -5,12 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as i from "react";
 import { Window as g, WindowActionsBar as d } from "@progress/kendo-react-dialogs";
 import { Button as u } from "@progress/kendo-react-buttons";
 import { trimWhitespace as f, setHtml as w, indentHtml as v, getHtml as C } from "@progress/kendo-editor-common";
 import { registerForLocalization as A, provideLocalizationService as H } from "@progress/kendo-react-intl";
-import { messages as n } from "../messages/index.mjs";
+import { messages as r } from "../messages/index.mjs";
 import { editorPropsKey as x } from "../utils/props-key.mjs";
 import { TextArea as z } from "@progress/kendo-react-inputs";
 let k = class extends i.Component {
@@ -30,7 +31,7 @@ let k = class extends i.Component {
    * @hidden
    */
   render() {
-    const { view: t, settings: e, dir: o, render: s } = this.props, r = H(this), { viewHtmlDialogTitle: a, viewHtmlCancel: l, viewHtmlUpdate: m } = e.messages, c = /* @__PURE__ */ i.createElement(
+    const { view: t, settings: e, dir: o, render: s } = this.props, n = H(this), { viewHtmlDialogTitle: a, viewHtmlCancel: l, viewHtmlUpdate: m } = e.messages, c = /* @__PURE__ */ i.createElement(
       z,
       {
         className: "k-editor-textarea",
@@ -40,13 +41,13 @@ let k = class extends i.Component {
         ref: this.textAreaRef
       }
     ), h = [
-      /* @__PURE__ */ i.createElement(u, { onClick: this.onClose, dir: o, key: "cancel" }, r.toLanguageString(l, n[l])),
-      /* @__PURE__ */ i.createElement(u, { onClick: this.onUpdate, themeColor: "primary", dir: o, key: "update" }, r.toLanguageString(m, n[m]))
+      /* @__PURE__ */ i.createElement(u, { onClick: this.onClose, dir: o, key: "cancel" }, n.toLanguageString(l, r[l])),
+      /* @__PURE__ */ i.createElement(u, { onClick: this.onUpdate, themeColor: "primary", dir: o, key: "update" }, n.toLanguageString(m, r[m]))
     ], p = /* @__PURE__ */ i.createElement(
       g,
       {
         className: "k-editor-window",
-        title: r.toLanguageString(a, n[a]),
+        title: n.toLanguageString(a, r[a]),
         onClose: this.onClose,
         key: "dialog",
         style: o === "rtl" ? { textAlign: "right" } : void 0,