@dialpad/dialtone-vue 2.193.5 → 2.194.0

package/dist/lib/rich-text-editor/rich-text-editor.js

@@ -1,10 +1,10 @@
 import { NodeViewWrapper as _, nodeViewProps as y, VueRenderer as w, VueNodeViewRenderer as x, EditorContent as H, BubbleMenu as j, Editor as F } from "../../node_modules/@tiptap/vue-2.js";
-import { Node as N, mergeAttributes as m, InputRule as q, nodePasteRule as E, getMarksBetween as U, combineTransactionSteps as K, getChangedRanges as W, findChildrenInRange as V, Mark as z, nodeInputRule as X, Extension as J } from "@tiptap/core";
+import { Node as N, mergeAttributes as m, InputRule as K, nodePasteRule as E, getMarksBetween as q, combineTransactionSteps as U, getChangedRanges as W, findChildrenInRange as V, Mark as z, nodeInputRule as X, Extension as J } from "@tiptap/core";
 import Y from "@tiptap/extension-blockquote";
 import G from "@tiptap/extension-code-block";
 import Q from "@tiptap/extension-code";
 import Z from "@tiptap/extension-document";
-import O from "@tiptap/extension-paragraph";
+import B from "@tiptap/extension-paragraph";
 import ee from "@tiptap/extension-placeholder";
 import te from "@tiptap/extension-hard-break";
 import ne from "@tiptap/extension-bold";
@@ -23,7 +23,7 @@ import fe from "@tiptap/extension-color";
 import pe from "@tiptap/extension-font-family";
 import { PluginKey as f, Plugin as ge } from "@tiptap/pm/state";
 import _e from "@tiptap/suggestion";
-import { emojiPattern as B } from "regex-combined-emojis";
+import { emojiPattern as O } from "regex-combined-emojis";
 import { n as c } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
 import P from "../emoji/emoji.js";
 import { stringToUnicode as ye, codeToEmojiData as L, emojiRegex as we, emojiShortCodeRegex as xe } from "../../common/emoji/index.js";
@@ -40,8 +40,8 @@ import Re from "../avatar/avatar.js";
 import $e from "@dialpad/dialtone-icons/vue2/hash";
 import Ie from "@dialpad/dialtone-icons/vue2/lock";
 import Ae from "deep-equal";
-import Oe from "../button/button.js";
-import Be from "../../common/mixins/localization.js";
+import Be from "../button/button.js";
+import Oe from "../../common/mixins/localization.js";
 const Pe = {
   name: "EmojiComponent",
   components: {
@@ -143,12 +143,12 @@ var Ne = function() {
       return o.preventDefault(), t.onKeyDown.apply(null, arguments);
     } } }, [n(t.itemComponent, { tag: "component", attrs: { item: r } })], 1);
   }), 1)]);
-}, qe = [], Ue = /* @__PURE__ */ c(
+}, Ke = [], qe = /* @__PURE__ */ c(
   Fe,
   Ne,
-  qe
+  Ke
 );
-const k = Ue.exports, Ke = {
+const k = qe.exports, Ue = {
   name: "EmojiSuggestion",
   components: {
     DtEmoji: P,
@@ -165,7 +165,7 @@ var We = function() {
   var t = this, n = t._self._c;
   return n("dt-stack", { attrs: { direction: "row", gap: "400" } }, [n("dt-emoji", { attrs: { size: "200", code: t.item.code } }), t._v(" " + t._s(t.item.code) + " ")], 1);
 }, Ve = [], ze = /* @__PURE__ */ c(
-  Ke,
+  Ue,
   We,
   Ve
 );
@@ -253,7 +253,7 @@ const Xe = ze.exports, C = {
       }
     };
   }
-}, Ge = /(:\w+:)$/, Qe = new RegExp(B + "$"), Ze = (e) => {
+}, Ge = /(:\w+:)$/, Qe = new RegExp(O + "$"), Ze = (e) => {
   if (e && L(e[0]))
     return { text: e[2] || e[0] };
 }, et = (e) => [...e.matchAll(xe)].filter((n) => L(n[0])).map((n) => ({
@@ -296,7 +296,7 @@ const Xe = ze.exports, C = {
   },
   addInputRules() {
     return [
-      new q({
+      new K({
         find: (e) => {
           const t = e.match(Ge) || e.match(Qe);
           if (t)
@@ -400,7 +400,7 @@ function S(e, t, n, r) {
   return o <= 0 || o >= e.length || o === t ? s : S(e, o, n, r);
 }
 function ot(e, t, n, r) {
-  const s = Math.max(e.from - 1, 0), o = Math.min(e.to + 1, t.content.size), i = U(s, o, t);
+  const s = Math.max(e.from - 1, 0), o = Math.min(e.to + 1, t.content.size), i = q(s, o, t);
   for (const a of i)
     a.mark.type === r && n.removeMark(a.from, a.to, r);
 }
@@ -436,7 +436,7 @@ function at(e) {
         return;
       const { tr: i } = s, { textContent: a } = s.doc;
       t || A(a, 0, 0, a.length, i, e.type), t = !0;
-      const l = K(
+      const l = U(
         r.doc,
         [...n]
       );
@@ -506,7 +506,7 @@ const lt = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), ut = O.extend({
+}).configure({ inline: !0, allowBase64: !0 }), ut = B.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
@@ -783,12 +783,12 @@ const Lt = St.exports, Rt = (e, t) => [...e.matchAll(t)].map((r) => {
 var At = function() {
   var t = this, n = t._self._c;
   return n("dt-stack", { staticClass: "d-mention-suggestion__container", attrs: { direction: "row", gap: "400" } }, [n("dt-avatar", { attrs: { "full-name": t.name, "image-src": t.avatarSrc, "image-alt": t.name, "show-presence": t.showDetails, presence: t.presence, size: "sm" } }), n("dt-stack", { staticClass: "d-mention-suggestion__details-container", attrs: { gap: "100" } }, [n("span", { staticClass: "d-mention-suggestion__name" }, [t._v(" " + t._s(t.name) + " ")]), t.showDetails ? n("dt-stack", { staticClass: "d-label--sm-plain", attrs: { direction: "row", gap: "300" } }, [t.presenceText ? n("span", { staticClass: "d-mention-suggestion__presence", class: [t.presenceFontColorClass] }, [t._v(" " + t._s(t.presenceText) + " ")]) : t._e(), t.status && t.presenceText ? n("div", { staticClass: "d-mention-suggestion__divider" }, [t._v(" • ")]) : t._e(), t.status ? n("div", { staticClass: "d-mention-suggestion__status" }, [t._v(" " + t._s(t.status) + " ")]) : t._e()]) : t._e()], 1)], 1);
-}, Ot = [], Bt = /* @__PURE__ */ c(
+}, Bt = [], Ot = /* @__PURE__ */ c(
   It,
   At,
-  Ot
+  Bt
 );
-const Pt = Bt.exports, Mt = {
+const Pt = Ot.exports, Mt = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
@@ -865,7 +865,7 @@ var Ht = function() {
   Ht,
   jt
 );
-const Nt = Ft.exports, qt = {
+const Nt = Ft.exports, Kt = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
@@ -915,7 +915,7 @@ const Nt = Ft.exports, qt = {
       }
     };
   }
-}, Ut = {
+}, qt = {
   name: "SlashCommandSuggestion",
   props: {
     item: {
@@ -935,12 +935,12 @@ const Nt = Ft.exports, qt = {
     }
   }
 };
-var Kt = function() {
+var Ut = function() {
   var t = this, n = t._self._c;
   return n("div", [n("div", { staticClass: "d-body--md-compact" }, [n("span", [t._v("/" + t._s(t.command))]), t.parametersExample ? n("span", [t._v(" " + t._s(t.parametersExample))]) : t._e()]), n("div", { staticClass: "d-body--sm d-fc-tertiary" }, [t._v(" " + t._s(t.description) + " ")])]);
 }, Wt = [], Vt = /* @__PURE__ */ c(
+  qt,
   Ut,
-  Kt,
   Wt
 );
 const zt = Vt.exports, Xt = {
@@ -999,10 +999,10 @@ const zt = Vt.exports, Xt = {
   components: {
     EditorContent: H,
     BubbleMenu: j,
-    DtButton: Oe,
+    DtButton: Be,
     DtStack: v
   },
-  mixins: [Be],
+  mixins: [Oe],
   props: {
     /**
      * Value of the input. The object format should match TipTap's JSON
@@ -1366,7 +1366,7 @@ const zt = Vt.exports, Xt = {
     // eslint-disable-next-line complexity
     extensions() {
       const e = [Z, de, me, te];
-      e.push(this.useDivTags ? ut : O), this.allowBlockquote && e.push(Y), this.allowBold && e.push(ne), this.allowBulletList && (e.push(re), e.push(oe.extend({
+      e.push(this.useDivTags ? ut : B), this.allowBlockquote && e.push(Y), this.allowBold && e.push(ne), this.allowBulletList && (e.push(re), e.push(oe.extend({
         renderText({ node: r }) {
           return r.textContent;
         }
@@ -1399,7 +1399,7 @@ const zt = Vt.exports, Xt = {
         e.push(_t.configure({ suggestion: r }));
       }
       if (this.channelSuggestion) {
-        const r = { ...this.channelSuggestion, ...qt };
+        const r = { ...this.channelSuggestion, ...Kt };
         e.push(kt.configure({ suggestion: r }));
       }
       if (this.slashCommandSuggestion) {
@@ -1480,7 +1480,11 @@ ${r.textContent}
             ...this.inputAttrs,
             class: this.inputClass
           },
-          handleKeyDown: (e, t) => !!(this.preventTyping && t.key !== "Backspace"),
+          handleKeyDown: (e, t) => {
+            if (!this.preventTyping) return !1;
+            const n = ["Backspace"];
+            return !this.allowLineBreaks && !t.shiftKey && n.push("Enter"), !n.includes(t.key);
+          },
           handlePaste: (e, t, n) => {
             const r = t.clipboardData || window.clipboardData, s = r.getData("text/plain"), o = r.getData("text/html");
             return this.processPasteData(e, s, o);
@@ -1539,7 +1543,7 @@ ${r.textContent}
       const n = this.getOutput();
       if (!(t && Ae(e, n))) {
         if (typeof e == "string" && this.outputFormat === "text") {
-          const r = new RegExp(`(${B})`, "g");
+          const r = new RegExp(`(${O})`, "g");
           e = e == null ? void 0 : e.replace(r, '<emoji-component code="$1"></emoji-component>');
         }
         this.editor.commands.setContent(e, !1, { preserveWhitespace: "full" });
@@ -1680,8 +1684,8 @@ var Yt = function() {
   Yt,
   Gt
 );
-const Kn = Qt.exports;
+const Un = Qt.exports;
 export {
-  Kn as default
+  Un as default
 };
 //# sourceMappingURL=rich-text-editor.js.map