@select-org/select-post-builder 1.1.9 → 1.1.10

package/dist/post-builder.cjs.js

@@ -29438,18 +29438,18 @@ const Mention = core.Node.create({
     return {
       id: {
         default: null,
-        parseHTML: (element) => element.getAttribute("data-id"),
+        parseHTML: (element) => element.getAttribute("data-mention-id"),
         renderHTML: (attributes) => {
           if (!attributes.id) return {};
-          return { "data-id": attributes.id };
+          return { "data-mention-id": attributes.id };
         }
       },
       label: {
         default: null,
-        parseHTML: (element) => element.getAttribute("data-label"),
+        parseHTML: (element) => element.getAttribute("data-mention-label"),
         renderHTML: (attributes) => {
           if (!attributes.label) return {};
-          return { "data-label": attributes.label };
+          return { "data-mention-label": attributes.label };
         }
       },
       mentionSuggestionChar: {
@@ -29459,14 +29459,70 @@ const Mention = core.Node.create({
           return { "data-mention-suggestion-char": attributes.mentionSuggestionChar };
         }
       },
-      avatar: { default: null, parseHTML: () => null, renderHTML: () => ({}) },
-      inThisThread: { default: 1, parseHTML: () => null, renderHTML: () => ({}) },
-      name: { default: null, parseHTML: () => null, renderHTML: () => ({}) },
-      selectId: { default: null, parseHTML: () => null, renderHTML: () => ({}) },
-      type: { default: null, parseHTML: () => null, renderHTML: () => ({}) },
-      from: { default: PostType.Post, parseHTML: () => null, renderHTML: () => ({}) },
-      isCrossExposureEnable: { default: null, parseHTML: () => null, renderHTML: () => ({}) },
-      matchStartPosition: { default: -1, parseHTML: () => null, renderHTML: () => ({}) }
+      avatar: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-mention-avatar"),
+        renderHTML: (attributes) => {
+          if (!attributes.avatar) return {};
+          return { "data-mention-avatar": attributes.avatar };
+        }
+      },
+      inThisThread: {
+        default: 1,
+        parseHTML: (element) => element.getAttribute("data-mention-in-this-thread"),
+        renderHTML: (attributes) => {
+          if (!attributes.inThisThread) return {};
+          return { "data-mention-in-this-thread": attributes.inThisThread };
+        }
+      },
+      name: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-mention-name"),
+        renderHTML: (attributes) => {
+          if (!attributes.name) return {};
+          return { "data-mention-name": attributes.name };
+        }
+      },
+      selectId: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-mention-select-id"),
+        renderHTML: (attributes) => {
+          if (!attributes.selectId) return {};
+          return { "data-mention-select-id": attributes.selectId };
+        }
+      },
+      type: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-mention-type"),
+        renderHTML: (attributes) => {
+          if (!attributes.type) return {};
+          return { "data-mention-type": attributes.type };
+        }
+      },
+      from: {
+        default: PostType.Post,
+        parseHTML: (element) => element.getAttribute("data-mention-from"),
+        renderHTML: (attributes) => {
+          if (!attributes.from) return {};
+          return { "data-mention-from": attributes.from };
+        }
+      },
+      isCrossExposureEnable: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-mention-is-cross-exposure-enable"),
+        renderHTML: (attributes) => {
+          if (!attributes.isCrossExposureEnable) return {};
+          return { "data-mention-is-cross-exposure-enable": attributes.isCrossExposureEnable };
+        }
+      },
+      matchStartPosition: {
+        default: -1,
+        parseHTML: (element) => element.getAttribute("data-mention-match-start-position"),
+        renderHTML: (attributes) => {
+          if (!attributes.matchStartPosition) return {};
+          return { "data-mention-match-start-position": attributes.matchStartPosition };
+        }
+      }
     };
   },
   parseHTML() {
@@ -30573,8 +30629,16 @@ const configureMentionExtension = (api, mfs, store) => {
     },
     renderHTML({ node, suggestion: suggestion2, isFocused }) {
       const char = suggestion2?.char ?? "@";
+      const avatar = node?.attrs?.avatar;
+      const type = node?.attrs?.type;
+      const from = node?.attrs?.from;
+      const inThisThread = node?.attrs?.inThisThread;
+      const isCrossExposureEnable = node?.attrs?.isCrossExposureEnable;
+      const matchStartPosition = node?.attrs?.matchStartPosition;
+      const selectId = node?.attrs?.selectId;
       const label = node.attrs.label ?? node.attrs.id;
       const id = node.attrs.id;
+      const name = node?.attrs?.name;
       const isRNWebView = isReactNativeWebView();
       const mentionClasses = char === "@" ? "inline-block rounded italic font-medium cursor-pointer transition-all duration-200 text-blue-700 dark:text-blue-300" : "inline-block rounded italic font-medium cursor-pointer transition-all duration-200 text-blue-700 dark:text-blue-300";
       const baseAttributes = {
@@ -30582,6 +30646,17 @@ const configureMentionExtension = (api, mfs, store) => {
         "data-id": id,
         "data-label": label,
         "data-mention-suggestion-char": char,
+        // Newly added attributes
+        "data-mention-id": id,
+        "data-mention-label": label,
+        "data-mention-avatar": avatar,
+        "data-mention-in-this-thread": inThisThread,
+        "data-mention-name": name,
+        "data-mention-select-id": selectId,
+        "data-mention-type": type,
+        "data-mention-from": from,
+        "data-mention-is-cross-exposure-enable": isCrossExposureEnable,
+        "data-mention-match-start-position": matchStartPosition,
         class: mentionClasses
       };
       if (isRNWebView) {

package/dist/post-builder.js

@@ -29408,18 +29408,18 @@ const Mention = Node$1.create({
     return {
       id: {
         default: null,
-        parseHTML: (element) => element.getAttribute("data-id"),
+        parseHTML: (element) => element.getAttribute("data-mention-id"),
         renderHTML: (attributes) => {
           if (!attributes.id) return {};
-          return { "data-id": attributes.id };
+          return { "data-mention-id": attributes.id };
         }
       },
       label: {
         default: null,
-        parseHTML: (element) => element.getAttribute("data-label"),
+        parseHTML: (element) => element.getAttribute("data-mention-label"),
         renderHTML: (attributes) => {
           if (!attributes.label) return {};
-          return { "data-label": attributes.label };
+          return { "data-mention-label": attributes.label };
         }
       },
       mentionSuggestionChar: {
@@ -29429,14 +29429,70 @@ const Mention = Node$1.create({
           return { "data-mention-suggestion-char": attributes.mentionSuggestionChar };
         }
       },
-      avatar: { default: null, parseHTML: () => null, renderHTML: () => ({}) },
-      inThisThread: { default: 1, parseHTML: () => null, renderHTML: () => ({}) },
-      name: { default: null, parseHTML: () => null, renderHTML: () => ({}) },
-      selectId: { default: null, parseHTML: () => null, renderHTML: () => ({}) },
-      type: { default: null, parseHTML: () => null, renderHTML: () => ({}) },
-      from: { default: PostType.Post, parseHTML: () => null, renderHTML: () => ({}) },
-      isCrossExposureEnable: { default: null, parseHTML: () => null, renderHTML: () => ({}) },
-      matchStartPosition: { default: -1, parseHTML: () => null, renderHTML: () => ({}) }
+      avatar: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-mention-avatar"),
+        renderHTML: (attributes) => {
+          if (!attributes.avatar) return {};
+          return { "data-mention-avatar": attributes.avatar };
+        }
+      },
+      inThisThread: {
+        default: 1,
+        parseHTML: (element) => element.getAttribute("data-mention-in-this-thread"),
+        renderHTML: (attributes) => {
+          if (!attributes.inThisThread) return {};
+          return { "data-mention-in-this-thread": attributes.inThisThread };
+        }
+      },
+      name: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-mention-name"),
+        renderHTML: (attributes) => {
+          if (!attributes.name) return {};
+          return { "data-mention-name": attributes.name };
+        }
+      },
+      selectId: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-mention-select-id"),
+        renderHTML: (attributes) => {
+          if (!attributes.selectId) return {};
+          return { "data-mention-select-id": attributes.selectId };
+        }
+      },
+      type: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-mention-type"),
+        renderHTML: (attributes) => {
+          if (!attributes.type) return {};
+          return { "data-mention-type": attributes.type };
+        }
+      },
+      from: {
+        default: PostType.Post,
+        parseHTML: (element) => element.getAttribute("data-mention-from"),
+        renderHTML: (attributes) => {
+          if (!attributes.from) return {};
+          return { "data-mention-from": attributes.from };
+        }
+      },
+      isCrossExposureEnable: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-mention-is-cross-exposure-enable"),
+        renderHTML: (attributes) => {
+          if (!attributes.isCrossExposureEnable) return {};
+          return { "data-mention-is-cross-exposure-enable": attributes.isCrossExposureEnable };
+        }
+      },
+      matchStartPosition: {
+        default: -1,
+        parseHTML: (element) => element.getAttribute("data-mention-match-start-position"),
+        renderHTML: (attributes) => {
+          if (!attributes.matchStartPosition) return {};
+          return { "data-mention-match-start-position": attributes.matchStartPosition };
+        }
+      }
     };
   },
   parseHTML() {
@@ -30543,8 +30599,16 @@ const configureMentionExtension = (api, mfs, store) => {
     },
     renderHTML({ node, suggestion, isFocused }) {
       const char = suggestion?.char ?? "@";
+      const avatar = node?.attrs?.avatar;
+      const type = node?.attrs?.type;
+      const from = node?.attrs?.from;
+      const inThisThread = node?.attrs?.inThisThread;
+      const isCrossExposureEnable = node?.attrs?.isCrossExposureEnable;
+      const matchStartPosition = node?.attrs?.matchStartPosition;
+      const selectId = node?.attrs?.selectId;
       const label = node.attrs.label ?? node.attrs.id;
       const id = node.attrs.id;
+      const name = node?.attrs?.name;
       const isRNWebView = isReactNativeWebView();
       const mentionClasses = char === "@" ? "inline-block rounded italic font-medium cursor-pointer transition-all duration-200 text-blue-700 dark:text-blue-300" : "inline-block rounded italic font-medium cursor-pointer transition-all duration-200 text-blue-700 dark:text-blue-300";
       const baseAttributes = {
@@ -30552,6 +30616,17 @@ const configureMentionExtension = (api, mfs, store) => {
         "data-id": id,
         "data-label": label,
         "data-mention-suggestion-char": char,
+        // Newly added attributes
+        "data-mention-id": id,
+        "data-mention-label": label,
+        "data-mention-avatar": avatar,
+        "data-mention-in-this-thread": inThisThread,
+        "data-mention-name": name,
+        "data-mention-select-id": selectId,
+        "data-mention-type": type,
+        "data-mention-from": from,
+        "data-mention-is-cross-exposure-enable": isCrossExposureEnable,
+        "data-mention-match-start-position": matchStartPosition,
         class: mentionClasses
       };
       if (isRNWebView) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@select-org/select-post-builder",
-  "version": "1.1.9",
+  "version": "1.1.10",
   "description": "A reusable, extensible Post Builder widget for the Select platform and beyond.",
   "main": "./dist/post-builder.cjs.js",
   "module": "./dist/post-builder.js",