@select-org/post-components 2.1.0 → 2.1.2

package/dist/index.d.ts

@@ -165,6 +165,11 @@ interface Props$a {
     hideEmailDescription?: boolean;
     isEmailPost?: boolean;
     onNavigate?: (href: string, isInternal: boolean) => void;
+    linkComponent?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+    }>;
     supportDeepviewDomain?: string | string[];
 }
 declare const PostBody: React.FC<Props$a>;
@@ -215,6 +220,11 @@ interface Props$9 {
     }>;
     mediaItemStatuses?: Record<string, MediaUploadStatus>;
     onNavigate?: (href: string, isInternal: boolean) => void;
+    linkComponent?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+    }>;
     supportDeepviewDomain?: string | string[];
 }
 declare const PostItemsView: React.FC<Props$9>;
@@ -244,6 +254,11 @@ interface Props$6 {
     showFullText: boolean;
     isPostDetail: boolean;
     onNavigate?: (href: string, isInternal: boolean) => void;
+    linkComponent?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+    }>;
     supportDeepviewDomain?: string | string[];
 }
 declare const PostTextItem: React.FC<Props$6>;
@@ -253,6 +268,11 @@ interface Props$5 {
     isPostDetail: boolean;
     onCardPress: () => void;
     onNavigate?: (href: string, isInternal: boolean) => void;
+    linkComponent?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+    }>;
     supportDeepviewDomain?: string | string[];
     imageComponent?: React.ComponentType<{
         src: string;
@@ -351,6 +371,11 @@ interface AutoLinkProps {
     text: string;
     mentionData?: MentionData[];
     onNavigate?: (href: string, isInternal: boolean) => void;
+    linkComponent?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+    }>;
     supportDeepviewDomain?: string | string[];
     phone?: any;
     email?: any;
@@ -360,7 +385,7 @@ interface AutoLinkProps {
     className?: string;
 }
 declare const AutoLink: {
-    ({ text: textProp, mentionData, onNavigate, supportDeepviewDomain, phone, email, stripPrefix, style, mentionClassName: mentionClassNameProp, className, }: AutoLinkProps): React.JSX.Element | null;
+    ({ text: textProp, mentionData, onNavigate, linkComponent, supportDeepviewDomain, phone, email, stripPrefix, style, mentionClassName: mentionClassNameProp, className, }: AutoLinkProps): React.JSX.Element | null;
     truncate: (text: string, { truncate: len, truncateChars, truncateLocation }?: TruncateOptions) => string;
 };
 

package/dist/index.js

@@ -284,7 +284,7 @@ var PostHeader = ({
     LinkComponent,
     {
       href: groupHref,
-      className: "text-action-primary font-medium hover:underline cursor-pointer bg-transparent border-none p-0",
+      className: "text-action-primary font-medium no-underline hover:underline cursor-pointer bg-transparent border-none p-0",
       children: [
         "#",
         group.name
@@ -295,7 +295,7 @@ var PostHeader = ({
     {
       href: groupHref,
       onClick: (e) => e.stopPropagation(),
-      className: "text-action-primary font-medium hover:underline cursor-pointer bg-transparent border-none p-0",
+      className: "text-action-primary font-medium no-underline hover:underline cursor-pointer bg-transparent border-none p-0",
       title: group.name,
       "aria-label": `View group ${group.name}`,
       children: [
@@ -525,6 +525,7 @@ var AutoLink = ({
   text: textProp,
   mentionData = [],
   onNavigate,
+  linkComponent,
   supportDeepviewDomain = "",
   phone = true,
   email = true,
@@ -598,10 +599,25 @@ var AutoLink = ({
   const renderMentionData = useCallback(
     (fmData, key) => {
       const href = fmData.type === MENTION_TYPE.HASHTAG ? `/groups/${fmData.data.selectId}` : `/users/${fmData.data.selectId || fmData.data.id}`;
+      const className2 = `no-underline hover:underline context-menu-ios-disable cursor-pointer ${mentionClassName}`;
+      if (linkComponent) {
+        const LinkComponent = linkComponent;
+        return /* @__PURE__ */ jsx3(
+          "span",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              e.nativeEvent.stopImmediatePropagation();
+            },
+            children: /* @__PURE__ */ jsx3(LinkComponent, { href, className: className2, children: fmData.name })
+          },
+          key + fmData.index
+        );
+      }
       return /* @__PURE__ */ jsx3(
         "a",
         {
-          className: `context-menu-ios-disable cursor-pointer ${mentionClassName}`,
+          className: className2,
           href,
           onClick: (e) => {
             e.stopPropagation();
@@ -613,7 +629,7 @@ var AutoLink = ({
         key + fmData.index
       );
     },
-    [mentionClassName, handleNavigate]
+    [mentionClassName, handleNavigate, linkComponent]
   );
   const renderTextNodes = useCallback(() => {
     let text = textProp;
@@ -1011,6 +1027,7 @@ var PostBody = ({
   hideEmailDescription = false,
   isEmailPost = false,
   onNavigate,
+  linkComponent,
   supportDeepviewDomain
 }) => {
   const { plain, html, truncatedPlain, mentionData } = textContent;
@@ -1071,6 +1088,7 @@ var PostBody = ({
         text: displayText,
         mentionData,
         onNavigate,
+        linkComponent,
         supportDeepviewDomain,
         className: "whitespace-normal px-4 pb-4 leading-relaxed text-gray-800",
         style: {
@@ -1104,6 +1122,7 @@ var PostBody = ({
           text: displayText,
           mentionData,
           onNavigate,
+          linkComponent,
           supportDeepviewDomain,
           className: "whitespace-normal leading-relaxed text-gray-600 line-clamp-3",
           style: { whiteSpace: "pre-wrap", wordBreak: "break-word" }
@@ -1834,6 +1853,7 @@ var PostTextItem = ({
   textItems,
   showFullText,
   onNavigate,
+  linkComponent,
   supportDeepviewDomain
 }) => {
   return /* @__PURE__ */ jsx14("div", { className: "flex-1", children: /* @__PURE__ */ jsx14("div", { children: textItems.map((item, index) => {
@@ -1846,6 +1866,7 @@ var PostTextItem = ({
         text: showFullText ? text : TruncateText(text, 300),
         mentionData,
         onNavigate,
+        linkComponent,
         supportDeepviewDomain,
         className: "whitespace-normal px-4 pb-4 leading-relaxed text-gray-800",
         style: {
@@ -2238,6 +2259,7 @@ var PostItemsView = ({
   imageComponent,
   mediaItemStatuses,
   onNavigate,
+  linkComponent,
   supportDeepviewDomain
 }) => {
   if (!primaryContent) return null;
@@ -2293,6 +2315,7 @@ var PostItemsView = ({
           showFullText: isPostDetail,
           isPostDetail,
           onNavigate,
+          linkComponent,
           supportDeepviewDomain
         }
       );
@@ -2405,6 +2428,7 @@ var PostSectionsView = ({
   isPostDetail,
   onCardPress,
   onNavigate,
+  linkComponent,
   supportDeepviewDomain,
   imageComponent
 }) => {
@@ -2423,6 +2447,7 @@ var PostSectionsView = ({
             },
             mentionData: data.mentionData,
             onNavigate,
+            linkComponent,
             supportDeepviewDomain
           },
           `${index} - ${data.body}`
@@ -2448,6 +2473,7 @@ var PostSectionsView = ({
               },
               mentionData: data.mentionData,
               onNavigate,
+              linkComponent,
               supportDeepviewDomain
             },
             `${index} - ${data.body}`
@@ -2961,6 +2987,7 @@ var PostCard = ({
               isEmailPost,
               hideEmailDescription: isEmailPost && !isPostDetail && resolvedContent.primaryContent?.type === "media",
               onNavigate,
+              linkComponent,
               supportDeepviewDomain
             }
           ),
@@ -2972,6 +2999,7 @@ var PostCard = ({
               onCardPress: onCardPress ?? (() => {
               }),
               onNavigate,
+              linkComponent,
               supportDeepviewDomain,
               imageComponent
             }
@@ -2991,6 +3019,7 @@ var PostCard = ({
               imageComponent,
               mediaItemStatuses,
               onNavigate,
+              linkComponent,
               supportDeepviewDomain
             }
           ),