@progress/kendo-react-editor 7.2.4-develop.3 → 7.2.4-develop.4

package/dialogs/FindReplace.mjs

@@ -0,0 +1,214 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { Button as u } from "@progress/kendo-react-buttons";
+import { Window as B } from "@progress/kendo-react-dialogs";
+import { TabStrip as K, TabStripTab as b } from "@progress/kendo-react-layout";
+import { provideLocalizationService as O, registerForLocalization as U } from "@progress/kendo-react-intl";
+import { messages as l } from "../messages/index.mjs";
+import { EditorToolsSettings as P } from "../config/toolsSettings.mjs";
+import { formatString as q } from "../tools/utils.mjs";
+import { TextSelection as C, find as V, replace as j, replaceAll as H, findAll as _, selectedLineTextOnly as $, textHighlightKey as G } from "@progress/kendo-editor-common";
+import { IconWrap as T } from "@progress/kendo-react-common";
+import { Checkbox as x, Input as y } from "@progress/kendo-react-inputs";
+import { Form as F, FormElement as M, FieldWrapper as N } from "@progress/kendo-react-form";
+import { chevronLeftIcon as J, chevronRightIcon as Q } from "@progress/kendo-svg-icons";
+const X = 13, Y = 27, Z = P.findAndReplace;
+let ee = class extends e.Component {
+  constructor(o) {
+    super(o), this.onTabSelect = (t) => {
+      this.setState({ selectedTab: t.selected });
+    }, this.onClose = () => {
+      const t = this.props.view, a = t.state, n = a.tr.setSelection(C.create(a.doc, a.selection.from, a.selection.to));
+      t.updateState(a.apply(n)), t.focus(), this.props.onClose.call(void 0);
+    }, this.matchesMessage = (t) => {
+      const a = this.state.matches, n = this.state.nextMatch;
+      let s = 0, i = 0;
+      if (a && n) {
+        const c = a.findIndex((r) => r.eq(n));
+        s = c === -1 ? a.length : c + 1, i = a.length;
+      }
+      return q(t, s, i);
+    }, this.onFindNext = () => {
+      this.onFind();
+    }, this.onFindPrev = () => {
+      this.onFind(!0);
+    }, this.onFind = (t = !1) => {
+      const a = this.props.view, { searchText: n, matchCase: s, matchCyclic: i, matchWord: c, useRegExp: r } = this.state, h = { text: n, matchWord: c, matchCase: s, useRegExp: r, backward: t, matchCyclic: i }, m = V(a.state, h);
+      if (m) {
+        const d = a.state.tr.setSelection(m);
+        d.scrollIntoView(), a.updateState(a.state.apply(d)), this.setState({ nextMatch: m });
+      }
+    }, this.onReplace = () => {
+      const t = this.props.view, a = t.state.selection, { replaceText: n } = this.state;
+      if (!a.empty) {
+        const s = a.from, i = s + n.length, c = j(a, n, t.state.tr);
+        c.setSelection(C.create(c.doc, s, i)), c.scrollIntoView(), t.dispatch(c), this.setNextState({});
+      }
+    }, this.onReplaceAll = () => {
+      const t = this.props.view, { searchText: a, replaceText: n, matchCase: s, matchWord: i, useRegExp: c } = this.state, r = { text: a, matchWord: i, matchCase: s, useRegExp: c }, h = H(t.state, n, r);
+      h && t.dispatch(h), this.setNextState({});
+    }, this.onKeyDown = (t) => {
+      t.keyCode === X ? this.onFindNext() : t.keyCode === Y && this.onClose();
+    }, this.onMatchCaseChecked = (t) => this.setNextState({ matchCase: t.value }), this.onMatchWordChecked = (t) => this.setNextState({ matchWord: t.value }), this.onMatchCyclicChecked = (t) => this.setNextState({ matchCyclic: t.value }), this.onUseRegExpChecked = (t) => this.setNextState({ useRegExp: t.value }), this.onSearchChange = (t) => this.setNextState({ searchText: t.target.value }), this.onReplaceChange = (t) => this.setNextState({ replaceText: t.target.value }), this.setNextState = (t) => {
+      const a = { ...this.state, ...t, matches: void 0, nextMatch: void 0 }, n = this.props.view;
+      if (a.searchText) {
+        const { searchText: s, matchWord: i, matchCase: c, useRegExp: r, matchCyclic: h } = a, m = { text: s, matchWord: i, matchCase: c, useRegExp: r }, d = n.state.selection, p = _(n.state.doc, m);
+        let g = !this.state.searchText && p[0] || p.find((f) => f.from >= d.from) || h && p[0] || void 0;
+        this.setState({
+          ...a,
+          matches: p,
+          nextMatch: g
+        });
+      } else
+        this.setState(a);
+    }, this.state = {
+      selectedTab: 0,
+      searchText: $(o.view.state),
+      replaceText: "",
+      matchCase: !1,
+      matchWord: !1,
+      matchCyclic: !1,
+      useRegExp: !1
+    };
+  }
+  get settings() {
+    return this.props.settings || Z;
+  }
+  /**
+   * @hidden
+   */
+  componentDidUpdate(o, t) {
+    const a = this.props.view, { matches: n = [], nextMatch: s } = this.state;
+    if (t.nextMatch !== s) {
+      const i = a.state, c = i.tr, r = [];
+      n.forEach((h) => {
+        r.push({
+          from: h.from,
+          to: h.to,
+          attrs: {
+            class: s && h.eq(s) ? "k-text-selected" : "k-text-highlighted"
+          }
+        });
+      }), c.setMeta(G, r), c.setSelection(s || C.create(i.doc, i.selection.from)), a.dispatch(c);
+    }
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const o = O(this), {
+      findReplaceDialogTitle: t,
+      findReplaceTabFind: a,
+      findReplaceTabReplace: n,
+      findReplaceFindWhat: s,
+      findReplaceReplaceWith: i,
+      findReplaceReplace: c,
+      findReplaceReplaceAll: r,
+      findReplaceMatchCase: h,
+      findReplaceMatchWord: m,
+      findReplaceMatchCyclic: d,
+      findReplaceUseRegExp: p,
+      findReplacePrevMatch: g,
+      findReplaceNextMatch: f,
+      findReplaceMatches: E
+    } = this.settings.messages, { matchCase: w, matchWord: W, matchCyclic: L, useRegExp: A, searchText: z, replaceText: D, nextMatch: S } = this.state, k = /* @__PURE__ */ e.createElement("div", { className: "k-search-options" }, /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(x, { id: "match-case", checked: w, onChange: this.onMatchCaseChecked }), /* @__PURE__ */ e.createElement("label", { htmlFor: "match-case", className: "k-checkbox-label" }, o.toLanguageString(h, l[h]))), /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(x, { id: "match-whole", checked: W, onChange: this.onMatchWordChecked }), /* @__PURE__ */ e.createElement("label", { htmlFor: "match-whole", className: "k-checkbox-label" }, o.toLanguageString(m, l[m]))), /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(x, { id: "match-cyclic", checked: L, onChange: this.onMatchCyclicChecked }), /* @__PURE__ */ e.createElement("label", { htmlFor: "match-cyclic", className: "k-checkbox-label" }, o.toLanguageString(d, l[d]))), /* @__PURE__ */ e.createElement("span", null, /* @__PURE__ */ e.createElement(x, { id: "regular-expression", checked: A, onChange: this.onUseRegExpChecked }), /* @__PURE__ */ e.createElement("label", { htmlFor: "regular-expression", className: "k-checkbox-label" }, o.toLanguageString(p, l[p])))), R = /* @__PURE__ */ e.createElement("div", { className: "k-matches-container" }, /* @__PURE__ */ e.createElement(
+      u,
+      {
+        fillMode: "flat",
+        themeColor: "primary",
+        onClick: this.onFindPrev
+      },
+      /* @__PURE__ */ e.createElement(T, { name: "chevron-left", icon: J }),
+      o.toLanguageString(g, l[g])
+    ), /* @__PURE__ */ e.createElement("span", null, this.matchesMessage(o.toLanguageString(E, l[E]))), /* @__PURE__ */ e.createElement(
+      u,
+      {
+        fillMode: "flat",
+        themeColor: "primary",
+        onClick: this.onFindNext
+      },
+      o.toLanguageString(f, l[f]),
+      /* @__PURE__ */ e.createElement(T, { name: "chevron-right", icon: Q })
+    )), v = /* @__PURE__ */ e.createElement(
+      F,
+      {
+        render: () => /* @__PURE__ */ e.createElement(M, { horizontal: !0 }, /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "findWhat", className: "k-form-label" }, o.toLanguageString(s, l[s])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+          y,
+          {
+            id: "findWhat",
+            type: "text",
+            value: z,
+            onChange: this.onSearchChange,
+            onFocus: this.onSearchChange,
+            onKeyDown: this.onKeyDown,
+            autoFocus: !0
+          }
+        ))))
+      }
+    ), I = /* @__PURE__ */ e.createElement(
+      F,
+      {
+        render: () => /* @__PURE__ */ e.createElement(M, { horizontal: !0 }, /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "replaceWith", className: "k-form-label" }, o.toLanguageString(i, l[i])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+          y,
+          {
+            id: "replaceWith",
+            type: "text",
+            value: D,
+            onChange: this.onReplaceChange
+          }
+        ))))
+      }
+    );
+    return /* @__PURE__ */ e.createElement(
+      B,
+      {
+        title: o.toLanguageString(t, l[t]),
+        onClose: this.onClose,
+        style: { width: "auto", height: "auto", userSelect: "none" },
+        resizable: !1,
+        minimizeButton: () => null,
+        maximizeButton: () => null
+      },
+      /* @__PURE__ */ e.createElement(
+        K,
+        {
+          selected: this.state.selectedTab,
+          className: "k-editor-find-replace",
+          onSelect: this.onTabSelect,
+          animation: !1
+        },
+        /* @__PURE__ */ e.createElement(
+          b,
+          {
+            title: o.toLanguageString(a, l[a])
+          },
+          v,
+          k,
+          R
+        ),
+        /* @__PURE__ */ e.createElement(
+          b,
+          {
+            title: o.toLanguageString(n, l[n])
+          },
+          v,
+          I,
+          /* @__PURE__ */ e.createElement("div", { className: "k-actions k-hstack k-justify-content-end" }, /* @__PURE__ */ e.createElement(u, { disabled: !S, onClick: this.onReplace }, o.toLanguageString(c, l[c])), /* @__PURE__ */ e.createElement(u, { disabled: !S, onClick: this.onReplaceAll }, o.toLanguageString(r, l[r]))),
+          k,
+          R
+        )
+      )
+    );
+  }
+};
+U(ee);
+export {
+  ee as FindAndReplaceDialog
+};

package/dialogs/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./insertLink.js"),o=require("./insertImage.js"),r=require("./viewHtml.js"),g=require("./FindReplace.js");exports.EditorDialogs=void 0;(e=>{class n extends a.InsertLinkDialog{}e.InsertLinkDialog=n;class l extends o.InsertImageDialog{}e.InsertImageDialog=l;class s extends r.ViewHtmlDialog{}e.ViewHtmlDialog=s;class t extends g.FindAndReplaceDialog{}e.FindAndReplaceDialog=t})(exports.EditorDialogs||(exports.EditorDialogs={}));

package/dialogs/index.mjs

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { InsertLinkDialog as t } from "./insertLink.mjs";
+import { InsertImageDialog as g } from "./insertImage.mjs";
+import { ViewHtmlDialog as m } from "./viewHtml.mjs";
+import { FindAndReplaceDialog as r } from "./FindReplace.mjs";
+var i;
+((e) => {
+  class l extends t {
+  }
+  e.InsertLinkDialog = l;
+  class n extends g {
+  }
+  e.InsertImageDialog = n;
+  class s extends m {
+  }
+  e.ViewHtmlDialog = s;
+  class o extends r {
+  }
+  e.FindAndReplaceDialog = o;
+})(i || (i = {}));
+export {
+  i as EditorDialogs
+};

package/dialogs/insertImage.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"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"),m=require("@progress/kendo-react-form");function T(d){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const a in d)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(d,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>d[a]})}}return t.default=d,Object.freeze(t)}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:t,settings:a}=this.props,k=t.state.schema.nodes[a.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},g=Object.keys(o).filter(i=>o[i]!==null&&o[i]!=="").reduce((i,c)=>Object.assign(i,{[c]:o[c]}),{}),h=k.createAndFill(g);h&&C.insertNode(h,!0)(t.state,c=>t.dispatch(c.setMeta("commandName",a.commandName).setMeta("args",g))),this.onClose()}}render(){const{view:t,settings:a,dir:r,render:k}=this.props,{insertImageDialogTitle:o,insertImageAddress:g,insertImageTitle:h,insertImageAltText:i,insertImageWidth:c,insertImageHeight:E,insertImageCancel:I,insertImageInsert:w}=a.messages,n=S.provideLocalizationService(this),p=t&&t.state;let u={};p&&p.selection instanceof C.NodeSelection&&p.selection.node.type===p.schema.nodes[a.node]&&(u=p.selection.node.attrs);const b=e.createElement(m.Form,{render:()=>e.createElement(m.FormElement,{horizontal:!0},e.createElement(m.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-url",className:"k-form-label"},n.toLanguageString(g,s.messages[g])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{type:"text",id:"k-editor-image-url",defaultValue:u.src,ref:l=>this.src=l,autoFocus:!0}))),e.createElement(m.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-url",className:"k-form-label"},n.toLanguageString(i,s.messages[i])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{type:"text",id:"k-editor-image-alt",defaultValue:u.alt,ref:l=>this.altText=l}))),e.createElement(m.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-title",className:"k-form-label"},n.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:u.title,ref:l=>this.title=l}))),e.createElement(m.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-width",className:"k-form-label"},n.toLanguageString(c,s.messages[c])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{type:"text",id:"k-editor-image-width",defaultValue:u.width,ref:l=>this.width=l}))),e.createElement(m.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-image-height",className:"k-form-label"},n.toLanguageString(E,s.messages[E])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(f.Input,{id:"k-editor-image-height",defaultValue:u.height,ref:l=>this.height=l}))))}),v=[e.createElement(N.Button,{onClick:this.onClose,dir:r,key:"cancel"},n.toLanguageString(I,s.messages[I])),e.createElement(N.Button,{onClick:this.onInsert,themeColor:"primary",dir:r,key:"insert"},n.toLanguageString(w,s.messages[w]))],y=e.createElement(F.Window,{initialWidth:500,initialHeight:350,className:"k-editor-window",title:n.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

@@ -0,0 +1,117 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { Window as x, WindowActionsBar as C } from "@progress/kendo-react-dialogs";
+import { Button as b } from "@progress/kendo-react-buttons";
+import { insertNode as y, NodeSelection as F } from "@progress/kendo-editor-common";
+import { provideLocalizationService as L, registerForLocalization as S } from "@progress/kendo-react-intl";
+import { messages as a } from "../messages/index.mjs";
+import { Input as h } from "@progress/kendo-react-inputs";
+import { Form as T, FormElement as z, FieldWrapper as u } from "@progress/kendo-react-form";
+let A = 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: s, settings: m } = this.props, p = s.state.schema.nodes[m.node], n = {
+        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
+      }, c = Object.keys(n).filter((l) => n[l] !== null && n[l] !== "").reduce((l, r) => Object.assign(l, { [r]: n[r] }), {}), d = p.createAndFill(c);
+      d && y(d, !0)(s.state, (r) => s.dispatch(r.setMeta("commandName", m.commandName).setMeta("args", c))), this.onClose();
+    };
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const { view: s, settings: m, dir: f, render: p } = this.props, {
+      insertImageDialogTitle: n,
+      insertImageAddress: c,
+      insertImageTitle: d,
+      insertImageAltText: l,
+      insertImageWidth: r,
+      insertImageHeight: E,
+      insertImageCancel: k,
+      insertImageInsert: w
+    } = m.messages, i = L(this), g = s && s.state;
+    let o = {};
+    g && g.selection instanceof F && g.selection.node.type === g.schema.nodes[m.node] && (o = g.selection.node.attrs);
+    const I = /* @__PURE__ */ e.createElement(
+      T,
+      {
+        render: () => /* @__PURE__ */ e.createElement(z, { horizontal: !0 }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-image-url", className: "k-form-label" }, i.toLanguageString(c, a[c])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+          h,
+          {
+            type: "text",
+            id: "k-editor-image-url",
+            defaultValue: o.src,
+            ref: (t) => this.src = t,
+            autoFocus: !0
+          }
+        ))), /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement("label", { htmlFor: "k-editor-image-url", className: "k-form-label" }, i.toLanguageString(l, a[l])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+          h,
+          {
+            type: "text",
+            id: "k-editor-image-alt",
+            defaultValue: o.alt,
+            ref: (t) => this.altText = t
+          }
+        ))), /* @__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,
+          {
+            type: "text",
+            id: "k-editor-image-title",
+            defaultValue: o.title,
+            ref: (t) => this.title = t
+          }
+        ))), /* @__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,
+          {
+            type: "text",
+            id: "k-editor-image-width",
+            defaultValue: o.width,
+            ref: (t) => this.width = t
+          }
+        ))), /* @__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
+          }
+        ))))
+      }
+    ), v = [/* @__PURE__ */ e.createElement(b, { onClick: this.onClose, dir: f, key: "cancel" }, i.toLanguageString(k, a[k])), /* @__PURE__ */ e.createElement(b, { onClick: this.onInsert, themeColor: "primary", dir: f, key: "insert" }, i.toLanguageString(w, a[w]))], N = /* @__PURE__ */ e.createElement(
+      x,
+      {
+        initialWidth: 500,
+        initialHeight: 350,
+        className: "k-editor-window",
+        title: i.toLanguageString(n, a[n]),
+        onClose: this.onClose,
+        key: "dialog",
+        style: f === "rtl" ? { textAlign: "right" } : void 0,
+        modal: !0,
+        minimizeButton: () => null,
+        maximizeButton: () => null,
+        resizable: !1
+      },
+      I,
+      /* @__PURE__ */ e.createElement(C, null, ...v)
+    );
+    return p ? p(N, { content: I, actionButtons: v }) : N;
+  }
+};
+S(A);
+export {
+  A as InsertImageDialog
+};

package/dialogs/insertLink.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"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"),a=require("../messages/index.js");function x(i){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const r in i)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(i,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>i[r]})}}return t.default=i,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,r=this.props.settings.mark,n={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:r,attrs:n},this.props.settings.commandName)(t.state,t.dispatch),this.onClose()}}render(){const{view:t,settings:r,dir:n,render:u}=this.props,s=L.provideLocalizationService(this),{insertHyperlinkDialogTitle:d,insertHyperlinkAddress:g,insertHyperlinkTitle:k,insertHyperlinkNewWindow:h,insertHyperlinkCancel:p,insertHyperlinkInsert:f}=r.messages,l=t?w.getMark(t.state,t.state.schema.marks[r.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"},s.toLanguageString(g,a.messages[g])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(m.Input,{type:"text",id:"k-editor-link-url",ref:o=>this.href=o,defaultValue:l&&l.attrs.href||void 0,autoFocus:!0}))),e.createElement(c.FieldWrapper,null,e.createElement("label",{htmlFor:"k-editor-link-text",className:"k-form-label"},s.toLanguageString(k,a.messages[k])),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(m.Input,{type:"text",id:"k-editor-link-text",ref:o=>this.title=o,defaultValue:l&&l.attrs.title||void 0}))),r.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:o=>this.target=o,defaultChecked:l&&!!l.attrs.target||void 0}),s.toLanguageString(h,a.messages[h]))))}),E=[e.createElement(C.Button,{onClick:this.onClose,dir:n,key:"cancel"},s.toLanguageString(p,a.messages[p])),e.createElement(C.Button,{onClick:this.onInsert,themeColor:"primary",dir:n,key:"insert"},s.toLanguageString(f,a.messages[f]))],b=e.createElement(y.Window,{initialWidth:450,initialHeight:250,className:"k-editor-window",title:s.toLanguageString(d,a.messages[d]),onClose:this.onClose,style:n==="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

@@ -0,0 +1,96 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+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 { 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 { 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 l } from "../messages/index.mjs";
+let I = 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, a = {
+        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
+      };
+      F({ mark: n, attrs: a }, this.props.settings.commandName)(t.state, t.dispatch), this.onClose();
+    };
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const { view: t, settings: n, dir: a, render: m } = this.props, i = z(this), {
+      insertHyperlinkDialogTitle: c,
+      insertHyperlinkAddress: h,
+      insertHyperlinkTitle: k,
+      insertHyperlinkNewWindow: d,
+      insertHyperlinkCancel: g,
+      insertHyperlinkInsert: p
+    } = n.messages, r = t ? N(t.state, t.state.schema.marks[n.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(h, l[h])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+          y,
+          {
+            type: "text",
+            id: "k-editor-link-url",
+            ref: (o) => this.href = o,
+            defaultValue: r && r.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, l[k])), /* @__PURE__ */ e.createElement("div", { className: "k-form-field-wrap" }, /* @__PURE__ */ e.createElement(
+          y,
+          {
+            type: "text",
+            id: "k-editor-link-text",
+            ref: (o) => this.title = o,
+            defaultValue: r && r.attrs.title || void 0
+          }
+        ))), n.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: (o) => this.target = o,
+            defaultChecked: r && !!r.attrs.target || void 0
+          }
+        ), i.toLanguageString(d, l[d]))))
+      }
+    ), f = [
+      /* @__PURE__ */ e.createElement(v, { onClick: this.onClose, dir: a, key: "cancel" }, i.toLanguageString(g, l[g])),
+      /* @__PURE__ */ e.createElement(v, { onClick: this.onInsert, themeColor: "primary", dir: a, key: "insert" }, i.toLanguageString(p, l[p]))
+    ], E = /* @__PURE__ */ e.createElement(
+      C,
+      {
+        initialWidth: 450,
+        initialHeight: 250,
+        className: "k-editor-window",
+        title: i.toLanguageString(c, l[c]),
+        onClose: this.onClose,
+        style: a === "rtl" ? { textAlign: "right" } : void 0,
+        modal: !0,
+        minimizeButton: () => null,
+        maximizeButton: () => null,
+        resizable: !1
+      },
+      u,
+      /* @__PURE__ */ e.createElement(w, null, ...f)
+    );
+    return m ? m(E, { content: u, actionButtons: f }) : E;
+  }
+};
+H(I);
+export {
+  I as InsertLinkDialog
+};

package/dialogs/viewHtml.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"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

@@ -0,0 +1,70 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 { provideLocalizationService as A, registerForLocalization as H } from "@progress/kendo-react-intl";
+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 {
+  constructor() {
+    super(...arguments), this.htmlArea = null, this.textAreaRef = (t) => {
+      this.htmlArea = t;
+      const e = t && t.element.current;
+      e && (e.style.resize = "none");
+    }, this.onUpdate = () => {
+      const { view: t, settings: e } = this.props, o = f(this.htmlArea && this.htmlArea.value || ""), { preserveWhitespace: s } = x.getState(t.state);
+      w(o, e.commandName, { preserveWhitespace: s })(t.state, t.dispatch), this.onClose();
+    }, this.onClose = () => {
+      this.props.view.focus(), this.props.onClose();
+    };
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const { view: t, settings: e, dir: o, render: s } = this.props, n = A(this), { viewHtmlDialogTitle: a, viewHtmlCancel: l, viewHtmlUpdate: m } = e.messages, c = /* @__PURE__ */ i.createElement(
+      z,
+      {
+        className: "k-editor-textarea",
+        defaultValue: v(C(t.state)),
+        autoFocus: !0,
+        autoSize: !1,
+        ref: this.textAreaRef
+      }
+    ), h = [
+      /* @__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: n.toLanguageString(a, r[a]),
+        onClose: this.onClose,
+        key: "dialog",
+        style: o === "rtl" ? { textAlign: "right" } : void 0,
+        modal: !0,
+        minimizeButton: () => null,
+        maximizeButton: () => null,
+        resizable: !0,
+        initialHeight: 400,
+        initialWidth: 500
+      },
+      c,
+      /* @__PURE__ */ i.createElement(d, null, ...h)
+    );
+    return s ? s(p, { content: c, actionButtons: h }) : p;
+  }
+};
+H(k);
+export {
+  k as ViewHtmlDialog
+};