@cgboiler/biz-basic 1.0.38 → 1.0.40

package/es/index.d.ts

@@ -5,6 +5,6 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.0.37";
+export const version: "1.0.39";
 import RichTextEditor from './rich-text-editor';
 export { RichTextEditor };

package/es/index.js

@@ -1,5 +1,5 @@
 import RichTextEditor from "./rich-text-editor";
-const version = "1.0.37";
+const version = "1.0.39";
 function install(app) {
   const components = [
     RichTextEditor

package/es/rich-text-editor/RichTextEditor.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "hashTag-triggered" | "hashTag-input" | "hashTag-exit" | "mention-triggered" | "update:modelValue" | "hashTag-clicked")[], "blur" | "focus" | "hashTag-triggered" | "hashTag-input" | "hashTag-exit" | "mention-triggered" | "update:modelValue" | "hashTag-clicked", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "hashTag-triggered" | "hashTag-input" | "hashTag-exit" | "mention-triggered" | "update:modelValue" | "mention-clicked" | "hashTag-clicked")[], "blur" | "focus" | "hashTag-triggered" | "hashTag-input" | "hashTag-exit" | "mention-triggered" | "update:modelValue" | "mention-clicked" | "hashTag-clicked", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -40,6 +40,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onHashTag-exit"?: ((...args: any[]) => any) | undefined;
     "onMention-triggered"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onMention-clicked"?: ((...args: any[]) => any) | undefined;
     "onHashTag-clicked"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: string;

package/es/rich-text-editor/RichTextEditor.js

@@ -31,7 +31,7 @@ import "./index.css";
 var stdin_default = defineComponent({
   name: "RichTextEditor",
   props: richTextEditorProps,
-  emits: ["update:modelValue", "mention-triggered", "hashTag-triggered", "hashTag-input", "hashTag-exit", "hashTag-clicked", "blur", "focus"],
+  emits: ["update:modelValue", "mention-triggered", "mention-clicked", "hashTag-triggered", "hashTag-input", "hashTag-exit", "hashTag-clicked", "blur", "focus"],
   setup(props, {
     emit,
     expose
@@ -99,14 +99,10 @@ var stdin_default = defineComponent({
         }
       });
     };
-    const focus = () => {
-      editor.value.commands.focus();
-    };
     expose({
       getEditor: () => editor.value,
       insertMention,
-      insertHashTag,
-      focus
+      insertHashTag
     });
     watch(() => props.modelValue, (newValue) => {
       var _a, _b;
@@ -170,6 +166,21 @@ var stdin_default = defineComponent({
         return;
       }
     };
+    const mentionClickHandler = (event) => {
+      const target = event.target;
+      const tagEl = target.closest(".mention") || null;
+      if (tagEl) {
+        const id = tagEl.getAttribute("data-id") || "";
+        const label = tagEl.getAttribute("data-label") || tagEl.textContent || "";
+        emit("mention-clicked", {
+          userId: id,
+          name: label
+        });
+        event.stopPropagation();
+        event.preventDefault();
+        return;
+      }
+    };
     const HISTORY_METADATA_KEY = "rich_text_editor_history_metadata";
     const MAX_HISTORY_ITEMS = 10;
     let saveTimeoutId = null;
@@ -222,6 +233,7 @@ var stdin_default = defineComponent({
         if (editorElement) {
           editorElement.addEventListener("click", imageClickHandler);
           editorElement.addEventListener("click", hashTagClickHandler);
+          editorElement.addEventListener("click", mentionClickHandler);
         }
       });
     });
@@ -234,6 +246,7 @@ var stdin_default = defineComponent({
       if (editorElement) {
         editorElement.removeEventListener("click", imageClickHandler);
         editorElement.removeEventListener("click", hashTagClickHandler);
+        editorElement.removeEventListener("click", mentionClickHandler);
       }
       (_c = editor.value) == null ? void 0 : _c.destroy();
     });

package/lib/index.d.ts

@@ -5,6 +5,6 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.0.37";
+export const version: "1.0.39";
 import RichTextEditor from './rich-text-editor';
 export { RichTextEditor };

package/lib/index.js

@@ -36,7 +36,7 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_rich_text_editor = __toESM(require("./rich-text-editor"));
 __reExport(stdin_exports, require("./rich-text-editor"), module.exports);
-const version = "1.0.37";
+const version = "1.0.39";
 function install(app) {
   const components = [
     import_rich_text_editor.default

package/lib/rich-text-editor/RichTextEditor.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "hashTag-triggered" | "hashTag-input" | "hashTag-exit" | "mention-triggered" | "update:modelValue" | "hashTag-clicked")[], "blur" | "focus" | "hashTag-triggered" | "hashTag-input" | "hashTag-exit" | "mention-triggered" | "update:modelValue" | "hashTag-clicked", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "hashTag-triggered" | "hashTag-input" | "hashTag-exit" | "mention-triggered" | "update:modelValue" | "mention-clicked" | "hashTag-clicked")[], "blur" | "focus" | "hashTag-triggered" | "hashTag-input" | "hashTag-exit" | "mention-triggered" | "update:modelValue" | "mention-clicked" | "hashTag-clicked", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -40,6 +40,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onHashTag-exit"?: ((...args: any[]) => any) | undefined;
     "onMention-triggered"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onMention-clicked"?: ((...args: any[]) => any) | undefined;
     "onHashTag-clicked"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: string;

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

@@ -63,7 +63,7 @@ var import_index = require("./index.css");
 var stdin_default = (0, import_vue2.defineComponent)({
   name: "RichTextEditor",
   props: import_types.richTextEditorProps,
-  emits: ["update:modelValue", "mention-triggered", "hashTag-triggered", "hashTag-input", "hashTag-exit", "hashTag-clicked", "blur", "focus"],
+  emits: ["update:modelValue", "mention-triggered", "mention-clicked", "hashTag-triggered", "hashTag-input", "hashTag-exit", "hashTag-clicked", "blur", "focus"],
   setup(props, {
     emit,
     expose
@@ -131,14 +131,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       });
     };
-    const focus = () => {
-      editor.value.commands.focus();
-    };
     expose({
       getEditor: () => editor.value,
       insertMention,
-      insertHashTag,
-      focus
+      insertHashTag
     });
     (0, import_vue2.watch)(() => props.modelValue, (newValue) => {
       var _a, _b;
@@ -202,6 +198,21 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return;
       }
     };
+    const mentionClickHandler = (event) => {
+      const target = event.target;
+      const tagEl = target.closest(".mention") || null;
+      if (tagEl) {
+        const id = tagEl.getAttribute("data-id") || "";
+        const label = tagEl.getAttribute("data-label") || tagEl.textContent || "";
+        emit("mention-clicked", {
+          userId: id,
+          name: label
+        });
+        event.stopPropagation();
+        event.preventDefault();
+        return;
+      }
+    };
     const HISTORY_METADATA_KEY = "rich_text_editor_history_metadata";
     const MAX_HISTORY_ITEMS = 10;
     let saveTimeoutId = null;
@@ -254,6 +265,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         if (editorElement) {
           editorElement.addEventListener("click", imageClickHandler);
           editorElement.addEventListener("click", hashTagClickHandler);
+          editorElement.addEventListener("click", mentionClickHandler);
         }
       });
     });
@@ -266,6 +278,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (editorElement) {
         editorElement.removeEventListener("click", imageClickHandler);
         editorElement.removeEventListener("click", hashTagClickHandler);
+        editorElement.removeEventListener("click", mentionClickHandler);
       }
       (_c = editor.value) == null ? void 0 : _c.destroy();
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgboiler/biz-basic",
-  "version": "1.0.38",
+  "version": "1.0.40",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",